@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/dm-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/dm-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/manrope-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/manrope-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Kesintisiz hizmet şeridi */
.ticker{display:block;height:104px;position:relative;overflow:hidden}
.ticker-track{display:flex;width:max-content;height:100%;align-items:center;animation:serviceTicker 62s linear infinite;will-change:transform}
.ticker-track span{display:block;flex:none;padding:0;word-spacing:0;font:500 12px/1 Manrope,sans-serif;letter-spacing:2px;white-space:nowrap;animation:none!important;transform:none!important}
@keyframes serviceTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker:hover .ticker-track{animation-play-state:paused}

/* Yaratıcı Etki */
.impact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:135px 290px 120px;gap:14px;margin-top:70px}
.impact-card{border:1px solid var(--line);border-radius:22px;padding:27px;background:white;position:relative;overflow:hidden}
.brand-count{display:flex;align-items:center;justify-content:space-between}.brand-count p{max-width:190px;font-size:16px}.mini-faces{display:flex}.mini-faces i{width:55px;height:55px;border-radius:50%;border:3px solid white;margin-left:-14px;background:#111}.mini-faces i:first-child{margin-left:0;background:var(--t)}.mini-faces i:nth-child(2){background:#ff7759}
.impact-quote{grid-row:2/4;display:flex;flex-direction:column}.impact-quote>b{font:700 60px/.7 Manrope}.impact-quote>p{font:500 clamp(20px,2vw,30px)/1.25 Manrope;max-width:480px}.impact-quote>div{margin-top:auto}.impact-quote strong{display:block;font:600 clamp(55px,6vw,90px)/1 Manrope;letter-spacing:-5px}.impact-quote small{color:#888}
.image-placeholder{grid-column:2;grid-row:1/3;background:#eef4f2;display:grid;place-items:center;border-style:dashed}.image-placeholder:before{content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;border:1px solid #b8d8d2}.image-placeholder span{position:relative;z-index:1;background:white;border:1px solid var(--t);border-radius:999px;padding:12px 18px;color:var(--td);font-size:12px;letter-spacing:1px;text-transform:uppercase}
.impact-hot{grid-column:2;grid-row:3;background:var(--t);color:white;display:flex;align-items:center;justify-content:space-between}.impact-hot strong{font:600 48px/1 Manrope}.impact-hot p{margin:0;font-size:12px;line-height:1.35}.impact-hot i{width:48px;height:48px;border-radius:50%;background:white;color:var(--t);display:grid;place-items:center;font-style:normal}
.project-count{grid-column:3;grid-row:1/3;display:flex;flex-direction:column}.project-count>p{font:500 clamp(20px,2vw,30px)/1.25 Manrope}.project-count em{font-style:normal;color:var(--t)}.project-count>div{margin-top:auto}.project-count strong{font:600 clamp(55px,6vw,90px)/1 Manrope;letter-spacing:-5px}.project-count strong span{color:var(--t)}.project-count small{display:block;color:#888}
.availability{grid-column:3;display:flex;align-items:center;gap:12px}.availability>i{width:12px;height:12px;border-radius:50%;background:var(--t);box-shadow:0 0 0 8px #dff3f0}.availability span{font-size:13px}.availability b{margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--t)}

/* Scroll ile ilerleyen hizmetler */
.services-scroll{height:500vh;padding:0!important;opacity:1!important;transform:none!important}
.services-sticky{position:sticky;top:0;height:100vh;min-height:650px;background:white;display:grid;grid-template-columns:.8fr .9fr 1.25fr;gap:6vw;align-content:center;overflow:hidden}
.services-sticky .service-tabs,.services-sticky .service-detail{padding-top:60px}
.services-sticky .service-tabs button{transition:color .35s,transform .35s;font-size:clamp(24px,2.5vw,39px);text-align:left}
.services-sticky .service-tabs button.active{transform:translateX(12px)}
.service-detail.changing{animation:detailIn .55s both}@keyframes detailIn{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:none}}
.scroll-progress{margin-top:70px}.scroll-progress:before{content:"";display:block;width:100%;height:2px;background:#e4e4e4}.scroll-progress i{display:block;width:20%;height:2px;background:var(--t);margin-top:-2px;transition:width .45s}.scroll-progress span{display:block;margin-top:12px;font-size:10px;letter-spacing:1.4px;color:#888}

@media(max-width:850px){.impact-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.impact-card{grid-column:auto!important;grid-row:auto!important;min-height:150px}.impact-quote,.image-placeholder,.project-count{min-height:360px}.services-sticky{grid-template-columns:1fr;padding:70px 22px;align-content:start;gap:5px}.services-sticky .services-intro h2{font-size:42px;margin-top:12px}.services-sticky .service-tabs{padding-top:15px}.services-sticky .service-tabs button{font-size:23px;padding:5px 0}.services-sticky .service-detail{padding-top:12px}.service-detail p{margin:18px 0}.scroll-progress{margin-top:25px}}
@media(max-width:520px){.ticker{height:82px}.ticker-track span{font-size:10px}.impact-grid{display:block}.impact-card{margin-bottom:12px}.brand-count{min-height:120px}.mini-faces i{width:42px;height:42px}.impact-hot{min-height:130px}.availability{min-height:100px}.services-scroll{height:520vh}.services-sticky{min-height:620px}.services-sticky .services-intro h2{font-size:36px}.services-sticky .service-tabs button{font-size:20px}.service-detail .chips{max-height:60px;overflow:hidden}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation-play-state:paused}}

/* Geçici müşteri logo duvarı */
.brand-wall{padding:35px var(--pad) 80px;background:white;opacity:1!important;transform:none!important}
.brand-wall-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:26px}.brand-wall-head p{margin:0;font:500 15px/1.4 Manrope,sans-serif;color:#566468}
.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid var(--line)}
.client-logo{height:210px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:11px;font-family:Manrope,sans-serif;transition:.3s}
.client-logo:first-child{border-left:1px solid var(--line)}.client-logo:hover{background:#edf8f6;color:var(--td)}.client-logo b{font-size:clamp(17px,1.7vw,27px);letter-spacing:-1px}.client-logo i{position:relative;display:block;width:29px;height:29px}
.logo-vela i{border:7px solid currentColor;border-left-color:transparent;transform:rotate(45deg)}.logo-vela b{font-weight:700;letter-spacing:2px}
.logo-mono i{border:2px solid;border-radius:50%;box-shadow:inset 0 0 0 6px white,inset 0 0 0 8px currentColor}.logo-mono b{font-weight:500}
.logo-niva i{background:currentColor;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%,25% 50%,50% 75%,75% 50%,50% 25%)}.logo-niva b{letter-spacing:3px}
.logo-pulse i{border:2px solid;border-radius:50%}.logo-pulse i:before,.logo-pulse i:after{content:"";position:absolute;border:2px solid;border-radius:50%;inset:5px}.logo-pulse i:after{inset:10px}.logo-pulse b{font-weight:600}
.logo-arka i{border-radius:50%;background:linear-gradient(135deg,currentColor 45%,transparent 46% 54%,currentColor 55%)}.logo-arka b{font-weight:700}
.logo-luma i{border:3px solid;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.logo-luma b{font-weight:500;letter-spacing:3px}
.brand-note{display:block;text-align:right;color:#9ba5a7;margin-top:15px;font-size:8px}
@media(max-width:850px){.brand-grid{grid-template-columns:repeat(3,1fr)}.client-logo{height:150px;border-bottom:1px solid var(--line)}.brand-wall-head{display:block}.brand-wall-head p{margin-top:12px}}
@media(max-width:520px){.brand-wall{padding:25px 20px 60px}.brand-grid{grid-template-columns:repeat(2,1fr)}.client-logo{height:125px}.client-logo b{font-size:16px}.brand-note{text-align:left}}

/* Tüm sayfada ortak yatay hizalama */
:root{--layout-gutter:clamp(34px,5.4vw,92px)}
header{height:92px;padding-inline:var(--layout-gutter)}
.menu-btn{gap:5px;padding:11px 0;min-width:84px;width:max-content;justify-self:start}
.menu-btn i{width:5px;height:5px}.menu-btn b{font-size:15px;margin-left:7px;font-weight:600}
.contact-btn{font-size:13px;font-weight:600;padding:11px 19px;min-width:86px;text-align:center;transition:transform .25s,background .25s}
.contact-btn:hover{transform:translateY(-2px);background:var(--td)}
.logo span{width:112px;height:19px}
.hero{padding-top:118px;padding-left:var(--layout-gutter);padding-right:var(--layout-gutter)}
.hero-foot{left:var(--layout-gutter);right:var(--layout-gutter);bottom:34px}
.hero-foot>small{font-size:10px;letter-spacing:1.2px}
.pad{padding-left:var(--layout-gutter);padding-right:var(--layout-gutter)}
.brand-wall{padding-left:var(--layout-gutter);padding-right:var(--layout-gutter)}
.contact{padding-left:var(--layout-gutter);padding-right:var(--layout-gutter)}
footer{padding-left:var(--layout-gutter);padding-right:var(--layout-gutter)}
.project-stack{max-width:1440px}
.case-video{background:#082f2c}.case-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#061d1b}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#176d66,#071f1d 70%);color:#ffffff18}.video-placeholder b{font:700 clamp(70px,13vw,205px)/1 Manrope;letter-spacing:-.08em}.case-play{position:absolute;left:50%;top:66%;z-index:5;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;border:1px solid #ffffff80;border-radius:999px;background:#fff;color:#111;padding:10px 18px 10px 10px;cursor:pointer;transition:transform .25s,background .25s}.case-play:hover{transform:translate(-50%,-50%) scale(1.06)}.case-play i{width:42px;height:42px;border-radius:50%;background:var(--t);position:relative}.case-play i:after{content:"";position:absolute;left:17px;top:13px;border-left:12px solid white;border-block:8px solid transparent}.case-play span{font-size:12px;font-weight:600}.case-video>h3{font-size:clamp(42px,6.5vw,96px);letter-spacing:-5px;white-space:nowrap}.case-video.is-playing .case-play,.case-video.is-playing .video-placeholder,.case-video.is-playing>h3{opacity:0;pointer-events:none}.case-video video:not([src]){display:none}.case-website img{filter:brightness(.82)}.case-website>h3{font-size:clamp(42px,6.5vw,96px);letter-spacing:-5px;white-space:nowrap}
@media(max-width:850px){:root{--layout-gutter:24px}header{height:78px;padding-inline:var(--layout-gutter)}.logo span{width:104px}.contact-btn{font-size:12px;padding:10px 16px;min-width:78px}.hero{padding-top:105px}.hero-foot{left:var(--layout-gutter);right:var(--layout-gutter)}}
@media(max-width:520px){:root{--layout-gutter:20px}.pad,.brand-wall,.contact,footer{padding-left:var(--layout-gutter);padding-right:var(--layout-gutter)}header{padding-inline:var(--layout-gutter)}}

/* Kesintisiz kayan marka logoları */
.brand-wall{overflow:hidden}
.brand-grid{display:flex;width:max-content;grid-template-columns:none;animation:brandTicker 28s linear infinite;will-change:transform}
.client-logo{flex:0 0 clamp(210px,18vw,300px);width:clamp(210px,18vw,300px)}
.client-logo:nth-child(7){border-left:0}
.brand-grid:hover{animation-play-state:paused}
@keyframes brandTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:850px){.brand-grid{display:flex;grid-template-columns:none}.client-logo{flex-basis:230px;width:230px}}
@media(max-width:520px){.client-logo{flex-basis:185px;width:185px}}
@media(prefers-reduced-motion:reduce){.brand-grid{animation-play-state:paused}}

/* Leona turkuazı takip noktası */
.leona-cursor{position:fixed;left:0;top:0;width:13px;height:13px;border-radius:50%;background:var(--t);box-shadow:0 0 0 5px rgba(35,159,149,.13);z-index:9999;pointer-events:none;opacity:0;transition:width .22s,height .22s,opacity .2s,background .22s,box-shadow .22s;will-change:transform}
.leona-cursor.visible{opacity:1}.leona-cursor.hovering{width:28px;height:28px;background:rgba(35,159,149,.38);box-shadow:0 0 0 1px var(--t)}
@media(hover:none),(pointer:coarse){.leona-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.leona-cursor{transition:none}}

/* Bölümler arası daha dengeli dikey ritim */
.about{padding-top:72px;padding-bottom:68px}
.brand-wall{padding-top:8px;padding-bottom:34px}
.work{padding-top:34px!important;padding-bottom:64px!important}
.work .center-head{margin-bottom:48px}
.services-scroll{height:calc(100vh + 2000px)}
.services-sticky{align-content:start;padding-top:68px;padding-bottom:38px;gap:5vw}
.services-sticky .service-tabs,.services-sticky .service-detail{padding-top:46px}

/* Konu görseli ve beş bağımsız progress bar */
.service-detail.changing{animation:none}
.service-detail.changing .service-copy,.service-detail.changing .service-image-placeholder{animation:detailIn .48s both}
.service-image-placeholder{height:155px;border:1px dashed #b6d8d3;border-radius:14px;background:#f0f8f6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--td);position:relative;overflow:hidden}
.service-image-placeholder:before{content:"";position:absolute;width:130px;height:130px;border:1px solid #cce5e1;border-radius:50%}
.service-image-placeholder span,.service-image-placeholder small{position:relative}.service-image-placeholder span{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;background:white;border-radius:999px;padding:8px 12px}.service-image-placeholder small{margin-top:9px;color:#7d9995;font-size:8px}
.service-copy{padding-top:18px}.service-copy .chips{gap:6px}.service-copy p{margin:16px 0 10px;font-size:12px;line-height:1.5}.service-copy>a{font-size:10px}
.service-progress-list{margin-top:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.service-progress-list>div span{display:block;font-size:8px;line-height:1.2;letter-spacing:.25px;color:#9aa3a5;min-height:21px}
.service-progress-list>div.active span{color:var(--ink)}
.service-progress-list b{display:block;height:3px;background:#e1e5e4;margin-top:7px;overflow:hidden}
.service-progress-list i{display:block;width:100%;height:100%;background:var(--t);transform:scaleX(0);transform-origin:left center;transition:transform .12s linear;will-change:transform}
.scroll-progress{display:none}
@media(max-width:850px){.about{padding-top:58px;padding-bottom:52px}.brand-wall{padding-top:4px;padding-bottom:28px}.work{padding-top:28px!important;padding-bottom:48px!important}.services-scroll{height:400vh}.services-sticky{padding-top:52px;padding-bottom:24px}.services-sticky .service-tabs,.services-sticky .service-detail{padding-top:10px}.service-image-placeholder{height:110px}.service-copy{padding-top:10px}.service-copy p{margin:10px 0}.service-progress-list{margin-top:14px;gap:5px}.service-progress-list>div span{font-size:7px}}
@media(max-width:520px){.about{padding-top:48px;padding-bottom:44px}.brand-wall{padding-bottom:24px}.work{padding-top:24px!important}.services-sticky{padding-top:38px}.service-image-placeholder{height:92px}.service-progress-list{grid-template-columns:repeat(5,1fr)}}

/* Yetenekler açıklaması ve genişletilmiş görsel alanı */
.services-intro>p{max-width:330px;margin:30px 0 0;font-size:14px;line-height:1.65;color:#69777a}
.service-image-placeholder{height:225px}
.service-image-placeholder:before{width:178px;height:178px}
.service-copy{padding-top:24px}
.service-progress-list{margin-top:32px;gap:14px}
.service-progress-list>div span{font-size:10px;min-height:26px;font-weight:500;letter-spacing:.1px}
.service-progress-list b{height:4px;margin-top:8px}
@media(max-width:1100px){.service-image-placeholder{height:190px}.services-intro>p{font-size:13px}.service-progress-list>div span{font-size:9px}}
@media(max-width:850px){.services-intro>p{margin-top:12px;max-width:520px;font-size:11px;line-height:1.45}.service-image-placeholder{height:115px}.service-image-placeholder:before{width:90px;height:90px}.service-copy{padding-top:10px}.service-progress-list{margin-top:14px;gap:5px}.service-progress-list>div span{font-size:8px;min-height:20px}}
@media(max-width:520px){.service-image-placeholder{height:100px}.services-intro>p{display:none}}

/* Son yetenek ile sonraki bölüm arasındaki gereksiz boşluğu kapatır. */
.services-scroll + .process{position:relative;margin-top:-230px;z-index:2}
@media(max-width:850px){.services-scroll + .process{margin-top:-120px}}
@media(max-width:520px){.services-scroll + .process{margin-top:-80px}}

/* Turkuaz alan içinde yeni iletişim + footer dizilimi */
.contact{min-height:860px;padding-top:clamp(90px,10vw,150px);padding-bottom:28px}
.contact-lead h2{margin-bottom:0}
.contact-directory{margin-top:100px;padding:34px 0 55px;border-top:1px solid rgba(255,255,255,.45);display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:8vw}
.contact-directory small{display:block;margin-bottom:22px;color:rgba(255,255,255,.66);font-size:9px;letter-spacing:1.8px}
.contact-details,.footer-pages,.footer-social{display:flex;flex-direction:column;align-items:flex-start}
.contact-details a,.footer-pages a,.footer-social a{display:block;color:white;text-decoration:none;width:max-content}
.contact-details>a{font:500 clamp(18px,2vw,27px)/1.35 Manrope,sans-serif;margin-bottom:4px}
.contact-details address{margin-top:25px;font-style:normal;font-size:13px;line-height:1.65;color:rgba(255,255,255,.85)}
.footer-pages a,.footer-social a{font:500 17px/1.45 Manrope,sans-serif;margin-bottom:7px;border-bottom:1px solid transparent;transition:border-color .25s,transform .25s}
.footer-pages a:hover,.footer-social a:hover{border-color:white;transform:translateX(4px)}
.contact-bottom{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.45);display:flex;justify-content:space-between;align-items:center}
.contact-bottom small{font-size:9px;letter-spacing:1.4px}.contact-bottom a{font-size:12px}
@media(max-width:850px){.contact{min-height:auto}.contact-directory{grid-template-columns:1.4fr 1fr 1fr;gap:35px;margin-top:70px}.footer-pages a,.footer-social a{font-size:15px}}
@media(max-width:620px){.contact-directory{grid-template-columns:1fr 1fr}.contact-details{grid-column:1/-1}.contact-details>a{font-size:20px}.contact-directory{margin-top:55px;padding-bottom:38px}.contact-bottom{margin-top:20px}}

/* Hero kartlarını başlıktaki y harfinden ayırır. */
@media(min-width:851px){.hero-cards{top:43%}.hero>p{bottom:7%}}

/* Sabit WhatsApp iletişim butonu */
.whatsapp-float{position:fixed;right:var(--layout-gutter);bottom:24px;z-index:45;display:flex;align-items:center;gap:10px;max-width:calc(100vw - (var(--layout-gutter) * 2));padding:10px 17px 10px 10px;border-radius:999px;background:#1fae62;color:white;text-decoration:none;font:600 13px/1 Manrope,sans-serif;box-shadow:0 12px 34px rgba(8,74,46,.28);transition:transform .25s,box-shadow .25s,background .25s}
.whatsapp-float i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:white;color:#1fae62;font-style:normal;flex:none}.whatsapp-float svg{width:23px;height:23px;display:block;fill:currentColor}
.whatsapp-float:hover{transform:translateY(-4px);background:#158c4d;box-shadow:0 17px 40px rgba(8,74,46,.34)}
@media(max-width:620px){.whatsapp-float{right:16px;bottom:16px;padding:8px 13px 8px 8px;font-size:11px;gap:7px}.whatsapp-float i{width:28px;height:28px;font-size:16px}}

.availability{cursor:pointer;text-decoration:none;color:var(--ink);transition:background .25s,color .25s}.availability:hover{background:#edf8f6;color:var(--td)}
.availability>i{box-shadow:0 0 0 8px #dff3f0;animation:availabilityPulse 1.15s ease-in-out infinite}@keyframes availabilityPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
@media(prefers-reduced-motion:reduce){.availability>i{animation:none}}

/* Hero kartları yalnızca compositor-dostu transform ile hareket eder. */
.hero-cards{width:min(62vw,890px);isolation:isolate}
.hero-cards .portrait{position:absolute;left:50%;margin:0;width:28%;height:86%;overflow:hidden;border-radius:18px;transition:transform .7s cubic-bezier(.22,.8,.22,1),opacity .7s cubic-bezier(.22,.8,.22,1);transform-origin:center;will-change:transform;box-shadow:0 18px 35px #0002;background:none}
.hero-cards .portrait img{width:100%;height:100%;object-fit:cover;display:block}
.hero-cards .portrait[data-pos="0"]{transform:translateX(-179%) scale(.88);z-index:1}.hero-cards .portrait[data-pos="1"]{transform:translateX(-139%) scale(.94);z-index:2}.hero-cards .portrait[data-pos="2"]{transform:translateX(-50%) scale(1.08);z-index:5}.hero-cards .portrait[data-pos="3"]{transform:translateX(39%) scale(.94);z-index:3}.hero-cards .portrait[data-pos="4"]{transform:translateX(79%) scale(.88);z-index:1}
@media(max-width:850px){.hero-cards{width:88vw}.hero-cards .portrait{width:42%;border-radius:12px}.hero-cards .portrait[data-pos="0"]{transform:translateX(-119%) scale(.88)}.hero-cards .portrait[data-pos="1"]{transform:translateX(-117%) scale(.94)}.hero-cards .portrait[data-pos="2"]{transform:translateX(-50%) scale(1.08)}.hero-cards .portrait[data-pos="3"]{transform:translateX(17%) scale(.94)}.hero-cards .portrait[data-pos="4"]{transform:translateX(19%) scale(.88)}}
@media(prefers-reduced-motion:reduce){.hero-cards .portrait{transition:none}}

/* Yeni dikey Leona Dijital logosu */
.logo span{width:145px;height:72px;overflow:hidden}
.logo img{width:100%;height:auto;top:0;transform:none}
@media(max-width:850px){.logo span{width:118px;height:59px}}
@media(max-width:520px){.logo span{width:104px;height:52px}}

/* Deneyimler bölümünün sağ kolonu */
.testimonials .split-head>p{text-align:right;margin-left:auto}
.quotes article:last-child{text-align:right;align-items:flex-end}
.quotes article:last-child p,.quotes article:last-child b,.quotes article:last-child small{width:100%;text-align:right}

/* Reklam filmi kartında marka bilgisi sol üst başlıkta */
.case-video .video-placeholder b,.case-video>h3{display:none}
.case-video>span::after{content:none}
.case-video .case-play{top:50%}
.case-video video{object-fit:contain;background:#050505}
.case-website>h3{display:none}
.case-website>span::after{content:none}
.case-video .video-placeholder{background:url('aypet-reklam-kapak-optimized.webp') center/cover no-repeat}
.case-video .case-play{width:70px;height:70px;padding:0;border:0;background:transparent;justify-content:center}
.case-video .case-play>span{display:none}
.case-video .case-play i{width:70px;height:70px;background:#fff;box-shadow:0 12px 35px #0005}
.case-video .case-play i:after{left:29px;top:23px;border-left-color:var(--t);border-left-width:16px;border-block-width:11px}
.leona-title-accent{color:var(--t)}
.mini-faces{align-items:center}.mini-brand{width:55px;height:55px;flex:0 0 55px;border-radius:50%;border:3px solid white;margin-left:-14px;background:#fff;overflow:hidden;display:grid;place-items:center;box-shadow:0 2px 8px #0001}.mini-brand:first-child{margin-left:0}.mini-brand img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.mini-brand:hover{z-index:2}.mini-brand:hover img{transform:scale(1.08)}
.mini-brand:nth-child(2){background:#303030}
@media(max-width:520px){.mini-brand{width:42px;height:42px;flex-basis:42px;margin-left:-10px}}
.impact-grid .image-placeholder{background:url('ergonomic-office-chair-desk-optimized.webp') center/cover no-repeat;border-style:solid}
.impact-grid .image-placeholder::before,.impact-grid .image-placeholder span{display:none}
.client-logo.real-client{background:#fff;padding:16px 24px}.client-logo.real-client img{display:block;width:100%;height:100%;max-width:225px;max-height:112px;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.client-logo.real-client.logo-wide img{max-width:235px;max-height:100px}.client-logo.real-client.logo-square img{max-width:138px;max-height:118px}.client-logo.real-client.logo-tall img{max-width:125px;max-height:120px}.client-logo.real-client:hover img{transform:scale(1.05)}
@media(max-width:520px){.client-logo.real-client{padding:14px 18px}.client-logo.real-client img{max-width:165px;max-height:92px}.client-logo.real-client.logo-wide img{max-width:172px;max-height:78px}.client-logo.real-client.logo-square img{max-width:108px;max-height:94px}.client-logo.real-client.logo-tall img{max-width:98px;max-height:96px}}
.brand-note{display:none!important}

/* Kurumsal kimlik hizmeti görseli */
.service-tabs:has(button:first-child.active)+.service-detail .service-image-placeholder{background:url('service-corporate-identity-optimized.webp') center 48%/cover no-repeat;border-style:solid}
.service-tabs:has(button:first-child.active)+.service-detail .service-image-placeholder::before,
.service-tabs:has(button:first-child.active)+.service-detail .service-image-placeholder span,
.service-tabs:has(button:first-child.active)+.service-detail .service-image-placeholder small{display:none}
.service-tabs:has(button:nth-child(2).active)+.service-detail .service-image-placeholder{background:url('service-graphic-design-optimized.webp') center/cover no-repeat;border-style:solid}
.service-tabs:has(button:nth-child(3).active)+.service-detail .service-image-placeholder{background:url('service-social-media-optimized.webp') center/cover no-repeat;border-style:solid}
.service-tabs:has(button:nth-child(4).active)+.service-detail .service-image-placeholder{background:url('service-web-design-optimized.webp') center/cover no-repeat;border-style:solid}
.service-tabs:has(button:nth-child(5).active)+.service-detail .service-image-placeholder{background:url('service-everything-optimized.webp') center/cover no-repeat;border-style:solid}
.service-tabs:has(button.active)+.service-detail .service-image-placeholder::before,
.service-tabs:has(button.active)+.service-detail .service-image-placeholder span,
.service-tabs:has(button.active)+.service-detail .service-image-placeholder small{display:none}
.quotes .quote-image{background:url('testimonial-azure-ink-optimized.webp') center/cover no-repeat}
.case-three .case-art{background:url('ars-catalog-mockup-optimized.webp') center/cover no-repeat}
.case-three .case-art .screen{display:none}
.posts{row-gap:60px}.art-d{background:#239f95;color:#dff8f4}.art-e{background:#f3d3c9}.art-e i{width:45%;height:45%;border:18px solid #ff765c;border-radius:50%;box-shadow:55px 35px 0 -8px #239f95}.art-f{background:#111;color:#fff;font-size:clamp(55px,8vw,120px);letter-spacing:-.08em}

/* Mobil navigasyon */
@media(max-width:850px){header,.inner-page header{grid-template-columns:1fr auto 1fr}.menu-btn{display:flex;justify-self:start}.logo,.inner-page .logo{justify-self:center}.contact-btn{justify-self:end}.menu-btn b{display:inline}}
@media(max-width:520px){header,.inner-page header{padding-inline:14px}.menu-btn{gap:3px}.menu-btn b{font-size:10px;margin-left:4px}.contact-btn{min-width:auto;padding:9px 12px;font-size:10px}.logo span{width:82px;height:55px}}

/* SEO hizmet sayfaları anasayfanın scroll-reveal animasyonunu kullanmaz. */
.inner-page main section,.inner-page>section.contact{opacity:1;transform:none}

/* Klavye, kontrast ve ilk çizim kararlılığı */
.skip-link{position:fixed;left:16px;top:12px;z-index:10000;padding:10px 14px;border-radius:999px;background:#111;color:#fff;transform:translateY(-160%);transition:transform .2s}
.skip-link:focus-visible{transform:none}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid #0b5f5a;outline-offset:4px}
.menu :where(a,button):focus-visible,.contact :where(a,button):focus-visible{outline-color:#fff}
.contact-btn,.faq>div:first-child>a,.impact-hot,.contact,footer{background:var(--t)}
.contact-btn:hover,.faq>div:first-child>a:hover{background:var(--td)}
.service-detail>a,.leona-title-accent{color:var(--t)}
.service-tabs button{color:#6b7173}
.service-progress-list>div span{color:#626b6d}
.impact-quote small,.project-count small{color:#626262}
.whatsapp-float{background:#08783f}
.whatsapp-float:hover{background:#056333}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}