:root{
  --milk:#f1ede3;
  --milk-deep:#e6dfd1;
  --ink:#151412;
  --graphite:#56524c;
  --orange:#f05a24;
  --hairline:rgba(21,20,18,.16);
  --paper:rgba(255,255,255,.34);
  --safe-top:clamp(72px,8vh,104px);
  --safe-side:clamp(22px,4.1vw,64px);
  --console-h:68px;
  --ease-director:cubic-bezier(.22,.72,.16,1);
  --display:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  --mono:"PT Mono","SFMono-Regular",Consolas,monospace;
  color-scheme:light;
}

*{box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--milk)}
body{margin:0;color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;touch-action:pan-y}
button,a{font:inherit;color:inherit}
button{cursor:pointer}
a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.skip-link{position:fixed;z-index:100;left:18px;top:14px;padding:11px 15px;background:var(--ink);color:var(--milk);transform:translateY(-180%);transition:transform .2s}
.skip-link:focus{transform:none}

.stage-header{position:fixed;z-index:30;inset:0 0 auto;height:76px;pointer-events:none}
.brand{position:absolute;top:20px;left:var(--safe-side);display:flex;align-items:center;gap:10px;text-decoration:none;font-size:12px;font-weight:650;letter-spacing:.015em;pointer-events:auto}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ink);border-radius:50% 45% 52% 48%/48% 55% 45% 52%;font-family:var(--mono);font-size:10px;transition:transform .35s var(--ease-director),background .2s,color .2s}
.brand:hover .brand-mark{transform:rotate(-12deg);background:var(--ink);color:var(--milk)}
.chapter-index{position:absolute;top:31px;left:50%;display:flex;gap:7px;transform:translateX(-50%);font:10px/1 var(--mono);letter-spacing:.12em}
.chapter-index__slash{color:var(--orange)}
.stage-coordinate{position:absolute;top:30px;right:var(--safe-side);margin:0;font:9px/1 var(--mono);letter-spacing:.14em;color:var(--graphite)}

.stage{position:fixed;z-index:1;inset:0;width:100%;height:100svh;min-height:680px;overflow:hidden;background:var(--milk);isolation:isolate;user-select:none}
.stage-material{position:absolute;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(rgba(21,20,18,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,20,18,.035) 1px,transparent 1px);background-size:10vw 10vh;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 72%)}
.stage-material:after{content:"";position:absolute;inset:0;opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
.frame-stack{position:absolute;z-index:1;inset:0;background:transparent}
.frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;filter:contrast(.985) saturate(.88);transform:translate3d(var(--frame-x,0),var(--frame-y,0),0) scale(var(--frame-scale,1));transform-origin:center;will-change:opacity,transform}
.frame-a{opacity:1}.frame-b{opacity:0}
.stage-video{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:contrast(.985) saturate(.88);--frame-scale:1.014;transform:scale(var(--frame-scale))}

.director-line{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.director-line path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.director-line__ghost{stroke:var(--orange);stroke-width:12;opacity:.055}
.director-line__stroke{stroke:var(--orange);stroke-width:2.3;stroke-dasharray:1;stroke-dashoffset:var(--line-offset,0);will-change:d,stroke-dashoffset}
.director-line__marker{fill:var(--milk);stroke:var(--orange);stroke-width:2;vector-effect:non-scaling-stroke}

.scene-interface{position:absolute;z-index:5;inset:0}
.scene-copy{--reveal:0;--media-reveal:0;position:absolute;top:12%;width:42%;max-height:76vh;opacity:0;pointer-events:none;will-change:opacity,transform}
.scene-copy.is-active{pointer-events:auto}
.side-left{left:var(--safe-side)}
.side-right{right:var(--safe-side)}
.scene-label{margin:0 0 14px;font:10px/1.2 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--graphite)}
.scene-copy h1,.scene-copy h2{margin:0;font-weight:650;letter-spacing:-.075em;line-height:.84}
.scene-copy h1{font-size:clamp(64px,7.2vw,110px)}
.scene-copy h2{font-size:clamp(48px,5.3vw,80px)}
.type-mask{display:block;overflow:hidden;padding:.08em .08em .11em 0;margin-bottom:-.15em}
.type-mask>span{display:block;transform:translateY(calc((1 - var(--reveal))*112%));transition:color .32s var(--ease-director);will-change:transform}
.outline-word{color:transparent;-webkit-text-stroke:1.35px var(--ink)}
.scene-copy.is-active .outline-word{color:rgba(21,20,18,var(--reveal));transition-delay:.14s}
.scene-lead{max-width:450px;margin:22px 0 0;font-size:clamp(15px,1.25vw,19px);line-height:1.45;letter-spacing:-.015em;color:var(--graphite);opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal))*15px))}

.hero-copy{top:15%;width:44%}
.hero-copy h1{font-size:clamp(76px,6.3vw,108px);line-height:.8;letter-spacing:-.082em}
.hero-copy .hero-tail{font-size:.84em;white-space:nowrap}
.hero-copy .scene-lead{max-width:540px}

.orbit-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:20px;width:246px;height:84px;margin-top:26px;padding:0 24px;border:0;background:transparent;text-decoration:none;font-size:13px;font-weight:650;letter-spacing:-.01em;isolation:isolate;transform:translateY(calc((1 - var(--reveal))*12px));opacity:var(--reveal)}
.orbit-cta:before,.orbit-cta:after{content:"";position:absolute;z-index:-1;inset:4px 0;border:2px solid var(--orange);border-radius:50% 46% 52% 48%/52% 58% 42% 48%;transition:transform .35s var(--ease-director),background .22s}
.orbit-cta:after{inset:0 8px;border-width:1px;opacity:.3;transform:rotate(-5deg)}
.orbit-cta i{font-style:normal;color:var(--orange);font-size:18px;transition:transform .3s var(--ease-director)}
.orbit-cta:hover:before{transform:rotate(5deg) scale(1.025);background:var(--orange)}
.orbit-cta:hover{color:var(--milk)}
.orbit-cta:hover i{color:var(--milk);transform:translate(4px,4px)}

.products-copy{top:7.5%;width:min(920px,62vw)}
.products-copy h2{width:min(430px,34vw);font-size:clamp(42px,3.8vw,60px)}
.project-composition,.story-composition{position:relative;margin-top:20px;display:grid;grid-template-columns:clamp(220px,19vw,300px) minmax(430px,1fr);gap:clamp(24px,2.4vw,38px);align-items:center}
.project-route{display:flex;flex-direction:column}
.project-route button{position:relative;display:grid;grid-template-columns:30px 1fr;align-items:baseline;min-height:44px;padding:3px 0;border:0;border-bottom:1px solid var(--hairline);background:none;text-align:left;color:var(--ink);transition:padding-left .28s var(--ease-director),color .2s}
.project-route button:first-child{border-top:1px solid var(--hairline)}
.project-route button small{font:9px/1 var(--mono);letter-spacing:.1em;color:var(--graphite)}
.project-route button span{font-size:clamp(19px,2vw,31px);font-weight:560;letter-spacing:-.045em;line-height:1.06}
.project-route button:after{content:"";position:absolute;left:30px;right:100%;bottom:-1px;height:2px;background:var(--orange);transition:right .35s var(--ease-director)}
.project-route button:hover,.project-route button:focus-visible,.project-route button.is-preview-active{padding-left:10px;color:var(--orange)}
.project-route button.is-preview-active:after{right:0}
.gesture-media{position:relative;display:block;padding:0;border:0;background:var(--ink);overflow:hidden;clip-path:polygon(calc((1 - var(--media-reveal))*94%) 3%,95% 0,100% 88%,91% 100%,5% 96%,0 14%);transition:clip-path .52s var(--ease-director);isolation:isolate}
.gesture-media:after{content:"";position:absolute;z-index:2;inset:0;background:var(--orange);opacity:.22;transform:translateX(calc(var(--media-reveal)*104%));transition:transform .52s var(--ease-director)}
.gesture-media img{display:block;width:100%;height:100%;padding:clamp(8px,1vw,16px);object-fit:contain;filter:saturate(.9) contrast(.99);transition:transform .5s var(--ease-director),opacity .18s ease,clip-path .26s var(--ease-director);clip-path:inset(0 0 0 0)}
.gesture-media.is-changing img{opacity:.12;clip-path:inset(0 0 0 86%);transform:scale(.985)}
.media-caption{position:absolute;z-index:3;left:clamp(12px,1.4vw,22px);right:clamp(12px,1.4vw,22px);bottom:clamp(11px,1.3vw,20px);display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--milk);font:9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:left;pointer-events:none}
.media-caption b{max-width:70%;padding:7px 10px;background:var(--ink);font-weight:500;color:var(--milk)}
.media-caption i{padding:7px 10px;background:var(--orange);color:var(--milk);font-style:normal}
.gesture-media:hover img{transform:scale(1.035)}
.route-media{width:100%;height:clamp(380px,48vh,560px);transform:rotate(.5deg)}

.case-focus{top:7.5%;width:clamp(620px,50vw,860px)}
.focus-media{width:100%;height:clamp(380px,49vh,560px);clip-path:polygon(calc((1 - var(--media-reveal))*94%) 4%,96% 0,100% 86%,92% 100%,7% 96%,0 17%)}
.case-focus h2{margin-top:14px;font-size:clamp(48px,4.3vw,72px)}
.case-focus .scene-lead{margin-top:14px}

.stories-copy{top:6.5%;width:clamp(560px,43vw,760px)}
.stories-copy h2{font-size:clamp(40px,3.8vw,60px)}
.story-composition{margin-top:16px;grid-template-columns:1fr;gap:14px}
.story-route{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.story-route button{min-height:48px;border-top:1px solid var(--hairline)}
.story-media{width:100%;height:clamp(320px,38vh,460px);transform:rotate(-.5deg);clip-path:polygon(calc((1 - var(--media-reveal))*94%) 3%,96% 0,100% 88%,82% 100%,18% 96%,0 72%,4% 14%)}

.direction-copy{top:5.8%;width:min(950px,66vw)}
.direction-copy h2{max-width:620px;font-size:clamp(42px,4vw,62px)}
.direction-lead{max-width:590px;margin:12px 0 0;font-size:clamp(13px,1.05vw,16px);line-height:1.38;letter-spacing:-.012em;color:var(--graphite);opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal))*12px))}
.direction-composition{position:relative;display:grid;grid-template-columns:clamp(210px,18vw,280px) minmax(430px,1fr);gap:clamp(22px,2.2vw,34px);align-items:end;margin-top:14px}
.direction-route button{min-height:42px}
.direction-route button span{font-size:clamp(17px,1.65vw,25px)}
.direction-media{width:100%;height:clamp(340px,42vh,480px);transform:rotate(.35deg)}
.video-copy .direction-media{clip-path:polygon(calc((1 - var(--media-reveal))*94%) 4%,96% 0,100% 82%,91% 100%,8% 96%,0 13%)}
.automation-copy{top:5.4%;width:min(780px,52vw)}
.automation-copy h2{max-width:760px;font-size:clamp(40px,3.6vw,56px)}
.automation-copy .direction-lead{max-width:680px}
.automation-composition{grid-template-columns:1fr;gap:10px;margin-top:12px}
.automation-composition .direction-route{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.automation-composition .direction-route button{display:block;min-height:48px;padding:7px 0;text-align:left;border-top:1px solid var(--hairline)}
.automation-composition .direction-route button small{display:block;margin-bottom:5px}
.automation-composition .direction-route button span{font-size:clamp(14px,1.25vw,18px);line-height:1.08}
.automation-composition .direction-route button:after{left:0}
.automation-copy .direction-media{height:clamp(330px,37vh,420px);transform:rotate(-.35deg);clip-path:polygon(calc((1 - var(--media-reveal))*94%) 2%,98% 0,100% 84%,88% 100%,3% 96%,0 12%)}
.video-media:before{content:"PLAY";position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:74px;height:74px;border:1px solid var(--milk);border-radius:50%;background:rgba(21,20,18,.68);color:var(--milk);font:10px/1 var(--mono);letter-spacing:.13em;transform:translate(-50%,-50%);pointer-events:none}
.video-media.is-karina-preview:before{display:none}
.video-media.is-karina-preview{background:var(--ink);box-shadow:0 24px 55px rgba(21,20,18,.18)}
.video-media.is-karina-preview>.media-base-image,.video-media.is-karina-preview>.media-caption{opacity:0;pointer-events:none}
.karina-preview{position:absolute;z-index:3;inset:0;display:none;overflow:hidden;background:var(--ink);color:var(--milk);text-align:left;pointer-events:none}
.video-media.is-karina-preview .karina-preview{display:block}
.karina-preview:before{content:"";position:absolute;left:2.5%;right:2%;top:9%;height:1px;background:rgba(241,237,227,.22);transform:rotate(-1.7deg);transform-origin:left}
.karina-preview:after{content:"";position:absolute;left:42%;bottom:-32%;width:50%;aspect-ratio:1;border:2px solid var(--orange);border-radius:49% 51% 43% 57%/57% 40% 60% 43%;opacity:.8;transform:rotate(19deg);transition:transform .65s var(--ease-director)}
.karina-preview__copy{position:absolute;z-index:3;left:6%;top:10%;width:52%;height:73%}
.karina-preview__copy>small{display:block;max-width:260px;font:8px/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.karina-preview__copy>strong{display:flex;flex-direction:column;margin-top:clamp(22px,3vh,38px);font-size:clamp(43px,4.6vw,75px);font-weight:650;line-height:.75;letter-spacing:-.075em;transition:transform .55s var(--ease-director)}
.karina-preview__outline{color:transparent;-webkit-text-stroke:1px var(--milk);transform:translateX(11%)}
.karina-preview__proof{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;padding-left:16px;border-left:3px solid var(--orange)}
.karina-preview__proof b{font-size:clamp(15px,1.45vw,22px);font-weight:600;letter-spacing:-.035em}
.karina-preview__proof i{margin-top:4px;font:8px/1.2 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#aaa49a}
.karina-preview__frames{position:absolute;z-index:2;right:4%;top:7%;width:43%;height:78%}
.karina-preview__frame{position:absolute;overflow:hidden;background:#2b2926;box-shadow:0 18px 26px rgba(0,0,0,.32);clip-path:polygon(4% 0,100% 3%,96% 100%,0 96%);transition:transform .58s var(--ease-director),filter .35s ease}
.karina-preview__frame img{display:block;width:100%;height:100%;padding:0;object-fit:cover;filter:saturate(.76) contrast(1.05);transform:none}
.karina-preview__frame--back{left:0;top:12%;width:43%;height:74%;transform:rotate(-7deg);filter:brightness(.56)}
.karina-preview__frame--middle{left:25%;top:6%;width:47%;height:80%;transform:rotate(4deg);filter:brightness(.72)}
.karina-preview__frame--front{right:0;top:0;width:57%;height:91%;transform:rotate(-1.8deg)}
.karina-preview__episode{position:absolute;z-index:4;right:-1%;bottom:0;padding:9px 12px;background:var(--orange);color:var(--ink);font:8px/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-2deg)}
.karina-preview__open{position:absolute;z-index:5;left:0;right:0;bottom:0;height:16%;display:flex;align-items:center;justify-content:space-between;padding:0 7% 0 6%;border-top:1px solid rgba(241,237,227,.22);background:rgba(21,20,18,.94);font:10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.karina-preview__open i{display:grid;place-items:center;width:44px;height:44px;background:var(--orange);color:var(--ink);font-style:normal;font-size:18px;clip-path:polygon(0 9%,88% 0,100% 76%,78% 100%,5% 91%);transition:transform .45s var(--ease-director)}
.video-media.is-karina-preview:hover .karina-preview:after{transform:rotate(32deg) scale(1.1)}
.video-media.is-karina-preview:hover .karina-preview__copy>strong{transform:translateX(8px)}
.video-media.is-karina-preview:hover .karina-preview__frame--back{transform:translateX(-10px) rotate(-10deg)}
.video-media.is-karina-preview:hover .karina-preview__frame--middle{transform:translateY(-8px) rotate(7deg)}
.video-media.is-karina-preview:hover .karina-preview__frame--front{transform:translate(8px,-5px) rotate(1deg)}
.video-media.is-karina-preview:hover .karina-preview__open i{transform:translate(5px,-5px) rotate(5deg)}
.video-media.is-karina-preview.is-changing .karina-preview{opacity:.12;clip-path:inset(0 0 0 82%)}

.video-media.is-vacuum-preview:before{display:none}
.video-media.is-vacuum-preview{background:#061015;box-shadow:0 24px 55px rgba(4,12,16,.28)}
.video-media.is-vacuum-preview>.media-base-image,.video-media.is-vacuum-preview>.media-caption{opacity:0;pointer-events:none}
.vacuum-preview{position:absolute;z-index:3;inset:0;display:none;overflow:hidden;background:#061015;color:#d9e6e7;text-align:left;pointer-events:none;isolation:isolate}
.video-media.is-vacuum-preview .vacuum-preview{display:block}
.vacuum-preview:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,12,16,.96) 0%,rgba(4,12,16,.76) 43%,rgba(4,12,16,.15) 76%),linear-gradient(0deg,rgba(4,12,16,.96) 0%,transparent 50%)}
.vacuum-preview:after{content:"";position:absolute;z-index:2;left:4%;right:3%;top:17%;height:1px;background:rgba(114,224,228,.34);box-shadow:0 0 14px rgba(114,224,228,.35);transform:rotate(-1.5deg);transform-origin:left}
.vacuum-preview__backdrop{position:absolute;z-index:0;inset:0;width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:center 48%!important;filter:saturate(.55) contrast(1.16) brightness(.7)!important;transform:scale(1.03)!important;clip-path:none!important;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .55s ease!important}
.vacuum-preview__scan{position:absolute;z-index:3;inset:-30% 0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(114,224,228,.11) 4px);opacity:.48;transform:translateY(-12%);transition:transform 1.25s cubic-bezier(.2,.8,.2,1)}
.vacuum-preview__portrait{position:absolute;z-index:2;right:-2%;top:7%;width:38%;height:72%;overflow:hidden;background:#08171d;clip-path:polygon(7% 0,100% 4%,96% 91%,78% 100%,0 94%,3% 14%);filter:drop-shadow(-15px 16px 24px rgba(0,0,0,.35));transform:rotate(1.5deg);transition:transform .65s var(--ease-director)}
.vacuum-preview__portrait:after{content:"";position:absolute;inset:0;border-left:1px solid rgba(114,224,228,.42);background:linear-gradient(180deg,transparent 62%,rgba(6,16,21,.72))}
.vacuum-preview__portrait img{width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:center!important;filter:saturate(.55) contrast(1.12) brightness(.78)!important;transform:scale(1.08)!important;clip-path:none!important;transition:transform .72s var(--ease-director),filter .45s!important}
.vacuum-preview__head{position:absolute;z-index:5;left:5%;right:5%;top:7%;display:flex;align-items:center;justify-content:space-between;gap:20px}.vacuum-preview__head small{font:7px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#72e0e4}.vacuum-preview__head b{padding:7px 9px;border:1px solid #ff4e3d;color:#ff6c5d;font:7px/1 var(--mono);font-weight:400;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-1deg)}
.vacuum-preview__title{position:absolute;z-index:5;left:5%;top:25%;display:flex;flex-direction:column;max-width:68%;font-size:clamp(47px,5vw,82px);font-weight:650;line-height:.68;letter-spacing:-.09em;text-transform:uppercase;transition:transform .62s var(--ease-director)}.vacuum-preview__title strong{font-weight:650}.vacuum-preview__title strong:last-child{padding-left:.25em;color:transparent;-webkit-text-stroke:1px #72e0e4;text-shadow:0 0 22px rgba(114,224,228,.16)}
.vacuum-preview__facts{position:absolute;z-index:5;left:5%;right:5%;bottom:18%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.vacuum-preview__facts>span{min-height:52px;padding:9px 11px;border-top:1px solid rgba(114,224,228,.42);background:rgba(4,12,16,.62)}.vacuum-preview__facts b{display:block;font-size:clamp(13px,1.3vw,20px);line-height:1;letter-spacing:-.04em}.vacuum-preview__facts small{display:block;margin-top:5px;font:6px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9db0b3}
.vacuum-preview__code{position:absolute;z-index:5;right:1.8%;top:23%;font:6px/1 var(--mono);letter-spacing:.12em;color:#72e0e4;writing-mode:vertical-rl}
.vacuum-preview__open{position:absolute;z-index:6;left:0;right:0;bottom:0;height:16%;display:flex;align-items:center;justify-content:space-between;padding:0 7% 0 5%;border-top:1px solid rgba(114,224,228,.28);background:rgba(4,12,16,.95);font:9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}.vacuum-preview__open i{display:grid;place-items:center;width:44px;height:44px;background:#72e0e4;color:#061015;font-style:normal;font-size:18px;clip-path:polygon(0 9%,88% 0,100% 76%,78% 100%,5% 91%);transition:transform .45s var(--ease-director),background .25s}.video-media.is-vacuum-preview:hover .vacuum-preview__backdrop{transform:scale(1.085)!important;filter:saturate(.72) contrast(1.19) brightness(.76)!important}.video-media.is-vacuum-preview:hover .vacuum-preview__portrait{transform:translate(8px,-5px) rotate(2.3deg)}.video-media.is-vacuum-preview:hover .vacuum-preview__portrait img{transform:scale(1.13)!important;filter:saturate(.7) contrast(1.14) brightness(.83)!important}.video-media.is-vacuum-preview:hover .vacuum-preview__title{transform:translateX(8px)}.video-media.is-vacuum-preview:hover .vacuum-preview__scan{transform:translateY(10%)}.video-media.is-vacuum-preview:hover .vacuum-preview__open i{background:#ff4e3d;transform:translate(5px,-5px) rotate(4deg)}.video-media.is-vacuum-preview.is-changing .vacuum-preview{opacity:.12;clip-path:inset(0 0 0 82%)}

.possibility-copy{top:4.5%;width:min(1000px,69vw);max-height:91vh}
.possibility-copy h2{max-width:610px;font-size:clamp(44px,4.25vw,68px)}
.possibility-lead{max-width:580px;margin:11px 0 0;font-size:clamp(13px,1vw,16px);line-height:1.35;color:var(--graphite);opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal))*12px))}
.possibility-orbit{--orbit-rotation:0deg;--orbit-depth-x:0px;--orbit-depth-y:0px;position:relative;height:clamp(500px,60vh,610px);margin-top:-4px;opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal))*16px));isolation:isolate}
.orbit-stage{position:absolute;z-index:2;left:-38px;top:0;width:clamp(470px,37vw,560px);aspect-ratio:1;outline:none;transform:translate3d(var(--orbit-depth-x),var(--orbit-depth-y),0);transition:transform .22s ease-out}
.orbit-stage:focus-visible{outline:1px solid var(--orange);outline-offset:-22px;border-radius:50%}
.orbit-machine{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 20px rgba(21,20,18,.045))}
.orbit-machine circle,.orbit-machine path,.orbit-machine line{fill:none;vector-effect:non-scaling-stroke}
.orbit-machine__halo{stroke:rgba(21,20,18,.12);stroke-width:1;stroke-dasharray:2 9}
.orbit-machine__rail{stroke:rgba(21,20,18,.2);stroke-width:1}
.orbit-machine__rotor{transform:rotate(var(--orbit-rotation));transform-origin:260px 260px;transition:transform .72s var(--ease-director);will-change:transform}
.orbit-machine__sector{stroke:rgba(21,20,18,.22);stroke-width:3;stroke-linecap:butt;stroke-dasharray:31.5 68.5;transition:stroke .3s,stroke-width .3s}
.orbit-machine__sector--product{transform:rotate(-90deg);transform-origin:center}
.orbit-machine__sector--automation{transform:rotate(30deg);transform-origin:center}
.orbit-machine__sector--neuro{stroke-dasharray:15.5 84.5;transform:rotate(150deg);transform-origin:center}
.orbit-machine__sector--video{stroke-dasharray:15.5 84.5;transform:rotate(210deg);transform-origin:center}
.possibility-orbit[data-orbit-group="product"] .orbit-machine__sector--product,
.possibility-orbit[data-orbit-group="automation"] .orbit-machine__sector--automation,
.possibility-orbit[data-orbit-group="neuro"] .orbit-machine__sector--neuro,
.possibility-orbit[data-orbit-group="video"] .orbit-machine__sector--video{stroke:var(--orange);stroke-width:6}
.orbit-machine__tick{stroke:var(--ink);stroke-width:1;opacity:.48;transition:stroke .25s,stroke-width .25s,opacity .25s}
.orbit-machine__tick.is-boundary{stroke-width:2;opacity:.9}
.orbit-machine__tick.is-active{stroke:var(--orange);stroke-width:5;opacity:1}
.orbit-machine__trajectory{stroke:var(--orange);stroke-width:2.2;stroke-linecap:round}
.orbit-machine__needle{stroke:var(--orange);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.orbit-machine__core{fill:rgba(241,237,227,.88)!important;stroke:var(--orange);stroke-width:1.5}
.orbit-machine__coreline{stroke:rgba(21,20,18,.18);stroke-width:1;stroke-dasharray:3 7}
.orbit-sectors{position:absolute;inset:0;z-index:4}
.orbit-sector{position:absolute;padding:0;border:0;background:none;text-align:left;color:var(--graphite);transition:color .24s var(--ease-director),transform .3s var(--ease-director)}
.orbit-sector small{display:block;margin-bottom:5px;font:8px/1 var(--mono);letter-spacing:.12em;color:currentColor}
.orbit-sector span{font-size:clamp(11px,.86vw,13px);font-weight:650;line-height:.94;letter-spacing:-.02em}
.orbit-sector--product{left:45%;top:0}.orbit-sector--automation{right:-4px;top:42%}.orbit-sector--neuro{left:47%;bottom:1px}.orbit-sector--video{left:0;top:56%}
.orbit-sector:hover,.orbit-sector:focus-visible,.orbit-sector.is-active{color:var(--orange);transform:translateY(-3px)}
.orbit-task-window{position:absolute;z-index:3;inset:0;pointer-events:none}
.orbit-task{position:absolute;margin:0;color:var(--graphite)}
.orbit-task small{display:block;margin-bottom:5px;font:7px/1 var(--mono);letter-spacing:.12em;color:var(--orange);text-transform:uppercase}
.orbit-task span{display:block;max-width:130px;font-size:10px;line-height:1.12}
.orbit-task--prev{left:55px;top:127px;text-align:right}.orbit-task--prev span{max-width:118px}
.orbit-task--active{left:50%;top:50%;width:126px;text-align:center;transform:translate(-50%,-50%)}
.orbit-task--active b{display:block;font-size:clamp(17px,1.35vw,21px);line-height:.92;letter-spacing:-.05em}
.orbit-task--next{right:34px;bottom:116px}.orbit-task--next span{max-width:122px}
.orbit-controls{position:absolute;z-index:5;left:50%;bottom:73px;display:flex;align-items:center;gap:12px;transform:translateX(-50%)}
.orbit-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--ink);border-radius:54% 46% 48% 52%;background:var(--milk);font:15px/1 var(--mono);transition:background .2s,color .2s,transform .25s var(--ease-director)}
.orbit-controls button:last-child{border-radius:45% 55% 51% 49%}
.orbit-controls button:hover,.orbit-controls button:focus-visible{background:var(--orange);border-color:var(--orange);color:var(--milk);transform:rotate(-8deg)}
.orbit-controls span{min-width:47px;font:9px/1 var(--mono);letter-spacing:.08em;text-align:center}.orbit-controls b{color:var(--orange)}.orbit-controls i{font-style:normal}
.task-ticket{position:absolute;z-index:3;right:0;top:54px;width:clamp(380px,31vw,470px);height:clamp(390px,46vh,470px);color:var(--milk)}
.task-ticket__inner{position:relative;height:100%;padding:clamp(24px,2vw,34px) clamp(27px,2.35vw,42px) clamp(25px,2vw,34px);overflow:hidden;background:var(--ink);clip-path:polygon(0 7%,91% 0,100% 20%,96% 88%,82% 100%,8% 95%,0 67%);box-shadow:0 30px 50px rgba(21,20,18,.16)}
.task-ticket__inner:before{content:"";position:absolute;left:0;top:0;width:5px;height:68%;background:var(--orange);transform:skewY(-25deg);transform-origin:top}
.task-ticket header{display:flex;justify-content:space-between;gap:20px;font:8px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#bdb7ac}
.task-ticket header span{color:var(--orange)}.task-ticket header i{font-style:normal}
.task-ticket>div>strong{position:absolute;right:24px;top:37px;font-size:clamp(88px,8vw,126px);font-weight:600;line-height:.8;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(240,90,36,.72)}
.task-ticket__copy{position:absolute;left:clamp(27px,2.35vw,42px);right:clamp(30px,2.6vw,46px);top:34%;max-width:370px}
.task-ticket__copy small{font:8px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#989187}
.task-ticket__copy h3{margin:10px 0 0;font-size:clamp(27px,2.35vw,37px);font-weight:620;line-height:.94;letter-spacing:-.055em}
.task-ticket__copy p{max-width:350px;margin:15px 0 0;font-size:clamp(12px,.96vw,15px);line-height:1.38;color:#c9c2b8}
.task-ticket footer{position:absolute;left:clamp(27px,2.35vw,42px);right:clamp(32px,2.8vw,50px);bottom:36px;display:flex;justify-content:space-between;gap:20px}
.task-ticket footer button{padding:8px 0;border:0;border-bottom:1px solid currentColor;background:none;color:var(--milk);font-size:10px;font-weight:650;text-align:left;transition:color .2s,transform .25s var(--ease-director)}
.task-ticket footer button:last-child{color:var(--orange)}
.task-ticket footer button:hover,.task-ticket footer button:focus-visible{color:var(--orange);transform:translateX(4px)}
.task-ticket footer i{font-style:normal}
.task-ticket.is-next .task-ticket__inner{animation:ticket-next .48s var(--ease-director)}
.task-ticket.is-prev .task-ticket__inner{animation:ticket-prev .48s var(--ease-director)}
.task-ticket.is-next .task-ticket__inner:after,.task-ticket.is-prev .task-ticket__inner:after{content:"";position:absolute;z-index:8;inset:-10%;background:var(--orange);animation:ticket-wipe .48s var(--ease-director) both;pointer-events:none}
@keyframes ticket-next{0%{transform:translateX(26px);clip-path:polygon(100% 7%,100% 0,100% 20%,100% 88%,100% 100%,100% 95%,100% 67%)}100%{transform:none;clip-path:polygon(0 7%,91% 0,100% 20%,96% 88%,82% 100%,8% 95%,0 67%)}}
@keyframes ticket-prev{0%{transform:translateX(-26px);clip-path:polygon(0 7%,0 0,0 20%,0 88%,0 100%,0 95%,0 67%)}100%{transform:none;clip-path:polygon(0 7%,91% 0,100% 20%,96% 88%,82% 100%,8% 95%,0 67%)}}
@keyframes ticket-wipe{0%{transform:translateX(-115%)}45%{transform:translateX(0)}100%{transform:translateX(115%)}}

.process-copy{top:11%;width:42%}
.process-route{position:relative;list-style:none;margin:28px 0 0;padding:0 0 0 14px}
.process-route:before{content:"";position:absolute;left:29px;top:16px;bottom:20px;width:2px;background:var(--orange);transform:scaleY(var(--reveal));transform-origin:top}
.process-route li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:17px;min-height:82px;opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal))*13px))}
.process-node{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--orange);border-radius:52% 48% 46% 54%;background:var(--milk);font:9px/1 var(--mono)}
.process-route b{display:block;margin-top:3px;font-size:20px;font-weight:600;letter-spacing:-.025em}
.process-route p{max-width:360px;margin:4px 0 0;font-size:13px;line-height:1.38;color:var(--graphite)}

.final-copy{top:20%;width:42%}
.final-copy h2{font-size:clamp(58px,6.4vw,98px)}
.final-action{width:280px}

.chapter-name{position:absolute;z-index:8;left:var(--safe-side);bottom:34px;margin:0;font:9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--graphite)}
.scroll-cue{position:absolute;z-index:8;right:var(--safe-side);bottom:26px;display:flex;align-items:center;gap:10px;margin:0;font:9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}
.scroll-cue i{display:block;width:1px;height:38px;background:var(--ink);animation:cue 1.8s ease-in-out infinite;transform-origin:top}
@keyframes cue{0%,100%{transform:scaleY(.3);opacity:.25}50%{transform:scaleY(1);opacity:1}}

.director-console{position:absolute;z-index:20;left:50%;bottom:20px;display:flex;align-items:center;transform:translateX(-50%)}
.mode-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:218px;height:var(--console-h);padding:8px 15px 8px 12px;background:var(--ink);border-radius:34% 66% 58% 42%/48% 43% 57% 52%;box-shadow:0 8px 22px rgba(21,20,18,.16);isolation:isolate}
.mode-switch:after{content:"";position:absolute;right:-10px;top:27px;width:18px;height:14px;background:var(--ink);transform:rotate(28deg)}
.mode-switch>i{position:absolute;z-index:-1;left:8px;top:8px;width:96px;height:52px;background:var(--milk);border-radius:45% 55% 48% 52%/54% 45% 55% 46%;transform:translateX(var(--switch-x,0));transition:transform .42s var(--ease-director)}
.mode-switch.is-listen>i{--switch-x:101px}
.mode-switch button{border:0;background:none;color:var(--milk);font-size:11px;font-weight:600;letter-spacing:.01em}
.mode-switch button[aria-pressed=true]{color:var(--ink)}
.sound-orbit{position:relative;display:grid;place-items:center;width:62px;height:62px;margin-left:17px;border:2px solid var(--orange);border-radius:54% 46% 50% 50%/43% 55% 45% 57%;background:var(--milk);transform:rotate(7deg);transition:transform .3s var(--ease-director),background .2s}
.sound-orbit:before{content:"";position:absolute;inset:-7px;border:1px solid var(--orange);border-radius:48% 52% 45% 55%;opacity:.35;transform:rotate(-18deg)}
.sound-orbit span{display:block;width:8px;height:8px;border-radius:50%;background:var(--graphite);box-shadow:-11px 0 0 -2px var(--graphite),11px 0 0 -2px var(--graphite)}
.sound-orbit b{font:8px/1 var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.08em}
.sound-orbit:hover{transform:rotate(-7deg) scale(1.04)}
.sound-orbit[aria-pressed=true]{background:var(--orange);color:var(--milk)}
.sound-orbit[aria-pressed=true] span{background:var(--milk);box-shadow:-11px -4px 0 -2px var(--milk),11px 4px 0 -2px var(--milk)}

.scene-announcer{position:fixed;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.case-drawer{position:fixed;inset:0 auto 0 0;width:min(1060px,58vw);height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--ink);color:var(--milk);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--orange) transparent;clip-path:polygon(0 0,95% 0,100% 9%,97% 28%,100% 49%,96% 72%,99% 100%,0 100%)}
.case-drawer[data-side=right]{inset:0 0 0 auto;clip-path:polygon(5% 0,100% 0,100% 100%,1% 100%,4% 73%,0 52%,3% 27%,0 9%)}
.case-drawer::backdrop{background:rgba(21,20,18,.28);backdrop-filter:grayscale(1) blur(2px)}
.case-drawer:before{content:"";position:fixed;z-index:8;left:0;top:0;width:min(1060px,58vw);height:4px;background:var(--orange)}
.case-drawer[data-side=right]:before{left:auto;right:0}
.drawer-topbar{position:sticky;z-index:7;top:0;display:flex;align-items:center;justify-content:space-between;height:74px;padding:0 6.5% 0 38px;background:linear-gradient(180deg,var(--ink) 72%,rgba(21,20,18,0));pointer-events:none}
.drawer-topbar>p{display:flex;gap:14px;margin:0;font:9px/1 var(--mono);letter-spacing:.14em;color:#9c968b}.drawer-topbar>p b{color:var(--orange);font-weight:400}
.drawer-close{position:relative;z-index:3;margin:0;padding:11px 16px;border:1px solid rgba(241,237,227,.55);border-radius:50%;background:var(--ink);color:var(--milk);font:10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:auto}
.drawer-close span{color:var(--orange);font-size:15px}
.drawer-media{clear:both;padding:16px 8% 0 36px}
.drawer-media img,.drawer-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#272522;clip-path:polygon(0 8%,92% 0,100% 88%,8% 100%)}
.drawer-media video{aspect-ratio:9/16;max-height:58vh;object-fit:contain}
.drawer-copy{padding:30px 72px 60px 36px}
.drawer-copy>p{font:10px/1.2 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#b5afa4}
.drawer-copy h2{margin:12px 0 35px;font-size:clamp(46px,5vw,78px);line-height:.86;letter-spacing:-.07em}
.drawer-copy dl{margin:0;border-top:1px solid rgba(241,237,227,.2)}
.drawer-copy dl div{padding:18px 0;border-bottom:1px solid rgba(241,237,227,.2)}
.drawer-copy dt{font:9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#979187}
.drawer-copy dd{margin:8px 0 0;font-size:15px;line-height:1.42;color:#e3ddd2}

.karina-case[hidden]{display:none}
.karina-case{position:relative;margin-top:-74px;overflow:hidden;background:var(--ink);color:var(--milk)}
.case-eyebrow,.case-section-head>p{margin:0;font:9px/1.25 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#9d978d}
.case-outline{color:transparent;-webkit-text-stroke:1.35px currentColor}
.karina-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);min-height:760px;padding:130px 7% 76px 38px;isolation:isolate}
.karina-hero:before{content:"";position:absolute;z-index:-1;left:-4%;right:4%;bottom:-1px;height:34%;background:var(--orange);clip-path:polygon(0 68%,38% 15%,67% 45%,100% 0,100% 28%,68% 73%,38% 43%,0 100%);opacity:.94}
.karina-hero__copy{position:relative;z-index:2;align-self:center;padding-right:32px}
.karina-hero__copy h2{margin:22px 0 28px;font-size:clamp(72px,7vw,126px);font-weight:650;line-height:.72;letter-spacing:-.09em}
.karina-hero__copy h2 span{display:block}.karina-hero__copy h2 .case-outline{padding-left:.28em;color:var(--milk);transform:translateY(.1em)}
.karina-hero__lead{max-width:560px;margin:0;font-size:clamp(17px,1.35vw,23px);line-height:1.35;letter-spacing:-.025em;color:#ddd6ca}
.case-channel-link{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:230px;margin-top:34px;padding:18px 22px;color:var(--ink);background:var(--milk);font-size:12px;font-weight:700;text-decoration:none;clip-path:polygon(0 13%,92% 0,100% 72%,84% 100%,7% 88%);transition:transform .25s var(--ease-director),background .2s}
.case-channel-link:hover{background:var(--orange);transform:translate(5px,-3px) rotate(-1deg)}.case-channel-link i{font-style:normal;font-size:18px}
.karina-hero__portrait{position:relative;align-self:stretch;margin:0;min-height:560px;transform:rotate(1.8deg);filter:drop-shadow(0 18px 32px rgba(0,0,0,.28))}
.karina-hero__portrait:before{content:"";position:absolute;z-index:-1;inset:-18px -10px 12px 14px;background:var(--milk);clip-path:polygon(7% 0,100% 5%,95% 94%,71% 100%,0 90%,4% 17%)}
.karina-hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;clip-path:polygon(3% 2%,98% 0,100% 82%,88% 98%,2% 94%,0 17%)}
.karina-hero__portrait figcaption{position:absolute;left:-15%;right:5%;bottom:8%;display:flex;align-items:end;justify-content:space-between;padding:20px 24px;background:var(--ink);clip-path:polygon(0 10%,94% 0,100% 76%,89% 100%,5% 86%);font:10px/1.25 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.karina-hero__portrait figcaption b{color:var(--orange);text-align:right;font-weight:400}
.karina-hero__stamp{position:absolute;right:2%;top:96px;font:9px/1 var(--mono);letter-spacing:.14em;color:var(--orange);writing-mode:vertical-rl}

.karina-breakthrough{position:relative;margin-top:-2px;padding:110px 7% 98px 38px;background:var(--milk);color:var(--ink);clip-path:polygon(0 3%,37% 0,68% 2%,100% 0,100% 96%,65% 100%,36% 97%,0 100%)}
.case-section-head{display:grid;grid-template-columns:170px minmax(320px,1.3fr) minmax(230px,.7fr);gap:32px;align-items:start}
.case-section-head h3,.retention-title-wrap h3,.method-statement h3,.karina-integration h3{margin:0;font-size:clamp(48px,5.5vw,92px);font-weight:650;line-height:.82;letter-spacing:-.075em}
.case-section-head h3 em{color:var(--orange);font-style:normal}.case-section-head>.case-section-intro{margin:0;font:400 15px/1.45 var(--display);letter-spacing:-.01em;text-transform:none;color:var(--graphite)}
.breakthrough-run{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:78px 0 0;padding:0;list-style:none;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.breakthrough-run:before{content:"";position:absolute;z-index:0;left:0;right:0;top:50%;height:3px;background:var(--orange);transform:rotate(-2.5deg);transform-origin:center}
.breakthrough-run li{position:relative;z-index:1;min-height:220px;padding:18px 16px 18px;border-right:1px solid var(--ink);background:rgba(241,237,227,.91)}.breakthrough-run li:last-child{border-right:0}.breakthrough-run li.is-peak{background:var(--ink);color:var(--milk);transform:translateY(-18px) rotate(1.2deg);clip-path:polygon(0 4%,95% 0,100% 92%,8% 100%)}
.breakthrough-run li>span{font:9px/1 var(--mono);letter-spacing:.1em;color:var(--orange)}.breakthrough-run strong{display:block;margin:28px 0 4px;font-size:clamp(32px,3.1vw,52px);line-height:1;letter-spacing:-.06em}.breakthrough-run p{margin:0;font-size:17px;font-weight:700}.breakthrough-run small{position:absolute;left:16px;bottom:18px;font:8px/1.25 var(--mono);letter-spacing:.05em;color:var(--graphite)}.breakthrough-run .is-peak small{color:#afa99e}
.metrics-note{margin:26px 0 0;font:8px/1.45 var(--mono);letter-spacing:.06em;color:#716d66}

.karina-retention{position:relative;padding:116px 7% 110px 38px;background:var(--orange);color:var(--ink);overflow:hidden}
.karina-retention:before{content:"";position:absolute;left:-12%;right:-8%;top:46%;height:2px;background:var(--ink);transform:rotate(7deg);opacity:.28}
.retention-title-wrap{display:grid;grid-template-columns:170px 1fr;gap:32px;align-items:start}.retention-title-wrap .case-eyebrow{color:rgba(21,20,18,.62)}
.retention-field{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7%;margin:68px auto 88px;max-width:780px;padding-bottom:56px}
.retention-orbit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:49% 51% 46% 54%/55% 44% 56% 45%;background:conic-gradient(var(--ink) calc(var(--score)*1turn),rgba(21,20,18,.14) 0);transform:rotate(-4deg)}
.retention-orbit:before{content:"";position:absolute;inset:14px;border-radius:54% 46% 52% 48%/48% 56% 44% 52%;background:var(--orange)}.retention-orbit>*{position:relative;z-index:1}.retention-orbit>span{font:9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.retention-orbit strong{font-size:clamp(52px,6vw,92px);letter-spacing:-.08em;line-height:.9}.retention-orbit small{max-width:110px;margin-top:8px;font:8px/1.25 var(--mono);text-align:center;text-transform:uppercase}.retention-orbit--bus{transform:translateY(34px) rotate(5deg)}
.retention-axis{position:absolute;left:0;right:0;bottom:0;height:28px;border-top:1px solid rgba(21,20,18,.55)}.retention-axis span{position:absolute;left:var(--x);top:9px;font:8px/1 var(--mono);transform:translateX(-50%)}.retention-axis span:before{content:"";position:absolute;left:50%;top:-12px;width:1px;height:6px;background:var(--ink)}
.retention-proof{display:grid;grid-template-columns:1.15fr 1fr .8fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.retention-proof>div{padding:25px 24px;border-right:1px solid var(--ink)}.retention-proof>div:last-child{border-right:0}.retention-proof strong{font-size:clamp(40px,4vw,66px);line-height:1;letter-spacing:-.07em}.retention-proof p{max-width:220px;margin:10px 0 0;font-size:12px;line-height:1.35}.metrics-note--dark{color:rgba(21,20,18,.62)}

.karina-watch{padding:120px 7% 120px 38px;background:var(--milk);color:var(--ink)}
.case-section-head--compact{grid-template-columns:170px 1fr}.case-section-head--compact h3 em{color:var(--orange)}
.shorts-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:72px;align-items:start}
.short-card{position:relative;margin:0;padding:10px 10px 0;background:var(--ink);color:var(--milk);filter:drop-shadow(0 15px 18px rgba(21,20,18,.16));clip-path:polygon(3% 0,96% 2%,100% 91%,86% 100%,0 96%,2% 13%)}.short-card:nth-child(2){transform:translateY(-24px) rotate(1.5deg)}.short-card:nth-child(3){transform:rotate(-1.2deg)}
.short-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#292724;clip-path:polygon(0 2%,100% 0,98% 99%,2% 97%)}
.short-card figcaption{display:flex;gap:14px;align-items:center;min-height:75px;padding:11px 8px 17px}.short-card figcaption>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--orange);border-radius:50%;font:8px/1 var(--mono);color:var(--orange)}.short-card figcaption b{display:block;font-size:13px}.short-card figcaption small{font:8px/1.3 var(--mono);color:#aaa49a}

.karina-method{position:relative;padding:118px 7% 110px 38px;background:var(--ink);color:var(--milk)}
.method-statement{display:grid;grid-template-columns:170px 1fr minmax(240px,.72fr);gap:32px;align-items:start}.method-statement h3 .case-outline{color:var(--milk)}.method-statement>p:last-child{margin:0;font-size:15px;line-height:1.5;color:#bdb6aa}
.method-track{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:0 70px;margin:86px 0 0;padding:0;list-style:none}.method-track:before{content:"";position:absolute;left:50%;top:-20px;bottom:-20px;width:2px;background:var(--orange);transform:rotate(4deg);opacity:.7}
.method-track li{position:relative;display:grid;grid-template-columns:42px 1fr;gap:0 14px;min-height:138px;padding:22px 18px 20px 0;border-top:1px solid rgba(241,237,227,.24)}.method-track li:nth-child(2n){transform:translateY(52px)}.method-track li>span{grid-row:1/3;font:9px/1 var(--mono);color:var(--orange)}.method-track b{font-size:18px;letter-spacing:-.02em}.method-track p{margin:8px 0 0;font-size:12px;line-height:1.45;color:#aaa49a}
.ai-native-strip{display:flex;flex-wrap:wrap;gap:0;margin-top:120px;border:1px solid rgba(241,237,227,.28);transform:rotate(-1.2deg)}.ai-native-strip span,.ai-native-strip b{padding:12px 14px;border-right:1px solid rgba(241,237,227,.28);font:8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.ai-native-strip b{flex:1;background:var(--orange);color:var(--ink);font-weight:700;text-align:right}

.karina-integration{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(280px,1.05fr);gap:62px;align-items:center;padding:128px 7% 128px 38px;background:var(--milk);color:var(--ink);clip-path:polygon(0 3%,38% 0,70% 2%,100% 0,100% 97%,72% 100%,36% 98%,0 100%)}
.integration-compare{position:relative}.integration-switch{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;width:92%;margin:0 auto -10px;transform:rotate(1deg)}.integration-switch button{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid var(--ink);background:var(--milk);color:var(--ink);font:9px/1.1 var(--mono);letter-spacing:.06em;text-align:left;text-transform:uppercase;transition:background .2s,color .2s,transform .35s var(--ease-director)}.integration-switch button+button{border-left:0}.integration-switch button span{color:var(--orange)}.integration-switch button.is-active{background:var(--orange);color:var(--ink);transform:translateY(-5px)}.integration-switch button.is-active span{color:var(--ink)}
.karina-integration figure{position:relative;margin:0;padding:12px 12px 0;background:var(--ink);color:var(--milk);transform:rotate(-2deg);clip-path:polygon(0 4%,96% 0,100% 89%,88% 100%,4% 96%)}.integration-media{position:relative;overflow:hidden;background:#282622}.karina-integration video{display:block;width:100%;aspect-ratio:9/16;max-height:650px;object-fit:cover;background:#282622}.integration-media__mark{position:absolute;left:10px;top:10px;padding:8px 10px;background:var(--orange);color:var(--ink);font:8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.karina-integration figcaption{padding:18px 12px 26px}.karina-integration figcaption span{display:block;margin-bottom:10px;font:8px/1 var(--mono);color:var(--orange);text-transform:uppercase;letter-spacing:.12em}.karina-integration figcaption b{font-size:15px;line-height:1.3}
.integration-media>[hidden]{display:none}
.karina-integration h3{margin:20px 0 28px}.karina-integration>div>p:not(.case-eyebrow){font-size:15px;line-height:1.52;color:var(--graphite)}.karina-integration ul{margin:34px 0 0;padding:0;list-style:none;border-top:1px solid var(--ink)}.karina-integration li{padding:12px 0;border-bottom:1px solid var(--ink);font:10px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase}.karina-integration li:before{content:"↳";margin-right:12px;color:var(--orange)}
.karina-case-footer{position:relative;min-height:480px;padding:110px 12% 100px 38px;background:var(--orange);color:var(--ink)}.karina-case-footer:before{content:"";position:absolute;right:-10%;top:10%;width:53%;aspect-ratio:1;border:2px solid var(--ink);border-radius:44% 56% 47% 53%/58% 42% 58% 42%;transform:rotate(17deg)}.karina-case-footer>p{position:relative;z-index:1;max-width:700px;margin:0;font-size:clamp(46px,5.6vw,90px);font-weight:650;line-height:.83;letter-spacing:-.075em}.karina-case-footer button{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:260px;margin-top:42px;padding:18px 22px;border:0;background:var(--ink);color:var(--milk);clip-path:polygon(0 13%,91% 0,100% 74%,84% 100%,7% 87%);font-size:12px;font-weight:700}.karina-case-footer button i{font-style:normal;color:var(--orange);font-size:18px}.karina-case-footer small{position:relative;z-index:1;display:block;max-width:420px;margin-top:24px;font:9px/1.5 var(--mono)}

.case-drawer.is-vacuum{width:min(1320px,72vw);background:#061015;scrollbar-color:#72e0e4 transparent;clip-path:polygon(0 0,96% 0,100% 7%,98% 25%,100% 48%,97% 71%,99% 100%,0 100%)}
.case-drawer.is-vacuum:before{width:min(1320px,72vw);background:#72e0e4;box-shadow:0 0 20px rgba(114,224,228,.5)}
.case-drawer.is-vacuum::backdrop{background:rgba(4,10,13,.5);backdrop-filter:grayscale(1) blur(4px)}
.case-drawer.is-vacuum .drawer-topbar{background:linear-gradient(180deg,#061015 72%,rgba(6,16,21,0))}
.case-drawer.is-vacuum .drawer-topbar>p b,.case-drawer.is-vacuum .drawer-close span{color:#72e0e4}
.case-drawer.is-vacuum .drawer-close{background:#061015;border-color:rgba(180,226,229,.55)}
.vacuum-case[hidden]{display:none}
.vacuum-case{--vacuum:#061015;--vacuum-2:#0c1b21;--ice:#d9e6e7;--cyan:#72e0e4;--signal:#ff4e3d;position:relative;margin-top:-74px;overflow:hidden;background:var(--vacuum);color:var(--ice)}
.vacuum-label{margin:0;font:9px/1.25 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.vacuum-hero{position:relative;min-height:800px;padding:122px 7% 70px 38px;overflow:hidden;isolation:isolate;background:var(--vacuum)}
.vacuum-hero>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.58) contrast(1.14) brightness(.54)}
.vacuum-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(6,16,21,.96) 0%,rgba(6,16,21,.72) 43%,rgba(6,16,21,.15) 78%),linear-gradient(0deg,rgba(6,16,21,.95),transparent 50%)}
.vacuum-hero:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:90px;background:var(--vacuum);clip-path:polygon(0 76%,17% 25%,39% 66%,58% 12%,77% 60%,100% 18%,100% 100%,0 100%)}
.vacuum-hero__noise{position:absolute;z-index:-1;inset:0;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(114,224,228,.18) 4px)}
.vacuum-hero__copy{position:relative;z-index:2;max-width:830px;margin-top:125px}
.vacuum-kicker{display:flex;align-items:center;gap:18px;margin:0;font:9px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#9fb1b4}.vacuum-kicker b{padding:8px 11px;border:1px solid var(--signal);color:var(--signal);font-weight:400;transform:rotate(-1deg)}
.vacuum-hero h2{margin:26px 0 34px;font-size:clamp(92px,10.5vw,178px);font-weight:650;line-height:.66;letter-spacing:-.1em;text-transform:uppercase}.vacuum-hero h2 span{color:transparent;-webkit-text-stroke:1.5px var(--cyan);text-shadow:0 0 28px rgba(114,224,228,.18)}
.vacuum-hero__copy>p:last-child{max-width:620px;margin:0;font-size:clamp(17px,1.45vw,24px);line-height:1.4;color:#cad7d8}
.vacuum-hero__telemetry{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,180px);gap:1px;max-width:620px;margin-top:54px}.vacuum-hero__telemetry span{padding:13px 15px;border-top:1px solid rgba(114,224,228,.45);font:8px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#92a5a8}.vacuum-hero__telemetry b{margin-right:8px;color:var(--ice);font-size:15px;font-weight:400}
.vacuum-hero__code{position:absolute;right:3%;top:122px;margin:0;font:8px/1 var(--mono);letter-spacing:.14em;color:var(--cyan);writing-mode:vertical-rl}

.vacuum-screening{position:relative;padding:120px 7% 130px 38px;background:var(--vacuum);overflow:hidden}.vacuum-screening:before{content:"";position:absolute;right:-18%;top:80px;width:65%;aspect-ratio:1;border:1px solid rgba(114,224,228,.15);border-radius:50%;box-shadow:0 0 0 42px rgba(114,224,228,.025),0 0 0 84px rgba(114,224,228,.018)}
.vacuum-screening__head{position:relative;z-index:1;display:grid;grid-template-columns:160px minmax(330px,1.15fr) minmax(220px,.65fr);gap:32px;align-items:start}.vacuum-screening__head h3,.vacuum-premise h3,.vacuum-gallery__head h3,.vacuum-production__statement h3,.vacuum-challenge h3,.vacuum-footer h3{margin:0;font-size:clamp(52px,6vw,98px);font-weight:620;line-height:.82;letter-spacing:-.08em}.vacuum-screening__head h3 em,.vacuum-challenge h3 em{color:var(--cyan);font-style:normal}.vacuum-screening__head>p:last-child{margin:0;font-size:14px;line-height:1.52;color:#9fb0b2}
.vacuum-player{position:relative;z-index:2;margin:72px 0 0;padding:14px 14px 0;background:#020608;clip-path:polygon(0 4%,96% 0,100% 88%,92% 100%,3% 96%);filter:drop-shadow(0 22px 45px rgba(0,0,0,.45))}.vacuum-player:before{content:"CURRENT CUT / 02:23";position:absolute;z-index:2;left:28px;top:28px;padding:8px 10px;background:var(--signal);color:#fff;font:8px/1 var(--mono);letter-spacing:.1em}.vacuum-player video{display:block;width:100%;aspect-ratio:1.7985;object-fit:cover;background:#020608;clip-path:polygon(0 2%,100% 0,99% 100%,1% 98%)}.vacuum-player figcaption{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:20px 16px 28px}.vacuum-player figcaption span{font:8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.vacuum-player figcaption b{max-width:680px;font-size:15px;line-height:1.35}

.vacuum-premise{position:relative;min-height:700px;padding:138px 8% 130px 38px;background:var(--ice);color:var(--vacuum);overflow:hidden;clip-path:polygon(0 4%,28% 0,55% 3%,76% 0,100% 2%,100% 97%,71% 100%,45% 97%,18% 100%,0 97%)}.vacuum-premise .vacuum-label{color:#3c777a}.vacuum-premise h3{position:relative;z-index:2;max-width:820px;margin-top:24px}.vacuum-premise__copy{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:46px;max-width:820px;margin-top:64px}.vacuum-premise__copy p{margin:0;font-size:15px;line-height:1.55;color:#294044}.vacuum-moon{position:absolute;right:-10%;top:44px;width:58%;aspect-ratio:1;border:1px solid rgba(6,16,21,.25);border-radius:50%;background:radial-gradient(circle at 42% 40%,rgba(255,255,255,.7),rgba(114,224,228,.18) 47%,rgba(6,16,21,.05) 69%,transparent 70%);box-shadow:inset -45px -20px 80px rgba(6,16,21,.18)}.vacuum-moon:before,.vacuum-moon:after,.vacuum-moon i{content:"";position:absolute;border:1px solid rgba(6,16,21,.14);border-radius:50%}.vacuum-moon:before{inset:11%}.vacuum-moon:after{inset:28%}.vacuum-moon i{inset:44%}.vacuum-moon span{position:absolute;left:14%;bottom:15%;font:12px/1 var(--mono);letter-spacing:.18em;color:#3c777a}
.vacuum-scale{display:grid;grid-template-columns:repeat(3,1fr);background:var(--signal);color:#fff}.vacuum-scale>div{min-height:240px;padding:32px 28px;border-right:1px solid rgba(255,255,255,.42)}.vacuum-scale>div:last-child{border-right:0}.vacuum-scale span{display:block;font:8px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#ffd1cb}.vacuum-scale strong{display:block;margin:42px 0 12px;font-size:clamp(30px,3.2vw,54px);line-height:.9;letter-spacing:-.065em}.vacuum-scale p{max-width:220px;margin:0;font-size:12px;line-height:1.4}

.vacuum-gallery{padding:132px 7% 130px 38px;background:var(--vacuum);color:var(--ice)}.vacuum-gallery__head{display:grid;grid-template-columns:160px minmax(330px,1.1fr) minmax(230px,.7fr);gap:32px;align-items:start}.vacuum-gallery__head>p:last-child{margin:0;font-size:14px;line-height:1.5;color:#91a2a4}.vacuum-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:330px;gap:12px;margin-top:76px}.vacuum-frame-grid figure{position:relative;margin:0;overflow:hidden;background:#020608;clip-path:polygon(1% 0,100% 3%,98% 94%,88% 100%,0 97%,2% 10%)}.vacuum-frame-grid figure:nth-child(even){clip-path:polygon(0 4%,96% 0,100% 89%,92% 100%,2% 96%)}.vacuum-frame-grid figure.is-wide{grid-column:1/-1}.vacuum-frame-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .45s}.vacuum-frame-grid figure:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.08)}.vacuum-frame-grid figcaption{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:34px 22px 18px;background:linear-gradient(transparent,rgba(2,6,8,.92));color:#fff}.vacuum-frame-grid figcaption span{grid-column:1/-1;font:8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--cyan)}.vacuum-frame-grid figcaption b{font-size:15px}.vacuum-frame-grid figcaption i{font:9px/1 var(--mono);font-style:normal;color:#9db1b3}

.vacuum-production{display:grid;grid-template-columns:minmax(310px,.88fr) minmax(360px,1.12fr);gap:78px;padding:132px 7% 142px 38px;background:var(--ice);color:var(--vacuum);clip-path:polygon(0 2%,30% 0,62% 3%,100% 0,100% 98%,72% 100%,44% 97%,0 100%)}.vacuum-production .vacuum-label{color:#3c777a}.vacuum-production__statement{position:sticky;top:104px;align-self:start}.vacuum-production__statement h3{margin-top:24px}.vacuum-production__statement h3 span{color:transparent;-webkit-text-stroke:1.15px var(--vacuum)}.vacuum-production__statement>p:last-child{max-width:560px;margin:34px 0 0;font-size:15px;line-height:1.52;color:#294044}.vacuum-production__track{margin:0;padding:0;list-style:none;border-top:1px solid var(--vacuum)}.vacuum-production__track li{position:relative;display:grid;grid-template-columns:56px 1fr;gap:20px;min-height:158px;padding:24px 0;border-bottom:1px solid var(--vacuum)}.vacuum-production__track li:after{content:"";position:absolute;right:0;top:0;width:72px;height:5px;background:var(--cyan);transform-origin:right;transform:scaleX(.2);transition:transform .35s}.vacuum-production__track li:hover:after{transform:scaleX(1)}.vacuum-production__track li>span{font:11px/1 var(--mono);color:#3c777a}.vacuum-production__track b{font-size:20px;letter-spacing:-.025em}.vacuum-production__track p{max-width:520px;margin:10px 0 0;font-size:13px;line-height:1.5;color:#3a5154}

.vacuum-challenge{position:relative;padding:142px 7% 150px 38px;background:var(--vacuum-2);overflow:hidden}.vacuum-challenge:before{content:"";position:absolute;right:-8%;bottom:-34%;width:62%;aspect-ratio:1;border:1px solid rgba(114,224,228,.22);border-radius:50%;box-shadow:0 0 0 42px rgba(114,224,228,.025),0 0 0 84px rgba(114,224,228,.016)}.vacuum-challenge h3{position:relative;z-index:1;max-width:950px;margin-top:25px}.vacuum-challenge__matrix{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:76px;border-top:1px solid rgba(217,230,231,.35);border-left:1px solid rgba(217,230,231,.35)}.vacuum-challenge__matrix span{display:flex;align-items:flex-end;min-height:112px;padding:16px;border-right:1px solid rgba(217,230,231,.35);border-bottom:1px solid rgba(217,230,231,.35);font:9px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase}.vacuum-challenge__matrix span:nth-child(3n+1){color:var(--cyan)}.vacuum-challenge__note{position:relative;z-index:1;max-width:730px;margin:58px 0 0;font-size:22px;line-height:1.38;color:#b5c5c7}
.vacuum-footer{position:relative;min-height:650px;padding:130px 9% 110px 38px;overflow:hidden;background:#020608}.vacuum-footer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.45) brightness(.34) contrast(1.16)}.vacuum-footer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,8,.95),rgba(2,6,8,.55) 60%,rgba(2,6,8,.15))}.vacuum-footer>div{position:relative;z-index:1;max-width:760px}.vacuum-footer p{margin:0 0 26px;font:9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}.vacuum-footer h3{font-size:clamp(62px,7.2vw,120px)}.vacuum-footer button{display:flex;align-items:center;justify-content:space-between;width:270px;margin-top:42px;padding:18px 22px;border:1px solid var(--cyan);background:rgba(6,16,21,.72);color:var(--ice);font-size:12px;font-weight:700;clip-path:polygon(0 12%,93% 0,100% 72%,84% 100%,6% 88%)}.vacuum-footer button:hover{background:var(--cyan);color:var(--vacuum)}.vacuum-footer button i{font-style:normal;font-size:18px;color:var(--signal)}

.vacuum-footer small{display:block;max-width:560px;margin-top:34px;font-size:16px;line-height:1.5;color:#b5c5c7}.vacuum-footer small+button{margin-top:28px}

.video-media.is-fashion-film-preview:before{display:none}
.video-media.is-fashion-film-preview{background:#171719;box-shadow:0 24px 55px rgba(20,20,17,.25)}
.video-media.is-fashion-film-preview>.media-base-image,.video-media.is-fashion-film-preview>.media-caption{opacity:0;pointer-events:none}
.fashion-film-preview{position:absolute;z-index:3;inset:0;display:none;overflow:hidden;background:#171719;color:#f4f0e7;text-align:left;pointer-events:none;isolation:isolate}
.video-media.is-fashion-film-preview .fashion-film-preview{display:block}
.fashion-film-preview:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(115deg,#171719 0 60%,#d8ff45 60% 100%)}
.fashion-film-preview__copy{position:absolute;z-index:3;left:5%;top:10%;width:48%;height:70%;display:flex;flex-direction:column}
.fashion-film-preview__copy small{font:7px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#d8ff45}
.fashion-film-preview__copy strong{margin-top:10%;font-size:clamp(42px,4.3vw,72px);font-weight:650;line-height:.72;letter-spacing:-.075em;text-transform:uppercase;transition:transform .55s var(--ease-director)}
.fashion-film-preview__copy strong>span,.fashion-film-preview__copy strong>i{display:block;width:max-content;max-width:100%}
.fashion-film-preview__copy strong>span{font-size:.72em;line-height:1.05;letter-spacing:-.035em}
.fashion-film-preview__copy strong i{color:transparent;font-style:normal;-webkit-text-stroke:1px #f4f0e7}
.fashion-film-preview__copy>span{max-width:320px;margin-top:auto;font-size:11px;line-height:1.35;color:#bbb6ac}
.fashion-film-preview__frames{position:absolute;z-index:2;right:1.5%;top:5%;width:40%;height:79%}
.fashion-film-preview__frames img{position:absolute;width:51%!important;height:88%!important;padding:0!important;object-fit:cover!important;clip-path:polygon(4% 0,100% 5%,94% 100%,0 94%)!important;filter:none!important;transition:transform .6s var(--ease-director)!important}
.fashion-film-preview__frames img:first-child{left:0;top:6%;transform:rotate(-5deg)}
.fashion-film-preview__frames img:last-child{right:0;top:0;transform:rotate(4deg);box-shadow:-12px 15px 28px rgba(0,0,0,.25)}
.fashion-film-preview__open{position:absolute;z-index:4;left:0;right:0;bottom:0;height:16%;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#f4f0e7;color:#171719;font:9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.fashion-film-preview__open i{display:grid;place-items:center;width:44px;height:44px;background:#d8ff45;font-style:normal;font-size:18px;clip-path:polygon(0 8%,90% 0,100% 74%,82% 100%,5% 92%);transition:transform .35s var(--ease-director)}
.video-media.is-fashion-film-preview:hover .fashion-film-preview__copy strong{transform:translateX(8px)}
.video-media.is-fashion-film-preview:hover .fashion-film-preview__frames img:first-child{transform:translate(-6px,-5px) rotate(-7deg)}
.video-media.is-fashion-film-preview:hover .fashion-film-preview__frames img:last-child{transform:translate(7px,-7px) rotate(6deg)}
.video-media.is-fashion-film-preview:hover .fashion-film-preview__open i{transform:translate(5px,-4px) rotate(4deg)}
.video-media.is-fashion-film-preview.is-changing .fashion-film-preview{opacity:.12;clip-path:inset(0 0 0 82%)}

.case-drawer.is-fashion-film{width:min(1320px,72vw);background:#f2efe7;color:#171719;scrollbar-color:#d8ff45 transparent;clip-path:polygon(0 0,96% 0,100% 7%,98% 25%,100% 48%,97% 71%,99% 100%,0 100%)}
.case-drawer.is-fashion-film:before{width:min(1320px,72vw);background:#d8ff45;box-shadow:0 0 18px rgba(216,255,69,.45)}
.case-drawer.is-fashion-film::backdrop{background:rgba(12,12,12,.42);backdrop-filter:grayscale(.75) blur(4px)}
.case-drawer.is-fashion-film .drawer-topbar{background:linear-gradient(180deg,#171719 72%,rgba(23,23,25,0))}
.case-drawer.is-fashion-film .drawer-topbar>p b,.case-drawer.is-fashion-film .drawer-close span{color:#d8ff45}
.case-drawer.is-fashion-film .drawer-close{background:#171719;border-color:rgba(244,240,231,.56)}
.fashion-film-case[hidden]{display:none}
.fashion-film-case{--ff-ink:#171719;--ff-paper:#f2efe7;--ff-acid:#d8ff45;--ff-muted:#77746d;position:relative;margin-top:-74px;overflow:hidden;background:var(--ff-paper);color:var(--ff-ink)}
.fashion-film-label{margin:0;font:9px/1.2 var(--mono);letter-spacing:.15em;text-transform:uppercase}
.fashion-film-hero{position:relative;min-height:920px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:7%;padding:132px 7% 110px 38px;overflow:hidden;background:var(--ff-paper)}
.fashion-film-hero:before{content:"";position:absolute;right:0;top:0;width:44%;height:100%;background:var(--ff-acid);clip-path:polygon(16% 0,100% 0,100% 100%,0 100%,12% 60%,3% 28%)}
.fashion-film-hero__copy{position:relative;z-index:2;align-self:center;padding-bottom:82px}
.fashion-film-hero__copy>.fashion-film-label{color:#706e68}
.fashion-film-hero h2{margin:28px 0 36px;font-size:clamp(76px,8.3vw,138px);font-weight:670;line-height:.67;letter-spacing:-.095em;text-transform:uppercase}
.fashion-film-hero h2 span{display:block}.fashion-film-hero h2 span:last-child{padding-left:.15em;color:transparent;-webkit-text-stroke:1.5px var(--ff-ink)}
.fashion-film-hero__copy>p:not(.fashion-film-label){max-width:600px;margin:0;font-size:clamp(18px,1.45vw,24px);line-height:1.42;color:#4f4d48}
.fashion-film-hero__facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:630px;margin-top:58px;border-top:1px solid var(--ff-ink)}
.fashion-film-hero__facts span{padding:16px 16px 10px 0}.fashion-film-hero__facts b{display:block;font-size:21px;letter-spacing:-.04em}.fashion-film-hero__facts small{display:block;margin-top:6px;font:7px/1.25 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ff-muted)}
.fashion-film-hero__portrait{position:relative;z-index:2;align-self:center;margin:0;min-height:650px;transform:rotate(2deg);filter:drop-shadow(0 22px 34px rgba(0,0,0,.22));transition:transform .65s var(--ease-director)}
.fashion-film-hero__portrait:hover{transform:rotate(-1deg) translateY(-8px)}
.fashion-film-hero__portrait img{display:block;width:100%;height:650px;object-fit:cover;clip-path:polygon(3% 0,100% 4%,96% 91%,80% 100%,0 96%,2% 13%)}
.fashion-film-hero__portrait figcaption{position:absolute;left:-8%;right:6%;bottom:4%;display:flex;justify-content:space-between;padding:14px 16px;background:var(--ff-ink);color:var(--ff-paper);font:8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;transform:rotate(-2deg)}
.fashion-film-hero__portrait figcaption b{color:var(--ff-acid);font-weight:400}
.fashion-film-hero__code{position:absolute;right:2%;top:112px;margin:0;font:8px/1 var(--mono);letter-spacing:.14em;writing-mode:vertical-rl}
.fashion-film-ticker{position:absolute;z-index:4;left:-3%;right:-3%;bottom:20px;overflow:hidden;padding:14px 0;background:var(--ff-ink);color:var(--ff-acid);transform:rotate(-1.7deg)}
.fashion-film-ticker span{display:block;width:max-content;font:10px/1 var(--mono);letter-spacing:.14em;animation:fashionTicker 22s linear infinite}
@keyframes fashionTicker{to{transform:translateX(-45%)}}

.fashion-film-purpose{position:relative;padding:130px 7% 150px 38px;background:var(--ff-ink);color:var(--ff-paper);overflow:hidden}
.fashion-film-purpose:after{content:"02";position:absolute;right:-1%;top:4%;font-size:240px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(216,255,69,.18)}
.fashion-film-purpose>.fashion-film-label{color:var(--ff-acid)}
.fashion-film-purpose h3,.fashion-film-watch h3,.fashion-film-route h3,.fashion-film-production h3,.fashion-film-value h3,.fashion-film-footer h3{margin:28px 0 0;font-size:clamp(58px,6.7vw,108px);font-weight:650;line-height:.82;letter-spacing:-.08em}
.fashion-film-purpose h3 em,.fashion-film-watch h3 em,.fashion-film-route h3 em,.fashion-film-production h3 em,.fashion-film-value h3 em{color:var(--ff-acid);font-style:normal}
.fashion-film-purpose__copy{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:900px;margin:60px 0 0 auto}.fashion-film-purpose__copy p{margin:0;font-size:15px;line-height:1.55;color:#c9c5bb}
.fashion-film-purpose__duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:82px}.fashion-film-purpose__duo figure{position:relative;height:620px;margin:0;overflow:hidden;clip-path:polygon(2% 0,100% 4%,96% 100%,0 94%)}.fashion-film-purpose__duo figure:nth-child(2){transform:translateY(62px) rotate(2deg)}.fashion-film-purpose__duo img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-director)}.fashion-film-purpose__duo figure:hover img{transform:scale(1.035)}.fashion-film-purpose__duo figcaption{position:absolute;left:0;right:0;bottom:0;padding:56px 24px 22px;background:linear-gradient(transparent,rgba(23,23,25,.92))}.fashion-film-purpose__duo figcaption span{display:block;font:8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ff-acid)}.fashion-film-purpose__duo figcaption b{display:block;margin-top:8px;font-size:21px}

.fashion-film-watch{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(300px,.7fr);gap:8%;padding:140px 7% 150px 38px;background:var(--ff-acid);color:var(--ff-ink)}
.fashion-film-watch__head{align-self:center}.fashion-film-watch__head>p:last-child{max-width:560px;margin:38px 0 0;font-size:16px;line-height:1.5}
.fashion-film-watch h3 em{color:transparent;-webkit-text-stroke:1.25px var(--ff-ink)}
.fashion-film-player{position:relative;margin:0;padding:15px 15px 0;background:var(--ff-ink);clip-path:polygon(2% 0,100% 3%,96% 94%,82% 100%,0 96%,2% 12%);filter:drop-shadow(0 26px 36px rgba(0,0,0,.22));transform:rotate(1.2deg)}
.fashion-film-player video{display:block;width:100%;max-height:720px;aspect-ratio:9/16;object-fit:contain;background:#000}
.fashion-film-player figcaption{padding:18px 10px 28px;color:var(--ff-paper)}.fashion-film-player figcaption span{display:block;font:8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ff-acid)}.fashion-film-player figcaption b{display:block;margin-top:8px;font-size:13px;line-height:1.35}

.fashion-film-route{padding:136px 7% 150px 38px;background:var(--ff-paper)}
.fashion-film-route__head{display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:start}.fashion-film-route__head h3{margin-top:0}.fashion-film-route h3 em{color:transparent;-webkit-text-stroke:1.2px var(--ff-ink)}
.fashion-film-route__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:92px 0 0;padding:0;list-style:none}.fashion-film-route__steps li{display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:start}.fashion-film-route__steps figure{grid-column:1/-1;height:520px;margin:0 0 24px;overflow:hidden;clip-path:polygon(0 4%,94% 0,100% 91%,85% 100%,4% 95%)}.fashion-film-route__steps img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease-director)}.fashion-film-route__steps li:hover img{transform:scale(1.04)}.fashion-film-route__steps li:nth-child(2){transform:translateY(44px)}.fashion-film-route__steps li>span{display:grid;place-items:center;width:38px;height:38px;background:var(--ff-acid);font:10px/1 var(--mono);clip-path:polygon(0 10%,88% 0,100% 74%,78% 100%,5% 91%)}.fashion-film-route__steps b{font-size:20px;letter-spacing:-.025em}.fashion-film-route__steps p{margin:10px 0 0;font-size:13px;line-height:1.5;color:#625f58}

.fashion-film-production{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(360px,1.15fr);gap:78px;padding:138px 7% 148px 38px;background:#dedbd2;color:var(--ff-ink);clip-path:polygon(0 3%,31% 0,58% 4%,79% 0,100% 2%,100% 97%,70% 100%,42% 97%,0 100%)}
.fashion-film-production>div{position:sticky;top:104px;align-self:start}.fashion-film-production h3 em{color:transparent;-webkit-text-stroke:1.15px var(--ff-ink)}.fashion-film-production>ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--ff-ink)}.fashion-film-production>ol li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:28px 0;border-bottom:1px solid var(--ff-ink)}.fashion-film-production>ol li>span{font:10px/1 var(--mono)}.fashion-film-production>ol b{font-size:20px}.fashion-film-production>ol p{grid-column:2;margin:10px 0 0;font-size:13px;line-height:1.48;color:#59564f}

.fashion-film-value{position:relative;padding:140px 7% 150px 38px;background:var(--ff-ink);color:var(--ff-paper);overflow:hidden}.fashion-film-value:before{content:"";position:absolute;right:-12%;top:-18%;width:55%;aspect-ratio:1;border:1px solid rgba(216,255,69,.26);border-radius:50%;box-shadow:0 0 0 52px rgba(216,255,69,.025),0 0 0 104px rgba(216,255,69,.016)}.fashion-film-value>.fashion-film-label{color:var(--ff-acid)}.fashion-film-value h3{position:relative;z-index:1}.fashion-film-value__lines{position:relative;z-index:1;max-width:920px;margin:84px 0 0 auto;border-top:1px solid rgba(242,239,231,.42)}.fashion-film-value__lines span{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid rgba(242,239,231,.42)}.fashion-film-value__lines b{font:10px/1 var(--mono);color:var(--ff-acid)}.fashion-film-value__lines strong{font-size:clamp(22px,2.2vw,36px);font-weight:520;letter-spacing:-.035em}

.fashion-film-footer{position:relative;min-height:700px;padding:130px 9% 110px 38px;overflow:hidden;background:#111}.fashion-film-footer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.8) brightness(.42) contrast(1.08)}.fashion-film-footer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,17,.96),rgba(17,17,17,.58) 63%,rgba(17,17,17,.14))}.fashion-film-footer>div{position:relative;z-index:1;max-width:830px;color:var(--ff-paper)}.fashion-film-footer>div>p{margin:0;font:9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ff-acid)}.fashion-film-footer small{display:block;max-width:590px;margin-top:34px;font-size:16px;line-height:1.5;color:#c8c4ba}.fashion-film-footer button{display:flex;align-items:center;justify-content:space-between;width:270px;margin-top:28px;padding:18px 22px;border:0;background:var(--ff-acid);color:var(--ff-ink);font-size:12px;font-weight:700;clip-path:polygon(0 12%,93% 0,100% 72%,84% 100%,6% 88%)}.fashion-film-footer button i{font-style:normal;font-size:18px}

.toast{position:fixed;z-index:80;left:50%;bottom:108px;max-width:calc(100vw - 36px);padding:13px 20px;border-radius:50%;background:var(--ink);color:var(--milk);font-size:12px;opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:.24s var(--ease-director)}
.toast.is-visible{opacity:1;transform:translate(-50%,0)}

@media(max-width:980px){
  .scene-copy h1{font-size:clamp(58px,7vw,78px)}
  .scene-copy h2{font-size:clamp(42px,5vw,60px)}
  .side-left{width:46%}.side-right{width:40%}
  .products-copy{width:62vw}
  .products-copy h2{width:36vw}
  .project-composition{grid-template-columns:minmax(210px,31%) minmax(400px,1fr);gap:22px}
  .direction-copy{width:67vw}
  .direction-composition{grid-template-columns:minmax(190px,29%) minmax(390px,1fr);gap:20px}
  .automation-copy{width:54vw}
  .possibility-copy{width:71vw}
  .orbit-stage{left:-24px;width:510px}
  .task-ticket{width:390px}
  .fashion-film-hero{grid-template-columns:1fr minmax(260px,.72fr);gap:34px}.fashion-film-hero h2{font-size:clamp(66px,8vw,90px)}
  .fashion-film-route__steps figure{height:430px}.fashion-film-purpose__duo figure{height:520px}
}

@media(max-width:700px){
  :root{--safe-side:18px;--console-h:54px}
  .stage{height:100svh;min-height:0}
  .stage-header{height:57px;background:linear-gradient(to bottom,var(--milk) 72%,transparent)}
  .brand{top:10px;font-size:10px}.brand-mark{width:32px;height:32px;font-size:9px}
  .chapter-index{top:22px;left:auto;right:18px;transform:none}
  .stage-coordinate{display:none}
  .frame-stack{top:52px;bottom:auto;height:43svh;overflow:hidden}
  .frame,.stage-video{height:43svh;object-fit:cover;object-position:50% 40%;transform:translate3d(var(--frame-x,0),var(--frame-y,0),0) scale(var(--frame-scale,1.03))}
  .stage[data-scene="1"] .frame{object-position:64% 40%}
  .stage[data-scene="2"] .frame{object-position:64% 40%}
  .stage[data-scene="3"] .frame{object-position:34% 40%}
  .stage[data-scene="4"] .frame,.stage[data-scene="5"] .frame,.stage[data-scene="6"] .frame{object-position:37% 40%}
  .stage-material{background-size:25vw 10vh}
  .director-line{z-index:4}
  .scene-copy,.side-left,.side-right,.hero-copy,.products-copy,.case-focus,.stories-copy,.direction-copy,.automation-copy,.possibility-copy,.process-copy,.final-copy{left:18px;right:30px;width:auto;max-height:calc(100svh - 34svh - 76px);padding-top:16px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
  .hero-copy{top:48svh;max-height:calc(52svh - 76px)}
  .products-copy,.direction-copy,.automation-copy{top:29svh;max-height:calc(71svh - 76px)}
  .possibility-copy{top:33svh;max-height:calc(67svh - 70px);overflow:hidden}
  .case-focus,.stories-copy,.process-copy,.final-copy{top:40svh;max-height:calc(60svh - 76px)}
  .scene-copy::-webkit-scrollbar{display:none}
  .scene-label{margin-bottom:10px;font-size:8px}
  .scene-copy h1,.scene-copy h2,.products-copy h2,.stories-copy h2,.case-focus h2,.direction-copy h2,.automation-copy h2,.possibility-copy h2,.final-copy h2{font-size:clamp(36px,10.5vw,46px);line-height:.84;letter-spacing:-.065em}
  .hero-copy h1{font-size:clamp(43px,12.2vw,50px);line-height:.82}
  .scene-lead{margin-top:13px;max-width:330px;font-size:13px;line-height:1.38}
  .direction-lead{margin-top:10px;max-width:336px;font-size:11px;line-height:1.3}
  .orbit-cta{width:205px;height:66px;margin-top:14px;font-size:11px}
  .project-composition,.story-composition,.direction-composition,.automation-composition{margin-top:11px;display:flex;flex-direction:column;gap:9px}
  .route-media,.story-media,.direction-media,.automation-copy .direction-media{order:-1;width:100%;height:clamp(210px,28svh,270px);transform:none}
  .automation-composition .direction-route{width:100%;display:flex;flex-direction:column;gap:0}
  .automation-composition .direction-route button{display:grid;grid-template-columns:24px 1fr;min-height:35px;padding:3px 0;border-top:0}
  .automation-composition .direction-route button:first-child{border-top:1px solid var(--hairline)}
  .automation-composition .direction-route button small{margin:0}
  .story-route{width:100%;display:grid;grid-template-columns:1fr;gap:0}
  .project-route button{min-height:35px;grid-template-columns:24px 1fr}
  .project-route button span{font-size:16px;letter-spacing:-.035em}
  .project-route button small{font-size:7px}
  .project-route button:after{left:24px}
  .gesture-media img{padding:7px}
  .video-media.is-karina-preview{height:280px}
  .karina-preview__copy{left:7%;top:10%;width:58%;height:72%}.karina-preview__copy>small{font-size:6px;max-width:170px}.karina-preview__copy>strong{margin-top:20px;font-size:clamp(34px,11vw,52px)}.karina-preview__outline{transform:translateX(4%)}.karina-preview__proof b{font-size:14px}.karina-preview__proof i{font-size:6px}.karina-preview__frames{right:2%;width:39%;height:76%}.karina-preview__frame--back,.karina-preview__frame--middle{display:none}.karina-preview__frame--front{width:100%;height:92%}.karina-preview__episode{font-size:6px;padding:6px}.karina-preview__open{height:17%;font-size:8px}.karina-preview__open i{width:34px;height:34px;font-size:14px}
  .video-media.is-vacuum-preview{height:280px}.vacuum-preview__head{top:7%}.vacuum-preview__head small{max-width:150px;font-size:5.5px}.vacuum-preview__head b{padding:5px 6px;font-size:5.5px}.vacuum-preview__portrait{right:-6%;top:13%;width:42%;height:65%}.vacuum-preview__title{left:5%;top:25%;font-size:clamp(38px,12vw,55px)}.vacuum-preview__facts{left:5%;right:5%;bottom:18%;grid-template-columns:1fr 1fr}.vacuum-preview__facts>span{min-height:42px;padding:7px 8px}.vacuum-preview__facts>span:nth-child(3){display:none}.vacuum-preview__facts b{font-size:12px}.vacuum-preview__facts small{font-size:5px}.vacuum-preview__open{height:17%;font-size:7px}.vacuum-preview__open i{width:34px;height:34px;font-size:14px}.vacuum-preview__code{display:none}
  .media-caption{left:9px;right:9px;bottom:9px;font-size:7px}
  .media-caption b,.media-caption i{padding:6px 7px}
  .focus-media{width:100%;height:clamp(230px,31svh,300px)}
  .case-focus h2{margin-top:11px}
  .process-route{margin-top:15px;padding-left:5px}
  .process-route:before{left:20px}
  .process-route li{grid-template-columns:31px 1fr;gap:12px;min-height:62px}
  .process-node{width:30px;height:30px;font-size:8px}
  .process-route b{font-size:16px}.process-route p{font-size:11px;line-height:1.28}
  .possibility-copy h2{max-width:350px;font-size:33px}
  .possibility-lead{max-width:340px;margin-top:7px;font-size:10px;line-height:1.2}
  .possibility-orbit{height:368px;margin-top:5px}
  .orbit-stage{left:0;top:0;width:100%;height:143px;aspect-ratio:auto;transform:none}
  .orbit-machine{left:4px;top:1px;width:142px;height:142px}
  .orbit-stage:focus-visible{outline-offset:0;border-radius:0}
  .orbit-sectors{left:4px;top:1px;width:142px;height:142px}
  .orbit-sector small{display:none}.orbit-sector span{font-size:7px;line-height:.92}
  .orbit-sector--product{left:77px;top:0}.orbit-sector--automation{right:-10px;top:50px}.orbit-sector--neuro{left:75px;bottom:0}.orbit-sector--video{left:-5px;top:68px}
  .orbit-task-window{left:164px;right:0;top:7px;height:100px}
  .orbit-task{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:start;width:100%;min-height:29px;padding:4px 0;border-top:1px solid var(--hairline);text-align:left!important;transform:none!important}
  .orbit-task small{margin:0;padding-top:1px;font-size:6px}.orbit-task span{max-width:none;font-size:8px;line-height:1.08}
  .orbit-task--active{color:var(--ink)}.orbit-task--active b{font-size:11px;line-height:.95}.orbit-task--active small{color:var(--orange)}
  .orbit-controls{left:211px;bottom:3px;gap:8px;transform:none}
  .orbit-controls button{width:28px;height:28px;font-size:13px}.orbit-controls span{min-width:41px;font-size:7px}
  .task-ticket{left:0;right:0;top:148px;width:100%;height:216px;transform:none}
  .task-ticket__inner{padding:14px 18px;clip-path:polygon(0 8%,94% 0,100% 22%,97% 88%,86% 100%,5% 95%,0 67%)}
  .task-ticket header{font-size:6px}.task-ticket>div>strong{right:17px;top:20px;font-size:62px}
  .task-ticket__copy{left:18px;right:22px;top:28%}.task-ticket__copy small{font-size:6px}.task-ticket__copy h3{max-width:270px;margin-top:5px;font-size:19px;line-height:.92}.task-ticket__copy p{max-width:300px;margin-top:8px;font-size:8.5px;line-height:1.22}
  .task-ticket footer{left:18px;right:24px;bottom:13px;gap:12px}.task-ticket footer button{padding:4px 0;font-size:7.5px}
  .chapter-name{left:18px;bottom:15px;max-width:94px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px}
  .scroll-cue{display:none}
  .director-console{bottom:11px}
  .mode-switch{width:166px;height:54px;padding:6px 9px;border-radius:37% 63% 55% 45%/52% 44% 56% 48%}
  .mode-switch>i{left:6px;top:6px;width:73px;height:42px}
  .mode-switch.is-listen>i{--switch-x:78px}
  .mode-switch button{font-size:9px}
  .mode-switch:after{top:22px}
  .sound-orbit{width:48px;height:48px;margin-left:13px}
  .sound-orbit b{font-size:6px}.sound-orbit span{width:6px;height:6px}
  .sound-orbit span{box-shadow:-8px 0 0 -2px var(--graphite),8px 0 0 -2px var(--graphite)}
  .case-drawer,.case-drawer[data-side=right]{inset:auto 0 0;width:100%;height:64svh;max-height:64svh;clip-path:polygon(0 5%,86% 0,100% 10%,100% 100%,0 100%)}
  .case-drawer:before{top:auto;bottom:64svh;width:100%}
  .case-drawer.is-karina,.case-drawer.is-karina[data-side=right],.case-drawer.is-vacuum,.case-drawer.is-vacuum[data-side=right],.case-drawer.is-fashion-film,.case-drawer.is-fashion-film[data-side=right]{width:100%;height:94svh;max-height:94svh;clip-path:polygon(0 2%,84% 0,100% 4%,100% 100%,0 100%)}
  .case-drawer.is-karina:before,.case-drawer.is-vacuum:before,.case-drawer.is-fashion-film:before{bottom:94svh;width:100%}
  .drawer-topbar{height:64px;padding:0 18px}.drawer-close{margin:0}
  .drawer-media{padding:36px 20px 0}
  .drawer-media video{max-height:46svh}
  .drawer-copy{padding:18px 20px 32px}
  .drawer-copy h2{font-size:39px;margin:8px 0 22px}
  .drawer-copy dl div{padding:12px 0}.drawer-copy dd{font-size:13px}
  .karina-case{margin-top:-64px}
  .karina-hero{grid-template-columns:1fr;min-height:0;padding:100px 20px 64px}.karina-hero__copy{padding:0}.karina-hero__copy h2{font-size:clamp(66px,14vw,104px);margin:18px 0 24px}.karina-hero__lead{font-size:17px}.karina-hero__portrait{min-height:620px;margin-top:54px}.karina-hero__portrait figcaption{left:-2%;right:-2%}.karina-hero__stamp{right:20px;top:76px}
  .karina-breakthrough,.karina-retention,.karina-watch,.karina-method,.karina-integration,.karina-case-footer{padding-left:20px;padding-right:20px}
  .case-section-head,.retention-title-wrap,.method-statement{grid-template-columns:1fr;gap:20px}.case-section-head h3,.retention-title-wrap h3,.method-statement h3,.karina-integration h3{font-size:clamp(48px,10vw,72px)}
  .breakthrough-run{grid-template-columns:1fr 1fr}.breakthrough-run li:nth-child(2){border-right:0}.breakthrough-run li:nth-child(-n+2){border-bottom:1px solid var(--ink)}.breakthrough-run li.is-peak{transform:translateY(-10px) rotate(1deg)}
  .retention-field{max-width:660px}.retention-proof{grid-template-columns:1fr 1fr}.retention-proof>div:last-child{grid-column:1/-1;border-top:1px solid var(--ink)}
  .shorts-ribbon{display:flex;gap:14px;overflow-x:auto;padding:24px 0 38px;scroll-snap-type:x mandatory}.short-card{flex:0 0 min(310px,76vw);scroll-snap-align:center}.short-card:nth-child(2){transform:translateY(-12px) rotate(1.5deg)}
  .method-track{grid-template-columns:1fr;margin-top:58px}.method-track:before{left:20px}.method-track li{padding-left:50px}.method-track li:nth-child(2n){transform:none}.method-track li>span{position:absolute;left:0}.ai-native-strip{margin-top:66px}.ai-native-strip b{text-align:left}
  .karina-integration{grid-template-columns:1fr;gap:54px}.karina-integration figure{max-width:480px;margin:auto}.karina-case-footer{min-height:420px}
  .vacuum-case{margin-top:-64px}
  .vacuum-hero{min-height:760px;padding:104px 20px 92px}.vacuum-hero__copy{margin-top:128px}.vacuum-hero h2{font-size:clamp(72px,19vw,118px)}.vacuum-hero__copy>p:last-child{font-size:16px}.vacuum-hero__telemetry{left:auto;right:auto;bottom:auto;margin-top:42px;grid-template-columns:repeat(3,1fr)}.vacuum-hero__telemetry span{padding:10px 6px;font-size:6px}.vacuum-hero__telemetry b{display:block;margin:0 0 4px;font-size:13px}.vacuum-hero__code{right:13px;top:90px}
  .vacuum-screening,.vacuum-gallery,.vacuum-challenge,.vacuum-footer{padding-left:20px;padding-right:20px}.vacuum-screening__head,.vacuum-gallery__head{grid-template-columns:1fr;gap:20px}.vacuum-screening__head h3,.vacuum-premise h3,.vacuum-gallery__head h3,.vacuum-production__statement h3,.vacuum-challenge h3,.vacuum-footer h3{font-size:clamp(46px,12vw,72px)}.vacuum-player{margin-top:48px;padding:8px 8px 0}.vacuum-player:before{left:16px;top:16px}.vacuum-player figcaption{grid-template-columns:1fr;gap:8px;padding:16px 10px 24px}
  .vacuum-premise{min-height:760px;padding:112px 20px 110px}.vacuum-moon{right:-42%;top:140px;width:105%}.vacuum-premise__copy{grid-template-columns:1fr;gap:22px;margin-top:44px}
  .vacuum-scale{grid-template-columns:1fr}.vacuum-scale>div{min-height:190px;border-right:0;border-bottom:1px solid rgba(255,255,255,.42)}.vacuum-scale strong{margin-top:32px}
  .vacuum-frame-grid{grid-template-columns:1fr;grid-auto-rows:260px}.vacuum-frame-grid figure.is-wide{grid-column:auto}.vacuum-frame-grid figure:nth-child(4){grid-row:span 2}.vacuum-gallery__head>p:last-child{max-width:520px}
  .vacuum-production{grid-template-columns:1fr;gap:58px;padding:110px 20px 118px}.vacuum-production__statement{position:relative;top:auto}.vacuum-production__track li{min-height:145px}.vacuum-challenge__matrix{grid-template-columns:1fr 1fr}.vacuum-challenge__note{font-size:18px}.vacuum-footer{min-height:590px;padding-top:110px}.vacuum-footer button{width:245px}
  .video-media.is-fashion-film-preview{height:280px}.fashion-film-preview__copy{left:6%;top:9%;width:52%;height:72%}.fashion-film-preview__copy small{font-size:5.5px}.fashion-film-preview__copy strong{font-size:clamp(31px,10.5vw,48px)}.fashion-film-preview__copy strong>span{font-size:.8em}.fashion-film-preview__copy>span{max-width:190px;font-size:7px}.fashion-film-preview__frames{right:1%;top:7%;width:38%;height:76%}.fashion-film-preview__frames img:first-child{width:100%!important}.fashion-film-preview__frames img:last-child{display:none}.fashion-film-preview__open{height:17%;font-size:7px}.fashion-film-preview__open i{width:34px;height:34px;font-size:14px}
  .fashion-film-case{margin-top:-64px}.fashion-film-hero{display:grid;grid-template-columns:1fr;gap:46px;min-height:0;padding:112px 20px 92px}.fashion-film-hero:before{width:38%;opacity:.8}.fashion-film-hero__copy{padding-bottom:0}.fashion-film-hero h2{font-size:clamp(58px,15vw,88px)}.fashion-film-hero__copy>p:not(.fashion-film-label){font-size:16px}.fashion-film-hero__facts{grid-template-columns:repeat(3,1fr);margin-top:38px}.fashion-film-hero__facts b{font-size:15px}.fashion-film-hero__facts small{font-size:5.5px}.fashion-film-hero__portrait{min-height:520px;margin:0 8%}.fashion-film-hero__portrait img{height:520px}.fashion-film-hero__code{right:12px;top:86px}.fashion-film-ticker{bottom:14px}
  .fashion-film-purpose,.fashion-film-watch,.fashion-film-route,.fashion-film-production,.fashion-film-value,.fashion-film-footer{padding-left:20px;padding-right:20px}.fashion-film-purpose h3,.fashion-film-watch h3,.fashion-film-route h3,.fashion-film-production h3,.fashion-film-value h3,.fashion-film-footer h3{font-size:clamp(46px,12vw,70px)}.fashion-film-purpose__copy{grid-template-columns:1fr;gap:22px;margin-top:42px}.fashion-film-purpose__duo{display:flex;gap:14px;overflow-x:auto;margin-top:58px;padding-bottom:28px;scroll-snap-type:x mandatory}.fashion-film-purpose__duo figure{flex:0 0 78vw;height:470px;scroll-snap-align:center}.fashion-film-purpose__duo figure:nth-child(2){transform:none}
  .fashion-film-watch{grid-template-columns:1fr;gap:58px}.fashion-film-player{max-width:430px;margin:auto}.fashion-film-route__head{grid-template-columns:1fr;gap:22px}.fashion-film-route__steps{display:flex;gap:14px;overflow-x:auto;margin-top:58px;padding-bottom:34px;scroll-snap-type:x mandatory}.fashion-film-route__steps li{flex:0 0 78vw;scroll-snap-align:center}.fashion-film-route__steps li:nth-child(2){transform:none}.fashion-film-route__steps figure{height:430px}
  .fashion-film-production{grid-template-columns:1fr;gap:58px}.fashion-film-production>div{position:relative;top:auto}.fashion-film-value__lines{margin-top:58px}.fashion-film-value__lines span{grid-template-columns:44px 1fr}.fashion-film-footer{min-height:650px;padding-top:108px}.fashion-film-footer button{width:245px}
  .toast{bottom:82px;font-size:10px}
}

@media(max-width:390px){
  .hero-copy{top:48svh;max-height:calc(52svh - 76px)}
  .case-focus,.stories-copy,.process-copy,.final-copy{top:40svh;max-height:calc(60svh - 76px)}
  .products-copy,.direction-copy,.automation-copy{top:29svh;max-height:calc(71svh - 76px)}
  .frame-stack,.frame,.stage-video{height:41svh}
  .scene-copy h1,.scene-copy h2,.products-copy h2,.stories-copy h2,.case-focus h2,.direction-copy h2,.automation-copy h2,.possibility-copy h2,.final-copy h2{font-size:37px}
  .possibility-copy h2{font-size:33px}
  .hero-copy h1{font-size:46px}
  .karina-hero__portrait{min-height:500px}.karina-hero__copy h2{font-size:58px}.karina-hero__copy h2 .case-outline{padding-left:.12em}.breakthrough-run{grid-template-columns:1fr}.breakthrough-run li{border-right:0;border-bottom:1px solid var(--ink)}.breakthrough-run li.is-peak{transform:none}.retention-field{gap:10px}.retention-orbit:before{inset:8px}.retention-orbit strong{font-size:40px}.retention-orbit small{font-size:6px}.retention-proof{grid-template-columns:1fr}.retention-proof>div{border-right:0;border-bottom:1px solid var(--ink)}.retention-proof>div:last-child{grid-column:auto}.karina-case-footer>p{font-size:45px}.vacuum-kicker{align-items:flex-start;flex-direction:column;gap:10px}.vacuum-hero h2{font-size:66px}.vacuum-challenge__matrix{grid-template-columns:1fr}.vacuum-frame-grid{grid-auto-rows:220px}
}

/* SIMTEX / digital case */
.direction-media.is-simtex-preview:before{display:none}
.direction-media.is-simtex-preview{background:#142234;box-shadow:0 24px 58px rgba(21,45,78,.24)}
.direction-media.is-simtex-preview>.media-base-image,.direction-media.is-simtex-preview>.media-caption{opacity:0;pointer-events:none}
.simtex-preview{position:absolute;z-index:3;inset:0;display:none;overflow:hidden;background:linear-gradient(142deg,#f5f7fb 0 58%,#142234 58% 100%);color:#142234;text-align:left;pointer-events:none;isolation:isolate}
.direction-media.is-simtex-preview .simtex-preview{display:block}
.simtex-preview:before{content:"";position:absolute;z-index:-1;left:-12%;top:-30%;width:60%;aspect-ratio:1;border:1px solid rgba(52,116,203,.18);border-radius:50%;box-shadow:0 0 0 38px rgba(52,116,203,.035),0 0 0 78px rgba(52,116,203,.02)}
.simtex-preview__head{position:absolute;z-index:6;left:5%;right:5%;top:6%;display:flex;align-items:center;justify-content:space-between;font:7px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.simtex-preview__head b{font-size:10px;letter-spacing:-.02em}.simtex-preview__head i{padding:7px 10px;background:#3474cb;color:#fff;font-style:normal;clip-path:polygon(0 12%,94% 0,100% 82%,88% 100%,4% 91%)}
.simtex-preview__title{position:absolute;z-index:2;left:4%;top:22%;display:flex;flex-direction:column;font-size:clamp(62px,6.8vw,106px);font-weight:720;line-height:.62;letter-spacing:-.1em;transition:transform .62s var(--ease-director)}.simtex-preview__title strong:last-child{padding-left:.44em;color:#3474cb}
.simtex-preview__browser{position:absolute;z-index:4;right:3.5%;top:13%;width:58%;height:68%;overflow:hidden;background:#fff;box-shadow:0 22px 42px rgba(12,31,54,.22);clip-path:polygon(2% 0,100% 3%,97% 95%,88% 100%,0 96%,1% 12%);transform:rotate(1.3deg);transition:transform .62s var(--ease-director)}
.simtex-preview__bar{height:18%;display:flex;align-items:center;gap:5px;padding:0 4%;background:#142234;color:#fff}.simtex-preview__bar i{width:5px;height:5px;border-radius:50%;background:#3474cb}.simtex-preview__bar b{margin-left:8px;font:6px/1 var(--mono);font-weight:400;letter-spacing:.1em;text-transform:uppercase}
.simtex-preview__search{display:block;margin:4% 4% 2%;padding:7px 10px;border:1px solid #d8dee7;border-radius:18px;color:#7b8490;font:6px/1 var(--mono)}
.simtex-preview__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:62%;padding:0 4% 4%}.simtex-preview__grid img{width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;filter:none!important;transform:none!important;clip-path:none!important}.simtex-preview__grid img:nth-child(2){object-position:center}
.simtex-preview__cities{position:absolute;z-index:6;left:5%;bottom:18%;display:flex;gap:5px}.simtex-preview__cities b{padding:5px 7px;border:1px solid rgba(20,34,52,.45);background:rgba(245,247,251,.84);font:6px/1 var(--mono);font-weight:400;text-transform:uppercase}
.simtex-preview__open{position:absolute;z-index:7;left:0;right:0;bottom:0;height:16%;display:flex;align-items:center;justify-content:space-between;padding:0 7% 0 5%;border-top:1px solid rgba(255,255,255,.28);background:#142234;color:#fff;font:9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.simtex-preview__open i{display:grid;place-items:center;width:44px;height:44px;background:#3474cb;color:#fff;font-style:normal;font-size:18px;clip-path:polygon(0 9%,88% 0,100% 76%,78% 100%,5% 91%);transition:transform .45s var(--ease-director)}
.direction-media.is-simtex-preview:hover .simtex-preview__title{transform:translateX(-7px)}.direction-media.is-simtex-preview:hover .simtex-preview__browser{transform:translate(7px,-5px) rotate(2deg)}.direction-media.is-simtex-preview:hover .simtex-preview__open i{transform:translate(5px,-5px) rotate(5deg)}.direction-media.is-simtex-preview.is-changing .simtex-preview{opacity:.12;clip-path:inset(0 0 0 82%)}

.case-drawer.is-simtex{width:min(1320px,72vw);background:#f4f7fb;color:#142234;scrollbar-color:#3474cb transparent;clip-path:polygon(0 0,96% 0,100% 7%,98% 25%,100% 48%,97% 71%,99% 100%,0 100%)}
.case-drawer.is-simtex:before{width:min(1320px,72vw);background:#3474cb;box-shadow:0 0 18px rgba(52,116,203,.28)}
.case-drawer.is-simtex::backdrop{background:rgba(16,31,51,.38);backdrop-filter:grayscale(.4) blur(3px)}
.case-drawer.is-simtex .drawer-topbar{background:linear-gradient(180deg,#142234 72%,rgba(20,34,52,0))}.case-drawer.is-simtex .drawer-topbar>p b,.case-drawer.is-simtex .drawer-close span{color:#76a8eb}.case-drawer.is-simtex .drawer-close{background:#142234;border-color:rgba(255,255,255,.55)}
.simtex-case[hidden]{display:none}.simtex-case{--sx-blue:#3474cb;--sx-navy:#142234;--sx-paper:#f4f7fb;--sx-line:#cbd5e1;--sx-red:#d84b4f;position:relative;margin-top:-74px;overflow:hidden;background:var(--sx-paper);color:var(--sx-navy)}
.simtex-label{margin:0;font:9px/1.35 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--sx-blue)}
.simtex-case h3{margin:22px 0 0;font-size:clamp(60px,6.3vw,108px);font-weight:690;line-height:.8;letter-spacing:-.075em}.simtex-case h3 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px currentColor}
.simtex-case-hero{position:relative;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(480px,1.22fr);gap:50px;min-height:790px;padding:126px 5% 90px 38px;overflow:hidden;background:#eef3f9;isolation:isolate;clip-path:polygon(0 0,100% 0,100% 95%,77% 100%,51% 96%,27% 100%,0 96%)}
.simtex-case-hero:before{content:"";position:absolute;z-index:-1;left:-22%;bottom:-60%;width:78%;aspect-ratio:1;border:1px solid rgba(52,116,203,.22);border-radius:50%;box-shadow:0 0 0 56px rgba(52,116,203,.05),0 0 0 112px rgba(52,116,203,.025)}
.simtex-case-hero__copy{position:relative;z-index:4;align-self:center}.simtex-case-logo{width:112px;height:auto;margin-top:28px;filter:grayscale(1) contrast(1.6)}.simtex-case-hero h2{margin:36px 0 34px;font-size:clamp(73px,7.5vw,128px);font-weight:720;line-height:.66;letter-spacing:-.1em}.simtex-case-hero h2 span{padding-left:.2em;color:var(--sx-blue)}.simtex-case-hero__copy>p:not(.simtex-label){max-width:560px;margin:0;font-size:17px;line-height:1.48;color:#536273}
.simtex-live-link{display:flex;align-items:center;justify-content:space-between;width:290px;margin-top:36px;padding:17px 20px;background:var(--sx-blue);color:#fff;text-decoration:none;clip-path:polygon(0 10%,92% 0,100% 75%,87% 100%,5% 90%);font-size:12px;font-weight:700}.simtex-live-link i{font-style:normal;font-size:18px;transition:transform .3s}.simtex-live-link:hover i{transform:translate(4px,-4px)}
.simtex-case-hero__visual{position:relative;align-self:stretch;min-height:650px}.simtex-case-hero__browser{position:absolute;z-index:2;left:0;right:4%;top:14%;height:64%;overflow:hidden;background:#f7f9fc;box-shadow:0 28px 60px rgba(20,34,52,.2);clip-path:polygon(1% 0,100% 3%,97% 91%,86% 100%,0 96%,2% 11%);transform:rotate(-1.5deg)}
.simtex-browser-top{display:flex;align-items:center;gap:18px;height:16%;padding:0 4%;border-bottom:1px solid #dce3ec;background:rgba(255,255,255,.92);font-size:8px;color:#667382}.simtex-browser-top img{width:72px;height:auto;filter:grayscale(1);margin-right:auto}.simtex-browser-top b{padding:9px 12px;background:var(--sx-blue);color:#fff;font-weight:600}
.simtex-browser-copy{padding:6%}.simtex-browser-copy small{font:7px/1 var(--mono);letter-spacing:.14em;color:var(--sx-blue)}.simtex-browser-copy strong{display:block;margin-top:22px;font-size:clamp(46px,4.3vw,76px);font-weight:720;line-height:.75;letter-spacing:-.075em}.simtex-browser-copy strong i{font-style:normal;color:var(--sx-blue)}
.simtex-fabric-card{position:absolute;z-index:3;margin:0;overflow:hidden;background:#fff;box-shadow:0 18px 36px rgba(20,34,52,.17)}.simtex-fabric-card img{width:100%;height:100%;object-fit:cover}.simtex-fabric-card figcaption{position:absolute;left:8px;bottom:8px;padding:6px 8px;background:#fff;font:6px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.simtex-fabric-card--red{right:0;top:0;width:34%;height:34%;transform:rotate(4deg)}.simtex-fabric-card--stack{left:3%;bottom:1%;width:37%;height:31%;transform:rotate(-5deg)}.simtex-case-hero__city{position:absolute;z-index:5;right:3%;bottom:4%;margin:0;font:8px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;color:var(--sx-blue)}
.simtex-case-overview{padding:132px 7% 138px 38px}.simtex-case-overview__intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:900px;margin:58px 0 0 20%}.simtex-case-overview__intro p{margin:0;font-size:16px;line-height:1.6;color:#536273}.simtex-proof-line{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid var(--sx-navy);border-left:1px solid var(--sx-navy)}.simtex-proof-line span{min-height:190px;padding:24px;border-right:1px solid var(--sx-navy);border-bottom:1px solid var(--sx-navy)}.simtex-proof-line b{display:block;font-size:clamp(50px,5.2vw,88px);line-height:.8;letter-spacing:-.07em;color:var(--sx-blue)}.simtex-proof-line small{display:block;max-width:190px;margin-top:42px;font:8px/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.simtex-live-catalog{padding:138px 6% 150px 38px;background:var(--sx-navy);color:#fff;clip-path:polygon(0 3%,28% 0,55% 3%,78% 0,100% 2%,100% 98%,72% 100%,45% 97%,17% 100%,0 97%)}.simtex-live-catalog .simtex-label{color:#76a8eb}.simtex-live-catalog__head{display:grid;grid-template-columns:150px minmax(420px,1fr) minmax(230px,.65fr);gap:34px;align-items:start}.simtex-live-catalog__head h3{margin-top:0}.simtex-live-catalog__head>p:last-child{margin:0;font-size:14px;line-height:1.55;color:#aebbc9}
.simtex-live-window{margin-top:76px;background:#eef3f9;color:var(--sx-navy);box-shadow:0 26px 58px rgba(0,0,0,.35);clip-path:polygon(1% 0,100% 2%,98% 95%,91% 100%,0 98%,2% 9%)}.simtex-live-window__bar{display:flex;align-items:center;gap:7px;height:54px;padding:0 22px;background:#dfe7f1;font:8px/1 var(--mono);letter-spacing:.08em}.simtex-live-window__bar>span{width:8px;height:8px;border-radius:50%;background:#9eacbd}.simtex-live-window__bar>span:first-child{background:#d84b4f}.simtex-live-window__bar>b{margin-left:8px;font-weight:400}.simtex-live-window__bar>a{margin-left:auto;color:var(--sx-blue);text-decoration:none;font-weight:700}
.simtex-catalog-ui{display:grid;grid-template-columns:190px 1fr;min-height:520px;padding:36px}.simtex-catalog-ui aside{display:flex;flex-direction:column;padding:18px 24px 18px 0;border-right:1px solid #cbd5e1}.simtex-catalog-ui aside small{font:8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sx-blue)}.simtex-catalog-ui aside b{margin:34px 0 18px;font-size:14px}.simtex-catalog-ui aside span{padding:10px 0;border-top:1px solid #d5dde7;font-size:11px;color:#617082}.simtex-catalog-ui main{padding-left:30px}.simtex-catalog-ui__search{display:flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid #cbd5e1;border-radius:24px;background:#fff;color:#8793a1;font-size:11px}.simtex-catalog-ui__search i{margin-left:auto;color:var(--sx-blue);font-style:normal}.simtex-catalog-ui__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.simtex-catalog-ui__grid figure{margin:0;background:#fff;overflow:hidden}.simtex-catalog-ui__grid img{display:block;width:100%;height:310px;object-fit:cover}.simtex-catalog-ui__grid figcaption{padding:13px}.simtex-catalog-ui__grid b{font-size:13px}.simtex-catalog-ui__grid small{display:block;margin-top:4px;font:7px/1 var(--mono);text-transform:uppercase;color:#7d8997}
.simtex-feature-track{display:grid;grid-template-columns:repeat(4,1fr);margin:82px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.35);border-left:1px solid rgba(255,255,255,.35)}.simtex-feature-track li{min-height:220px;padding:22px;border-right:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}.simtex-feature-track span{font:10px/1 var(--mono);color:#76a8eb}.simtex-feature-track b{display:block;margin-top:42px;font-size:18px;line-height:1.12}.simtex-feature-track p{margin:12px 0 0;font-size:11px;line-height:1.45;color:#aebbc9}
.simtex-visual-system{padding:145px 7% 150px 38px}.simtex-visual-system__statement{display:grid;grid-template-columns:150px 1fr minmax(260px,.72fr);gap:34px;align-items:start}.simtex-visual-system__statement h3{margin-top:0}.simtex-visual-system__statement>p:last-child{margin:0;font-size:14px;line-height:1.6;color:#536273}.simtex-transform-sequence{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;gap:10px;align-items:center;margin-top:80px}.simtex-transform-sequence>i{text-align:center;font-style:normal;font-size:30px;color:var(--sx-blue)}.simtex-transform-sequence figure{position:relative;height:480px;margin:0;overflow:hidden;background:#fff;clip-path:polygon(2% 0,100% 3%,97% 93%,84% 100%,0 96%,3% 12%)}.simtex-transform-sequence figure:nth-of-type(2){transform:translateY(-24px) rotate(1.2deg)}.simtex-transform-sequence img{width:100%;height:100%;object-fit:cover}.simtex-transform-sequence figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 20px 18px;background:linear-gradient(transparent,rgba(20,34,52,.92));color:#fff}.simtex-transform-sequence figcaption span{font:8px/1 var(--mono);color:#76a8eb}.simtex-transform-sequence figcaption b{float:right;font-size:13px}.simtex-visual-note{margin:28px 0 0;font:8px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#718092}
.simtex-production-motion{padding:140px 6% 148px 38px;background:#e4ebf4;clip-path:polygon(0 2%,30% 0,62% 3%,100% 0,100% 98%,72% 100%,44% 97%,0 100%)}.simtex-production-motion__head{display:grid;grid-template-columns:150px 1fr minmax(240px,.68fr);gap:34px}.simtex-production-motion__head h3{margin-top:0}.simtex-production-motion__head>p:last-child{margin:0;font-size:14px;line-height:1.55;color:#536273}.simtex-motion-reel{display:grid;grid-template-columns:1.1fr .9fr 1.1fr;gap:12px;margin-top:76px}.simtex-motion-reel figure{position:relative;height:460px;margin:0;overflow:hidden;background:#142234}.simtex-motion-reel figure:nth-child(2){transform:translateY(34px)}.simtex-motion-reel video{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05)}.simtex-motion-reel figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:48px 20px 18px;background:linear-gradient(transparent,rgba(20,34,52,.9));color:#fff}.simtex-motion-reel span{font:9px/1 var(--mono);color:#76a8eb}.simtex-motion-reel b{font-size:16px}
.simtex-geography{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr);gap:76px;padding:148px 7% 150px 38px;background:var(--sx-paper)}.simtex-geography>div:first-child>p:last-child{max-width:560px;margin:38px 0 0;font-size:15px;line-height:1.58;color:#536273}.simtex-city-route{align-self:center;border-top:1px solid var(--sx-navy)}.simtex-city-route a{position:relative;display:grid;grid-template-columns:92px 1fr auto;align-items:center;min-height:120px;border-bottom:1px solid var(--sx-navy);color:var(--sx-navy);text-decoration:none}.simtex-city-route a:after{content:"";position:absolute;inset:0;background:var(--sx-blue);transform:scaleX(0);transform-origin:right;transition:transform .38s var(--ease-director);z-index:0}.simtex-city-route a>*{position:relative;z-index:1}.simtex-city-route a:hover{color:#fff}.simtex-city-route a:hover:after{transform:scaleX(1);transform-origin:left}.simtex-city-route span{font:8px/1 var(--mono);color:var(--sx-blue)}.simtex-city-route a:hover span{color:#fff}.simtex-city-route b{font-size:28px;letter-spacing:-.04em}.simtex-city-route i{font:8px/1 var(--mono);font-style:normal;text-transform:uppercase}
.simtex-tetris{display:grid;grid-template-columns:minmax(420px,1fr) minmax(350px,.82fr);gap:90px;padding:148px 7% 150px 38px;background:var(--sx-navy);color:#fff;clip-path:polygon(0 3%,31% 0,60% 2%,100% 0,100% 97%,68% 100%,34% 97%,0 100%)}.simtex-tetris .simtex-label{color:#76a8eb}.simtex-tetris__copy{align-self:center}.simtex-tetris__copy>p:not(.simtex-label){margin:34px 0 0;font-size:15px;line-height:1.58;color:#aebbc9}.simtex-tetris__copy ul{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:44px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.34);border-left:1px solid rgba(255,255,255,.34)}.simtex-tetris__copy li{min-height:78px;padding:15px;border-right:1px solid rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.34);font:8px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.simtex-tetris__game{position:relative;display:grid;grid-template-columns:minmax(260px,1fr) 190px;min-height:590px;padding:28px;background:#f7f9fc;color:var(--sx-navy);box-shadow:0 28px 58px rgba(0,0,0,.35);clip-path:polygon(2% 0,100% 4%,96% 93%,82% 100%,0 97%,3% 12%);transform:rotate(-1.5deg)}.simtex-tetris__screen{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(14,1fr);gap:2px;padding:12px;background:#102943}.simtex-tetris__screen:before{content:"";grid-area:1/1/15/11;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(255,255,255,.045) calc(10% - 1px) 10%),repeating-linear-gradient(0deg,transparent 0 calc(7.142% - 1px),rgba(255,255,255,.045) calc(7.142% - 1px) 7.142%)}.tetris-cell{z-index:1;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.tetris-cell.c1{background-image:url('assets/cases/simtex/tetris-1.jpg')}.tetris-cell.c2{background-image:url('assets/cases/simtex/tetris-4.jpg')}.tetris-cell.c3{background-image:url('assets/cases/simtex/tetris-6.jpg')}.p01{grid-area:12/1}.p02{grid-area:12/2}.p03{grid-area:13/2}.p04{grid-area:14/2}.p05{grid-area:13/3}.p06{grid-area:14/3}.p07{grid-area:14/4}.p08{grid-area:14/5}.p09{grid-area:11/5}.p10{grid-area:12/5}.p11{grid-area:12/6}.p12{grid-area:12/7}.p13{grid-area:13/6}.p14{grid-area:13/7}.p15{grid-area:13/8}.p16{grid-area:14/6}.p17{grid-area:14/7}.p18{grid-area:14/8}.p19{grid-area:14/9}.p20{grid-area:14/10}.simtex-tetris__panel{padding:34px 18px}.simtex-tetris__panel small{font:7px/1 var(--mono);letter-spacing:.14em;color:var(--sx-blue)}.simtex-tetris__panel b{display:block;margin-top:36px;font-size:35px;line-height:.82;letter-spacing:-.06em}.simtex-tetris__panel span{display:block;margin-top:70px;padding:12px 0;border-top:1px solid #ccd5df;border-bottom:1px solid #ccd5df;font:10px/1 var(--mono)}.simtex-tetris__panel i{display:block;margin-top:18px;color:var(--sx-blue);font-size:14px;font-style:normal;font-weight:700}
.simtex-result{padding:145px 7% 150px 38px}.simtex-result__grid{display:grid;grid-template-columns:1fr 1fr;margin-top:78px;border-top:1px solid var(--sx-navy);border-left:1px solid var(--sx-navy)}.simtex-result__grid span{min-height:210px;padding:26px;border-right:1px solid var(--sx-navy);border-bottom:1px solid var(--sx-navy)}.simtex-result__grid b{font:10px/1 var(--mono);color:var(--sx-blue)}.simtex-result__grid strong{display:block;margin-top:40px;font-size:22px;letter-spacing:-.035em}.simtex-result__grid p{max-width:410px;margin:12px 0 0;font-size:13px;line-height:1.5;color:#536273}
.simtex-case-footer{position:relative;min-height:650px;padding:132px 8% 110px 38px;overflow:hidden;background:var(--sx-navy);color:#fff}.simtex-case-footer>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.32) contrast(1.08)}.simtex-case-footer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,34,52,.97),rgba(20,34,52,.68) 63%,rgba(20,34,52,.22))}.simtex-case-footer>div{position:relative;z-index:1;max-width:850px}.simtex-case-footer p{margin:0 0 26px;font:9px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#76a8eb}.simtex-case-footer h3{font-size:clamp(58px,6.7vw,112px)}.simtex-case-footer small{display:block;max-width:590px;margin-top:34px;font-size:16px;line-height:1.5;color:#c3cfdd}.simtex-case-footer button{display:flex;align-items:center;justify-content:space-between;width:270px;margin-top:34px;padding:18px 22px;border:0;background:var(--sx-blue);color:#fff;font-size:12px;font-weight:700;clip-path:polygon(0 12%,93% 0,100% 72%,84% 100%,6% 88%)}.simtex-case-footer button i{font-style:normal;font-size:18px}

@media(max-width:1100px){
  .simtex-case-hero{grid-template-columns:1fr minmax(390px,.9fr);gap:28px}.simtex-browser-top span{display:none}.simtex-case-hero__visual{min-height:610px}.simtex-case-hero__browser{right:0}.simtex-live-catalog__head,.simtex-visual-system__statement,.simtex-production-motion__head{grid-template-columns:130px 1fr}.simtex-live-catalog__head>p:last-child,.simtex-visual-system__statement>p:last-child,.simtex-production-motion__head>p:last-child{grid-column:2}.simtex-catalog-ui__grid img{height:250px}.simtex-transform-sequence figure{height:400px}.simtex-tetris{grid-template-columns:minmax(360px,.95fr) minmax(330px,1.05fr);gap:50px}
}

@media(max-width:700px){
  .direction-media.is-simtex-preview{height:280px}.simtex-preview__head{top:6%}.simtex-preview__title{left:5%;top:24%;font-size:clamp(46px,14vw,68px)}.simtex-preview__browser{right:2%;top:15%;width:56%;height:65%}.simtex-preview__cities{display:none}.simtex-preview__open{height:17%;font-size:7px}.simtex-preview__open i{width:34px;height:34px;font-size:14px}.simtex-preview__grid img:last-child{display:none}.simtex-preview__grid{grid-template-columns:1fr 1fr}
  .case-drawer.is-simtex,.case-drawer.is-simtex[data-side=right]{width:100%;height:94svh;max-height:94svh;clip-path:polygon(0 2%,84% 0,100% 4%,100% 100%,0 100%)}.case-drawer.is-simtex:before{bottom:94svh;width:100%}
  .simtex-case{margin-top:-64px}.simtex-case h3{font-size:clamp(48px,12vw,74px)}.simtex-case-hero{grid-template-columns:1fr;gap:52px;min-height:0;padding:108px 20px 88px}.simtex-case-hero h2{font-size:clamp(68px,18vw,102px)}.simtex-case-hero__copy>p:not(.simtex-label){font-size:16px}.simtex-live-link{width:250px}.simtex-case-hero__visual{min-height:520px}.simtex-case-hero__browser{top:13%;height:65%}.simtex-browser-copy strong{font-size:clamp(38px,11vw,62px)}.simtex-fabric-card--red{width:37%}.simtex-fabric-card--stack{width:42%}
  .simtex-case-overview,.simtex-live-catalog,.simtex-visual-system,.simtex-production-motion,.simtex-geography,.simtex-tetris,.simtex-result,.simtex-case-footer{padding-left:20px;padding-right:20px}.simtex-case-overview__intro{grid-template-columns:1fr;gap:20px;margin:42px 0 0}.simtex-proof-line{grid-template-columns:1fr;margin-top:58px}.simtex-proof-line span{min-height:150px}.simtex-proof-line small{margin-top:24px}
  .simtex-live-catalog__head,.simtex-visual-system__statement,.simtex-production-motion__head{grid-template-columns:1fr;gap:20px}.simtex-live-catalog__head>p:last-child,.simtex-visual-system__statement>p:last-child,.simtex-production-motion__head>p:last-child{grid-column:auto}.simtex-live-window{margin-top:52px}.simtex-live-window__bar{padding:0 14px}.simtex-live-window__bar a{font-size:0}.simtex-live-window__bar a:after{content:'↗';font-size:16px}.simtex-catalog-ui{grid-template-columns:1fr;min-height:0;padding:18px}.simtex-catalog-ui aside{display:none}.simtex-catalog-ui main{padding:0}.simtex-catalog-ui__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.simtex-catalog-ui__grid figure{flex:0 0 74vw;scroll-snap-align:center}.simtex-catalog-ui__grid img{height:320px}.simtex-feature-track{grid-template-columns:1fr 1fr;margin-top:58px}.simtex-feature-track li{min-height:190px}.simtex-feature-track b{margin-top:30px;font-size:16px}
  .simtex-transform-sequence{display:flex;gap:12px;overflow-x:auto;margin-top:56px;padding-bottom:28px;scroll-snap-type:x mandatory}.simtex-transform-sequence>i{display:none}.simtex-transform-sequence figure{flex:0 0 78vw;height:450px;transform:none!important;scroll-snap-align:center}.simtex-motion-reel{display:flex;gap:12px;overflow-x:auto;margin-top:54px;padding:0 0 30px;scroll-snap-type:x mandatory}.simtex-motion-reel figure{flex:0 0 78vw;height:420px;transform:none!important;scroll-snap-align:center}
  .simtex-geography{grid-template-columns:1fr;gap:58px}.simtex-city-route a{grid-template-columns:70px 1fr;min-height:105px}.simtex-city-route i{grid-column:2;margin-top:-24px}.simtex-tetris{grid-template-columns:1fr;gap:60px}.simtex-tetris__game{grid-template-columns:1fr 120px;min-height:500px;padding:15px}.simtex-tetris__panel{padding:26px 12px}.simtex-tetris__panel b{font-size:24px}.simtex-tetris__panel span{margin-top:52px;font-size:8px}.simtex-tetris__panel i{font-size:10px}.simtex-result__grid{grid-template-columns:1fr}.simtex-result__grid span{min-height:190px}.simtex-case-footer{min-height:650px;padding-top:108px}.simtex-case-footer button{width:245px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .frame{transform:none!important}
}