/* IVAR redesign — approved Oct 2026 */
/* ===== IVAR Pro — one calm, professional layer on top of the live homepage ===== */
:root{--ez:cubic-bezier(.76,0,.24,1);--eo:cubic-bezier(.16,1,.3,1)}
/* intro: under two seconds, once per session, any key / click skips */
html.pi-on,html.pi-on body{overflow:hidden}
.pi{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:#03060e;cursor:pointer;clip-path:inset(0 0 0 0);transition:clip-path .8s var(--ez)}
.pi.out{clip-path:inset(0 0 100% 0)}
.pi__in{display:grid;justify-items:center;gap:18px;transition:opacity .45s ease,transform .6s var(--eo)}
.pi.out .pi__in{opacity:0;transform:translateY(-24px)}
.pi__logo{position:relative;width:88px;aspect-ratio:591/512;opacity:0;transform:translateY(8px);animation:piIn .7s var(--eo) .1s forwards}
.pi__logo img{width:100%;height:100%;display:block}
.pi__sheen{position:absolute;inset:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.9) 50%,transparent 65%);background-size:300% 100%;background-position:130% 0;animation:piSheen 1s var(--ez) .55s forwards;mix-blend-mode:screen}
.pi__line{width:120px;height:1px;background:rgba(255,255,255,.12);overflow:hidden}
.pi__line i{display:block;height:100%;background:linear-gradient(90deg,#6CC8FF,#2E78FF);transform-origin:left;transform:scaleX(0);animation:piLine 1.1s var(--ez) .25s forwards}
@keyframes piIn{to{opacity:1;transform:none}}@keyframes piSheen{to{background-position:-40% 0}}@keyframes piLine{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.pi{display:none}}

/* background ideas — sit behind the content, appear after the hero, never compete with text */
.bgx{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:var(--in,0);transition:opacity .25s linear;overflow:hidden}
.has-bgx main,.has-bgx .footer{position:relative;z-index:1}
.has-bgx main>section:not(.hero){background-color:transparent!important}
.has-bgx main>section.section--alt{background:color-mix(in srgb,var(--bg-1) 55%,transparent)!important}
.has-bgx .brandmark,.has-bgx .atmosphere{display:none!important}
.bgx>*{position:absolute;display:none}
/* 1 · glass: the real mark behind a frosted sheet */
.bg-glass .bgx__mark{display:block;left:50%;top:50%;width:min(78vmin,720px);aspect-ratio:591/512;translate:-50% -50%;opacity:.5;filter:blur(16px) saturate(1.4)}
.bg-glass .bgx__mark img{width:100%;height:100%}
.bg-glass .bgx__pane{display:block;left:50%;top:50%;width:min(92vmin,860px);aspect-ratio:1.25;translate:-50% -50%;border-radius:40px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.01) 45%,rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.bg-glass .bgx__grain{display:block;inset:-50%;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
[data-theme=light] .bg-glass .bgx__mark{opacity:.35}
/* 2 · aurora: slow brand-blue light, a faint mark underneath */
.bg-aurora .bgx__a{display:block;width:70vmax;height:70vmax;border-radius:50%;filter:blur(90px);opacity:.28;will-change:transform}
.bg-aurora .bgx__a1{left:-20vmax;top:-10vmax;background:#2E78FF;animation:aur1 34s ease-in-out infinite alternate}
.bg-aurora .bgx__a2{right:-25vmax;top:10vmax;background:#6CC8FF;opacity:.18;animation:aur2 40s ease-in-out infinite alternate}
.bg-aurora .bgx__a3{left:10vmax;bottom:-30vmax;background:#0A3FD8;animation:aur3 46s ease-in-out infinite alternate}
.bg-aurora .bgx__mark{display:block;left:50%;top:50%;width:min(90vmin,860px);aspect-ratio:591/512;translate:-50% -50%;opacity:.1;filter:blur(3px)}
.bg-aurora .bgx__mark img{width:100%;height:100%}
[data-theme=light] .bg-aurora .bgx__a{opacity:.16}
@keyframes aur1{to{transform:translate(18vmax,14vmax) scale(1.15)}}@keyframes aur2{to{transform:translate(-16vmax,10vmax) scale(.9)}}@keyframes aur3{to{transform:translate(12vmax,-16vmax) scale(1.1)}}
/* 3 · lines: hairlines at the mark's 38° cut, lit by a band that follows the scroll */
.bg-lines .bgx__l{display:block;inset:-20%;background:repeating-linear-gradient(128deg,transparent 0 46px,rgba(108,200,255,.08) 46px 47px);-webkit-mask:radial-gradient(70% 60% at 50% 50%,#000,transparent);mask:radial-gradient(70% 60% at 50% 50%,#000,transparent)}
.bg-lines .bgx__band{display:block;left:-30%;right:-30%;height:40vh;top:calc(var(--sp,0) * 100vh - 20vh);background:linear-gradient(180deg,transparent,rgba(46,120,255,.10),transparent);transform:rotate(-38deg)}
.bg-lines .bgx__mark{display:block;right:4vw;bottom:6vh;width:min(36vmin,340px);aspect-ratio:591/512;opacity:.14}
.bg-lines .bgx__mark img{width:100%;height:100%}
[data-theme=light] .bg-lines .bgx__l{background:repeating-linear-gradient(128deg,transparent 0 46px,rgba(16,73,216,.07) 46px 47px)}

/* calm reveal for the new work blocks */
.pr{opacity:0;transform:translateY(16px);transition:opacity .9s var(--eo),transform .9s var(--eo)}
.pr.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.pr{opacity:1;transform:none}}

/* ===== ÇALIŞMALARIMIZ ===== */
.wkp{display:none}
.wk-projects .wkp--projects,.wk-process .wkp--process,.wk-soon .wkp--soon{display:block}
.wk-projects .gallery__note,.wk-projects #work .work__actions .btn--text{display:none}
.wk-process .gallery__note{display:none}
/* A · project index: big names, live preview follows the pointer */
.wkp--projects{margin-top:clamp(1rem,3vw,2rem)}
.pj__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.pj__f{font:500 14px/1 var(--font-body);min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--border-control);background:transparent;color:var(--text-2);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.pj__f:hover{color:var(--text-0);border-color:var(--accent-text)}
.pj__f[aria-pressed=true]{background:var(--text-0);color:var(--bg-0);border-color:var(--text-0)}
.pj__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-hairline-strong)}
.pj__row{border-bottom:1px solid var(--border-hairline-strong);transition:opacity .45s var(--eo)}
.pj__row[hidden]{display:none}
.pj__a{display:grid;grid-template-columns:44px 1fr;gap:4px 16px;align-items:baseline;padding:22px 4px;text-decoration:none;color:var(--text-0);position:relative}
.pj__n{grid-row:1/3;font:600 12px/1.6 var(--font-mono,monospace);color:var(--text-3)}
.pj__name{font:600 clamp(1.5rem,4.4vw,3.2rem)/1.05 var(--font-display,Georgia,serif);letter-spacing:-.02em;transition:transform .6s var(--eo),color .3s}
.pj__meta{color:var(--text-2);font-size:var(--fs-caption);display:flex;flex-wrap:wrap;gap:6px 14px}
.pj__meta span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent-text);margin-right:14px;vertical-align:middle}
.pj__go{position:absolute;right:6px;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border-control);color:var(--text-1);opacity:0;transform:translateX(-10px);transition:opacity .4s,transform .5s var(--eo)}
.pj__a:hover .pj__go,.pj__a:focus-visible .pj__go{opacity:1;transform:none}
.pj__a:hover .pj__name,.pj__a:focus-visible .pj__name{transform:translateX(10px);color:var(--accent-strong)}
.pj__list:hover .pj__row:not(:hover){opacity:.4}
.pj__a:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}
.pj__card{position:fixed;left:0;top:0;width:300px;aspect-ratio:4/3;border-radius:18px;pointer-events:none;z-index:50;opacity:0;scale:.85;transition:opacity .35s ease,scale .5s var(--eo);overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);display:grid;place-items:center;color:#fff}
.pj__card.on{opacity:1;scale:1}
.pj__card b{font:700 4.4rem/1 var(--font-display,Georgia,serif);letter-spacing:-.04em;position:relative}
.pj__card small{position:absolute;left:16px;bottom:14px;font:600 12px/1 system-ui,sans-serif;letter-spacing:.08em;opacity:.85}
.pj__card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 48%,transparent 60%)}
@media (hover:none),(max-width:739px){.pj__card{display:none}.pj__go{opacity:1;transform:none}.pj__list:hover .pj__row:not(:hover){opacity:1}}
@media (min-width:740px){.pj__a{grid-template-columns:60px 1.2fr 1fr;grid-template-rows:auto;align-items:center;padding:28px 70px 28px 6px}.pj__n{grid-row:auto}.pj__meta{justify-content:flex-end}}
/* B · process */
.wkp--process{margin-top:clamp(1rem,3vw,2rem)}
.ps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:ps}
.ps__s{position:relative;padding:26px 24px 24px;border-radius:20px;border:1px solid var(--border-hairline-strong);background:linear-gradient(160deg,var(--bg-2),var(--bg-1));overflow:hidden;counter-increment:ps}
.ps__s::before{content:"0" counter(ps);display:block;font:600 12px/1 var(--font-mono,monospace);color:var(--accent-text);margin-bottom:46px}
.ps__s h3{margin:0;font:600 clamp(1.3rem,2.2vw,1.7rem)/1.15 var(--font-display,Georgia,serif);letter-spacing:-.015em}
.ps__bar{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#6CC8FF,#2E78FF);transform-origin:left;transform:scaleX(0);transition:transform 1.2s var(--eo) var(--d,0s)}
.ps.in .ps__bar{transform:scaleX(1)}
.ps__lead{margin:22px 0 0;color:var(--text-2);max-width:70ch}
@media (min-width:740px){.ps{grid-template-columns:repeat(4,1fr)}}
/* C · prepared showcase */
.wkp--soon{margin-top:clamp(1rem,3vw,2rem)}
.sn{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--border-hairline-strong);min-height:clamp(320px,40vw,460px);display:grid;align-content:end;padding:clamp(22px,4vw,48px);background:radial-gradient(80% 90% at 85% 10%,rgba(46,120,255,.35),transparent 60%),radial-gradient(60% 70% at 10% 100%,rgba(108,200,255,.18),transparent 60%),var(--bg-1)}
.sn::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(128deg,transparent 0 38px,rgba(255,255,255,.035) 38px 39px)}
.sn__tag{position:relative;justify-self:start;display:inline-flex;align-items:center;gap:8px;font:600 12px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);padding:8px 12px;border-radius:999px;border:1px solid var(--border-hairline-strong);background:var(--bg-2)}
.sn__tag i{width:6px;height:6px;border-radius:50%;background:var(--accent-text);animation:snB 1.8s ease-in-out infinite}
@keyframes snB{50%{opacity:.25}}
.sn__t{position:relative;margin:16px 0 0;font:600 clamp(1.8rem,4vw,3.2rem)/1.05 var(--font-display,Georgia,serif);letter-spacing:-.02em;max-width:18ch}
.sn__slots{position:absolute;top:clamp(22px,4vw,48px);right:clamp(22px,4vw,48px);display:flex;gap:10px}
.sn__slots span{width:clamp(54px,8vw,92px);aspect-ratio:4/3;border-radius:10px;border:1px dashed var(--border-control);display:grid;place-items:center;font:600 12px/1 var(--font-mono,monospace);color:var(--text-3);background:rgba(255,255,255,.02)}

/* idea switcher (preview only) */
.ix{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:1400;font:500 13px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:#E8EEF8}
.ix__b{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #2A3A5C;background:rgba(8,13,26,.9);color:inherit;font:inherit;cursor:pointer;backdrop-filter:blur(12px)}
.ix__p{position:absolute;left:0;bottom:54px;width:min(320px,calc(100vw - 24px));padding:14px;border-radius:16px;background:rgba(8,13,26,.97);border:1px solid #2A3A5C;box-shadow:0 20px 60px rgba(0,0,0,.5);display:grid;gap:12px}
.ix__p[hidden]{display:none}
.ix__g{display:grid;gap:6px}.ix__g>span{color:#8FA3C7;font-size:12px}
.ix__seg{display:flex;gap:4px;flex-wrap:wrap}.ix__seg button{flex:1;min-height:40px;border-radius:10px;border:1px solid #2A3A5C;background:#101a2e;color:#C6D2E8;font:inherit;cursor:pointer}
.ix__seg button[aria-pressed=true]{background:#2E78FF;border-color:#2E78FF;color:#fff}
.ix button:focus-visible{outline:2px solid #6CC8FF;outline-offset:2px}
.ix{display:flex;gap:6px;align-items:center}
.ix__p{bottom:54px}
.ix__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.ix__grid button,.ix__replay{min-height:42px;border-radius:10px;border:1px solid #2A3A5C;background:#101a2e;color:#C6D2E8;font:600 13px system-ui,sans-serif;cursor:pointer}
.ix__grid button[aria-pressed=true]{background:#2E78FF;border-color:#2E78FF;color:#fff}
.ix__grid button:hover,.ix__replay:hover{border-color:#6CC8FF}

html.ii-on,html.ii-on body{overflow:hidden}
.ii{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:radial-gradient(90% 80% at 50% 45%,#07122c,#03060e 65%);cursor:pointer;transition:clip-path .85s cubic-bezier(.76,0,.24,1),opacity .7s ease}
.ii__box{position:relative;width:min(34vw,240px);aspect-ratio:591/512;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s ease}
.ii__base,.ii__p,.ii__cv,.ii__sheen{position:absolute;inset:0;width:100%;height:100%;display:block}
.ii__glow{position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(46,120,255,.32),transparent 60%);opacity:0;pointer-events:none;z-index:-1}
.ii__sheen{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.9) 50%,transparent 65%);background-size:300% 100%;background-position:140% 0;mix-blend-mode:screen}
.ii__edge{position:absolute;left:-8%;right:-8%;height:2px;background:linear-gradient(90deg,transparent,#BFE6FF,transparent);box-shadow:0 0 18px #3FA2F7}
.ii__ch{mix-blend-mode:screen}
.ii__brush{-webkit-mask-image:linear-gradient(115deg,#000 40%,transparent 60%);mask-image:linear-gradient(115deg,#000 40%,transparent 60%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0}
.ii.out .ii__box{transform:scale(.9);opacity:0}
.ii.ex-lift{clip-path:inset(0 0 0 0)}.ii.ex-lift.out{clip-path:inset(0 0 100% 0)}
.ii.ex-iris{clip-path:circle(150% at 50% 50%)}.ii.ex-iris.out{clip-path:circle(0% at 50% 50%)}
.ii.ex-fade.out{opacity:0}
@media (prefers-reduced-motion:reduce){.ii{display:none}}
.ii.ex-zoom.out .ii__box{transform:scale(14);opacity:0;transition:transform .9s cubic-bezier(.7,0,.84,0),opacity .6s ease .25s}.ii.ex-zoom.out{opacity:0;transition:opacity .6s ease .3s}
.ii.ex-split{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.ii.ex-split.out{clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%)}
.ii.ex-drop.out{transform:translateY(100%);transition:transform .9s cubic-bezier(.76,0,.24,1)}

/* ===== typography (the hero keeps its approved type) ===== */
.t30 body{font-family:var(--fb)}
.t30 .hero{font-family:'Inter',system-ui,sans-serif}
.t30 :is(.section-head h2,.principles__lede,.statement h2,.outro__text,.positioning__title,.rail__title,.plate__title,.gallery__name,.seo-intro h2,.national-service-area h2){font-family:var(--fd);font-weight:var(--hw);letter-spacing:var(--ht);font-synthesis:none}
.t30 :is(.section-head h2,.principles__lede,.positioning__title,.seo-intro h2,.national-service-area h2,.outro__text){font-size:calc(clamp(1.9rem,4.4vw,3.6rem) * var(--hs));line-height:1.04;text-wrap:balance}
.t30 .statement h2{font-size:calc(clamp(2rem,5vw,4.4rem) * var(--hs))}
.tc-up :is(.section-head h2,.principles__lede,.statement h2,.outro__text,.positioning__title,.seo-intro h2,.national-service-area h2){text-transform:uppercase;line-height:.98}
.tf-grad :is(.section-head h2,.principles__lede,.statement h2,.outro__text,.positioning__title,.seo-intro h2,.national-service-area h2){background:linear-gradient(180deg,var(--text-0) 30%,#6CB4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=light].tf-grad :is(.section-head h2,.principles__lede,.statement h2,.outro__text,.positioning__title,.seo-intro h2,.national-service-area h2){background:linear-gradient(180deg,#09090B 30%,#1049D8)}
.tf-metal :is(.section-head h2,.principles__lede,.statement h2,.outro__text,.positioning__title,.seo-intro h2,.national-service-area h2){background:linear-gradient(100deg,#A9C3EE 0%,#F4F8FF 28%,#6CA8F0 50%,#E6F0FF 72%,#5E8FD8 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tMetal 9s ease-in-out infinite}
[data-theme=light].tf-metal :is(.section-head h2,.principles__lede,.statement h2,.outro__text,.positioning__title,.seo-intro h2,.national-service-area h2){background-image:linear-gradient(100deg,#0A2A8F,#3F6FD8 30%,#09090B 50%,#2E5BC8 72%,#0A2A8F)}
@keyframes tMetal{50%{background-position:100% 0}}
.tf-glow :is(.section-head h2,.principles__lede,.statement h2,.outro__text,.positioning__title,.seo-intro h2,.national-service-area h2){text-shadow:0 0 34px rgba(94,162,255,.45),0 0 2px rgba(94,162,255,.3)}
.tf-last-accent .tw-last{color:var(--accent-strong);font-style:italic}
.tf-last-outline .tw-last{color:transparent;-webkit-text-stroke:1.2px var(--accent-strong)}
.tf-last-marker .tw-last{background:linear-gradient(transparent 60%,rgba(46,120,255,.42) 60%,rgba(46,120,255,.42) 92%,transparent 92%);padding:0 .08em}
.te-line .eyebrow::before{width:28px;height:1px;border-radius:0}
.te-slash .eyebrow::before{content:"/";width:auto;height:auto;background:none;color:var(--accent-text)}
.te-pill .eyebrow{padding:7px 12px;border-radius:999px;border:1px solid var(--border-hairline-strong);background:var(--chip-bg)}
@media (prefers-reduced-motion:reduce){.tf-metal *{animation:none!important}}

/* ===== 30 headers ===== */
.nav,.nav__inner,.nav__links,.nav__link,.nav__logo{transition:all .45s cubic-bezier(.16,1,.3,1)}
.hs1 .nav{background:var(--nav-glass);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--border-hairline)}
.hs2 .nav,.hs15 .nav,.hs30 .nav{background:none!important;border:0!important;backdrop-filter:none!important;padding-top:12px}
.hs2 .nav__inner{max-width:1080px;margin:0 auto;padding:0 10px 0 20px;border-radius:999px;background:var(--nav-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-hairline-strong);box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}
.hs3 .nav{background:none!important;border:0!important;padding-top:14px}.hs3 .nav__inner{border-radius:18px;background:var(--bg-1);border:1px solid var(--border-hairline-strong);box-shadow:0 24px 50px -28px rgba(0,0,0,.7);padding:0 16px}
.hs4 .nav{background:#05070d;border-bottom:0}.hs4 .nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#2E78FF,#6CC8FF,#2E78FF,transparent)}[data-theme=light].hs4 .nav{background:#fff}
.hs5 .nav__link{text-transform:uppercase;font-size:12px;letter-spacing:.14em}.hs5 .nav__link::after{height:1px!important}
.hs6 .nav__inner{display:grid;grid-template-columns:1fr auto 1fr}.hs6 .nav__logo{grid-column:2;grid-row:1;justify-self:center}.hs6 .nav__links{grid-column:1;grid-row:1;justify-self:start}.hs6 .nav__actions{grid-column:3;justify-self:end}
.hs7 .nav__links{padding:5px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border-hairline-strong);gap:2px}.hs7 .nav__link{padding:9px 14px;border-radius:999px}.hs7 .nav__link.is-active{background:var(--text-0);color:var(--bg-0)}.hs7 .nav__link::after{display:none}
.hs8 .nav__link{padding:8px 14px;border-radius:999px;border:1px solid transparent}.hs8 .nav__link:hover{border-color:var(--border-control)}.hs8 .nav__link.is-active{border-color:var(--accent-text);color:var(--accent-strong)}.hs8 .nav__link::after{display:none}
.hs9 .nav__links{position:relative}.hs9 .nav__link::after{display:none}.hs9 .nav-ind{position:absolute;bottom:-8px;height:2px;border-radius:2px;background:linear-gradient(90deg,#6CC8FF,#2E78FF);left:var(--x,0);width:var(--w,0);transition:left .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1)}
.hs10 .nav__link+.nav__link::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent-text);margin-right:18px;vertical-align:middle}.hs10 .nav__links{gap:18px}
.hs11 .nav__link+.nav__link::before{content:"/";color:var(--text-3);margin-right:16px}.hs11 .nav__links{gap:16px}
.hs12 .nav__links{counter-reset:nl}.hs12 .nav__link{counter-increment:nl}.hs12 .nav__link::before{content:"0" counter(nl);font:600 10px/1 var(--font-mono,monospace);color:var(--accent-text);margin-right:6px;vertical-align:super}
.hs13 .nav{padding-top:28px;background:var(--nav-glass);backdrop-filter:blur(14px)}.hs13 .nav::before{content:"Strateji · Tasarım · Teknoloji";position:absolute;top:0;left:0;right:0;height:28px;display:grid;place-items:center;font:600 11px/1 system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#EAF4FF;background:linear-gradient(90deg,#0A3FD8,#2E78FF,#0A3FD8)}
.hs14 .nav{background:none!important;border:0!important;padding-top:12px}.hs14 .nav__links,.hs14 .nav__actions{padding:6px 10px;border-radius:16px;background:#0b1120;border:1px solid var(--border-hairline-strong)}[data-theme=light].hs14 .nav__links,[data-theme=light].hs14 .nav__actions{background:#fff}
.hs15 .nav__inner{max-width:1080px;margin:0 auto;padding:0 10px 0 20px;border-radius:999px;background:var(--nav-glass);backdrop-filter:blur(18px);position:relative}
.hs15 .nav__inner::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a,0deg),#2E78FF,#6CC8FF,transparent 40%,#2E78FF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:hsSpin 8s linear infinite;pointer-events:none}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes hsSpin{to{--a:360deg}}
.hs16 .nav{background:#F4F7FC;border-bottom:1px solid #dfe5ef}.hs16 .nav__link,.hs16 .nav__logo-word{color:#0B1530}.hs16 .lang-switch__trigger,.hs16 .theme-toggle,.hs16 .nav__burger{color:#0B1530;border-color:#c9d3e4}.hs16 .nav__burger span{background:#0B1530}
[data-theme=light].hs16 .nav{background:#0B1530}[data-theme=light].hs16 .nav__link,[data-theme=light].hs16 .nav__logo-word{color:#EAF0FA}[data-theme=light].hs16 .lang-switch__trigger,[data-theme=light].hs16 .theme-toggle{color:#EAF0FA;border-color:#2a3a5c}
.hs17 .nav{background:linear-gradient(90deg,#0A3FD8,#2E78FF)}.hs17 .nav__link,.hs17 .nav__logo-word,.hs17 .lang-switch__trigger,.hs17 .theme-toggle{color:#fff}.hs17 .lang-switch__trigger,.hs17 .theme-toggle{border-color:rgba(255,255,255,.4)}.hs17 .nav__link::after{background:#fff!important}.hs17 .nav__burger span{background:#fff}
.hs18 .nav__logo img{height:40px!important;width:auto}.hs18 .nav__logo-word{font-size:1.4rem;letter-spacing:.2em}.hs18 .nav__link{font-size:13px}.hs18 .nav__actions{padding-left:18px;border-left:1px solid var(--border-hairline-strong)}
.hs19 .nav{background:var(--nav-glass);backdrop-filter:blur(14px)}.hs19 .nav-prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#6CC8FF,#2E78FF);transform-origin:left;transform:scaleX(var(--p,0))}
.hs20 .nav{background:var(--nav-glass);backdrop-filter:blur(14px)}.hs20 .nav.nav-hide{transform:translateY(-110%)!important}
.hs21 .nav.is-scrolled .nav__inner{height:calc(var(--nav-h) - 22px)}.hs21 .nav.is-scrolled .nav__logo img{transform:scale(.8)}.hs21 .nav.is-scrolled{box-shadow:0 10px 30px -16px rgba(0,0,0,.6)}
.hs22 .nav__link::after{display:none}.hs22 .nav__link.is-active::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#6CC8FF;box-shadow:0 0 12px #6CC8FF;margin-right:8px;vertical-align:middle}
.hs23 .nav__link:hover,.hs23 .nav__link.is-active{color:#BFE4FF;text-shadow:0 0 14px rgba(94,162,255,.9)}
.hs24 .nav{background:none!important;border:0!important}.hs24 .nav__links{padding:12px 22px 14px;margin-top:-6px;border-radius:0 0 20px 20px;background:var(--bg-1);border:1px solid var(--border-hairline-strong);border-top:0}
.hs25 .nav__links{display:none!important}.hs25 .nav__burger{display:inline-flex!important}.hs25 .nav{background:none}
.hs26 .nav__logo{padding:8px 12px 8px 8px;border-radius:14px;background:var(--bg-2);border:1px solid var(--border-hairline-strong)}.hs26 .nav{background:var(--nav-glass);backdrop-filter:blur(12px)}
.hs27 .nav__link{text-transform:uppercase;font-weight:700;letter-spacing:.08em;font-size:12px;padding-top:6px;border-top:2px solid transparent}.hs27 .nav__link.is-active{border-top-color:var(--accent-text)}.hs27 .nav__link::after{display:none}
.hs28 .nav{background:var(--nav-glass);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-hairline)}.hs28 .nav-cta{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;background:#2E78FF;color:#fff;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}.hs28 .nav-cta:hover{background:#1049D8}
.hs29 .nav{background:none!important;border:0!important;padding-top:12px}.hs29 .nav__logo,.hs29 .nav__links,.hs29 .nav__actions{padding:8px 14px;border-radius:999px;background:var(--nav-glass);backdrop-filter:blur(16px);border:1px solid var(--border-hairline-strong)}
.hs30 .nav__inner{max-width:1180px;margin:0 auto;padding:0 18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.hs30 .nav__link{background:linear-gradient(90deg,var(--text-1),#8EC5FF);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:1023px){.hs6 .nav__inner{display:flex}.hs7 .nav__links,.hs14 .nav__links,.hs24 .nav__links,.hs29 .nav__links{background:none;border:0;padding:0}.hs28 .nav-cta{display:none}.hs13 .nav::before{font-size:9px;letter-spacing:.16em}}

/* ===== logo atmosphere behind the content (after the hero) ===== */
.lx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:calc(var(--in,0) * var(--op,.4));transition:opacity .25s linear}
[data-theme=light] .lx{opacity:calc(var(--in,0) * var(--op,.4) * .7)}
.has-lx main,.has-lx .footer{position:relative;z-index:1}
.has-lx main>section:not(.hero){background-color:transparent!important}
.has-lx main>section.section--alt{background:color-mix(in srgb,var(--bg-1) 55%,transparent)!important}
.has-lx .brandmark,.has-lx .atmosphere{display:none!important}
.lx__w{position:absolute;left:50%;top:50%;width:min(80vmin,760px);aspect-ratio:591/512;translate:-50% -50%}
.lx__w img,.lx__w canvas{position:absolute;inset:0;width:100%;height:100%}
.lx__fill{position:absolute;inset:0;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.bgk-mask-aurora .lx__fill{background:radial-gradient(40% 50% at 30% 30%,#6CC8FF,transparent 70%),radial-gradient(50% 60% at 70% 70%,#0A3FD8,transparent 70%),radial-gradient(40% 40% at 60% 30%,#3BE0D0,transparent 70%),#0a1d55;background-size:180% 180%;animation:lxAur 16s ease-in-out infinite alternate}
@keyframes lxAur{to{background-position:100% 100%,0 0,30% 80%,0 0}}
.bgk-mask-stripes .lx__fill{background:repeating-linear-gradient(128deg,#2E78FF 0 10px,#0a1d55 10px 22px);background-size:200% 200%;animation:lxSlide 12s linear infinite}
@keyframes lxSlide{to{background-position:100% 0}}
.bgk-mask-stars .lx__fill{background:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 60% 70%,#BFE6FF,transparent),radial-gradient(1.5px 1.5px at 80% 20%,#fff,transparent),radial-gradient(1px 1px at 40% 80%,#9FD4FF,transparent),radial-gradient(1px 1px at 70% 45%,#fff,transparent),linear-gradient(160deg,#0a2a8f,#040a22);background-size:120px 120px,90px 90px,150px 150px,70px 70px,110px 110px,100% 100%;animation:lxTw 6s linear infinite}
@keyframes lxTw{50%{opacity:.75}}
.bgk-mask-grid .lx__fill{background:linear-gradient(rgba(108,200,255,.9) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(108,200,255,.9) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(160deg,#0A3FD8,#061a55);animation:lxGrid 8s linear infinite}
@keyframes lxGrid{to{background-position:0 22px,22px 0,0 0}}
.bgk-mask-conic .lx__fill{background:conic-gradient(from var(--a,0deg),#6CC8FF,#0A3FD8,#2E78FF,#062A8F,#6CC8FF);animation:hsSpin 14s linear infinite}
.bgk-mask-liquid .lx__fill{background:radial-gradient(circle at 30% 40%,#6CC8FF 0 14%,transparent 30%),radial-gradient(circle at 70% 60%,#2E78FF 0 18%,transparent 36%),radial-gradient(circle at 50% 80%,#3BE0D0 0 10%,transparent 26%),#0a1d55;background-size:160% 160%;animation:lxLiq 12s ease-in-out infinite alternate;filter:blur(2px)}
@keyframes lxLiq{to{background-position:80% 20%,20% 70%,60% 0,0 0}}
.bgk-mask-scan .lx__fill{background:repeating-linear-gradient(0deg,rgba(108,200,255,.95) 0 2px,transparent 2px 7px),linear-gradient(180deg,#2E78FF,#062A8F);animation:lxScan 4s linear infinite}
@keyframes lxScan{to{background-position:0 70px,0 0}}
.bgk-mask-sweep .lx__fill{background:linear-gradient(118deg,#0a2a8f 30%,#BFE6FF 48%,#2E78FF 52%,#0a2a8f 70%);background-size:300% 100%;animation:lxSweep 6s cubic-bezier(.76,0,.24,1) infinite}
@keyframes lxSweep{0%{background-position:120% 0}60%,100%{background-position:-20% 0}}
.bgk-mask-dots .lx__fill{background:radial-gradient(circle,#6CC8FF 2px,transparent 2.5px) 0 0/14px 14px,linear-gradient(160deg,#0a2a8f,#040a22);animation:lxGrid 10s linear infinite}
.bgk-mask-noise .lx__fill{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/><feColorMatrix values='0 0 0 0 .2  0 0 0 0 .5  0 0 0 0 1  0 0 0 1.4 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),linear-gradient(160deg,#2E78FF,#062A8F);animation:lxNoise .6s steps(3) infinite}
@keyframes lxNoise{33%{background-position:30px 10px,0 0}66%{background-position:-20px 40px,0 0}}
.lx--crop .lx__w{width:min(190vmin,1800px)}.bgk-crop-r .lx__w{left:96%;top:56%}.bgk-crop-bl .lx__w{left:12%;top:96%}.bgk-crop-t .lx__w{left:50%;top:6%}
.lx--crop .lx__w img{animation:lxRot 80s linear infinite}@keyframes lxRot{to{transform:rotate(360deg)}}
.lx__tile{position:absolute;inset:-50%;background:var(--logo) 0 0/120px auto repeat;transform:rotate(-38deg);animation:lxTile 60s linear infinite}
.bgk-tile-xl .lx__tile{background-size:300px auto}
@keyframes lxTile{to{background-position:600px 520px}}
.lx--shadow img:not(:last-child){opacity:.08}
.lx--kaleido .lx__w{animation:lxRot 90s linear infinite}.lx--kaleido img{opacity:.5}
.lx--backlit .lx__w::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(46,120,255,.6),transparent 60%);filter:blur(30px)}
.lx--spot .lx__w{-webkit-mask:radial-gradient(260px circle at var(--sx,50%) var(--sy,50%),#000 30%,transparent 100%);mask:radial-gradient(260px circle at var(--sx,50%) var(--sy,50%),#000 30%,transparent 100%)}
.lx--scrub .lx__w img:last-child{clip-path:inset(0 calc((1 - var(--sp,0)) * 100%) 0 0)}.lx--scrub .lx__w img:first-child{opacity:.12}
.lx--topo .lx__w img{opacity:var(--o)}
.lx--orbit .lx__ring{position:absolute;inset:-35%;animation:lxRot 60s linear infinite}.lx--orbit .lx__ring img{position:absolute;width:14%;left:43%;top:0;transform-origin:50% 357%}
.lx--emboss img{filter:drop-shadow(-2px -2px 0 rgba(255,255,255,.25)) drop-shadow(3px 3px 0 rgba(0,0,0,.6)) brightness(.6) saturate(.8)}
.lx--depth img{transition:transform .2s linear}
@media (prefers-reduced-motion:reduce){.lx *{animation:none!important}}

/* ===== icons ===== */
svg.ic{overflow:visible;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .4s}
a:hover svg.ic,button:hover svg.ic{transform:scale(1.1)}
.ic-draw path,.ic-draw rect,.ic-draw circle{stroke-dasharray:80;stroke-dashoffset:0;transition:stroke-dashoffset 0s}
a:hover .ic-draw path,a:hover .ic-draw rect,a:hover .ic-draw circle,button:hover .ic-draw path{animation:icDraw .9s cubic-bezier(.76,0,.24,1)}
@keyframes icDraw{from{stroke-dashoffset:80}}
.ic-orbit .ic-dot{transform-origin:12px 12px;transition:transform .8s cubic-bezier(.16,1,.3,1)}a:hover .ic-orbit .ic-dot,button:hover .ic-orbit .ic-dot{transform:rotate(180deg)}
.ic-neon{filter:drop-shadow(0 0 3px rgba(108,200,255,.9)) drop-shadow(0 0 8px rgba(46,120,255,.6))}
.ic-glow{filter:drop-shadow(0 0 6px rgba(94,162,255,.55))}

.ic-host{border-color:transparent!important;background:transparent!important;box-shadow:none!important}.ic-host svg.ic{width:30px;height:30px}
.hs16 .lang-switch__trigger,.hs16 .theme-toggle{background:transparent!important}

/* ===== base for #3 approved ===== */
.lgv [data-mask]{clip-path:none!important}
.lgv .reel__item,.lgv .gallery__tile,.lgv .rail__station{opacity:1}
/* ===== reveals (15) ===== */
.vr{transition:opacity 1s cubic-bezier(.16,1,.3,1) var(--sd,0ms),transform 1.1s cubic-bezier(.16,1,.3,1) var(--sd,0ms),filter 1s ease var(--sd,0ms),clip-path 1.1s cubic-bezier(.76,0,.24,1) var(--sd,0ms),letter-spacing 1.1s ease var(--sd,0ms)}
.r-up .vr:not(.in){opacity:0;transform:translateY(34px)}.r-blur .vr:not(.in){opacity:0;filter:blur(14px)}.r-clip .vr:not(.in){clip-path:inset(0 0 100% 0)}.r-clip .vr.in{clip-path:inset(-8% -4% -14% -4%)}
.r-scale .vr:not(.in){opacity:0;transform:scale(.9)}.r-skew .vr:not(.in){opacity:0;transform:translateY(50px) skewY(4deg)}.r-fade .vr:not(.in){opacity:0}
.r-rotate .vr:not(.in){opacity:0;transform:perspective(900px) rotateX(-26deg) translateY(30px);transform-origin:50% 0}.r-side .vr:not(.in){opacity:0;transform:translateX(-46px)}
.r-curtain .vr:not(.in){clip-path:inset(0 100% 0 0)}.r-curtain .vr.in{clip-path:inset(-8% -4% -14% -4%)}.r-depth .vr:not(.in){opacity:0;transform:perspective(800px) translateZ(-160px)}
.r-track .vr:not(.in){opacity:0;letter-spacing:.18em}.r-drop .vr:not(.in){opacity:0;transform:translateY(-36px)}.r-zoom .vr:not(.in){opacity:0;transform:scale(1.12);filter:blur(6px)}
.r-flip .vr:not(.in){opacity:0;transform:perspective(900px) rotateY(-28deg);transform-origin:left}.r-rise .vr:not(.in){opacity:0;transform:translateY(80px)}
@media (prefers-reduced-motion:reduce){.vr{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}
/* extras */
.x-sweep main>section:not(.hero){position:relative;overflow:hidden}.x-sweep main>section:not(.hero)::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-45%;width:18%;transform:rotate(38deg);background:linear-gradient(90deg,transparent,rgba(108,200,255,.13),transparent);pointer-events:none}
.x-sweep main>section.lit::after{animation:vSweep 1.8s cubic-bezier(.6,0,.2,1) forwards}@keyframes vSweep{to{left:135%}}
.x-lines main>section:not(.hero){position:relative}.x-lines main>section:not(.hero)::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#2E78FF,#6CC8FF,transparent);transform:scaleX(0);transition:transform 1.4s cubic-bezier(.76,0,.24,1)}.x-lines main>section.lit::before{transform:scaleX(1)}
[data-ww] .ww{opacity:.22;transition:opacity .4s}[data-ww] .ww.on{opacity:1}
.x-spot .vspot{position:relative}.x-spot .vspot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--sx,-200px) var(--sy,-200px),rgba(108,200,255,.16),transparent 70%)}
.x-focus main>section:not(.hero){opacity:var(--fo,1);transition:opacity .35s linear}
.x-scalein main>section:not(.hero){transform:scale(var(--sc,1));border-radius:var(--sr,0)}
@media (min-width:1024px){.x-sticky .section-head,.x-sticky .principles__head{position:sticky;top:calc(var(--nav-h,64px) + 24px);z-index:2}}
.vcu{position:fixed;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:1px solid rgba(108,200,255,.7);pointer-events:none;z-index:2500;transition:width .4s,height .4s,margin .4s,background .3s}.vcu.hot{width:70px;height:70px;margin:-35px 0 0 -35px;background:rgba(46,120,255,.1)}
.vodo{display:inline-flex;overflow:hidden;height:1.2em;line-height:1.2em;vertical-align:bottom}.vodo i{font-style:normal;display:inline-block;height:1.2em;overflow:hidden}.vodo i b{display:flex;flex-direction:column;font-weight:inherit;width:1ch;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}.vodo.go i b{transform:translateY(calc(var(--n) * -1.2em))}

/* ===== HİZMETLERİMİZ (6) ===== */
@media (min-width:740px){
.s1 .reel,.s2 .reel,.s3 .reel,.s4 .reel,.s5 .reel,.s6 .reel{transform:none!important;overflow:visible!important;padding:0!important;margin-inline:auto;max-width:var(--container,1240px)}
.s1 .reel__item,.s2 .reel__item,.s3 .reel__item,.s4 .reel__item,.s5 .reel__item,.s6 .reel__item{width:auto!important;min-width:0!important;flex:none!important;opacity:1!important;transform:none!important;margin:0!important}
.s1 .reel{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px}
.s2 .reel{display:grid!important;grid-template-columns:1fr;gap:14px}.s2 .plate{display:grid!important;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px}.s2 .plate__media{height:130px!important;aspect-ratio:auto!important;transition:height .8s cubic-bezier(.16,1,.3,1)}.s2 .reel__item:hover .plate__media{height:240px!important}.s2 .plate__title{font-size:clamp(1.6rem,2.6vw,2.4rem)!important}
.s3 .reel{display:flex!important;gap:12px;height:460px}.s3 .reel__item{flex:1 1 0!important;transition:flex .8s cubic-bezier(.16,1,.3,1)}.s3 .reel__item:hover{flex:2.8 1 0!important}.s3 .plate{height:100%}.s3 .plate__media{height:100%!important;aspect-ratio:auto!important}.s3 .plate__text{opacity:0;transition:opacity .5s}.s3 .reel__item:hover .plate__text{opacity:1}
.s4 .reel{display:grid!important;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}.s4 .reel__item:first-child{grid-row:span 2}.s4 .reel__item:nth-child(4){grid-column:span 2}
.s5 .reel{display:block!important}.s5 .reel__item{position:sticky!important;top:calc(var(--nav-h,64px) + 30px);margin-bottom:28px!important}.s5 .plate{display:grid!important;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:28px;border-radius:24px;background:linear-gradient(160deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-hairline-strong);box-shadow:0 -20px 40px -24px rgba(0,0,0,.6)}
.s6 .reel{display:grid!important;grid-template-columns:1fr;gap:56px}.s6 .plate{display:grid!important;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.s6 .reel__item:nth-child(even) .plate__media{order:2}.s6 .plate__title{font-size:clamp(2rem,3.6vw,3.2rem)!important}
.s1 .reel__status,.s2 .reel__status,.s3 .reel__status,.s4 .reel__status,.s5 .reel__status,.s6 .reel__status{display:none}
}
/* ===== ÇALIŞMALARIMIZ (6) ===== */
@media (min-width:740px){
.w1 .gallery{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px}.w1 .gallery__tile{grid-column:auto!important;grid-row:auto!important}.w1 .gallery__frame{aspect-ratio:4/3!important;height:auto!important}
.w3 .gallery{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:14px}.w3 .gallery__tile{flex:0 0 min(560px,62%)!important;scroll-snap-align:start}.w3 .gallery__frame{aspect-ratio:16/10!important;height:auto!important}
.w4 .gallery{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px;align-items:start}.w4 .gallery__tile{grid-column:auto!important;grid-row:auto!important}.w4 .gallery__tile:nth-child(2){margin-top:70px}.w4 .gallery__tile:nth-child(3){margin-top:140px}.w4 .gallery__frame{aspect-ratio:3/4!important;height:auto!important}
.w5 .gallery{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px}.w5 .gallery__tile{grid-column:auto!important;grid-row:auto!important}.w5 .gallery__frame{aspect-ratio:16/11!important;height:auto!important;padding-top:28px;border-radius:12px;overflow:hidden}.w5 .gallery__frame::before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:var(--bg-3);border-bottom:1px solid var(--border-hairline);z-index:2}.w5 .gallery__frame::after{content:"";position:absolute;top:10px;left:12px;width:46px;height:8px;z-index:3;background:radial-gradient(circle,#FF5F57 3.5px,transparent 4px) 0 0/16px 8px,radial-gradient(circle,#FEBC2E 3.5px,transparent 4px) 16px 0/16px 8px,radial-gradient(circle,#28C840 3.5px,transparent 4px) 32px 0/16px 8px;background-repeat:no-repeat}
.w6 .gallery{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px}.w6 .gallery__tile--lead{grid-column:1/-1!important;grid-row:auto!important}.w6 .gallery__tile--lead .gallery__frame{aspect-ratio:21/9!important;height:auto!important}.w6 .gallery__tile:not(.gallery__tile--lead) .gallery__frame{aspect-ratio:16/9!important;height:auto!important}
}
.w1 .gallery__frame,.w2 .gallery__frame,.w3 .gallery__frame,.w4 .gallery__frame,.w5 .gallery__frame,.w6 .gallery__frame{transition:transform .7s cubic-bezier(.16,1,.3,1),border-color .4s}
.gallery__tile:hover .gallery__frame{border-color:var(--accent-text)}
/* ===== TÜRKİYE GENELİ · ONLINE (6) ===== */
.n1 .service-link-grid__list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.n1 .service-link-grid__item{min-height:120px;align-items:flex-end;padding:22px;border-radius:20px;font:500 clamp(1.1rem,2vw,1.6rem)/1.1 var(--fd)}
@media (min-width:740px){.n1 .service-link-grid__list{grid-template-columns:repeat(3,1fr)}.n1 .service-link-grid__item{min-height:170px}}
.n2 .service-link-grid__list{display:block;overflow:hidden;white-space:nowrap;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.n2 .vmq{display:inline-flex;gap:14px;animation:vMq 30s linear infinite}.n2 .vmq:hover{animation-play-state:paused}.n2 .service-link-grid__item{display:inline-flex!important;font:500 clamp(1.4rem,3vw,2.6rem)/1 var(--fd);padding:18px 28px;border-radius:999px;white-space:nowrap}
@keyframes vMq{to{transform:translateX(-50%)}}
.n3 .service-link-grid__list{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--border-hairline-strong)}.n3 .service-link-grid__item{border:0!important;border-bottom:1px solid var(--border-hairline-strong)!important;border-radius:0!important;background:none!important;padding:24px 4px;font:500 clamp(1.5rem,3.4vw,2.8rem)/1.1 var(--fd);transition:padding .5s cubic-bezier(.16,1,.3,1),color .3s}.n3 .service-link-grid__item:hover{padding-left:18px;color:var(--accent-strong)}
.n4 .service-link-grid__list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.n4 .service-link-grid__item{border-radius:999px;padding:14px 22px;font-size:1.05rem}.n4 .section-head{text-align:center;margin-inline:auto}
@media (min-width:1024px){.n5 .national-service-area .container{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.n5 .national-service-area .section-head{position:sticky;top:calc(var(--nav-h,64px) + 30px)}.n5 .service-link-grid__list{grid-template-columns:1fr}}
.n5 .service-link-grid__item{min-height:84px;font:500 1.4rem/1.1 var(--fd)}
.n6 .vmap{position:relative;margin:24px 0;border-radius:24px;border:1px solid var(--border-hairline-strong);background:radial-gradient(70% 70% at 50% 60%,rgba(46,120,255,.18),transparent 70%),var(--bg-1);overflow:hidden}
.n6 .vmap svg{display:block;width:100%;height:auto}.vmap path.tr{fill:rgba(46,120,255,.18);stroke:#6CC8FF;stroke-width:1.2;stroke-dasharray:2400;stroke-dashoffset:2400;transition:stroke-dashoffset 2.6s cubic-bezier(.76,0,.24,1)}.vmap.in path.tr{stroke-dashoffset:0}
.vmap .c circle:first-child{fill:#6CC8FF}.vmap .c circle:last-child{fill:none;stroke:#6CC8FF;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:vPing 2.4s ease-out infinite}
.vmap .c:nth-child(3) circle:last-child{animation-delay:.5s}.vmap .c:nth-child(4) circle:last-child{animation-delay:1s}.vmap .c:nth-child(5) circle:last-child{animation-delay:1.5s}.vmap .c:nth-child(6) circle:last-child{animation-delay:2s}
@keyframes vPing{0%{transform:scale(1);opacity:.9}100%{transform:scale(5);opacity:0}}
.vmap text{font:600 13px system-ui,sans-serif;fill:#EAF4FF}
.vmap .arc{fill:none;stroke:#3FA2F7;stroke-width:1;stroke-dasharray:4 6;animation:vDash 2s linear infinite;opacity:.6}@keyframes vDash{to{stroke-dashoffset:-20}}
/* ===== NEDEN IVAR? (6) ===== */
@media (min-width:740px){
.y2 .rail__track,.y3 .rail__track,.y4 .rail__track,.y5 .rail__track,.y6 .rail__track,.y2 .rail__terminus,.y3 .rail__terminus,.y4 .rail__terminus,.y5 .rail__terminus,.y6 .rail__terminus,.y2 .rail__node,.y3 .rail__node,.y4 .rail__node,.y6 .rail__node{display:none!important}
.y2 .rail__list{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px}.y2 .rail__station{padding:26px!important;border-radius:20px;border:1px solid var(--border-hairline-strong);background:linear-gradient(160deg,var(--bg-2),var(--bg-1));margin:0!important}
.y2 .rail__num{font:300 3rem/1 var(--fd)!important;color:var(--accent-strong)}
.y3 .rail__list{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:14px}.y3 .rail__station{flex:0 0 340px;scroll-snap-align:start;padding:28px!important;border-radius:22px;border:1px solid var(--border-hairline-strong);background:var(--bg-1);margin:0!important;min-height:260px}
.y4 .rail__list{display:grid!important;gap:0;border-top:1px solid var(--border-hairline-strong)}.y4 .rail__station{margin:0!important;padding:22px 0!important;border-bottom:1px solid var(--border-hairline-strong);display:grid!important;grid-template-columns:90px 1fr;gap:0 20px}.y4 .rail__text{grid-column:2;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .4s}.y4 .rail__station:hover .rail__text{max-height:6em;opacity:1}.y4 .rail__meta{grid-row:span 2}.y4 .rail__title{font-size:clamp(1.4rem,2.4vw,2rem)!important}
.y5 .principles{display:block}.y5 #why>.container{display:grid}
.y6 .rail__list{display:grid!important;grid-template-columns:1fr 1fr;gap:40px 80px}.y6 .rail__station{margin:0!important;position:relative;padding-left:0!important}.y6 .rail__station:nth-child(even){transform:translateY(60px)}.y6 .rail__num{font:300 6rem/.8 var(--fd)!important;-webkit-text-stroke:1px var(--accent-text);color:transparent!important;display:block;margin-bottom:10px}
}
@media (min-width:1024px){.y5 #why{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start;max-width:var(--container,1240px);margin-inline:auto}.y5 #why .principles__head{position:sticky;top:calc(var(--nav-h,64px) + 40px)}}
/* ===== WEB TASARIM · WEB YAZILIM · SEO (6) ===== */
.e1 .seo-intro .editorial{text-align:center;max-width:860px;margin-inline:auto}.e1 .seo-intro .editorial p{margin-inline:auto}
@media (min-width:900px){.e2 .seo-intro .editorial{display:grid;grid-template-columns:1fr 1fr;gap:16px 60px;max-width:var(--container,1240px)}.e2 .seo-intro .editorial .eyebrow,.e2 .seo-intro .editorial h2{grid-column:1}.e2 .seo-intro .editorial h2{grid-row:2/5}.e2 .seo-intro .editorial p:not(.eyebrow){grid-column:2}}
.e3 .seo-intro .editorial{padding:clamp(24px,5vw,56px);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.e4 .seo-intro .editorial p:not(.eyebrow):first-of-type::first-letter{float:left;font:600 4.4em/.8 var(--fd);padding:6px 10px 0 0;color:var(--accent-strong)}@media (min-width:900px){.e4 .seo-intro .editorial{columns:2;column-gap:56px}.e4 .seo-intro .editorial .eyebrow,.e4 .seo-intro .editorial h2{column-span:all}}
.e5 .seo-intro .editorial h2{font-size:calc(clamp(2.4rem,6.4vw,5.4rem) * 1)!important;max-width:16ch}
.e6 .seo-intro .editorial{position:relative;padding-right:clamp(0px,14vw,200px)}.e6 .seo-intro .eyebrow{position:absolute;right:0;top:0;width:150px;height:150px;border-radius:50%;margin:0;padding:0;display:grid;place-items:center;text-align:center;font-size:10px;line-height:1.5;border:1px solid var(--accent-text);animation:vSpin 24s linear infinite}.e6 .seo-intro .eyebrow::before{display:none}
@keyframes vSpin{to{transform:rotate(360deg)}}
@media (max-width:739px){.e6 .seo-intro .eyebrow{position:static;width:auto;height:auto;border:0;animation:none;display:inline-flex}.e6 .seo-intro .editorial{padding-right:0}}

/* ===== edge-light logo atmosphere (#3, 20 ideas) ===== */
.lx3{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:var(--in,0);transition:opacity .25s linear}
[data-theme=light] .lx3{opacity:calc(var(--in,0) * .7)}
.lx3 canvas{position:absolute;left:var(--lx,50%);top:var(--ly,50%);width:var(--lw,min(80vmin,760px));aspect-ratio:591/512;translate:-50% -50%}
.has-lx3 main,.has-lx3 .footer{position:relative;z-index:1}
.has-lx3 main>section:not(.hero){background-color:transparent!important}
.has-lx3 main>section.section--alt{background:color-mix(in srgb,var(--bg-1) 55%,transparent)!important}
.has-lx3 .brandmark,.has-lx3 .atmosphere{display:none!important}

/* ===== idea picker ===== */
.vp{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:1400;font:500 13px/1.3 system-ui,sans-serif;color:#E8EEF8}
.vp__b{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #2A3A5C;background:rgba(8,13,26,.92);color:inherit;font:inherit;cursor:pointer;backdrop-filter:blur(12px)}
.vp__p{position:absolute;left:0;bottom:54px;width:min(380px,calc(100vw - 24px));max-height:74vh;overflow:auto;padding:14px;border-radius:16px;background:rgba(8,13,26,.97);border:1px solid #2A3A5C;box-shadow:0 20px 60px rgba(0,0,0,.5);display:grid;gap:14px}
.vp__p[hidden]{display:none}.vp__g>span{display:block;color:#8FA3C7;font-size:12px;margin-bottom:6px}
.vp__grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.vp__grid button{min-height:34px;border-radius:8px;border:1px solid #2A3A5C;background:#101a2e;color:#C6D2E8;font:600 12px system-ui,sans-serif;cursor:pointer;padding:0}
.vp__grid button[aria-pressed=true]{background:#2E78FF;border-color:#2E78FF;color:#fff}.vp button:focus-visible{outline:2px solid #6CC8FF;outline-offset:2px}
@media (max-width:420px){.vp__grid{grid-template-columns:repeat(6,1fr)}}

.vmap path.van{fill:var(--bg-1);stroke:#6CC8FF;stroke-width:.8;opacity:.9}
.final .vp{display:none}

/* ===== intro (clean) ===== */
.ii4 .ii__box img{position:absolute;inset:0;width:100%;height:100%}
.ii4__dim{opacity:0}.ii4__base{opacity:1}
.ii4__lit{position:absolute;inset:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;overflow:hidden}
.ii4__ring{position:absolute;left:50%;top:50%;width:0;height:0;translate:-50% -50%;border-radius:50%;box-shadow:0 0 0 2px rgba(230,247,255,.95),0 0 18px 4px rgba(108,200,255,.55);opacity:0}
.ii4__band{position:absolute;opacity:0}
.ii4__band.b-x{top:-10%;bottom:-10%;width:3%;background:linear-gradient(90deg,transparent,#EAF7FF,transparent);opacity:1;left:-10%}
.ii4__band.b-y{left:-10%;right:-10%;height:4%;background:linear-gradient(180deg,transparent,#EAF7FF,transparent);opacity:1;top:105%}
.ii4__band.b-d{top:-60%;bottom:-60%;left:45%;width:8%;background:linear-gradient(90deg,transparent,rgba(234,247,255,.95),transparent);opacity:1}
.m-rad{-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 34%);mask-image:radial-gradient(circle,#000 30%,transparent 34%);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:0% 0%;mask-size:0% 0%}
.m-x{-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 55%);mask-image:linear-gradient(90deg,#000 45%,transparent 55%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0}
.m-d{-webkit-mask-image:linear-gradient(128deg,#000 45%,transparent 55%);mask-image:linear-gradient(128deg,#000 45%,transparent 55%);-webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-position:100% 0;mask-position:100% 0}
.m-y{-webkit-mask-image:linear-gradient(0deg,#000 45%,transparent 55%);mask-image:linear-gradient(0deg,#000 45%,transparent 55%);-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-position:0 0%;mask-position:0 0%}

/* ===== typography: left-aligned, line by line, calm ===== */
.lgv :is(.section-head,.editorial,.principles__head,.positioning__inner,.outro__inner,.statement .container,.statement__inner,.n4 .section-head){text-align:left!important;margin-inline-start:0!important}
.lgv :is(.section-head h2,.principles__lede,.statement h2,.outro__text,.positioning__title,.seo-intro h2,.national-service-area h2){text-align:left!important;max-width:min(100%,var(--meas,30ch))!important;text-wrap:pretty!important;font-size:calc(clamp(1.75rem,3.4vw,3rem) * var(--ts,1))!important;line-height:1.12!important;margin-inline:0!important}
.lgv :is(.section-head p,.editorial p,.positioning__lead,.statement p,.outro p){text-align:left!important;max-width:62ch;margin-inline:0!important}
.lgv .principles__head{max-width:none!important;width:100%}
.lgv .e1 .seo-intro .editorial,.e1 .seo-intro .editorial{text-align:left!important;margin-inline:0!important;max-width:var(--container,1240px)}
.ty1{--ts:1;--meas:30ch}.ty2{--ts:.9;--meas:40ch}.ty3{--ts:1;--meas:32ch}.ty4{--ts:1.05;--meas:30ch}.ty5{--ts:1;--meas:32ch}.ty6{--ts:1.15;--meas:26ch}.ty7{--ts:.95;--meas:36ch}
.ty2 .eyebrow::before{width:28px;height:1px;border-radius:0;content:""}
.tf-last-solid .tw-last{color:var(--accent-strong)}
.ty7 .tw-last{color:inherit;font-style:normal}
.ty7 :is(.section-head h2,.principles__lede,.statement h2,.outro__text,.positioning__title,.seo-intro h2,.national-service-area h2){letter-spacing:-.02em!important}
.r-soft .vr:not(.in){opacity:0;transform:translateY(10px)}
.r-fade .vr{transition-duration:.7s!important}
.lines4 .lw4{opacity:0;transition:opacity .7s ease calc(var(--ln) * 120ms)}
.lines4.in .lw4{opacity:1}
.lines4.vr:not(.in){opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){.lines4 .lw4{opacity:1}}

/* ===== logo behind the content: edge light + a professional blur so both logo and text read ===== */
.lx3 .lx3__logo,.lx3 .lx3__pane{position:absolute;left:var(--lx,50%);top:var(--ly,50%);width:var(--lw,min(80vmin,760px));aspect-ratio:591/512;translate:-50% -50%;display:none}
.lx3 canvas{transition:filter .3s}
.bl1 .lx3__logo{display:block;filter:blur(22px) saturate(1.3);opacity:.16}
.bl2 .lx3__logo{display:block;filter:blur(34px) saturate(1.4);opacity:.12}.bl2 .lx3 canvas{filter:blur(1.2px) drop-shadow(0 0 10px rgba(63,162,247,.7))}
.bl3 .lx3__logo{display:block;filter:blur(2px);opacity:.18}.bl3 .lx3__pane{display:block;width:calc(var(--lw,min(80vmin,760px)) * 1.1);border-radius:40px;backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);z-index:2}
.bl4 .lx3__logo{display:block;filter:blur(16px);opacity:.14}.bl4 .lx3{-webkit-mask:radial-gradient(60% 55% at 50% 50%,#000 40%,transparent 100%);mask:radial-gradient(60% 55% at 50% 50%,#000 40%,transparent 100%)}.bl4 .lx3 canvas{opacity:.75}
.bl5 .lx3__logo{display:block;opacity:.1}.bl5 .lx3 canvas{filter:blur(3px)}
.bl6 .lx3__logo{display:block;filter:blur(40px) saturate(1.4);opacity:.16;width:calc(var(--lw,min(80vmin,760px)) * 1.2)}.bl6 .lx3 canvas{filter:blur(6px);transform:scale(1.2)}
.bl7 .lx3 canvas{filter:drop-shadow(0 0 12px rgba(63,162,247,.85)) drop-shadow(0 0 32px rgba(10,68,240,.55))}
[data-theme=light] .lx3__logo{opacity:.1}
.lgv #why{display:block!important}
.lgv #why .principles__head{display:block!important;max-width:none!important;width:auto!important;position:static!important;margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.lgv #why .principles__head>*{max-width:none}
.lgv .positioning__inner{display:block!important;max-width:var(--container,1240px)!important}
.lgv .positioning__inner>*{max-width:62ch}
.lgv .positioning__title{max-width:min(100%,var(--meas,30ch))!important}

/* ===== Service cards ×10 (texts and links unchanged) ===== */
.sc{margin-top:clamp(1.4rem,3vw,2.4rem)}
.sc__list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.sc__item{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1) calc(var(--k)*90ms),transform 1s cubic-bezier(.16,1,.3,1) calc(var(--k)*90ms)}
.sc__item.in{opacity:1;transform:none}
.sc__card{position:relative;display:grid;gap:10px;align-content:end;min-height:300px;padding:26px;border-radius:24px;overflow:hidden;isolation:isolate;text-decoration:none;color:var(--text-0);background:linear-gradient(160deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-hairline-strong);transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .5s}
.sc__card:focus-visible{outline:2px solid #6CC8FF;outline-offset:4px}
.sc__media{position:absolute;inset:0;z-index:-1;opacity:.55;transition:opacity .6s,transform 1.2s cubic-bezier(.16,1,.3,1)}
.sc__media img{width:100%;height:100%;object-fit:cover}
.sc__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(5,8,16,.85))}
[data-theme=light] .sc__media::after{background:linear-gradient(180deg,transparent 20%,rgba(244,247,252,.92))}
.sc__emb{position:absolute;right:18px;top:18px;width:96px;height:96px;opacity:.95;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.sc__emb svg{width:100%;height:100%;overflow:visible}
.sc__n{font:600 12px/1 var(--font-mono,monospace);letter-spacing:.08em;color:#8CCBFF}
.sc__t{margin:0;font:500 clamp(1.5rem,2.2vw,2rem)/1.1 var(--fd,Georgia,serif);letter-spacing:-.01em}
.sc__p{margin:6px 0 0;color:var(--text-2);font-size:.98rem;max-width:40ch}
.sc__go{position:absolute;left:26px;top:24px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border-control);color:var(--text-0);transition:transform .5s cubic-bezier(.16,1,.3,1),background .3s,color .3s,border-color .3s}
.sc__go svg{width:16px;height:16px}
.sc__card:hover .sc__go,.sc__card:focus-visible .sc__go{transform:rotate(-45deg);background:#2E78FF;border-color:#2E78FF;color:#fff}
.sc__back{display:none}
.sc__foot{display:flex;justify-content:flex-end;margin-top:18px}
.sc__nav,.sc__bar{display:none}

/* 01 Işıklı cam — spotlight + pointer-lit border */
@media (min-width:740px){.sc1 .sc__list{grid-template-columns:repeat(4,1fr)}}
.sc1 .sc__card{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-height:360px}
.sc1 .sc__card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%),rgba(46,120,255,.25),transparent 60%);opacity:0;transition:opacity .4s}
.sc1 .sc__card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),#8CD3FF,transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}
.sc1 .sc__card:hover::before,.sc1 .sc__card:hover::after{opacity:1}
.sc1 .sc__media{opacity:.25}.sc1 .sc__card:hover .sc__emb{transform:translateY(-6px) scale(1.05)}

/* 02 Genişleyen paneller */
@media (min-width:740px){.sc2 .sc__list{display:flex;height:480px}.sc2 .sc__item{flex:1 1 0;min-width:0;transition:flex .8s cubic-bezier(.16,1,.3,1),opacity .9s,transform 1s}.sc2 .sc__item.is-on{flex:3 1 0}
.sc2 .sc__card{height:100%;min-height:0}.sc2 .sc__media{opacity:.7}.sc2 .sc__p{opacity:0;max-height:0;transition:opacity .5s,max-height .6s}.sc2 .is-on .sc__p{opacity:1;max-height:6em;transition-delay:.2s}
.sc2 .sc__item:not(.is-on) .sc__t{writing-mode:vertical-rl;transform:rotate(180deg);font-size:1.5rem;white-space:nowrap}.sc2 .sc__item:not(.is-on) .sc__emb{opacity:0}}

/* 03 3D derinlik — tilt, layered depth, sheen */
@media (min-width:740px){.sc3 .sc__list{grid-template-columns:repeat(2,1fr);gap:22px}}
.sc3 .sc__card{min-height:340px;transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .4s}
.sc3 .sc__card:hover{box-shadow:0 40px 70px -30px rgba(0,0,0,.8),0 0 0 1px rgba(108,200,255,.4)}
.sc3 .sc__emb{transform:translateZ(60px);width:120px;height:120px}.sc3 .sc__body{transform:translateZ(40px)}.sc3 .sc__n{transform:translateZ(30px)}
.sc3 .sc__card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 45%,transparent 60%);background-size:250% 100%;background-position:calc(100% - var(--mx,0%)) 0;pointer-events:none;mix-blend-mode:screen}

/* 04 Kaydırmalı deste — sticky stack, earlier cards dim */
.sc4 .sc__list{display:block}
.sc4 .sc__item{position:sticky;top:calc(var(--nav-h,64px) + 28px + var(--k) * 18px);margin-bottom:26px}
.sc4 .sc__card{min-height:min(62vh,460px);transform:scale(calc(1 - var(--dk,0) * .06));filter:brightness(calc(1 - var(--dk,0) * .45));box-shadow:0 -24px 50px -30px rgba(0,0,0,.8);transform-origin:50% 0;transition:none}
@media (min-width:740px){.sc4 .sc__card{grid-template-columns:1fr 1fr;align-items:end;padding:40px}.sc4 .sc__media{left:50%;opacity:.8;z-index:0;border-radius:0 24px 24px 0}.sc4 .sc__media::after{background:linear-gradient(90deg,var(--bg-1),transparent 40%)}.sc4 .sc__emb{left:calc(75% - 70px);top:calc(50% - 70px);width:140px;height:140px}.sc4 .sc__t{font-size:clamp(2.2rem,4vw,3.4rem)}}

/* 05 Bento */
@media (min-width:740px){.sc5 .sc__list{grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto}.sc5 .sc__item:first-child{grid-row:span 2}.sc5 .sc__item:first-child .sc__card{height:100%;min-height:560px}.sc5 .sc__item:first-child .sc__emb{width:160px;height:160px}.sc5 .sc__item:nth-child(4){grid-column:span 2}}
.sc5 .sc__card:hover{transform:translateY(-6px);border-color:rgba(108,200,255,.5);box-shadow:0 30px 60px -30px rgba(46,120,255,.6)}
.sc5 .sc__item:nth-child(2) .sc__card,.sc5 .sc__item:nth-child(3) .sc__card{background:linear-gradient(150deg,#0E2A6E,#071430)}

/* 06 Dönen kartlar — front: image + title, back: text */
@media (min-width:740px){.sc6 .sc__list{grid-template-columns:repeat(4,1fr)}}
.sc6 .sc__item{perspective:1200px}
.sc6 .sc__card{min-height:380px;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.16,1,.3,1);overflow:visible;background:none;border:0;padding:0}
.sc6 .sc__card>*:not(.sc__back){backface-visibility:hidden}
.sc6 .sc__card::before{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(160deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-hairline-strong);backface-visibility:hidden;z-index:-2}
.sc6 .sc__media{border-radius:24px;overflow:hidden}
.sc6 .sc__body,.sc6 .sc__n{padding:0 26px}.sc6 .sc__body{padding-bottom:26px}.sc6 .sc__p{display:none}
.sc6 .sc__back{display:grid;align-content:space-between;position:absolute;inset:0;padding:28px;border-radius:24px;transform:rotateY(180deg);backface-visibility:hidden;background:linear-gradient(150deg,#1E5BFF,#0A2A8F);color:#fff}
.sc6 .sc__back p{margin:0;font:500 1.25rem/1.4 var(--fd,Georgia,serif)}.sc6 .sc__cta{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0A2A8F;font-size:1.2rem}
.sc6 .sc__card:hover,.sc6 .sc__card.is-flip{transform:rotateY(180deg)}
.sc6 .sc__go{display:none}

/* 07 Takip eden önizleme — editorial rows, image follows the pointer */
.sc7 .sc__list{gap:0;border-top:1px solid var(--border-hairline-strong)}
.sc7 .sc__card{min-height:0;border:0;border-bottom:1px solid var(--border-hairline-strong);border-radius:0;background:none;padding:28px 70px 28px 4px;grid-template-columns:60px 1fr;align-items:baseline;overflow:visible}
@media (min-width:740px){.sc7 .sc__card{grid-template-columns:70px 1fr 1fr}.sc7 .sc__body{display:contents}}
.sc7 .sc__media,.sc7 .sc__emb{display:none}.sc7 .sc__go{left:auto;right:6px;top:50%;margin-top:-21px}
.sc7 .sc__t{font-size:clamp(1.8rem,3.4vw,3rem);transition:transform .6s cubic-bezier(.16,1,.3,1),color .3s}
.sc7 .sc__card:hover .sc__t{transform:translateX(14px);color:#8CCBFF}
.sc7 .sc__list:hover .sc__item:not(:hover){opacity:.45}
.sc__pv{position:fixed;left:0;top:0;width:280px;aspect-ratio:4/3;border-radius:18px;background:#0b1220 center/cover;box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 1px rgba(108,200,255,.3);pointer-events:none;z-index:60;opacity:0;scale:.85;transition:opacity .35s,scale .5s cubic-bezier(.16,1,.3,1)}.sc__pv.on{opacity:1;scale:1}

/* 08 Kaydırmalı vitrin */
.sc8 .sc__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:6px;scrollbar-width:none}.sc8 .sc__list::-webkit-scrollbar{display:none}
.sc8 .sc__item{flex:0 0 min(86%,520px);scroll-snap-align:start}.sc8 .sc__card{min-height:440px}.sc8 .sc__media{opacity:.75}.sc8 .sc__emb{width:130px;height:130px}
.sc8 .sc__nav{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.sc8 .sc__nav button{width:48px;height:48px;border-radius:50%;border:1px solid var(--border-control);background:transparent;color:var(--text-0);font-size:18px;cursor:pointer}.sc8 .sc__nav button:hover{border-color:#6CC8FF}
.sc8 .sc__bar{display:block;height:2px;background:var(--border-hairline);margin-top:16px}.sc8 .sc__bar i{display:block;height:100%;background:linear-gradient(90deg,#6CC8FF,#2E78FF);transform-origin:left;transform:scaleX(0)}

/* 09 Canlı çerçeve — rotating gradient border + living emblem */
@media (min-width:740px){.sc9 .sc__list{grid-template-columns:repeat(2,1fr);gap:20px}}
.sc9 .sc__card{min-height:320px;border-color:transparent;background:linear-gradient(var(--bg-1),var(--bg-1)) padding-box,conic-gradient(from var(--a,0deg),#2E78FF,#6CC8FF,transparent 35%,transparent 65%,#2E78FF) border-box;border:1.5px solid transparent;animation:hsSpin 8s linear infinite}
.sc9 .sc__media{display:none}.sc9 .sc__emb{width:150px;height:150px;right:24px;top:24px}
.sc9 .sc__card:hover{box-shadow:0 0 50px -10px rgba(46,120,255,.6)}

/* 10 Açılı görsel — the image wipes in at the logo's 38° */
@media (min-width:740px){.sc10 .sc__list{grid-template-columns:repeat(4,1fr)}}
.sc10 .sc__card{min-height:380px;background:var(--bg-1)}
.sc10 .sc__media{opacity:1;clip-path:polygon(0 100%,0 100%,0 100%,0 100%);transition:clip-path .8s cubic-bezier(.76,0,.24,1)}
.sc10 .sc__card:hover .sc__media,.sc10 .sc__card:focus-visible .sc__media{clip-path:polygon(0 0,140% 0,100% 100%,-40% 100%)}
.sc10 .sc__emb{transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .5s}.sc10 .sc__card:hover .sc__emb{transform:translate(-20%,20%) scale(1.3);opacity:.35}
.sc10 .sc__n{font:300 3.4rem/1 var(--fd,Georgia,serif);color:transparent;-webkit-text-stroke:1px #6CC8FF;position:absolute;left:26px;top:76px}

@media (prefers-reduced-motion:reduce){.sc__item{opacity:1;transform:none}.sc9 .sc__card{animation:none}.sc6 .sc__card{transition:none}}
.sc6 .sc__card{isolation:auto}
.sc6 .sc__media{z-index:0}
.sc__body,.sc__n{position:relative;z-index:1}
@media (min-width:740px){.sc4 .sc__n,.sc4 .sc__body{grid-column:1}}

.final .icp,.final .vp,.final .wzp{display:none!important}.sc__emb{display:none!important}
.has-wz #work .gallery{display:none!important}
.wz{margin-top:clamp(1.4rem,3vw,2.4rem);position:relative;user-select:none}
.wz figure{margin:0}
.wz__cap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px}
.wz__i{font:600 12px/1 var(--font-mono,monospace);color:#8CCBFF}
.wz__tag{display:inline-flex;align-items:center;gap:7px;font:600 11px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}
.wz__tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-text);animation:wzB 1.8s ease-in-out infinite}@keyframes wzB{50%{opacity:.3}}
.wz__lead{flex-basis:100%;font:500 1.1rem/1.25 var(--fd,Georgia,serif);color:var(--text-0)}
.wz__hint{margin:14px 0 0;font:500 12px/1 system-ui,sans-serif;letter-spacing:.12em;color:var(--text-3);text-align:center}
.wz__nav{display:flex;gap:8px;justify-content:center;margin-top:16px}
.wz__nav button,.lp__tabs button,.mw__tabs button{min-width:48px;height:48px;padding:0 14px;border-radius:999px;border:1px solid var(--border-control);background:transparent;color:var(--text-0);font:600 13px system-ui,sans-serif;cursor:pointer}
.wz__nav button:hover,.lp__tabs button:hover,.mw__tabs button:hover{border-color:#6CC8FF}
.lp__tabs button[aria-pressed=true],.mw__tabs button[aria-pressed=true]{background:var(--text-0);color:var(--bg-0)}
.wz button:focus-visible,.wz [tabindex]:focus-visible{outline:2px solid #6CC8FF;outline-offset:3px}
/* mock screen (stand-in for a project screenshot) */
.ms{position:relative;width:100%;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:radial-gradient(80% 90% at 85% 0%,var(--g1,#2E78FF) 0%,transparent 60%),linear-gradient(160deg,var(--g2,#0D1A3A),#060B18);border:1px solid rgba(255,255,255,.08)}
.ms2{--g1:#3FA2F7;--g2:#0B2048}.ms3{--g1:#1E5BFF;--g2:#0A1530}.ms4{--g1:#6CC8FF;--g2:#0E1D44}
.ms i{position:absolute;display:block;border-radius:6px;background:rgba(255,255,255,.14)}
.ms__nav{left:5%;right:5%;top:6%;height:6%;border-radius:999px!important;background:rgba(255,255,255,.08)!important}
.ms__h1{left:7%;top:24%;width:48%;height:9%}.ms__h2{left:7%;top:36%;width:34%;height:9%}
.ms__btn{left:7%;top:51%;width:18%;height:8%;border-radius:999px!important;background:linear-gradient(90deg,#2E78FF,#6CC8FF)!important}
.ms__c{top:70%;height:20%;width:26%;background:rgba(255,255,255,.08)!important}.ms__c1{left:7%}.ms__c2{left:37%}.ms__c3{left:67%}
.ms__n{position:absolute;right:5%;top:20%;font:300 clamp(2rem,5vw,4.4rem)/1 var(--fd,Georgia,serif);color:transparent;-webkit-text-stroke:1px rgba(190,230,255,.5)}

/* 1 ring */
.rg{height:clamp(380px,40vw,460px);perspective:1500px;cursor:grab;touch-action:pan-y;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.rg:active{cursor:grabbing}.rg__ring{position:absolute;left:50%;top:40px;width:min(360px,62vw);height:240px;margin-left:calc(min(360px,62vw) / -2);transform-style:preserve-3d}
.rg__p{position:absolute;inset:0;transform:rotateY(calc(var(--k) * 45deg)) translateZ(560px);backface-visibility:hidden}
/* 2 board */
.bd{height:560px;overflow:hidden;border-radius:24px;border:1px solid var(--border-hairline-strong);background:radial-gradient(circle,rgba(108,200,255,.12) 1px,transparent 1.5px) 0 0/26px 26px,var(--bg-1);cursor:grab;touch-action:none;position:relative}
.bd:active{cursor:grabbing}.bd__in{position:absolute;left:0;top:0;width:1600px;height:1000px}
.bd__card{position:absolute;width:420px;transform:rotate(var(--r));padding:12px;border-radius:18px;background:var(--bg-2);border:1px solid var(--border-hairline-strong);box-shadow:0 30px 50px -30px #000}
.bd__logo{position:absolute;left:46%;top:36%;width:160px;opacity:.25}
/* 3 laptop */
.lp{display:grid;justify-items:center}.lp__stage{position:relative;width:min(760px,92%);perspective:1600px;padding-top:20px}
.lp__lid{position:relative;aspect-ratio:16/10;border-radius:16px 16px 4px 4px;padding:12px;background:linear-gradient(160deg,#1b2233,#0b0f18);box-shadow:0 0 0 1px rgba(255,255,255,.08);transform-origin:50% 100%;transform:rotateX(-100deg)}
.lp__scr{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;background:#060b18}
.lp__s{position:absolute;inset:0;opacity:0;transition:opacity .6s}.lp__s.on{opacity:1}.lp__s .ms{height:100%;aspect-ratio:auto;border:0;border-radius:0}
.lp__base{height:22px;margin:0 -7%;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#2a3245,#0e121c);box-shadow:0 30px 50px -20px #000}
.lp__tabs{display:flex;gap:8px;margin-top:22px}
/* 4 phone story */
.ph{display:grid;grid-template-columns:1fr 1fr;gap:40px}.ph__stick{position:sticky;top:calc(var(--nav-h,64px) + 40px);height:fit-content;display:grid;place-items:center}
.ph__dev{position:relative;width:min(280px,70%);aspect-ratio:9/19;border-radius:40px;padding:10px;background:#0b0f18;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 80px -30px #000}
.ph__s{position:absolute;inset:10px;border-radius:30px;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .7s cubic-bezier(.16,1,.3,1)}.ph__s.on{opacity:1;transform:none}.ph__s .ms{height:100%;aspect-ratio:auto;border:0;border-radius:0}
.ph__steps{list-style:none;margin:0;padding:10vh 0 20vh;display:grid;gap:30vh}.ph__steps li{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;opacity:.35;transition:opacity .5s}.ph__steps li.on{opacity:1}.ph__steps b{font:300 4rem/1 var(--fd,Georgia,serif);color:#8CCBFF;flex-basis:100%}
/* 5 book */
.bk__book{position:relative;width:min(560px,90%);aspect-ratio:16/12;margin:0 auto;perspective:2000px}
.bk__pg{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.7,0,.2,1);z-index:var(--z)}
.bk__pg.turn{transform:rotateY(-170deg)}
.bk__f,.bk__b{position:absolute;inset:0;padding:22px;border-radius:4px 16px 16px 4px;background:linear-gradient(90deg,#0c1324,#121a2e 6%,#0f1628);box-shadow:inset 6px 0 12px -6px rgba(0,0,0,.6);backface-visibility:hidden}
.bk__b{transform:rotateY(180deg);display:grid;place-items:center;border-radius:16px 4px 4px 16px}.bk__b img{width:30%;opacity:.25}
/* 6 spotlight stage */
.sp{position:relative;padding:40px 0 30px;background:radial-gradient(60% 80% at 50% 100%,rgba(46,120,255,.12),transparent 70%)}
.sp__row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:1}
.sp__it{filter:brightness(.35) saturate(.6);transform:scale(.96);transition:filter .7s,transform .8s cubic-bezier(.16,1,.3,1);cursor:pointer}.sp__it.on{filter:none;transform:scale(1.04)}
.sp__cone{position:absolute;top:-40px;bottom:0;width:340px;margin-left:-170px;left:50%;background:conic-gradient(from 165deg at 50% 0,transparent 0deg,rgba(210,235,255,.14) 10deg,rgba(210,235,255,.14) 20deg,transparent 30deg);pointer-events:none;transition:left .8s cubic-bezier(.16,1,.3,1)}
.sp__floor{position:absolute;left:0;right:0;bottom:0;height:60px;background:radial-gradient(50% 100% at 50% 100%,rgba(46,120,255,.25),transparent)}
/* 7 lens */
.ln{position:relative;--lx:-500px;--ly:-500px;cursor:none}
.ln__g{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.ln>.ln__g{filter:blur(6px) brightness(.55) saturate(.6)}
.ln__sharp{position:absolute;inset:0;clip-path:circle(150px at var(--lx) var(--ly));pointer-events:none}
.ln::after{content:"";position:absolute;left:var(--lx);top:var(--ly);width:300px;height:300px;margin:-150px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(200,235,255,.7),0 0 40px rgba(108,200,255,.35),inset 0 0 30px rgba(108,200,255,.2);pointer-events:none}
/* 8 swipe stack */
.sw{position:relative;width:min(560px,90%);aspect-ratio:16/12;margin:0 auto;touch-action:pan-y;cursor:grab}
.sw__c{position:absolute;inset:0;padding:14px;border-radius:22px;background:var(--bg-2);border:1px solid var(--border-hairline-strong);box-shadow:0 30px 50px -30px #000;transform-origin:50% 120%;transition:transform .6s cubic-bezier(.16,1,.3,1);z-index:calc(10 - var(--k));translate:0 calc(var(--k) * 16px);scale:calc(1 - var(--k) * .05)}
/* 9 desk */
.dk{position:relative;height:600px;border-radius:24px;overflow:hidden;background:repeating-linear-gradient(128deg,transparent 0 40px,rgba(255,255,255,.015) 40px 41px),var(--bg-1);border:1px solid var(--border-hairline-strong);touch-action:none}
.dk__c{position:absolute;width:min(340px,60%);padding:12px 12px 16px;background:#EEF3FA;border-radius:6px;box-shadow:0 24px 40px -20px #000;cursor:grab;transform:rotate(var(--r))}.dk__c .wz__lead{color:#0B1530}.dk__c:active{cursor:grabbing}
/* 10 giant numbers */
.kn{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:center}
.kn__nums{list-style:none;margin:0;padding:0}.kn__nums li{display:flex;align-items:center;gap:18px;cursor:pointer;padding:4px 0}
.kn__nums b{font:300 clamp(4rem,9vw,8rem)/.95 var(--fd,Georgia,serif);color:transparent;-webkit-text-stroke:1px rgba(140,200,255,.45);transition:color .4s,-webkit-text-stroke-color .4s}
.kn__nums li.on b{color:#8CCBFF;-webkit-text-stroke-color:transparent}.kn__nums li .wz__tag{opacity:0;transition:opacity .4s}.kn__nums li.on .wz__tag{opacity:1}
.kn__view{position:relative;aspect-ratio:16/10}.kn__v{position:absolute;inset:0;clip-path:inset(0 100% 0 0);transition:clip-path .8s cubic-bezier(.76,0,.24,1)}.kn__v.on{clip-path:inset(0 0 0 0)}.kn__v .ms{height:100%}
.wz__leadp{margin:18px 0 0}
/* 11 terminal */
.tm{border-radius:14px;overflow:hidden;border:1px solid #1E2A44;background:#05080F;box-shadow:0 40px 80px -40px #000}
.tm__bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#0B111D;border-bottom:1px solid #1E2A44}.tm__bar i{width:11px;height:11px;border-radius:50%;background:#FF5F57}.tm__bar i:nth-child(2){background:#FEBC2E}.tm__bar i:nth-child(3){background:#28C840}.tm__bar span{margin-left:10px;font:500 12px ui-monospace,monospace;color:#6B7A99}
.tm__out{margin:0;padding:24px;min-height:300px;font:500 clamp(.8rem,1.6vw,1.05rem)/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9FE7C2;white-space:pre-wrap}
.tm__cur{animation:wzB 1s steps(1) infinite;color:#9FE7C2}
/* 12 orbit */
.ob{position:relative;height:clamp(420px,44vw,520px)}.ob__logo{position:absolute;left:50%;top:50%;width:120px;translate:-50% -50%;filter:drop-shadow(0 0 40px rgba(46,120,255,.6))}
.ob__ring{position:absolute;inset:0}.ob__it{position:absolute;left:50%;top:50%;width:min(320px,48%);cursor:pointer;transition:opacity .3s}
/* 13 assemble */
.ex{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ex__m{position:relative;aspect-ratio:16/10}
.ex__t{position:absolute;left:calc(var(--c) * 25%);top:calc(var(--r) * 33.333%);width:25%;height:33.334%;overflow:hidden;transform:translate(calc(var(--dx) * (1 - var(--p,0))),calc(var(--dy) * (1 - var(--p,0)))) rotate(calc(var(--rz) * (1 - var(--p,0))));opacity:calc(.2 + var(--p,0) * .8)}
.ex__t .ms{position:absolute;width:400%;height:300%;aspect-ratio:auto;left:calc(var(--c) * -100%);top:calc(var(--r) * -100%);border-radius:0}
/* 14 compare */
.cp{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cp__m{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;cursor:ew-resize;touch-action:pan-y}
.cp__live,.cp__wire{position:absolute;inset:0}.cp__live .ms,.cp__wire .ms{height:100%;aspect-ratio:auto}
.cp__wire{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.cp__wire .ms{background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(108,200,255,.1) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(108,200,255,.1) 23px 24px),#07142F}.cp__wire .ms i{background:none!important;border:1px dashed rgba(140,200,255,.6)}.cp__wire .ms__n{-webkit-text-stroke-color:rgba(140,200,255,.6)}
.cp__h{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#EAF7FF;box-shadow:0 0 12px #6CC8FF}.cp__h::after{content:"⟷";position:absolute;top:50%;left:50%;translate:-50% -50%;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#EAF7FF;color:#0A2A8F;font-weight:700}
/* 15 isometric */
.is{height:clamp(420px,42vw,520px);display:grid;place-items:center;overflow:hidden}
.is__floor{position:relative;width:min(700px,90%);aspect-ratio:1.4;transform:rotateX(58deg) rotateZ(-42deg);transform-style:preserve-3d;background:linear-gradient(rgba(108,200,255,.12) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(108,200,255,.12) 1px,transparent 1px) 0 0/40px 40px;border-radius:24px}
.is__it{position:absolute;width:44%;transform:translateZ(30px);transition:transform .6s cubic-bezier(.16,1,.3,1);box-shadow:-20px 30px 40px -10px rgba(0,0,0,.6)}
.is__it:hover{transform:translateZ(70px)}.is__caps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
/* 16 folders */
.fd{position:relative;height:clamp(480px,50vw,560px);max-width:820px;margin:0 auto}
.fd__f{position:absolute;left:0;right:0;bottom:0;height:86%;transform:translateY(calc((3 - var(--k)) * 14px + 70%));transition:transform .8s cubic-bezier(.16,1,.3,1);z-index:var(--k)}
.fd__f.open{transform:translateY(0);z-index:10}
.fd__tab{position:absolute;top:-38px;left:calc(var(--k) * 23% + 2%);height:40px;padding:0 20px;border:1px solid var(--border-hairline-strong);border-bottom:0;border-radius:12px 12px 0 0;background:var(--bg-2);color:var(--text-0);font:600 13px system-ui,sans-serif;cursor:pointer}
.fd__body{height:100%;padding:20px;border-radius:0 18px 18px 18px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-hairline-strong);box-shadow:0 -20px 40px -20px rgba(0,0,0,.6)}
.fd__body .ms{max-height:78%;aspect-ratio:auto;height:78%}
/* 17 full-screen reel */
.rl{position:relative}.rl__track{height:min(78vh,720px);overflow-y:auto;scroll-snap-type:y mandatory;border-radius:24px;border:1px solid var(--border-hairline-strong);scrollbar-width:none}.rl__track::-webkit-scrollbar{display:none}
.rl__s{position:relative;height:100%;scroll-snap-align:start;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:30px;padding:clamp(20px,4vw,50px);background:radial-gradient(70% 80% at 80% 50%,rgba(46,120,255,.2),transparent 70%),var(--bg-1)}
.rl__n{font:300 clamp(5rem,14vw,12rem)/.85 var(--fd,Georgia,serif);color:transparent;-webkit-text-stroke:1px rgba(140,200,255,.55)}.rl__s .wz__cap{grid-column:1/-1}
.rl__dots{position:absolute;right:16px;top:50%;translate:0 -50%;list-style:none;margin:0;padding:0;display:grid;gap:8px}.rl__dots li{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);transition:height .4s,background .4s}.rl__dots li.on{height:22px;border-radius:4px;background:#6CC8FF}
/* 18 flip wall */
.mw__wall{position:relative;aspect-ratio:16/9;max-width:980px;margin:0 auto;perspective:1400px}
.mw__t{position:absolute;left:calc(var(--c) * 16.6667%);top:calc(var(--r) * 25%);width:16.6667%;height:25%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.7,0,.2,1) calc((var(--c) + var(--r)) * 40ms)}
.mw__wall.flip .mw__t{transform:rotateY(180deg)}
.mw__a,.mw__b{position:absolute;inset:1px;overflow:hidden;backface-visibility:hidden;border-radius:4px}.mw__b{transform:rotateY(180deg)}
.mw__a .ms,.mw__b .ms{position:absolute;width:600%;height:400%;aspect-ratio:auto;left:calc(var(--c) * -100%);top:calc(var(--r) * -100%);border-radius:0}
.mw__tabs{display:flex;gap:8px;justify-content:center;margin-top:18px}
/* 19 projector */
.fr__scr{position:relative;aspect-ratio:21/9;border-radius:6px;overflow:hidden;background:#000;box-shadow:0 0 0 12px #050505,0 50px 90px -40px #000}
.fr__s{position:absolute;inset:0;opacity:0;transition:opacity .9s}.fr__s.on{opacity:1;animation:frFlick 4s steps(1) infinite}.fr__s .ms{height:100%;aspect-ratio:auto;border:0;border-radius:0;filter:sepia(.18) contrast(1.08)}
@keyframes frFlick{0%,100%{filter:brightness(1)}48%{filter:brightness(.92)}50%{filter:brightness(1.05)}}
.fr__grain{position:absolute;inset:-50%;opacity:.12;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:frG .5s steps(3) infinite;pointer-events:none}@keyframes frG{33%{transform:translate(-4%,3%)}66%{transform:translate(3%,-2%)}}
.fr__beam{position:absolute;inset:0;background:radial-gradient(70% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.55));pointer-events:none}
.fr__cnt{position:absolute;right:18px;top:14px;font:600 12px ui-monospace,monospace;color:#EAF4FF;letter-spacing:.1em}
/* 20 holographic cards */
.hc{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hc__c{position:relative;padding:12px 12px 16px;border-radius:20px;background:linear-gradient(160deg,#141c30,#0a0f1c);border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:transform .2s ease-out;transform-style:preserve-3d}
.hc__c .ms{aspect-ratio:3/4}
.hc__foil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,120,200,.25) 35%,rgba(120,220,255,.3) 45%,rgba(160,255,200,.25) 55%,transparent 70%);background-size:250% 250%;background-position:var(--hx,50%) var(--hy,50%);mix-blend-mode:color-dodge;opacity:.55}
.hc__c::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--hx,50%) var(--hy,0%),rgba(255,255,255,.18),transparent 60%)}

@media (max-width:739px){
  .ph,.kn,.ex,.cp,.hc,.ln__g,.sp__row,.is__caps{grid-template-columns:1fr}.ph__stick{position:relative;top:auto}.ph__steps{gap:14vh;padding:4vh 0}
  .rg__p{transform:rotateY(calc(var(--k) * 45deg)) translateZ(320px)}.rg__ring{height:200px}
  .bd{height:460px}.bd__card{width:300px}.dk{height:520px}.dk__c{width:62%}
  .sp__cone{display:none}.sp__it{filter:none;transform:none}.ln>.ln__g{filter:none}.ln__sharp,.ln::after{display:none}
  .is__floor{width:120%}.ob__it{width:62%}.rl__s{grid-template-columns:1fr}.fd{height:420px}.fd__tab{padding:0 12px}
}
@media (prefers-reduced-motion:reduce){.wz *{animation:none!important}}

.is__it:nth-child(1){left:4%;top:6%}.is__it:nth-child(2){left:54%;top:6%}.is__it:nth-child(3){left:4%;top:54%}.is__it:nth-child(4){left:54%;top:54%}
.final .icp.wzp{display:block!important}
.ex{overflow:clip}.ex__m{overflow:visible}#work{overflow-x:clip}

/* ===== isometric worlds ===== */
.iso{position:relative;height:clamp(440px,46vw,580px);display:grid;place-items:center;overflow:hidden;perspective:none}
.fl{position:relative;width:min(720px,88%);aspect-ratio:1.35;transform:rotateX(58deg) rotateZ(-42deg);transform-style:preserve-3d;border-radius:22px;background:linear-gradient(rgba(108,200,255,.12) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(108,200,255,.12) 1px,transparent 1px) 0 0/40px 40px,radial-gradient(70% 70% at 50% 50%,rgba(46,120,255,.14),transparent 70%)}
.fl--none{background:none}.fl--round{border-radius:50%;aspect-ratio:1;width:min(560px,80%);background:radial-gradient(circle,rgba(46,120,255,.18),transparent 70%),repeating-radial-gradient(circle,transparent 0 38px,rgba(108,200,255,.12) 38px 39px);box-shadow:0 0 0 2px rgba(108,200,255,.25)}
.iso__caps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:6px}
.iso .ms{box-shadow:none}
/* block */
.bx{position:absolute;transform-style:preserve-3d}
.bx__top{position:absolute;inset:0;transform:translateZ(var(--h));transform-style:preserve-3d}.bx__top .ms{height:100%;aspect-ratio:auto;border-radius:6px}
.bx__f{position:absolute;left:0;bottom:0;width:100%;height:var(--h);transform-origin:bottom;transform:rotateX(-90deg);background:linear-gradient(0deg,#08142f,#1a3a85)}
.bx__r{position:absolute;left:100%;top:0;width:var(--h);height:100%;transform-origin:left;transform:rotateY(-90deg);background:linear-gradient(90deg,#0e2766,#060f24)}
/* standing screen */
.st{position:absolute;transform-style:preserve-3d;height:0}
.st__p{position:absolute;left:0;bottom:0;width:100%;height:var(--sh);transform-origin:bottom;transform:rotateX(-90deg);padding:7px;border-radius:12px 12px 4px 4px;background:#0b0f18;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.st__p .ms{height:100%;aspect-ratio:auto;border-radius:7px}
/* 1 light floor */
.fl__it{position:absolute;width:42%;transform:translateZ(30px);transition:transform .6s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}
.fl__it:hover{transform:translateZ(80px)}
.fl__glow{position:absolute;inset:6%;transform:translateZ(-30px);background:rgba(46,120,255,.55);filter:blur(22px);border-radius:20px;transition:opacity .5s,transform .6s;opacity:.55}
.fl__it:hover .fl__glow{opacity:.9;transform:translateZ(-80px) scale(1.1)}
.fl__scan{position:absolute;left:-10%;right:-10%;height:12%;background:linear-gradient(180deg,transparent,rgba(108,200,255,.22),transparent);animation:isoScan 5s linear infinite;pointer-events:none}
@keyframes isoScan{from{top:-15%}to{top:105%}}
/* 2/3 towers */
.iso--2 .bx,.iso--3 .bx{transition:transform .6s cubic-bezier(.16,1,.3,1)}.iso--2 .bx:hover,.iso--3 .bx:hover{transform:translateZ(24px)}
/* 4 desk */
.bx--desk .bx__top{background:linear-gradient(135deg,#1a2338,#0f1626);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.bx--desk .bx__f{background:linear-gradient(0deg,#0b1120,#1b2438)}.bx--desk .bx__r{background:#0a0f1c}
.iso--4 .st{transform:translateZ(26px)}.st--mon .st__p{border-radius:10px}.st--tab .st__p{border-radius:14px}
.lay{position:absolute;transform:translateZ(28px);box-shadow:-10px 14px 20px rgba(0,0,0,.4)}.lay .ms{border-radius:6px}.lay--ph .ms{aspect-ratio:9/19;border-radius:12px}
/* 5 exploded layers */
.ly{position:absolute;width:42%;aspect-ratio:16/10;transform-style:preserve-3d}
.ly__l{position:absolute;inset:0;border-radius:10px;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.ly__bg{background:radial-gradient(80% 90% at 85% 0%,var(--g1,#2E78FF),transparent 60%),linear-gradient(160deg,var(--g2,#0D1A3A),#060B18);transform:translateZ(10px);box-shadow:-14px 18px 30px rgba(0,0,0,.5)}
.ly__ui,.ly__cards,.ly__cta{border:1px dashed rgba(140,200,255,.35)}
.ly__ui{transform:translateZ(40px)}.ly__ui i{position:absolute;left:6%;right:6%;top:6%;height:8%;border-radius:999px;background:rgba(255,255,255,.18)}.ly__ui i:nth-child(2){top:26%;right:44%;height:10%;border-radius:6px}.ly__ui i:nth-child(3){top:40%;right:60%;height:10%;border-radius:6px}
.ly__cards{transform:translateZ(70px)}.ly__cards i{position:absolute;top:66%;height:24%;width:26%;border-radius:8px;background:rgba(255,255,255,.14)}.ly__cards i:nth-child(1){left:6%}.ly__cards i:nth-child(2){left:37%}.ly__cards i:nth-child(3){left:68%}
.ly__cta{transform:translateZ(100px)}.ly__cta i{position:absolute;left:6%;top:52%;width:22%;height:9%;border-radius:999px;background:linear-gradient(90deg,#2E78FF,#6CC8FF);box-shadow:0 0 20px #2E78FF}.ly__cta b{position:absolute;right:6%;top:18%;font:300 2.4rem/1 var(--fd,Georgia,serif);color:transparent;-webkit-text-stroke:1px rgba(190,230,255,.7)}
.ly:hover .ly__ui{transform:translateZ(70px)}.ly:hover .ly__cards{transform:translateZ(130px)}.ly:hover .ly__cta{transform:translateZ(190px)}
/* 6 track */
.trk{position:absolute;inset:4% 4%;border:2px dashed rgba(108,200,255,.35);border-radius:28px}
.tk{position:absolute;width:30%;transform:translateZ(24px);box-shadow:-12px 16px 26px rgba(0,0,0,.5);border-radius:14px}
/* 7 rising floor */
.fl .tl{position:absolute;width:16.666%;height:16.666%;background:rgba(46,120,255,.06);border:1px solid rgba(108,200,255,.12);transform:translateZ(calc(var(--p,0) * (10px + (10 - var(--d)) * 3px)));transition:transform .3s}
.rz{position:absolute;width:42%;transform:translateZ(calc(var(--p,0) * 70px));opacity:calc(.25 + var(--p,0) * .75);box-shadow:-14px 20px 30px rgba(0,0,0,.5)}
/* 8 islands */
.ia{position:absolute;width:40%;aspect-ratio:1.5;transform-style:preserve-3d;animation:isoBob 6s ease-in-out infinite;animation-delay:calc(var(--k) * -1.4s)}
@keyframes isoBob{50%{transform:translateZ(22px)}}
.ia .bx{position:absolute}.bx--isle .bx__f{background:linear-gradient(0deg,#061230,#1b4fd8)}.bx--isle .bx__r{background:linear-gradient(90deg,#0e2766,#04091a)}
.ia__glow{position:absolute;inset:12%;transform:translateZ(-30px);background:rgba(46,120,255,.6);filter:blur(26px);border-radius:50%}
/* 9 turntable */
.tt__logo{position:absolute;left:50%;top:50%;width:18%;translate:-50% -50%;transform:translateZ(2px);opacity:.6}
.iso--9{cursor:grab;touch-action:pan-y}.iso--9:active{cursor:grabbing}
.iso--9 .fl{transform-origin:50% 50%}
/* 10 holograms */
.em{position:absolute;width:6%;aspect-ratio:1;margin:-3%;border-radius:50%;background:radial-gradient(circle,#BFE6FF,#2E78FF 60%,transparent 70%);box-shadow:0 0 30px #2E78FF}
.st--holo .st__p{background:rgba(46,120,255,.08);box-shadow:0 0 0 1px rgba(108,200,255,.5),0 0 40px rgba(46,120,255,.35);opacity:.92}
.st--holo .ms{opacity:.85;mix-blend-mode:screen}
.hg__scan{position:absolute;inset:7px;border-radius:7px;background:repeating-linear-gradient(0deg,rgba(160,220,255,.12) 0 1px,transparent 1px 4px);animation:hgS 3s linear infinite;pointer-events:none}@keyframes hgS{to{background-position:0 40px}}
.st--holo .st__p::after{content:"";position:absolute;left:30%;right:30%;bottom:-40px;height:40px;background:linear-gradient(0deg,rgba(108,200,255,.5),transparent);filter:blur(4px)}
@media (max-width:739px){.iso{height:340px}.fl{width:118%}.iso__caps{grid-template-columns:1fr 1fr}.st__p{height:calc(var(--sh) * .6)}}
@media (prefers-reduced-motion:reduce){.iso *{animation:none!important}}

/* scene: make screens clickable and calmer */
.st--holo .st__p{cursor:zoom-in;border:0;font:inherit;color:inherit;transition:box-shadow .35s,filter .35s}
.st--holo .st__p:hover{box-shadow:0 0 0 1px rgba(160,215,255,.9),0 0 26px rgba(46,120,255,.35)}
.st--holo .st__p:focus-visible{outline:2px solid #EAF4FF;outline-offset:4px}
.wzb__h em{margin-left:auto;font:500 12px/1 system-ui,sans-serif;letter-spacing:.08em;color:var(--text-3);font-style:normal}
html.lb-open{overflow:hidden}
/* viewer base */
.lb{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(4,6,12,.94);color:#EAF0FA;overflow:hidden}
.lb::backdrop{background:transparent}
.lb[open]{display:grid;grid-template-rows:1fr auto}
.lb__stage{position:relative;display:grid;place-items:center;overflow:hidden;padding:clamp(16px,4vw,56px) clamp(16px,6vw,96px) 12px}
.lb__media{width:min(1280px,100%);will-change:transform}
.lb__media>.ms{border-radius:10px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.lb__bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.lb__bar button,.lb__dev button,.lb__zoom button{min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#EAF0FA;font:500 14px system-ui,sans-serif;cursor:pointer;transition:border-color .2s,background .2s}
.lb__bar button:hover,.lb__dev button:hover,.lb__zoom button:hover{border-color:rgba(255,255,255,.5)}
.lb button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.lb__close{position:absolute;right:18px;top:18px}
.lb__count{min-width:70px;text-align:center;font:500 13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:rgba(234,240,250,.7)}
.lb__info,.lb__dev,.lb__zoom,.lb__thumbs{display:none}
.lb__info{flex-direction:column;gap:10px;align-items:flex-start}.lb__n{font:300 3.4rem/1 var(--fd,Georgia,serif)}.lb__lead{margin:0;font:400 1.15rem/1.4 var(--fd,Georgia,serif);color:rgba(234,240,250,.85)}
/* 01 grows from its place */
.lb--v1 .lb__media{width:min(1100px,100%)}
/* 02 projector beam */
.lb--v2{background:radial-gradient(60% 60% at 50% 55%,#0d1830,#03050a 75%)}.lb--v2 .lb__media>.ms{box-shadow:0 0 0 1px rgba(160,215,255,.25),0 40px 80px -30px #000}
/* 03 image + info panel */
.lb--v3[open]{grid-template-columns:1fr minmax(260px,32%);grid-template-rows:1fr auto}.lb--v3 .lb__stage{grid-row:1/3}.lb--v3 .lb__info{display:flex;padding:72px 36px 24px;border-left:1px solid rgba(255,255,255,.08);background:#070A12}.lb--v3 .lb__bar{grid-column:2;justify-content:flex-start;padding-left:36px}
/* 04 desktop / mobile */
.lb--v4 .lb__dev{display:flex;gap:6px;position:absolute;left:50%;top:18px;translate:-50% 0;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}.lb--v4 .lb__dev button{border:0}.lb--v4 .lb__dev button[aria-pressed=true]{background:#EAF0FA;color:#05070d}
.lb__frame{margin:0 auto;padding:10px;background:#11151f;border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 80px -30px #000;transition:width .5s cubic-bezier(.16,1,.3,1)}.lb__frame--d{width:100%}.lb__frame--m{width:min(340px,80vw);border-radius:36px}.lb__frame--m .ms{aspect-ratio:9/19;border-radius:26px}
.lb--v4 .lb__stage{padding-top:80px}
/* 05 filmstrip */
.lb--v5[open]{grid-template-rows:1fr auto auto}.lb--v5 .lb__thumbs{display:flex;gap:10px;justify-content:center;padding:6px 18px}.lb__thumbs button{width:110px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:none;cursor:pointer;opacity:.5;transition:opacity .3s,border-color .3s}.lb__thumbs button[aria-current=true]{opacity:1;border-color:#EAF0FA}.lb__thumbs .ms{border-radius:7px}.lb__thumbs .ms__n{display:none}
/* 06 zoom & pan */
.lb--v6 .lb__zoom{display:flex;gap:6px;position:absolute;left:18px;top:18px}.lb--v6 .lb__stage{cursor:grab;touch-action:none}.lb--v6 .lb__media{transform-origin:center;transition:transform .2s ease-out}
/* 07 scroll the full page */
.lb--v7 .lb__stage{display:block;overflow-y:auto;scrollbar-width:thin}.lb--v7 .lb__media{margin:0 auto;width:min(960px,100%)}
.lpage{border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.lpage .ms{border-radius:0;border:0}
.lp2{position:relative;height:360px;background:linear-gradient(180deg,var(--g2,#0D1A3A),#070D1E);border-top:1px solid rgba(255,255,255,.05)}.lp2 i{position:absolute;display:block;border-radius:8px;background:rgba(255,255,255,.08)}.lp2 i:nth-child(1){left:7%;top:14%;width:38%;height:8%}.lp2 i:nth-child(2){left:7%;top:28%;width:26%;height:5%}.lp2 i:nth-child(3){left:7%;top:48%;width:40%;height:38%}.lp2 i:nth-child(4){left:53%;top:14%;width:40%;height:72%}
/* 08 turns to face you */
.lb--v8 .lb__stage{perspective:1400px}
/* 09 side drawer */
.lb--v9{background:rgba(4,6,12,.55)}.lb--v9[open]{grid-template-columns:1fr min(760px,92vw);grid-template-rows:1fr auto}.lb--v9 .lb__stage{grid-column:2;background:#070A12;border-left:1px solid rgba(255,255,255,.08);padding:72px 32px 12px}.lb--v9 .lb__bar{grid-column:2;background:#070A12}
/* 10 museum */
.lb--v10{background:#000}.lb--v10 .lb__media{width:min(980px,100%)}.lb--v10 .lb__media>.ms{border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.lb--v10 .lb__bar button{border-color:transparent}.lb--v10 .lb__count{font:italic 400 15px var(--fd,Georgia,serif);letter-spacing:0}
@media (max-width:739px){.lb--v3[open],.lb--v9[open]{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.lb--v3 .lb__stage,.lb--v9 .lb__stage{grid-row:auto;grid-column:auto}.lb--v3 .lb__info{padding:18px;border-left:0}.lb--v3 .lb__bar,.lb--v9 .lb__bar{grid-column:auto;padding-left:18px}.lb--v5 .lb__thumbs button{width:70px}}
.wk-img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#05070d;border-radius:10px}
.st__p .wk-img{height:100%;aspect-ratio:auto;border-radius:7px}
.lb__media>.wk-img{border-radius:10px;box-shadow:0 0 0 1px rgba(160,215,255,.25),0 40px 80px -30px #000}
.lb__visit{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;margin-left:8px;border-radius:999px;background:#EAF0FA;color:#05070d;font:600 14px var(--fb,system-ui),sans-serif;text-decoration:none;transition:background .2s,transform .2s}
.lb__visit:hover{background:#fff;transform:translateY(-1px)}.lb__visit:focus-visible{outline:2px solid #fff;outline-offset:3px}
.lb__visit[hidden]{display:none}
@media (max-width:480px){.lb__bar{flex-wrap:wrap}.lb__visit{order:5;flex-basis:100%;justify-content:center;margin:6px 0 0}}

html.ii-boot body::after{content:"";position:fixed;inset:0;background:#03060e;z-index:2999}
@media (min-width:740px){[dir=rtl].sc4 .sc__media{left:0;right:50%;border-radius:24px 0 0 24px}[dir=rtl].sc4 .sc__media::after{background:linear-gradient(270deg,var(--bg-1),transparent 40%)}}

/* Hakkımızda */
/* ===== Hakkımızda in the approved language: Cormorant/Outfit, left-aligned, calm ===== */
.ab .page-header{padding-top:clamp(120px,18vh,180px);padding-bottom:clamp(20px,4vw,40px)}
.ab .page-header__title{font-family:var(--fd)!important;font-weight:500;font-size:clamp(3rem,8vw,7rem);line-height:.95;letter-spacing:-.02em;text-align:left;margin:0}
.ab .editorial{text-align:left!important;max-width:var(--container,1240px)}
.ab .editorial p{text-align:left!important;margin-inline:0!important;max-width:62ch;color:var(--text-1)}
.ab .ab-lead{font-family:var(--fd);font-size:clamp(1.6rem,2.8vw,2.4rem)!important;line-height:1.25!important;color:var(--text-0)!important;max-width:30ch!important;margin-bottom:1.2em}
.ab .process__step summary{list-style:none;cursor:default}.ab .process__step summary::-webkit-details-marker{display:none}.ab .process__step-icon{display:none!important}
.ab .process__step h3{font-family:var(--fd);font-weight:500;font-size:clamp(1.4rem,2.2vw,1.9rem);margin:0;letter-spacing:-.01em}
.ab .process__step-body p{color:var(--text-2);margin:.6em 0 0;max-width:46ch}
.ab-n{display:block;font:600 12px/1 var(--font-mono,monospace);letter-spacing:.1em;color:var(--accent-text);margin-bottom:12px}
.ab .statement h2{text-align:left!important;margin-inline:0!important;max-width:24ch!important}
.ab .statement__content{text-align:left}
.ab .outro__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;text-align:left}
.ab .outro__text{margin:0;text-align:left!important}
.ab .process{display:grid;grid-template-columns:1fr!important}
.ab .page-header__title{text-transform:none!important;color:var(--text-0)!important;background:none!important;-webkit-text-fill-color:currentColor!important}.ab .page-header__title::before,.ab .page-header__title::after{display:none!important}
/* 01 editorial: numbered rows */
.ab1 .process{gap:0;border-top:1px solid var(--border-hairline-strong)}
.ab1 .process__step{border:0!important;border-bottom:1px solid var(--border-hairline-strong)!important;border-radius:0!important;background:none!important;padding:28px 0!important}
@media (min-width:900px){.ab1 .process__step{display:grid;grid-template-columns:80px 1fr 1.2fr;align-items:baseline;gap:20px}.ab1 .process__step summary{display:contents}.ab1 .ab-n{margin:0}.ab1 .process__step-body p{margin:0}}
@media (min-width:900px){.ab1 .section--flush .editorial{display:grid;grid-template-columns:1.3fr 1fr;gap:20px 60px;align-items:start}.ab1 .ab-lead{grid-row:span 3}}
/* 02 manifesto + timeline */
.ab2 .editorial p{font-family:var(--fd);font-size:clamp(1.5rem,2.6vw,2.2rem)!important;line-height:1.25!important;color:var(--text-0)!important;max-width:34ch!important;padding-left:24px;border-left:1px solid var(--border-hairline-strong)}
.ab2 .editorial p+p{margin-top:.9em}
.ab2 .process{position:relative;gap:34px;padding-left:44px;max-width:780px}
.ab2 .process::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:1px;background:linear-gradient(var(--accent-text),var(--border-hairline))}
.ab2 .process__step{position:relative;border:0!important;background:none!important;padding:0!important}
.ab2 .process__step::before{content:"";position:absolute;left:-39px;top:2px;width:11px;height:11px;border-radius:50%;background:var(--bg-0);box-shadow:0 0 0 1px var(--accent-text)}
/* 03 sticky title + stacking cards (same family as the approved service cards) */
@media (min-width:1024px){.ab3 #process .container{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:start}.ab3 #process .section-head{position:sticky;top:calc(var(--nav-h,64px) + 40px)}}
.ab3 .process{display:block}
.ab3 .process__step{position:sticky;top:calc(var(--nav-h,64px) + 30px + var(--i) * 16px);margin-bottom:22px;min-height:240px;padding:32px!important;border-radius:24px!important;background:linear-gradient(160deg,var(--bg-2),var(--bg-1))!important;border:1px solid var(--border-hairline-strong)!important;box-shadow:0 -20px 40px -26px rgba(0,0,0,.7)}
.ab3 .process__step h3{font-size:clamp(1.8rem,3vw,2.6rem)}
/* 04 grid */
@media (min-width:740px){.ab4 .process{grid-template-columns:1fr 1fr!important;gap:16px}}
.ab4 .process__step{padding:30px!important;border-radius:22px!important;border:1px solid var(--border-hairline-strong)!important;background:var(--bg-1)!important;min-height:220px}
.ab4 .ab-n{font:300 3.6rem/1 var(--fd);letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px var(--accent-text);margin-bottom:18px}
.ab4 .statement__content{padding:clamp(28px,5vw,60px);border-radius:28px;border:1px solid var(--border-hairline-strong);background:var(--bg-1)}
/* 05 horizontal track */
@media (min-width:900px){.ab5 .process{grid-template-columns:repeat(4,1fr)!important;gap:28px;position:relative;padding-top:34px}
.ab5 .process::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:var(--border-hairline-strong)}
.ab5 .process::after{content:"";position:absolute;left:0;top:5px;height:1px;width:100%;background:var(--accent-text);transform-origin:left;transform:scaleX(0);transition:transform 2.4s cubic-bezier(.16,1,.3,1)}.ab5 .ab-run::after{transform:scaleX(1)}
.ab5 .process__step{position:relative}.ab5 .process__step::before{content:"";position:absolute;left:0;top:-34px;width:11px;height:11px;border-radius:50%;background:var(--bg-0);box-shadow:0 0 0 1px var(--accent-text);transition:background .4s calc(var(--i) * .5s)}.ab5 .ab-run .process__step::before{background:var(--accent-text)}}
.ab5 .process__step{border:0!important;background:none!important;padding:0!important}
@media (prefers-reduced-motion:reduce){.ab5 .process::after{transition:none}}
.ab3 .process__step::before,.ab3 .process__step:not(:last-child)::after{content:none!important}
.ab3 .process__step summary,.ab3 .process__step-body{padding-inline-start:0!important;margin-inline-start:0!important}

/* shared for the stronger executions */
.av-aside{margin-top:clamp(28px,5vh,56px)}
.av-count{display:flex;align-items:baseline;gap:10px;font-family:var(--fd)}.av-cur{font:300 clamp(4.5rem,9vw,8rem)/1 var(--fd);letter-spacing:-.03em;color:var(--text-0);height:1em;overflow:hidden;display:inline-block}.av-cur b{font-weight:300}.av-tot{font:500 1.4rem var(--fd);color:var(--text-3)}
.av-bar{display:block;width:min(260px,80%);height:2px;margin-top:18px;background:var(--border-hairline-strong)}.av-bar i{display:block;height:100%;width:100%;background:var(--accent-text);transform-origin:left;transform:scaleX(var(--p,.25));transition:transform .7s cubic-bezier(.16,1,.3,1)}
.av-roll{display:flex;flex-direction:column;transition:transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(calc(var(--act,0) * -1em))}.av-roll b{display:block;height:1em;line-height:1}
.av-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-hairline-strong)}.av-list a{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--border-hairline);text-decoration:none;color:var(--text-3);font:500 1.15rem var(--fd);transition:color .35s,padding .5s cubic-bezier(.16,1,.3,1)}.av-list b{font:600 11px var(--font-mono,monospace);color:var(--text-3)}
.av-list li.on a{color:var(--text-0);padding-left:12px}.av-list li.on b{color:var(--accent-text)}.av-list a:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
/* 02/05/07/10 depth */
.av2 .process__step,.av5 .process__step,.av7 .process__step,.av10 .process__step{transform:scale(calc(1 - var(--dk,0) * .06));filter:brightness(calc(1 - var(--dk,0) * .45));transform-origin:50% 0}
/* 03/09 drawings */
.av-art{position:absolute;right:28px;bottom:24px;width:clamp(90px,10vw,130px);fill:none;stroke:var(--accent-text);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.av-art *{stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.6s cubic-bezier(.76,0,.24,1) .2s}.drawn .av-art *{stroke-dashoffset:0}
.av3 .process__step,.av9 .process__step{min-height:280px}
/* 05 fold in */
.av5 .process{perspective:1400px}.av5 .process__step{transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s}
.av5 .process__step:not(.in){opacity:0;transform:rotateX(-24deg) translateY(60px)}
/* 06/09 glass + light */
.av6 .process__step,.av9 .process__step{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,0) 50%),color-mix(in srgb,var(--bg-1) 94%,transparent)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 -20px 40px -26px rgba(0,0,0,.7)!important}
.av6 .process__step::after,.av9 .process__step::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--sx,-300px) var(--sy,-300px),rgba(170,205,255,.14),transparent 60%)}
.av6 .process__step,.av9 .process__step{position:sticky;overflow:hidden}
/* 07 cinematic full height */
.av7 .process__step{min-height:min(72vh,620px);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(32px,4vw,56px)!important}
.av7 .process__step h3{font-size:clamp(2.6rem,5.4vw,4.6rem)!important;line-height:1}.av7 .process__step-body p{font-size:1.15rem;max-width:40ch}
.av7 .ab-n{position:absolute;top:clamp(28px,4vw,48px);right:clamp(28px,4vw,48px);font:300 clamp(5rem,10vw,9rem)/1 var(--fd);color:transparent;-webkit-text-stroke:1px var(--border-control);margin:0}
/* 08 horizontal pinned */
.av-pin{position:relative}.av-stick{position:sticky;top:calc(var(--nav-h,64px) + 20px);overflow:hidden}
.av-h{display:flex!important;gap:22px;width:max-content;will-change:transform}.av-h .process__step{position:relative!important;top:auto!important;flex:0 0 min(46vw,560px);min-height:360px;margin:0!important}
.av8 #process .container{display:block!important}.av8 #process .section-head{position:static!important;margin-bottom:28px}
/* 10 roll counter + depth */
.av10 .process__step{min-height:280px}
@media (max-width:1023px){.av-aside{display:none}.av7 .process__step{min-height:420px}}
@media (prefers-reduced-motion:reduce){.av-art *{stroke-dashoffset:0}.av5 .process__step{opacity:1!important;transform:none!important}}
.av6 .process__step::after,.av9 .process__step::after{content:""!important}
[dir=rtl] .av-art{right:auto;left:28px}

/* Çalışmalarımız */
.wp .page-header{padding-top:clamp(120px,18vh,180px)}
.wp .page-header__title{font-family:var(--fd)!important;font-weight:500;font-size:clamp(3rem,8vw,7rem);line-height:.95;letter-spacing:-.02em;text-transform:none!important;color:var(--text-0)!important;text-align:left}
.wp .page-header__title::before,.wp .page-header__title::after{display:none!important}
.wp .page-header p{text-align:left;max-width:62ch;color:var(--text-1)}
.wp .work-empty{text-align:left;max-width:var(--container,1240px);margin-top:clamp(40px,6vw,70px);display:grid;gap:14px;justify-items:start}
.wp .work-empty picture,.wp .work-empty img{display:none}
.wp .work-empty h2{font-family:var(--fd);font-weight:500;font-size:clamp(1.8rem,3vw,2.6rem);margin:0}
.wp .work-empty p{max-width:62ch;color:var(--text-2);margin:0}
.wp .outro__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.wp .outro__text{text-align:left!important;margin:0}
.wp-host{position:relative;margin-top:clamp(10px,3vw,30px)}
.wp-host button{font:inherit;color:inherit;cursor:pointer;border:0;padding:0;background:none}
.wp-host button:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}
.wp-cap{display:flex;gap:10px;align-items:center;margin-top:10px}.wp-n{font:600 12px var(--font-mono,monospace);color:var(--accent-text)}
.wp .ms{width:100%}
/* viewer */
.wp-dlg{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:radial-gradient(60% 60% at 50% 55%,#0d1830,#03050a 75%);color:#EAF0FA}
.wp-dlg[open]{display:grid;grid-template-rows:1fr auto}.wp-dlg::backdrop{background:transparent}
.wp-dlg__m{width:min(1200px,92vw);margin:auto;padding:clamp(16px,4vw,48px) 0}.wp-dlg__m .wk-img,.wp-dlg__m .ms{box-shadow:0 0 0 1px rgba(160,215,255,.25),0 40px 80px -30px #000;border-radius:10px}
.wp-dlg__bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.wp-dlg__bar button{min-width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#EAF0FA;cursor:pointer}
.wp-dlg__c{min-width:70px;text-align:center;font:500 13px ui-monospace,monospace;color:rgba(234,240,250,.7)}
.wp-dlg__x{position:absolute;right:18px;top:18px}
/* 1 hologram (from the approved homepage) */
.wp-holo{height:clamp(460px,50vw,620px)}
/* 2 big index */
.wp-idx{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-hairline-strong)}
.wp-idx button{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:20px;width:100%;padding:24px 4px;border-bottom:1px solid var(--border-hairline-strong)!important;text-align:left}
.wp-idx__n{font:300 clamp(3.4rem,8vw,7rem)/1 var(--fd);letter-spacing:-.03em;transition:color .3s,transform .5s cubic-bezier(.16,1,.3,1)}.wp-idx button:hover .wp-idx__n{color:var(--accent-strong);transform:translateX(12px)}
.wp-idx__t{font:600 11px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.wp-pv{position:fixed;left:0;top:0;width:300px;pointer-events:none;z-index:60;opacity:0;scale:.86;transition:opacity .3s,scale .45s cubic-bezier(.16,1,.3,1)}.wp-pv.on{opacity:1;scale:1}.wp-pv .ms,.wp-pv .wk-img{box-shadow:0 30px 50px -20px rgba(0,0,0,.7)}
/* 3 browser grid */
.wp-grid{display:grid;gap:24px}@media (min-width:740px){.wp-grid{grid-template-columns:1fr 1fr}}
.wp-br{margin:0}.wp-br button{display:block;width:100%;border-radius:12px;overflow:hidden;background:#0d1322!important;box-shadow:0 0 0 1px var(--border-hairline-strong);transition:transform .5s cubic-bezier(.16,1,.3,1)}.wp-br button:hover{transform:translateY(-6px)}
.wp-br__bar{display:flex;gap:7px;padding:11px 14px;background:var(--bg-3)}.wp-br__bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.wp-br__bar i:nth-child(2){background:#febc2e}.wp-br__bar i:nth-child(3){background:#28c840}.wp-br .ms{border-radius:0;border:0}
/* 4 full-screen reel */
.wp-reel{display:grid;gap:18px}.wp-reel__s{position:relative;min-height:min(78vh,700px);display:grid;align-content:center;gap:16px;padding:clamp(20px,4vw,50px);border-radius:26px;background:radial-gradient(70% 80% at 80% 50%,rgba(46,120,255,.18),transparent 70%),var(--bg-1);border:1px solid var(--border-hairline-strong)}
@media (min-width:900px){.wp-reel__s{grid-template-columns:1fr 1.6fr;align-items:center}.wp-reel__s .wp-cap{grid-column:1/-1}}
.wp-reel__n{font:300 clamp(5rem,13vw,11rem)/.85 var(--fd);color:transparent;-webkit-text-stroke:1px var(--border-control)}
/* 4b / 5 iso */
.wp .iso{height:clamp(440px,46vw,580px)}
/* 6 collage */
.wp-col{display:grid;gap:22px;align-items:start}@media (min-width:900px){.wp-col{grid-template-columns:1.3fr 1fr}.wp-col__it:nth-child(2){margin-top:90px}.wp-col__it:nth-child(3){margin-top:-60px}}
.wp-col__it{margin:0}.wp-col__it button{display:block;width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.wp-col__it button:hover{transform:scale(1.015)}
/* 7 featured */
.wp-feat{display:grid;gap:16px}@media (min-width:900px){.wp-feat{grid-template-columns:2fr 1fr}}
.wp-feat__side{display:grid;gap:16px}.wp-feat button{display:block;width:100%}.wp-feat__big .ms{aspect-ratio:16/10.6}
/* 8 pinned track */
.wp-pin{position:relative}.wp-stick{position:sticky;top:calc(var(--nav-h,64px) + 30px);overflow:hidden}.wp-track{display:flex;gap:22px;width:max-content;will-change:transform}.wp-card{flex:0 0 min(46vw,620px);margin:0}.wp-card button{display:block;width:100%}
@media (max-width:1023px){.wp-track{display:grid;width:auto}.wp-card{flex:none}}
/* 9 prepared showcase */
.wp-soon{padding:clamp(24px,4vw,48px);border-radius:28px;border:1px solid var(--border-hairline-strong);background:radial-gradient(80% 90% at 85% 10%,rgba(46,120,255,.25),transparent 60%),var(--bg-1)}
.wp-soon__slots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.wp-soon__slots button{display:block;opacity:.6;transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1)}.wp-soon__slots button:hover{opacity:1;transform:translateY(-4px)}
.wp-soon__line{display:block;height:2px;margin-top:24px;background:var(--border-hairline)}.wp-soon__line i{display:block;height:100%;width:25%;background:linear-gradient(90deg,#6CC8FF,#2E78FF)}
@media (max-width:739px){.wp-soon__slots{grid-template-columns:1fr 1fr}}
/* 10 archive table */
.wp-tab{width:100%;border-collapse:collapse}.wp-tab th{font:600 11px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);text-align:left;padding:0 0 14px;border-bottom:1px solid var(--border-hairline-strong)}
.wp-tab td{padding:18px 16px 18px 0;border-bottom:1px solid var(--border-hairline);vertical-align:middle;font:500 14px var(--font-mono,monospace)}.wp-tab__t{display:block;width:min(240px,40vw)}.wp-tab__go{width:44px;height:44px;border-radius:50%!important;border:1px solid var(--border-control)!important;font-size:1.1rem}
/* order: works first, the honest note after */
.wp .wp-host+.work-empty{border-top:1px solid var(--border-hairline);padding-top:28px}
@media (max-width:739px){.wp-tab th:nth-child(3),.wp-tab td:nth-child(3){display:none}.wp-tab__t{width:min(200px,52vw)}}

@media (max-width:739px){.wp-tab th:nth-child(3),.wp-tab td:nth-child(3){display:none}}

/* İletişim */
.ct .page-header{padding-top:clamp(120px,18vh,180px)}
.ct .page-header h1{font-family:var(--fd);font-weight:500;font-size:clamp(2.6rem,6vw,5.2rem);line-height:1;letter-spacing:-.02em;text-align:left;max-width:20ch;margin:10px 0 18px}
.ct .page-header p{text-align:left;max-width:62ch;color:var(--text-1)}
.ct .contact-page__subhead,.ct .contact-form__head{font-family:var(--fd);font-weight:500;font-size:clamp(1.6rem,2.4vw,2.1rem);letter-spacing:-.01em}
.ct .contact-form input,.ct .contact-form textarea{transition:border-color .3s,box-shadow .3s}
.ct .contact-form input:focus,.ct .contact-form textarea:focus{border-color:var(--accent-text);box-shadow:0 0 0 3px rgba(94,162,255,.18)}
.ct [hidden]{display:none!important}
/* 01 classic split */
@media (min-width:1000px){.ct1 .contact-page{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.ct1 .contact-page__aside{position:sticky;top:calc(var(--nav-h,64px) + 30px)}}
.ct1 .contact-form{padding:clamp(24px,3vw,40px);border-radius:24px;background:var(--bg-1);border:1px solid var(--border-hairline-strong)}
/* 02 form first, channels as a row */
.ct2 .contact-page{display:flex;flex-direction:column-reverse;gap:40px}
.ct2 .channels{display:grid;gap:10px}@media (min-width:900px){.ct2 .channels{grid-template-columns:repeat(4,1fr)}}
.ct2 .contact-form{max-width:860px}
/* 03 big channel tiles */
.ct3 .contact-page{display:grid;gap:40px}
.ct3 .channels{display:grid;gap:14px}@media (min-width:900px){.ct3 .channels{grid-template-columns:repeat(2,1fr)}}
.ct3 .channel a{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:130px;padding:26px!important;border-radius:22px;background:var(--bg-1);border:1px solid var(--border-hairline-strong);transition:border-color .3s,transform .5s cubic-bezier(.16,1,.3,1)}
.ct3 .channel a:hover{border-color:var(--accent-text);transform:translateY(-4px)}.ct3 .channel__value{font:500 clamp(1.3rem,2vw,1.7rem) var(--fd)}
.ct3 .contact-form{max-width:860px;padding:clamp(24px,3vw,40px);border-radius:24px;border:1px solid var(--border-hairline-strong)}
/* 04 one question at a time */
@media (min-width:1000px){.ct4 .contact-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}}
.ct4 .contact-form{padding:clamp(24px,3vw,44px);border-radius:24px;background:var(--bg-1);border:1px solid var(--border-hairline-strong);min-height:380px}
.ct4 .contact-form__grid{display:block}.ct4 .field label{font:500 clamp(1.4rem,2.2vw,1.9rem) var(--fd);display:block;margin-bottom:14px}
.ct4 .field input,.ct4 .field textarea{font-size:1.15rem}
.ct-steps{margin:22px 0}.ct-steps__bar{display:block;height:2px;background:var(--border-hairline)}.ct-steps__bar i{display:block;height:100%;width:100%;background:var(--accent-text);transform-origin:left;transform:scaleX(var(--p,.2));transition:transform .5s cubic-bezier(.16,1,.3,1)}
.ct-steps__nav{display:flex;align-items:center;gap:12px;margin-top:16px}.ct-steps__c{font:500 13px var(--font-mono,monospace);color:var(--text-2)}
/* 05 editorial underline fields */
@media (min-width:1000px){.ct5 .contact-page{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}}
.ct5 .contact-form input,.ct5 .contact-form textarea{background:transparent!important;border:0!important;border-bottom:1px solid var(--border-control)!important;border-radius:0!important;padding-left:0!important;font:400 1.25rem var(--fd)}
.ct5 .contact-form input:focus,.ct5 .contact-form textarea:focus{box-shadow:none;border-bottom-color:var(--accent-text)!important}
.ct5 .field label{font:600 11px var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
/* 06 glass panel + sticky channels */
@media (min-width:1000px){.ct6 .contact-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.ct6 .contact-page__aside{position:sticky;top:calc(var(--nav-h,64px) + 30px)}}
.ct6 .contact-form{padding:clamp(24px,3vw,44px);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
/* 07 wide fields */
.ct7 .contact-page{display:grid;gap:40px}.ct7 .contact-page__aside .channels{display:flex;flex-wrap:wrap;gap:10px}.ct7 .channel a{border-radius:999px!important}
@media (min-width:900px){.ct7 .contact-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.ct7 .contact-form__grid .field:nth-child(3){grid-column:1/-1}}
.ct7 .field input,.ct7 .field textarea{min-height:64px;font-size:1.15rem;border-radius:16px!important}
/* 08 paper card */
@media (min-width:1000px){.ct8 .contact-page{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}}
.ct8 .contact-form{padding:clamp(26px,3vw,46px);border-radius:6px;background:#F4F1EA;color:#151515;box-shadow:0 40px 80px -40px #000}
.ct8 .contact-form label,.ct8 .contact-form__head{color:#151515}.ct8 .contact-form input,.ct8 .contact-form textarea{background:#fff!important;color:#151515!important;border-color:#d3cdc2!important}
.ct8 .contact-form .field__optional{color:#6a655c}.ct8 .contact-form a{color:#1049D8}.ct8 .btn--primary{background:#151515!important;color:#F4F1EA!important;border-color:#151515!important}
/* 09 WhatsApp first */
.ct9 .contact-page{display:grid;gap:30px}.ct9 .channel:first-child a{min-height:150px;padding:30px!important;border-radius:24px;background:#0f2a1c;border:1px solid #1f5b3b}.ct9 .channel:first-child .channel__value{font:500 clamp(1.6rem,3vw,2.4rem) var(--fd)}
.ct-more{border:1px solid var(--border-hairline-strong);border-radius:22px;padding:6px 24px}.ct-more summary{cursor:pointer;padding:18px 0;font:500 1.4rem var(--fd);list-style:none}.ct-more summary::after{content:"＋";float:right;color:var(--accent-text)}.ct-more[open] summary::after{content:"－"}
/* 10 channel tabs */
.ct-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.ct-tabs button{min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--border-control);background:transparent;color:var(--text-1);font:500 14px var(--fb);cursor:pointer}
.ct-tabs button[aria-selected=true]{background:var(--text-0);color:var(--bg-0);border-color:var(--text-0)}.ct-tabs button:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.ct10 .contact-page{display:block}.ct10 .channel a{min-height:160px;padding:30px!important;border-radius:24px;border:1px solid var(--border-hairline-strong);background:var(--bg-1)}.ct10 .channel__value{font:500 clamp(1.6rem,3vw,2.4rem) var(--fd)}.ct10 .contact-page__subhead,.ct10 .contact-page__note{display:none}
.ct10 .contact-form{max-width:900px;padding:clamp(24px,3vw,40px);border-radius:24px;border:1px solid var(--border-hairline-strong)}
.ct .contact-page__subhead{text-transform:none!important;letter-spacing:-.01em!important}
.ct2 .contact-page,.ct3 .contact-page,.ct7 .contact-page,.ct9 .contact-page,.ct10 .contact-page{display:grid!important;grid-template-columns:1fr!important;gap:40px}
.ct2 .contact-page__aside,.ct3 .contact-page__aside,.ct7 .contact-page__aside,.ct9 .contact-page__aside,.ct10 .contact-page__aside{max-width:none!important;width:100%}
.ct2 .contact-form{order:-1}

[dir=rtl] .ct .page-header h1,[dir=rtl] .ct .page-header p,[dir=rtl] .wp .page-header__title,[dir=rtl] .wp .page-header p,[dir=rtl] .wp .work-empty{text-align:right}

/* ===== IVAR — approved mobile menu #4: PUSH DRAWER (page scales back, drawer sits behind it) ===== */
html{--push-bg:#0a2c78}
html .mobile-menu{background:none;inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:var(--push-dw,min(74vw,300px));justify-content:flex-start;align-items:stretch;padding:calc(env(safe-area-inset-top,0px) + 22px) 22px 26px;pointer-events:none;z-index:2147483001;overflow-y:auto;transition:opacity .35s ease .2s,visibility 0s linear .65s}
html .mobile-menu.is-open{pointer-events:none;transition:opacity .35s ease .15s,visibility 0s}
html .mobile-menu a,html .mobile-menu button{pointer-events:auto}
html .mobile-menu::before{content:"IVAR";display:block;font:700 1.15rem var(--font-body,system-ui);letter-spacing:.14em;color:#fff;padding:6px 0 6px 44px;min-height:34px;background:url(/assets/images/ivar-logo-72.png) no-repeat left center/32px auto;margin-bottom:22px}
html .mobile-menu::before{--lg:1}
[dir=rtl] .mobile-menu::before{padding:6px 44px 6px 0;background-position:right center}
html .mobile-menu .mobile-menu__link{font-size:clamp(1.35rem,6vw,1.7rem);padding:.5rem 0;color:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.16)}
html .mobile-menu .mobile-menu__link::before{color:#8fbcff}
html .mobile-menu .mobile-menu__link.is-active,html .mobile-menu .mobile-menu__link:active,html .mobile-menu .mobile-menu__link:focus-visible{color:#fff}
html .mobile-menu .mobile-menu__link.is-active::after{background:#fff}
html .mobile-menu .mobile-menu__cta{margin-top:auto;padding-top:22px}
html .mobile-menu .mobile-menu__cta .btn{width:100%;justify-content:center;background:#fff;color:#0a2c78;border-color:#fff;box-shadow:none}
html .mobile-menu .mobile-menu__social{margin-top:16px;padding-top:16px;border-top-color:rgba(255,255,255,.18);justify-content:flex-start;gap:10px}
html .mobile-menu .mobile-menu__social a{color:#d6e4ff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}
.push-el{transition:transform .65s cubic-bezier(.2,.8,.2,1)!important}
html.is-push .push-el{transform:translateX(var(--push-x)) scale(.84)!important}
.push-frame{position:fixed;inset:0;z-index:2147483000;border-radius:34px;cursor:pointer;background:transparent;box-shadow:0 0 0 220vmax rgba(10,44,120,0);transform-origin:var(--push-ox,0%) 50%;transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;-webkit-tap-highlight-color:transparent}
html.is-push .push-frame{transform:translateX(var(--push-x)) scale(.84);box-shadow:0 0 0 220vmax var(--push-bg)}
html.reduced-motion .push-el,html.reduced-motion .push-frame{transition:none!important}
html .mobile-menu .mobile-menu__cta .btn{white-space:nowrap;gap:10px;padding-inline:14px;font-size:.95rem}
html.is-push{touch-action:none}
html.is-push .mobile-menu{touch-action:pan-y}
html.is-push{overflow:hidden}
html.is-push body,html.is-push body.is-locked{overflow-x:hidden;overflow-y:visible;height:auto;position:relative}

/* ===== Mobile header: Hairline (≤1023px) ===== */
@media (max-width:1023px){
html .nav{background:transparent!important;border:0!important;border-bottom:1px solid var(--border-hairline)!important;padding:0!important;box-shadow:none;transition:background .35s,backdrop-filter .35s,border-color .35s}
html .nav.is-scrolled{background:var(--nav-glass,rgba(10,10,11,.72))!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
html .nav .nav__inner{height:64px;min-height:0;max-width:none;width:100%;margin:0;padding:0 8px 0 20px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;display:flex;align-items:center;justify-content:space-between;transition:height .35s}
html .nav.is-scrolled .nav__inner{height:56px}
html .nav .nav__logo-word{font-weight:500;letter-spacing:.16em}
html .nav .nav__actions{gap:0;align-items:center}
html .nav .lang-switch__trigger{background:transparent!important;border:0!important;border-radius:0;min-width:44px;height:44px;padding:0 10px;box-shadow:none;letter-spacing:.16em;font-weight:500}
html .nav .lang-switch__code{display:inline-block;padding-bottom:3px;border-bottom:1px solid var(--accent-text)}
html .nav .lang-switch__chevron{display:none}
html .nav .theme-toggle{background:transparent!important;border:0!important;box-shadow:none;width:44px;height:44px}
html .nav .nav__burger{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;width:44px;height:44px;gap:6px;transform:none!important}
html .nav .nav__burger span:nth-child(1){width:20px;align-self:flex-start;margin-inline:12px 0}
html .nav .nav__burger span:nth-child(2){width:14px;align-self:flex-start;margin-inline:12px 0}
html .nav .nav__burger span:nth-child(3){display:none}
html .nav .nav__burger[aria-expanded="true"] span{width:20px;margin-inline:12px 0}
html .nav .nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(3.75px) rotate(45deg)}
html .nav .nav__burger[aria-expanded="true"] span:nth-child(2){opacity:1;transform:translateY(-3.75px) rotate(-45deg)}
}

/* [PHASE-B] text-size control */
/* ---------- text-size control (accessibility) ---------- */
.text-size-btn{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--border-hairline-strong);background:transparent;color:var(--text-0);cursor:pointer;
  font-family:var(--fd);font-size:17px;line-height:1;transition:border-color var(--dur-fast),color var(--dur-fast)}
.text-size-btn:hover{border-color:var(--accent-text);color:var(--accent-text)}
.text-size-btn__plus{font-family:var(--fb);font-size:11px;font-weight:600;opacity:.7}
.text-size-btn[data-step="1"] .text-size-btn__plus,.text-size-btn[data-step="2"] .text-size-btn__plus{color:var(--accent-text);opacity:1}
@media (max-width:899px){.text-size-btn{display:none}}
.text-size-row{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-hairline)}
.text-size-row__label{flex:1;font-family:var(--fb);font-size:14px;color:var(--text-2)}
.text-size-row button{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-hairline-strong);background:transparent;color:var(--text-0);font-family:var(--fd);cursor:pointer}
.text-size-row button[aria-pressed="true"]{border-color:var(--accent-text);color:var(--accent-text)}
@media (min-width:900px){.text-size-row{display:none}}