{"id":2709,"date":"2018-11-09T07:05:41","date_gmt":"2018-11-09T15:05:41","guid":{"rendered":"http:\/\/www.letoon.com.tr\/?p=2709"},"modified":"2026-08-27T10:04:08","modified_gmt":"2026-08-27T07:04:08","slug":"evonik","status":"publish","type":"post","link":"https:\/\/www.letoon.com.tr\/eng\/evonik\/","title":{"rendered":"Evonik"},"content":{"rendered":"\n<!-- Premium Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Segoe+UI:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- FontAwesome Icons -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<!-- Lenis Smooth Scroll CSS -->\n<style>\n    html.lenis, html.lenis body {\n        height: auto;\n    }\n    .lenis.lenis-smooth {\n        scroll-behavior: auto !important;\n    }\n    .lenis.lenis-smooth [data-lenis-prevent] {\n        overscroll-behavior: contain;\n    }\n    .lenis.lenis-stopped {\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n  \/* --- EVONIK BRAND VARIABLES --- *\/\n  :root {\n    --evonik-purple: #863a7a;\n    --evonik-dark-purple: #5c2b54;\n    --evonik-red: #cf2332;\n    --evonik-bg-light: #fcf8fb;\n    --card-bg: #ffffff;\n    --text-dark: #222222;\n    --text-muted: #555555;\n    --shadow-soft: 0 10px 30px rgba(134, 58, 122, 0.06);\n    --shadow-hover: 0 20px 45px rgba(134, 58, 122, 0.16);\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .evonik-wrapper {\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: 50px 20px 80px 20px;\n    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: var(--text-dark);\n    line-height: 1.6;\n  }\n\n  \/* --- HERO HEADER --- *\/\n  .evonik-header-card {\n    background: linear-gradient(135deg, #ffffff 0%, #f7ebf5 100%);\n    border: 1px solid rgba(134, 58, 122, 0.2);\n    border-radius: 20px;\n    padding: 40px;\n    margin-bottom: 40px;\n    position: relative;\n    box-shadow: var(--shadow-soft);\n    overflow: hidden;\n    will-change: transform, opacity;\n  }\n\n  .evonik-header-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; width: 8px; height: 100%;\n    background: linear-gradient(to bottom, var(--evonik-purple), var(--evonik-red));\n  }\n\n  .evonik-brand-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(134, 58, 122, 0.1);\n    color: var(--evonik-purple);\n    padding: 6px 16px;\n    border-radius: 30px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 15px;\n  }\n\n  .evonik-main-title {\n    font-size: clamp(2.2rem, 4vw, 3rem);\n    font-weight: 800;\n    color: var(--evonik-purple);\n    margin-bottom: 10px;\n    line-height: 1.15;\n  }\n\n  .evonik-subtitle {\n    font-size: 1.15rem;\n    color: var(--text-muted);\n    max-width: 800px;\n    margin-bottom: 25px;\n  }\n\n  \/* Featured Home Link Button *\/\n  .evonik-featured-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: var(--evonik-purple);\n    color: #ffffff !important;\n    padding: 16px 30px;\n    border-radius: 12px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1rem;\n    box-shadow: 0 8px 20px rgba(134, 58, 122, 0.25);\n    cursor: pointer;\n    will-change: transform, background-color, box-shadow;\n  }\n\n  .evonik-featured-link i {\n    font-size: 1.2rem;\n  }\n\n  \/* --- SECTION TITLES --- *\/\n  .evonik-section-header {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin: 45px 0 25px 0;\n    will-change: transform, opacity;\n  }\n\n  .evonik-section-header h3 {\n    font-size: 1.5rem;\n    font-weight: 800;\n    color: var(--evonik-purple);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n  }\n\n  .evonik-section-header .header-line {\n    flex-grow: 1;\n    height: 2px;\n    background: linear-gradient(90deg, rgba(134, 58, 122, 0.3) 0%, transparent 100%);\n    border-radius: 2px;\n  }\n\n  \/* --- GRID LAYOUT --- *\/\n  .evonik-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 25px;\n  }\n\n  \/* --- APPLICATION CARDS --- *\/\n  .evonik-card {\n    background: var(--card-bg);\n    border: 1px solid rgba(134, 58, 122, 0.12);\n    border-radius: 16px;\n    padding: 28px;\n    text-decoration: none;\n    color: var(--text-dark);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    box-shadow: var(--shadow-soft);\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n    will-change: transform, opacity, box-shadow, border-color;\n  }\n\n  .evonik-card-icon {\n    width: 55px;\n    height: 55px;\n    border-radius: 12px;\n    background: rgba(134, 58, 122, 0.08);\n    color: var(--evonik-purple);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    margin-bottom: 20px;\n    will-change: transform, background-color, color;\n  }\n\n  .evonik-card-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--evonik-purple);\n    margin-bottom: 12px;\n    line-height: 1.35;\n  }\n\n  .evonik-card-desc {\n    font-size: 0.95rem;\n    color: var(--text-muted);\n    margin-bottom: 20px;\n    flex-grow: 1;\n  }\n\n  .evonik-card-action {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.88rem;\n    font-weight: 700;\n    color: var(--evonik-red);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: auto;\n  }\n\n  .evonik-card-action i {\n    font-size: 1.1rem;\n    will-change: transform;\n  }\n\n  \/* --- BROCHURE CARD --- *\/\n  .evonik-brochure-card {\n    background: linear-gradient(135deg, #ffffff 0%, #fff5f6 100%);\n    border: 1px solid rgba(207, 35, 50, 0.2);\n    border-radius: 16px;\n    padding: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    gap: 20px;\n    box-shadow: var(--shadow-soft);\n    will-change: transform, opacity;\n  }\n\n  .brochure-info {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n\n  .brochure-icon {\n    width: 60px;\n    height: 60px;\n    border-radius: 14px;\n    background: rgba(207, 35, 50, 0.1);\n    color: var(--evonik-red);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.8rem;\n    flex-shrink: 0;\n  }\n\n  .brochure-text h4 {\n    font-size: 1.25rem;\n    color: var(--evonik-purple);\n    font-weight: 700;\n    margin-bottom: 4px;\n  }\n\n  .brochure-text p {\n    font-size: 0.95rem;\n    color: var(--text-muted);\n  }\n\n  .btn-download {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: var(--evonik-red);\n    color: #ffffff !important;\n    padding: 14px 28px;\n    border-radius: 10px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 0.95rem;\n    box-shadow: 0 6px 18px rgba(207, 35, 50, 0.25);\n    cursor: pointer;\n    will-change: transform, background-color;\n  }\n\n  \/* --- VIDEO CARDS --- *\/\n  .video-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 25px;\n  }\n\n  .video-card {\n    background: var(--card-bg);\n    border-radius: 16px;\n    border: 1px solid rgba(134, 58, 122, 0.12);\n    padding: 22px;\n    text-decoration: none;\n    color: var(--text-dark);\n    display: flex;\n    flex-direction: column;\n    box-shadow: var(--shadow-soft);\n    position: relative;\n    cursor: pointer;\n    will-change: transform, opacity, box-shadow, border-color;\n  }\n\n  .video-thumb-placeholder {\n    width: 100%;\n    height: 150px;\n    border-radius: 10px;\n    background: linear-gradient(135deg, #3d1b40 0%, #863a7a 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 18px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .play-btn {\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    background: #ffffff;\n    color: var(--evonik-red);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    padding-left: 3px;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n    will-change: transform, background-color, color;\n  }\n\n  .video-title {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--evonik-purple);\n    line-height: 1.4;\n    margin-bottom: 12px;\n    flex-grow: 1;\n  }\n\n  .video-tag {\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: var(--evonik-red);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  @media (max-width: 768px) {\n    .evonik-wrapper {\n      padding: 30px 15px 60px 15px;\n    }\n    .evonik-header-card {\n      padding: 25px 20px;\n    }\n    .evonik-grid, .video-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n    .brochure-info {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 12px;\n    }\n    .btn-download {\n      width: 100%;\n      justify-content: center;\n    }\n  }\n<\/style>\n\n<div class=\"evonik-wrapper\">\n\n  <!-- HEADER \/ HOME MODULE -->\n  <header class=\"evonik-header-card\">\n    <div class=\"evonik-brand-badge\">\n      <i class=\"fas fa-shield-halved\"><\/i> EVONIK PROTECTOSIL\u00ae\n    <\/div>\n    <h1 class=\"evonik-main-title\">Silane-Based Surface &#038; Building Protection<\/h1>\n    <p class=\"evonik-subtitle\">\n      Advanced molecular protection for concrete, stone, and monumental structures. Discover high-performance water repellency, anti-graffiti, and corrosion control technologies.\n    <\/p>\n    \n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/why-is-structure-protection-important\/\" class=\"evonik-featured-link\">\n      <span>Why is Structure Protection Important? Why PROTECTOSIL\u00ae?<\/span>\n      <i class=\"fas fa-arrow-right\"><\/i>\n    <\/a>\n  <\/header>\n\n  <!-- APPLICATION SCOPES SECTION -->\n  <div class=\"evonik-section-header\">\n    <h3>Application Scopes<\/h3>\n    <div class=\"header-line\"><\/div>\n  <\/div>\n\n  <div class=\"evonik-grid\">\n    \n    <!-- 1. Water Repellents -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/water-repellents\/\" class=\"evonik-card\">\n      <div class=\"evonik-card-icon\">\n        <i class=\"fas fa-droplet\"><\/i>\n      <\/div>\n      <div>\n        <h4 class=\"evonik-card-title\">Water-Repellents<\/h4>\n        <p class=\"evonik-card-desc\">Deep penetrating silane solutions that stop water ingress while maintaining total surface breathability.<\/p>\n      <\/div>\n      <div class=\"evonik-card-action\">\n        Explore Solutions <i class=\"fas fa-arrow-right\"><\/i>\n      <\/div>\n    <\/a>\n\n    <!-- 2. Surface Protectors -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/corrosion-resistance-protectocil-cil\/\" class=\"evonik-card\">\n      <div class=\"evonik-card-icon\">\n        <i class=\"fas fa-layer-group\"><\/i>\n      <\/div>\n      <div>\n        <h4 class=\"evonik-card-title\">Surface Protectors<\/h4>\n        <p class=\"evonik-card-desc\">Invisible protective shields preventing oil, stain, and dirt adhesion on mineral &#038; concrete surfaces.<\/p>\n      <\/div>\n      <div class=\"evonik-card-action\">\n        Explore Solutions <i class=\"fas fa-arrow-right\"><\/i>\n      <\/div>\n    <\/a>\n\n    <!-- 3. Corrosion Control -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/corrosion-resistance-protectocil-cil\/\" class=\"evonik-card\">\n      <div class=\"evonik-card-icon\">\n        <i class=\"fas fa-vial-virus\"><\/i>\n      <\/div>\n      <div>\n        <h4 class=\"evonik-card-title\">Corrosion Control<\/h4>\n        <p class=\"evonik-card-desc\">Advanced CIT technology inhibiting steel reinforcement corrosion in concrete structures under harsh environments.<\/p>\n      <\/div>\n      <div class=\"evonik-card-action\">\n        Explore Solutions <i class=\"fas fa-arrow-right\"><\/i>\n      <\/div>\n    <\/a>\n\n    <!-- 4. Anti-Graffiti Products -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/anti-graffiti-products\/\" class=\"evonik-card\">\n      <div class=\"evonik-card-icon\">\n        <i class=\"fas fa-spray-can\"><\/i>\n      <\/div>\n      <div>\n        <h4 class=\"evonik-card-title\">Anti-Graffiti Products<\/h4>\n        <p class=\"evonik-card-desc\">Permanent, eco-friendly anti-graffiti systems allowing effortless cleaning with zero surface damage.<\/p>\n      <\/div>\n      <div class=\"evonik-card-action\">\n        Explore Solutions <i class=\"fas fa-arrow-right\"><\/i>\n      <\/div>\n    <\/a>\n\n    <!-- 5. Stone Consolidation -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/stone-consolidation\/\" class=\"evonik-card\">\n      <div class=\"evonik-card-icon\">\n        <i class=\"fas fa-gem\"><\/i>\n      <\/div>\n      <div>\n        <h4 class=\"evonik-card-title\">Stone Consolidation<\/h4>\n        <p class=\"evonik-card-desc\">Silicic acid ester-based strengtheners reinforcing weathered natural stone and brick masonry.<\/p>\n      <\/div>\n      <div class=\"evonik-card-action\">\n        Explore Solutions <i class=\"fas fa-arrow-right\"><\/i>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  <!-- BROCHURES SECTION -->\n  <div class=\"evonik-section-header\">\n    <h3>Brochures &#038; Documentation<\/h3>\n    <div class=\"header-line\"><\/div>\n  <\/div>\n\n  <div class=\"evonik-brochure-card\">\n    <div class=\"brochure-info\">\n      <div class=\"brochure-icon\">\n        <i class=\"fas fa-file-pdf\"><\/i>\n      <\/div>\n      <div class=\"brochure-text\">\n        <h4>Protectosil\u00ae General Product Overview<\/h4>\n        <p>Technical specifications, application methodologies, and chemical protection mechanisms PDF booklet.<\/p>\n      <\/div>\n    <\/div>\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/wp-content\/uploads\/sites\/2\/2018\/11\/prtotectosil_genel_urun_brosuru.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-download\">\n      <i class=\"fas fa-download\"><\/i> Download PDF\n    <\/a>\n  <\/div>\n\n  <!-- VIDEOS SECTION -->\n  <div class=\"evonik-section-header\">\n    <h3>Video Demonstrations<\/h3>\n    <div class=\"header-line\"><\/div>\n  <\/div>\n\n  <div class=\"video-grid\">\n    \n    <!-- Video 1 -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/water-repellents\/\" class=\"video-card\">\n      <div class=\"video-thumb-placeholder\">\n        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\n      <\/div>\n      <div class=\"video-title\">How Does Protectosil\u00ae SC Concentrate Work?<\/div>\n      <div class=\"video-tag\"><i class=\"fas fa-circle-play\"><\/i> Watch Animation<\/div>\n    <\/a>\n\n    <!-- Video 2 -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/water-repellents\/\" class=\"video-card\">\n      <div class=\"video-thumb-placeholder\">\n        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\n      <\/div>\n      <div class=\"video-title\">How Does Protectosil\u00ae Water Repellent Work?<\/div>\n      <div class=\"video-tag\"><i class=\"fas fa-circle-play\"><\/i> Watch Animation<\/div>\n    <\/a>\n\n    <!-- Video 3 -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/anti-graffiti-products\/\" class=\"video-card\">\n      <div class=\"video-thumb-placeholder\">\n        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\n      <\/div>\n      <div class=\"video-title\">How Does Protectosil\u00ae Anti-Graffiti Work?<\/div>\n      <div class=\"video-tag\"><i class=\"fas fa-circle-play\"><\/i> Watch Animation<\/div>\n    <\/a>\n\n    <!-- Video 4 -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/corrosion-resistance-protectocil-cil\/\" class=\"video-card\">\n      <div class=\"video-thumb-placeholder\">\n        <div class=\"play-btn\"><i class=\"fas fa-play\"><\/i><\/div>\n      <\/div>\n      <div class=\"video-title\">How Does Protectosil\u00ae CIT Corrosion Product Work?<\/div>\n      <div class=\"video-tag\"><i class=\"fas fa-circle-play\"><\/i> Watch Animation<\/div>\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<!-- GSAP & Lenis Smooth Scroll Libraries -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@studio-freight\/lenis@1.0.42\/dist\/lenis.min.js\"><\/script>\n\n<!-- KARARLI GSAP AN\u0130MASYON M\u0130MAR\u0130S\u0130 -->\n<script>\n  function initEvonikAnimations() {\n    if (typeof gsap === \"undefined\" || typeof ScrollTrigger === \"undefined\") return;\n\n    gsap.registerPlugin(ScrollTrigger);\n\n    if (typeof Lenis !== \"undefined\") {\n      const lenis = new Lenis({\n        duration: 1.2,\n        easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n        smoothWheel: true\n      });\n\n      function raf(time) {\n        lenis.raf(time);\n        requestAnimationFrame(raf);\n      }\n      requestAnimationFrame(raf);\n\n      lenis.on('scroll', ScrollTrigger.update);\n      gsap.ticker.add((time) => lenis.raf(time * 1000));\n      gsap.ticker.lagSmoothing(0);\n    }\n\n    const headerTl = gsap.timeline();\n    headerTl.fromTo(\".evonik-header-card\",\n      { opacity: 0, y: -30, scale: 0.98 },\n      { opacity: 1, y: 0, scale: 1, duration: 0.9, ease: \"power3.out\" }\n    )\n    .fromTo(\".evonik-brand-badge\",\n      { opacity: 0, x: -15 },\n      { opacity: 1, x: 0, duration: 0.5, ease: \"power2.out\" }, \"-=0.4\"\n    )\n    .fromTo(\".evonik-featured-link\",\n      { opacity: 0, y: 15 },\n      { opacity: 1, y: 0, duration: 0.6, ease: \"power2.out\" }, \"-=0.3\"\n    );\n\n    const featuredBtn = document.querySelector('.evonik-featured-link');\n    if (featuredBtn) {\n      const arrow = featuredBtn.querySelector('i');\n      featuredBtn.addEventListener('mouseenter', () => {\n        gsap.to(featuredBtn, {\n          y: -3,\n          backgroundColor: '#5c2b54',\n          boxShadow: '0 12px 25px rgba(134, 58, 122, 0.4)',\n          duration: 0.3,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n        if (arrow) gsap.to(arrow, { x: 6, duration: 0.3, ease: 'back.out(2)', overwrite: 'auto' });\n      });\n\n      featuredBtn.addEventListener('mouseleave', () => {\n        gsap.to(featuredBtn, {\n          y: 0,\n          backgroundColor: '#863a7a',\n          boxShadow: '0 8px 20px rgba(134, 58, 122, 0.25)',\n          duration: 0.3,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n        if (arrow) gsap.to(arrow, { x: 0, duration: 0.3, ease: 'power2.out', overwrite: 'auto' });\n      });\n    }\n\n    document.querySelectorAll('.evonik-section-header').forEach(header => {\n      const title = header.querySelector('h3');\n      const line = header.querySelector('.header-line');\n\n      const tl = gsap.timeline({\n        scrollTrigger: { trigger: header, start: \"top 88%\", toggleActions: \"play none none none\" }\n      });\n\n      if (title) tl.fromTo(title, { opacity: 0, x: -20 }, { opacity: 1, x: 0, duration: 0.6, ease: \"power2.out\" });\n      if (line) tl.fromTo(line, { scaleX: 0 }, { scaleX: 1, duration: 0.8, ease: \"power2.inOut\" }, \"-=0.4\");\n    });\n\n    gsap.fromTo(\".evonik-card\",\n      { opacity: 0, y: 40, scale: 0.95 },\n      {\n        opacity: 1, y: 0, scale: 1, duration: 0.8, stagger: 0.1, ease: \"power2.out\",\n        scrollTrigger: { trigger: \".evonik-grid\", start: \"top 85%\", toggleActions: \"play none none none\" },\n        onComplete: function() { ScrollTrigger.refresh(); }\n      }\n    );\n\n    document.querySelectorAll('.evonik-card').forEach(card => {\n      const icon = card.querySelector('.evonik-card-icon');\n      const arrow = card.querySelector('.evonik-card-action i');\n\n      card.addEventListener('mouseenter', () => {\n        gsap.to(card, {\n          y: -8,\n          boxShadow: '0 20px 45px rgba(134, 58, 122, 0.16)',\n          borderColor: '#863a7a',\n          duration: 0.35,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n\n        if (icon) {\n          gsap.to(icon, {\n            scale: 1.12,\n            backgroundColor: '#863a7a',\n            color: '#ffffff',\n            duration: 0.35,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n\n        if (arrow) gsap.to(arrow, { x: 6, duration: 0.3, ease: 'back.out(2)', overwrite: 'auto' });\n      });\n\n      card.addEventListener('mouseleave', () => {\n        gsap.to(card, {\n          y: 0,\n          boxShadow: '0 10px 30px rgba(134, 58, 122, 0.06)',\n          borderColor: 'rgba(134, 58, 122, 0.12)',\n          duration: 0.35,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n\n        if (icon) {\n          gsap.to(icon, {\n            scale: 1,\n            backgroundColor: 'rgba(134, 58, 122, 0.08)',\n            color: '#863a7a',\n            duration: 0.35,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n\n        if (arrow) gsap.to(arrow, { x: 0, duration: 0.3, ease: 'power2.out', overwrite: 'auto' });\n      });\n    });\n\n    gsap.fromTo(\".evonik-brochure-card\",\n      { opacity: 0, y: 35 },\n      {\n        opacity: 1, y: 0, duration: 0.8, ease: \"power3.out\",\n        scrollTrigger: { trigger: \".evonik-brochure-card\", start: \"top 85%\", toggleActions: \"play none none none\" }\n      }\n    );\n\n    const btnDownload = document.querySelector('.btn-download');\n    if (btnDownload) {\n      btnDownload.addEventListener('mouseenter', () => {\n        gsap.to(btnDownload, {\n          y: -3,\n          backgroundColor: '#b01928',\n          boxShadow: '0 10px 22px rgba(207, 35, 50, 0.4)',\n          duration: 0.25,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n      });\n\n      btnDownload.addEventListener('mouseleave', () => {\n        gsap.to(btnDownload, {\n          y: 0,\n          backgroundColor: '#cf2332',\n          boxShadow: '0 6px 18px rgba(207, 35, 50, 0.25)',\n          duration: 0.25,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n      });\n    }\n\n    gsap.fromTo(\".video-card\",\n      { opacity: 0, y: 40, scale: 0.95 },\n      {\n        opacity: 1, y: 0, scale: 1, duration: 0.8, stagger: 0.1, ease: \"power2.out\",\n        scrollTrigger: { trigger: \".video-grid\", start: \"top 85%\", toggleActions: \"play none none none\" }\n      }\n    );\n\n    document.querySelectorAll('.video-card').forEach(vCard => {\n      const playBtn = vCard.querySelector('.play-btn');\n\n      vCard.addEventListener('mouseenter', () => {\n        gsap.to(vCard, {\n          y: -6,\n          boxShadow: '0 20px 40px rgba(134, 58, 122, 0.14)',\n          borderColor: '#cf2332',\n          duration: 0.35,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n\n        if (playBtn) {\n          gsap.to(playBtn, {\n            scale: 1.15,\n            backgroundColor: '#cf2332',\n            color: '#ffffff',\n            duration: 0.3,\n            ease: 'back.out(2)',\n            overwrite: 'auto'\n          });\n        }\n      });\n\n      vCard.addEventListener('mouseleave', () => {\n        gsap.to(vCard, {\n          y: 0,\n          boxShadow: '0 10px 30px rgba(134, 58, 122, 0.06)',\n          borderColor: 'rgba(134, 58, 122, 0.12)',\n          duration: 0.35,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n\n        if (playBtn) {\n          gsap.to(playBtn, {\n            scale: 1,\n            backgroundColor: '#ffffff',\n            color: '#cf2332',\n            duration: 0.3,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n      });\n    });\n  }\n\n  if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\n    initEvonikAnimations();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", initEvonikAnimations);\n  }\n\n  window.addEventListener(\"load\", function() {\n    if (typeof ScrollTrigger !== \"undefined\") {\n      ScrollTrigger.refresh();\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>EVONIK PROTECTOSIL\u00ae Silane-Based Surface &#038; Building Protection Advanced molecular protection for concrete, stone, and monumental structures. Discover high-performance water repellency,<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-2709","post","type-post","status-publish","format-standard","hentry","category-letoon-hizmetler"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/posts\/2709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=2709"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/posts\/2709\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=2709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/categories?post=2709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/tags?post=2709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}