@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--black:#000;--ink:#101010;--white:#fff;--paper:#f4f4f0;--blue:#0016cb;--orange:#ff5500;--line:rgba(255,255,255,.18);--ease:cubic-bezier(.16,1,.3,1);--pad:clamp(20px,3.2vw,56px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:#fff;font-family:"Noto Sans SC","Helvetica Neue",Arial,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit;color:inherit}.black{background:#000;color:#fff}.white{background:var(--paper);color:#0a0a0a}.index{margin:0;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.14em}.blue{color:var(--blue)}
.loader{position:fixed;z-index:999;inset:0;background:#000;display:flex;align-items:center;justify-content:center;transition:opacity .65s var(--ease),visibility .65s}.loaded .loader{opacity:0;visibility:hidden}.loader-mark{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:700;letter-spacing:.12em}.loader-mark i{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange)}.loader>b{position:absolute;right:30px;bottom:24px;font:900 58px/1 "Archivo Black",sans-serif}.cursor{position:fixed;z-index:300;width:16px;height:16px;border:1px solid rgba(255,255,255,.65);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s;background:#fff}.cursor.is-link{width:52px;height:52px;background:transparent}
.ticker{position:fixed;z-index:120;top:0;left:0;right:0;height:31px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:var(--orange);color:#000;font-size:9px;font-weight:700;letter-spacing:.03em}.ticker a{font-weight:900}.nav{position:fixed;z-index:110;top:31px;left:0;right:0;height:82px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;transition:background .35s,transform .35s}.nav.scrolled{background:rgba(0,0,0,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700;letter-spacing:.11em}.brand i{width:9px;height:9px;border-radius:50%;background:var(--orange)}.nav nav{display:flex;gap:37px;font-size:10px;font-weight:600}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:#fff;transition:.3s}.nav nav a:hover:after{right:0}.nav-cta{justify-self:end;padding:12px 20px;border:1px solid rgba(255,255,255,.45);border-radius:99px;font-size:10px;font-weight:700;transition:.3s}.nav-cta:hover{background:#fff;color:#000}.menu-button{display:none;justify-self:end;width:46px;height:46px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:#000;position:relative}.menu-button i{position:absolute;left:13px;right:13px;height:1px;background:#fff;transition:.35s}.menu-button i:first-child{top:18px}.menu-button i:last-child{top:26px}.menu-open .menu-button i:first-child{top:22px;transform:rotate(45deg)}.menu-open .menu-button i:last-child{top:22px;transform:rotate(-45deg)}.mobile-menu{position:fixed;z-index:105;inset:0;padding:145px 22px 35px;background:#000;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transform:translateY(-20px);transition:.45s var(--ease)}.menu-open .mobile-menu{opacity:1;visibility:visible;transform:none}.mobile-menu nav{display:grid}.mobile-menu a{padding:15px 0;border-bottom:1px solid #272727;font-size:clamp(36px,12vw,58px);font-weight:900;line-height:1}.mobile-menu p{color:#777;font:10px/1.5 ui-monospace,monospace}
.hero{height:230vh;background:#000}.hero-sticky{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;background:#000;isolation:isolate}.hero-sticky:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.75) 38%,transparent 70%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 45%)}#world{position:absolute;z-index:-1;inset:0;width:100%;height:100%}.globe-halo{position:absolute;z-index:-2;right:-3vw;top:10vh;width:min(78vw,1040px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 45%,transparent 0 48%,rgba(0,22,203,.28) 62%,rgba(255,85,0,.28) 69%,transparent 73%);filter:blur(20px)}.route{position:absolute;z-index:0;border:1px solid rgba(255,85,0,.4);border-radius:50%;transform:rotate(-19deg);pointer-events:none}.route:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange);animation:orbitDot 6s linear infinite}.route-a{right:2%;top:19%;width:67vw;height:44vw}.route-a:after{left:19%;top:7%}.route-b{right:4%;top:29%;width:56vw;height:32vw;border-color:rgba(0,22,203,.55);transform:rotate(21deg)}.route-b:after{right:17%;bottom:9%;background:#173aff;box-shadow:0 0 18px #173aff;animation-delay:-3s}@keyframes orbitDot{50%{transform:translate(38vw,25vw)}}.hero-copy{position:absolute;z-index:3;left:var(--pad);top:51%;transform:translateY(-50%);width:min(720px,60vw)}.eyebrow{margin:0 0 27px;color:#8d8d8d;font:700 9px ui-monospace,monospace;letter-spacing:.17em}.hero h1{margin:0;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(66px,7.4vw,124px);line-height:.82;letter-spacing:-.075em;text-transform:uppercase}.hero h1 span{display:block;white-space:nowrap}.hero-desc{margin:28px 0 0;color:#b6b6b6;font-size:12px;line-height:1.75}.hero-actions{display:flex;gap:10px;margin-top:28px}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:43px;padding:0 22px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;transition:transform .35s var(--ease),background .3s,color .3s}.pill:hover{transform:translateY(-4px)}.pill.light{background:#fff;color:#000}.pill.dark{border:1px solid rgba(255,255,255,.42);background:transparent;color:#fff}.location{position:absolute;z-index:2;display:grid;grid-template-columns:10px auto;column-gap:8px;align-items:center;font:8px/1.3 ui-monospace,monospace;letter-spacing:.08em}.location i{grid-row:1/3;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange)}.location span{color:#666}.l1{right:36%;top:28%}.l2{right:8%;top:54%}.l3{right:24%;bottom:17%}.scroll-note{position:absolute;z-index:3;left:var(--pad);bottom:27px;display:flex;align-items:center;gap:17px;color:#666;font:8px ui-monospace,monospace;letter-spacing:.13em}.scroll-note i{width:70px;height:1px;background:linear-gradient(90deg,#777,transparent)}.color-wipe{position:absolute;z-index:4;left:-10%;right:-10%;bottom:-105%;height:104%;background:linear-gradient(0deg,var(--paper) 7%,#94a2ff 45%,#0016cb 72%,rgba(0,22,203,0));filter:blur(15px);will-change:transform}
.intro{position:relative;z-index:5;padding:0 27px 150px}.intro-visual,.wide-film{position:relative;overflow:hidden;height:88vh;min-height:600px;background:#111}.intro-visual img,.wide-film img{width:100%;height:112%;object-fit:cover;transform:scale(1.08);filter:saturate(.83) contrast(1.06);transition:transform 1.4s var(--ease)}.media-reveal.is-visible img{transform:scale(1)}.intro-visual:after,.wide-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.34),transparent 55%)}.intro-visual>span,.wide-film>span{position:absolute;z-index:3;left:25px;bottom:22px;color:#fff;font:8px ui-monospace,monospace;letter-spacing:.12em}.scan{position:absolute;z-index:4;left:0;right:0;top:22%;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 20px var(--orange);animation:scan 5.5s ease-in-out infinite}@keyframes scan{50%{top:80%}}.corner{position:absolute;z-index:3;width:45px;height:45px;border-color:#fff}.c1{left:25px;top:25px;border-left:1px solid;border-top:1px solid}.c2{right:25px;bottom:25px;border-right:1px solid;border-bottom:1px solid}.split-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;padding:145px 7vw 0}.split-copy h2,.section-head h2,.why h2,.works h2,.contact h2{margin:28px 0 0;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(54px,6.2vw,100px);line-height:.9;letter-spacing:-.07em}.body-copy{align-self:end;max-width:525px}.body-copy p{margin:0 0 23px;color:#555;font-size:13px;line-height:1.9}.text-link{display:inline-block;margin-top:15px;padding-bottom:5px;border-bottom:1px solid;font-size:10px;font-weight:800}
.clarity{position:relative;height:210vh;overflow:hidden}.clarity-sticky{position:sticky;top:0;height:100vh;padding:74px 30px;display:flex;justify-content:space-between;align-items:flex-start}.clarity-sticky p{margin:0;font-size:14px;line-height:1.5}.clarity-sticky strong{font-family:"Archivo Black",sans-serif;font-size:clamp(50px,5vw,78px);line-height:.77;letter-spacing:-.07em}.clarity-sticky>span{position:absolute;left:30px;bottom:50px;font:8px ui-monospace,monospace;color:#777}.production-line{position:absolute;left:0;right:0;top:45vh;height:150vh}.rail{position:sticky;top:70vh;height:12px;background:#111;box-shadow:0 14px 0 #d3d3ce}.asset-card{position:absolute;z-index:2;width:260px;height:172px;margin:0;padding:9px;background:#fff;border:1px solid #c8c8c3;box-shadow:0 28px 70px rgba(0,0,0,.15);will-change:transform,opacity}.asset-card img{width:100%;height:138px;object-fit:cover}.asset-card figcaption{padding-top:6px;font:7px ui-monospace,monospace}.card-a{left:4%;top:19%}.card-b{left:25%;top:5%}.card-c{left:46%;top:27%}.visual-engine{position:absolute;z-index:3;left:63%;top:10%;width:290px;height:290px;border:3px solid #111;border-radius:50%;display:grid;place-items:center;will-change:transform}.visual-engine:before,.visual-engine:after{content:"";position:absolute;border-radius:50%;animation:spin 16s linear infinite}.visual-engine:before{inset:28px;border:1px dashed var(--blue)}.visual-engine:after{inset:72px;border:1px solid var(--orange);animation-direction:reverse}.visual-engine span{position:absolute;bottom:44px;font:900 10px/1 ui-monospace,monospace;text-align:center}.visual-engine i{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff 0 5%,#2447ff 25%,#0016cb 42%,#070707 70%);box-shadow:0 0 48px rgba(0,22,203,.75)}.visual-engine b{position:absolute;inset:-12px;border:1px solid rgba(0,0,0,.18);border-radius:50%}.publish-card{position:absolute;z-index:4;right:-3%;top:26%;width:300px;height:190px;padding:25px;background:#000;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.28);will-change:transform,opacity}.publish-card>b{font-family:"Archivo Black",sans-serif;font-size:29px;line-height:.82}.publish-card>i{position:absolute;right:24px;bottom:26px;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff,#2347ff 25%,#0016cb 44%,#070707 72%)}.publish-card small{position:absolute;left:25px;bottom:20px;color:#777;font:7px ui-monospace,monospace}@keyframes spin{to{transform:rotate(360deg)}}
.services{position:relative;padding:155px 6vw 140px}.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-bottom:110px}.section-head>p{margin:0 0 5px;color:#999;line-height:1.9;font-size:13px;max-width:520px}.service-list{border-top:1px solid #292929}.service{position:relative;display:grid;grid-template-columns:68px 1.1fr .9fr 30px;align-items:center;min-height:132px;border-bottom:1px solid #292929;transition:padding .4s var(--ease),background .4s}.service:hover{padding-left:18px;background:linear-gradient(90deg,rgba(0,22,203,.15),transparent)}.service>span{color:var(--blue);font:700 9px ui-monospace,monospace}.service h3{margin:0;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(28px,3vw,48px);letter-spacing:-.045em;white-space:nowrap}.service>p{margin:0;color:#929292;font-size:12px;line-height:1.75;max-width:430px}.service>b{justify-self:end;color:#777;font-size:23px;transition:.3s}.service:hover>b{color:var(--orange);transform:translate(4px,-4px)}.service-preview{position:fixed;z-index:150;width:320px;height:200px;pointer-events:none;opacity:0;transform:scale(.86) rotate(-3deg);transition:opacity .25s,transform .45s var(--ease);box-shadow:0 30px 80px #000;overflow:hidden}.service-preview img{width:100%;height:100%;object-fit:cover}.service:hover .service-preview{opacity:1;transform:scale(1) rotate(0)}.more{margin-top:55px}
.milestone{padding:0 27px 145px}.wide-film{height:92vh}.wide-film img{filter:saturate(.72) contrast(1.08)}.film-title{position:absolute;z-index:3;left:30px;bottom:45px;color:#fff;font-family:"Archivo Black",sans-serif;font-size:clamp(52px,7vw,112px);line-height:.78;letter-spacing:-.06em}.milestone .split-copy{padding-bottom:120px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aaa}.value-grid article{min-height:300px;padding:27px;border-right:1px solid #bbb}.value-grid article:last-child{border:0}.value-grid span{color:var(--blue);font:700 9px ui-monospace,monospace}.value-grid h3{margin:100px 0 15px;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(25px,2.3vw,38px);letter-spacing:-.045em}.value-grid p{color:#666;font-size:12px;line-height:1.7}
.why{min-height:110vh;padding:145px 6vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.why-art{position:relative;height:650px;overflow:hidden}.why-art canvas{position:absolute;inset:0;width:100%;height:100%}.signal-core{position:absolute;left:50%;top:50%;width:250px;height:250px;transform:translate(-50%,-50%);border:1px solid #242424;border-radius:50%;display:grid;place-items:center;text-align:center}.signal-core:before{content:"";position:absolute;inset:22%;border:1px dashed var(--blue);border-radius:50%;animation:spin 14s linear infinite}.signal-core i{position:absolute;width:75px;height:75px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff,#2447ff 24%,#0016cb 42%,#000 70%);box-shadow:0 0 65px rgba(0,22,203,.8)}.signal-core span{z-index:2;font-family:"Archivo Black",sans-serif;font-size:31px;line-height:.75;mix-blend-mode:difference}.cloud{position:absolute;width:300px;height:110px;background:#fff;filter:blur(24px);opacity:.9}.cloud-a{left:-22%;top:10%;transform:rotate(16deg);animation:drift 9s ease-in-out infinite alternate}.cloud-b{right:-20%;bottom:15%;transform:rotate(-13deg);animation:drift 12s ease-in-out infinite alternate-reverse}@keyframes drift{to{transform:translateX(90px) rotate(-5deg)}}.why h2{margin-top:34px}.reason-list{margin-top:70px;border-top:1px solid #292929}.reason-list article{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:25px 0;border-bottom:1px solid #292929;transition:padding .35s,background .35s}.reason-list article:hover{padding-left:13px;background:linear-gradient(90deg,rgba(0,22,203,.14),transparent)}.reason-list h3,.reason-list p{margin:0}.reason-list h3{font-size:21px}.reason-list p{color:#969696;font-size:12px;line-height:1.75}
.works{min-height:110vh;padding:145px 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.works-copy>p:not(.index){max-width:460px;color:#929292;font-size:13px;line-height:1.85}.works-copy .pill{margin-top:22px}.work-cards{position:relative;height:660px;display:block}.work-cards img{position:absolute;width:72%;aspect-ratio:16/10;object-fit:cover;box-shadow:0 35px 90px #000;transition:.6s var(--ease)}.work-cards img:nth-child(1){right:0;top:0}.work-cards img:nth-child(2){left:0;top:30%;transform:rotate(-4deg)}.work-cards img:nth-child(3){right:5%;bottom:0;transform:rotate(3deg)}.work-cards:hover img{transform:rotate(0) translateY(-8px)}.work-cards span{position:absolute;z-index:4;right:7%;bottom:11%;padding:25px;background:var(--orange);color:#000;font-family:"Archivo Black",sans-serif;font-size:20px;line-height:.86}
.contact{padding:150px 6vw 35px}.contact h2{font-size:clamp(64px,8.8vw,142px);line-height:.84}.contact-row{display:flex;justify-content:flex-end;align-items:flex-end;gap:70px;margin-top:100px}.contact-row>div{display:grid;gap:18px;width:min(540px,50vw)}.contact-row p{margin:0;color:#929292;line-height:1.85}.contact-row a{font-family:"Archivo Black",sans-serif;font-size:clamp(36px,4vw,62px);letter-spacing:-.05em;white-space:nowrap}.contact-row span{color:#777;font-size:11px}.contact figure{width:180px;margin:0}.contact figure img{display:block;width:100%}.contact figcaption{margin-top:9px;color:#777;font-size:9px;text-align:center}.statement{display:block;margin-top:145px;padding-top:32px;border-top:1px solid #292929;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(43px,6vw,92px);line-height:.9;letter-spacing:-.065em}.contact footer{display:flex;justify-content:space-between;gap:20px;margin-top:105px;color:#555;font:8px ui-monospace,monospace;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(55px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.media-reveal{opacity:.25;transition:opacity 1s}.media-reveal.is-visible{opacity:1}
@media(max-width:900px){.nav nav{display:none}.nav{grid-template-columns:1fr auto auto;gap:10px}.nav-cta{display:none}.menu-button{display:block}.hero-copy{width:75vw}.split-copy,.section-head,.why,.works{grid-template-columns:1fr}.body-copy,.section-head>p{margin-top:55px}.service{grid-template-columns:46px 1fr 26px;padding:25px 0}.service h3{font-size:32px}.service>p{grid-column:2/4;margin-top:10px}.service>b{grid-column:3;grid-row:1}.service-preview{display:none}.why-art{height:520px}.works-copy{max-width:680px}.work-cards{height:75vw;max-height:670px;margin-top:70px}}
@media(max-width:640px){:root{--pad:18px}.cursor{display:none}.ticker{height:28px}.ticker span{max-width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker a{display:none}.nav{top:28px;height:73px}.brand{font-size:12px}.hero{height:200vh}.hero-sticky{min-height:600px}.hero-sticky:before{background:linear-gradient(0deg,rgba(0,0,0,.92) 0 24%,transparent 66%),linear-gradient(90deg,rgba(0,0,0,.45),transparent)}.hero-copy{left:18px;right:18px;top:auto;bottom:66px;width:auto;transform:none}.hero h1{font-size:clamp(48px,15vw,70px);line-height:.87}.hero h1 span{white-space:normal}.hero-desc br{display:none}.hero-actions{margin-top:22px}.pill{min-width:116px;padding:0 17px}.globe-halo{top:6%;right:-38%;width:132vw}.l1{right:33%;top:19%}.l2{right:5%;top:37%}.l3{display:none}.scroll-note{display:none}.intro{padding:0 17px 95px}.intro-visual,.wide-film{height:69vh;min-height:490px}.split-copy{padding:88px 2px 0;gap:0}.split-copy h2,.section-head h2,.why h2,.works h2,.contact h2{font-size:clamp(45px,12.8vw,66px)}.clarity{height:170vh}.clarity-sticky{padding:65px 18px}.clarity-sticky strong{font-size:36px}.production-line{top:35vh}.asset-card{width:136px;height:96px;padding:4px}.asset-card img{height:75px}.card-a{left:-5%;top:19%}.card-b{left:22%;top:5%}.card-c{left:47%;top:28%}.visual-engine{left:54%;top:11%;width:165px;height:165px}.visual-engine span{bottom:18px}.visual-engine:after{inset:48px}.publish-card{right:-43%;top:29%;width:205px;height:132px;padding:17px}.publish-card>b{font-size:20px}.publish-card small{display:none}.services{padding:105px 20px}.section-head{margin-bottom:68px}.service{grid-template-columns:36px minmax(0,1fr) 23px}.service h3{font-size:27px;white-space:normal}.milestone{padding:0 17px 95px}.film-title{left:18px;bottom:35px;font-size:43px}.milestone .split-copy{padding-bottom:85px}.value-grid{display:block}.value-grid article{min-height:235px;border-right:0;border-bottom:1px solid #bbb}.value-grid h3{margin-top:66px}.why{padding:105px 20px}.why-art{height:430px}.cloud{width:190px;height:75px}.reason-list{margin-top:55px}.reason-list article{display:block}.reason-list p{margin-top:12px}.works{padding:105px 20px}.work-cards{height:112vw;margin-top:65px}.work-cards span{right:2%;bottom:7%;font-size:16px}.contact{padding:105px 20px 30px}.contact h2{font-size:clamp(48px,13.5vw,68px);line-height:.89}.contact-row{flex-direction:column;align-items:flex-start;margin-top:70px;gap:45px}.contact-row>div{width:100%}.contact-row a{font-size:34px}.statement{margin-top:105px;font-size:clamp(39px,11vw,55px)}.contact footer{flex-direction:column;margin-top:75px}.loader>b{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal,.media-reveal{opacity:1;transform:none}}
.work-cards img:nth-child(2){top:20%;bottom:auto}.work-cards img:nth-child(3){right:4%;top:40%;bottom:auto}.work-cards img:nth-child(4){left:2%;bottom:10%;transform:rotate(-2deg)}.work-cards img:nth-child(5){right:0;bottom:-8%;transform:rotate(2deg)}

.horizontal-showcase{position:relative;height:510vh}.horizontal-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.horizontal-meta{position:absolute;z-index:5;top:45px;left:3vw;right:3vw;display:flex;align-items:center;gap:25px;font:700 9px ui-monospace,monospace;letter-spacing:.1em}.horizontal-meta b{margin-left:auto}.horizontal-meta i{width:56px;height:1px;background:#111}.ghost-word{position:absolute;left:-2vw;top:9vh;white-space:nowrap;color:#e3e3df;font-family:"Archivo Black",sans-serif;font-size:15vw;line-height:1;letter-spacing:-.07em}.horizontal-track{position:absolute;left:0;top:0;height:100%;display:flex;will-change:transform}.case-slide{position:relative;flex:0 0 100vw;height:100%;padding:17vh 5vw 8vh;display:grid;grid-template-columns:1.35fr .65fr;gap:6vw;align-items:center}.case-slide:not(:last-child):after{content:"";position:absolute;right:0;top:15%;bottom:8%;width:1px;background:#c9c9c4}.case-media{position:relative;height:56vh;min-height:380px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.16)}.case-media img{width:100%;height:100%;object-fit:cover}.case-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.16)}.case-info{align-self:end;padding-bottom:5vh}.case-info>span{color:var(--blue);font:700 9px ui-monospace,monospace}.case-info h3{margin:22px 0;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(42px,4.3vw,72px);line-height:.92;letter-spacing:-.06em}.case-info p{max-width:400px;color:#626262;font-size:12px;line-height:1.8}.case-info a{display:inline-block;margin-top:20px;padding-bottom:4px;border-bottom:1px solid;font-size:10px;font-weight:800}.horizontal-progress{position:absolute;z-index:5;left:3vw;right:3vw;bottom:24px;height:2px;background:#d2d2ce}.horizontal-progress i{display:block;width:0;height:100%;background:var(--orange);will-change:width}
.split-copy h2 span,.section-head h2 span{white-space:nowrap}.split-copy h2{font-size:clamp(50px,5.45vw,88px)}.nav.on-light{color:#000}.nav.on-light .nav-cta{background:#000;color:#fff;border-color:#000}.nav.on-light nav a:after{background:#000}
@media(max-width:900px){.horizontal-showcase{height:auto;padding:90px 0;overflow:hidden}.horizontal-sticky{position:relative;height:auto;max-width:100vw;overflow:hidden}.horizontal-meta{top:0}.ghost-word{top:38px;max-width:100vw;overflow:hidden}.horizontal-track{position:relative;width:100%;max-width:100vw;display:flex;height:auto;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.horizontal-track::-webkit-scrollbar{display:none}.case-slide{flex-basis:88vw;height:auto;min-height:680px;padding:145px 20px 35px;display:block;scroll-snap-align:start}.case-media{height:48vw;min-height:260px}.case-info{margin-top:35px}.horizontal-progress{display:none}}
@media(max-width:640px){.case-slide{flex-basis:92vw;min-height:650px;padding-top:125px}.case-media{height:64vw;min-height:240px}.case-info h3{font-size:42px}.ghost-word{font-size:25vw}.split-copy h2 span,.section-head h2 span{white-space:normal}}

/* Reference-calibrated first viewport */
@media(min-width:901px){
  .nav{height:285px;top:31px;grid-template-columns:27vw 1fr auto;align-items:start;padding-top:35px;background:transparent!important;backdrop-filter:none!important;border:0!important}
  .brand{align-self:start;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:17px;letter-spacing:-.02em}
  .nav nav{display:grid;gap:18px;align-self:start;justify-self:start;padding-top:3px;font-family:ui-monospace,monospace;font-size:10px;text-transform:uppercase}
  .nav nav a{width:max-content}.nav-cta{align-self:start;min-width:178px;text-align:center;background:#fff;color:#000;border-color:#fff;font-family:ui-monospace,monospace;text-transform:uppercase}
  .hero-sticky:after{content:"";position:absolute;z-index:-2;inset:0;opacity:.32;background-image:radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 1.3px),radial-gradient(circle,rgba(255,255,255,.28) 0 1px,transparent 1.2px);background-size:53px 57px,97px 89px;background-position:7px 13px,33px 41px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.2) 70%,transparent)}
  .hero-copy{left:28.2vw;top:auto;bottom:28px;width:min(690px,48vw);transform:none}
  .hero h1{font-size:clamp(61px,6.25vw,105px);line-height:1;letter-spacing:-.065em}
  .hero-desc{font-size:11px;max-width:330px;margin-top:27px}.hero-actions{margin-top:28px}
  .globe-halo{right:-13vw;top:-1vh;width:min(91vw,1260px)}
  .location.l1{right:8%;top:8%}.location.l2{right:12%;top:19%}.location.l3{right:39%;bottom:17%}
  .scroll-note{left:28.2vw;bottom:12px;transform:translateY(100%)}
}
.cap-visual{position:relative;height:56vh;min-height:380px;overflow:hidden;background:#ecece8;border:1px solid #d2d2ce}.cap-visual>b{position:absolute;left:3%;bottom:-4%;color:#d8d8d3;font-family:"Archivo Black",sans-serif;font-size:10vw;line-height:.8;letter-spacing:-.08em}.cap-visual>span{position:absolute;z-index:4;left:24px;bottom:20px;font:700 8px ui-monospace,monospace;letter-spacing:.12em}.cap-brand i{position:absolute;border-radius:50%;border:1px solid #111}.cap-brand i:nth-of-type(1){width:44%;aspect-ratio:1;right:10%;top:9%}.cap-brand i:nth-of-type(2){width:28%;aspect-ratio:1;right:18%;top:22%;border-color:var(--blue)}.cap-brand i:nth-of-type(3){width:12%;aspect-ratio:1;right:26%;top:36%;border:0;background:radial-gradient(circle at 30% 30%,#fff,var(--blue) 38%,#000 72%);box-shadow:0 0 50px rgba(0,22,203,.6)}.cap-film .frame-lines{position:absolute;left:12%;right:12%;top:15%;bottom:18%;border:8px solid #111;box-shadow:inset 0 0 0 1px #fff}.cap-film .frame-lines:before,.cap-film .frame-lines:after{content:"";position:absolute;left:33%;top:-10%;bottom:-10%;width:1px;background:var(--orange)}.cap-film .frame-lines:after{left:66%;background:var(--blue)}.cap-film>i{position:absolute;left:46%;top:39%;width:70px;height:70px;border-radius:50%;background:#000;box-shadow:0 0 0 12px #fff,0 0 0 13px #111}.cap-product .product-orbit{position:absolute;width:56%;aspect-ratio:1;right:5%;top:0;border:2px solid #111;border-radius:50%;transform:rotate(-18deg)}.cap-product .product-orbit:before{content:"";position:absolute;inset:15%;border:1px dashed var(--orange);border-radius:50%;animation:spin 13s linear infinite}.cap-product>i{position:absolute;right:24%;top:34%;width:90px;height:130px;background:#000;border-radius:8px;box-shadow:18px 18px 0 var(--blue)}.culture-wave{position:absolute;left:-5%;right:-5%;top:18%;height:58%;background:repeating-radial-gradient(ellipse at center,transparent 0 14px,#111 15px 16px,transparent 17px 32px);transform:rotate(-8deg)}.cap-culture>i{position:absolute;left:48%;top:35%;width:120px;height:120px;background:var(--orange);clip-path:polygon(50% 0,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0 50%,39% 35%)}.content-grid{position:absolute;right:7%;top:10%;width:62%;height:70%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.content-grid i{background:#111}.content-grid i:nth-child(2),.content-grid i:nth-child(5){background:var(--blue)}.content-grid i:nth-child(3){background:var(--orange)}
@media(max-width:900px){.cap-visual{height:48vw;min-height:260px}}
@media(max-width:640px){.cap-visual{height:64vw;min-height:240px}.cap-visual>b{font-size:18vw}}

/* Selected works — independent editorial gallery */
.works-page{background:var(--paper);color:#0a0a0a}.works-page .nav{color:#0a0a0a}.works-page .nav-cta{border-color:#111}.works-page .nav.scrolled{background:rgba(244,244,240,.9);border-color:rgba(0,0,0,.12)}.works-page .nav nav a:after{background:#111}.works-page .logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.works-page .logo i{width:9px;height:9px;border-radius:50%;background:var(--orange)}
.portfolio{padding:210px 5vw 100px}.portfolio-head{min-height:68vh;display:grid;grid-template-columns:1.15fr .85fr;align-content:center;gap:3vw;border-bottom:1px solid #aaa}.portfolio-head .kicker{grid-column:1/-1;font:700 9px ui-monospace,monospace;letter-spacing:.14em}.portfolio-head .kicker span{display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--orange)}.portfolio-head h1{margin:0;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(68px,8.3vw,138px);line-height:.82;letter-spacing:-.075em}.portfolio-head h1 em{font-style:normal;color:var(--blue)}.portfolio-head>p:last-child{align-self:end;max-width:470px;margin:0 0 12px;color:#606060;font-size:13px;line-height:1.9}
.work-category{padding:125px 0;border-bottom:1px solid #aaa}.category-head{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:4vw;align-items:end;margin-bottom:70px}.category-head span{color:var(--blue);font:700 9px ui-monospace,monospace}.category-head h2{margin:0;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(48px,5vw,82px);line-height:.9;letter-spacing:-.06em}.category-head p{max-width:430px;margin:0;color:#666;font-size:12px;line-height:1.8}.case-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw 3vw}.case-layout.culture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card{appearance:none;width:100%;padding:0;border:0;background:transparent;color:#111;text-align:left}.hero-case,.wide-case{grid-column:1/-1}.offset{margin-top:12vw}.case-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#ddd}.hero-case .case-image,.wide-case .case-image{aspect-ratio:2.15/1}.case-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .5s}.case-card:hover .case-image img{transform:scale(1.035);filter:saturate(1.08)}.case-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}.case-image i{position:absolute;z-index:2;right:18px;bottom:16px;padding:10px 14px;border-radius:99px;background:#fff;color:#000;font:800 9px ui-monospace,monospace}.case-copy{padding:22px 2px 0}.case-copy>span{color:var(--blue);font:700 8px ui-monospace,monospace}.case-copy h3{margin:12px 0 10px;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(27px,2.5vw,42px);line-height:1;letter-spacing:-.045em}.case-copy p,.case-copy strong{display:block;max-width:680px;color:#666;font-size:11px;line-height:1.75}.case-copy strong{margin-top:10px;color:#252525;font-weight:700}.portfolio-end{padding:130px 0 30px;display:flex;align-items:center;justify-content:space-between}.portfolio-end p{font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(42px,5vw,78px);letter-spacing:-.06em}.portfolio-end .button{padding:16px 25px;border-radius:99px;background:#000;color:#fff;font-size:11px;font-weight:800}.video-modal{width:min(1100px,92vw);padding:50px 14px 14px;border:0;background:#000}.video-modal::backdrop{background:rgba(0,0,0,.88)}.video-modal video{display:block;width:100%;max-height:80vh}.modal-close{position:absolute;right:14px;top:11px;border:0;background:none;font-size:11px}
@media(max-width:900px){.portfolio{padding-top:145px}.portfolio-head{grid-template-columns:1fr;min-height:72vh}.portfolio-head>p:last-child{align-self:start}.category-head{grid-template-columns:1fr}.category-head h2{margin:8px 0}.case-layout,.case-layout.culture-grid{grid-template-columns:1fr}.hero-case,.wide-case{grid-column:auto}.offset{margin-top:0}.hero-case .case-image,.wide-case .case-image{aspect-ratio:16/9}}
@media(max-width:640px){.works-page .nav{height:70px}.portfolio{padding:125px 18px 70px}.portfolio-head{min-height:610px}.portfolio-head h1{font-size:clamp(54px,17vw,72px)}.work-category{padding:85px 0}.category-head{margin-bottom:42px}.case-layout{gap:65px}.case-copy h3{font-size:30px}.portfolio-end{display:block;padding-top:90px}.portfolio-end p{font-size:45px}.portfolio-end .button{display:inline-block;margin-top:25px}}

/* V3: workflow inputs, one capability system, pain points and integrated value map */
.asset-card{display:flex;flex-direction:column;justify-content:space-between;padding:18px;background:#f8f8f5}
.asset-card>div{height:120px}
.asset-card figcaption{font-weight:800;color:#111}
.input-symbol{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:7px}.input-symbol i{display:block;background:#111}.input-symbol i:first-child{grid-row:1/3;background:var(--blue)}.input-symbol i:last-child{background:var(--orange)}
.input-target{position:relative;display:grid;place-items:center}.input-target:before,.input-target:after,.input-target i{content:"";position:absolute;border-radius:50%}.input-target:before{width:108px;height:108px;border:1px solid #111}.input-target:after{width:66px;height:66px;border:1px dashed var(--blue)}.input-target i{width:23px;height:23px;background:var(--orange)}
.input-story{display:flex;align-items:flex-end;gap:8px}.input-story i{flex:1;background:#111}.input-story i:nth-child(1){height:46%}.input-story i:nth-child(2){height:86%;background:var(--blue)}.input-story i:nth-child(3){height:64%;background:var(--orange)}

.capability-journey{position:relative;height:520vh;background:var(--paper);color:#0a0a0a}.capability-sticky{position:sticky;top:0;height:100vh;min-height:700px;overflow:hidden;display:grid;grid-template-rows:55% 45%}.cap-speed{position:absolute;z-index:8;left:3vw;right:3vw;top:42px;display:flex;align-items:center;gap:24px;font:800 9px ui-monospace,monospace;letter-spacing:.12em}.cap-speed b{margin-left:auto}.cap-speed i{width:62px;height:1px;background:#111}.cap-stage{position:relative;overflow:hidden;border-bottom:10px solid #111}.cap-ghost{position:absolute;left:-2vw;bottom:-.08em;color:#dfdfdb;white-space:nowrap;font-family:"Archivo Black",sans-serif;font-size:14.2vw;line-height:.78;letter-spacing:-.07em}.cap-conveyor{position:absolute;inset:0;will-change:transform}.cap-object{position:absolute;left:50%;bottom:0;width:min(62vw,890px);height:58%;transform:translateX(-50%);padding:35px 45px;background:#111;color:#fff;border-top:4px solid var(--orange);box-shadow:0 25px 60px rgba(0,0,0,.2);overflow:hidden}.cap-object:after{content:"";position:absolute;right:-7%;bottom:-45%;width:48%;aspect-ratio:1;border:1px solid #555;border-radius:50%;box-shadow:0 0 0 25px #111,0 0 0 26px #222,0 0 0 55px #111,0 0 0 56px #222}.object-kicker{font:800 8px ui-monospace,monospace;letter-spacing:.15em;color:#888}.cap-object strong{display:block;margin-top:20px;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(34px,4vw,64px);line-height:.9;letter-spacing:-.055em}.object-line{position:absolute;left:45px;right:45px;bottom:33px;height:1px;background:linear-gradient(90deg,var(--orange),#333 65%,transparent)}.object-core{position:absolute;right:15%;top:28%;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 4%,#2447ff 18%,var(--blue) 37%,#000 70%);box-shadow:0 0 0 1px #555,0 0 50px rgba(0,22,203,.65)}
.cap-table{display:grid;grid-template-columns:repeat(6,1fr);background:#111;color:#fff}.cap-table article{position:relative;padding:28px 25px;border-right:1px solid #292929;transition:background .35s,color .35s}.cap-table article:last-child{border:0}.cap-table span{color:#666;font:700 8px ui-monospace,monospace}.cap-table article>i{display:block;margin:28px 0 25px;color:#777;font-style:normal;font-size:30px}.cap-table h3{margin:0 0 18px;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(20px,1.55vw,28px);line-height:1.02;letter-spacing:-.045em}.cap-table p{margin:0;color:#858585;font-size:10px;line-height:1.65}.cap-table article.active{background:#050e6b}.cap-table article.active span,.cap-table article.active>i{color:var(--orange)}.cap-table article.active p{color:#c1c5dc}.cap-progress{position:absolute;z-index:8;left:3vw;right:3vw;bottom:15px;height:2px;background:#303030}.cap-progress i{display:block;height:100%;width:0;background:var(--orange)}

.painpoints{padding:150px 6vw}.pain-head{display:grid;grid-template-columns:.18fr 1.22fr .6fr;gap:4vw;align-items:end;margin-bottom:90px}.pain-head h2{margin:0;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(50px,5.55vw,88px);line-height:.88;letter-spacing:-.065em}.pain-head h2 span{white-space:nowrap}.pain-head>p:last-child{margin:0;color:#929292;font-size:13px;line-height:1.85}.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #292929;border-left:1px solid #292929}.pain-grid article{min-height:270px;padding:27px;border-right:1px solid #292929;border-bottom:1px solid #292929;transition:background .35s}.pain-grid article:hover{background:#070d3d}.pain-grid span{color:var(--orange);font:700 9px ui-monospace,monospace}.pain-grid h3{margin:90px 0 16px;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(26px,2.3vw,40px);letter-spacing:-.045em}.pain-grid p{max-width:430px;margin:0;color:#858585;font-size:12px;line-height:1.75}

.why{overflow:hidden}.why-copy{min-width:0}.why h2{font-size:clamp(48px,5.35vw,84px);line-height:.91}.why-art{border:1px solid #1b1b1b;background:radial-gradient(circle at 50% 52%,rgba(0,22,203,.15),transparent 31%),linear-gradient(135deg,#020202,#090909)}.why-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle,#000,transparent 74%)}.system-label{position:absolute;z-index:3;left:30px;top:29px}.system-label span{color:#565656;font:700 8px ui-monospace,monospace;letter-spacing:.16em}.system-label strong{display:block;margin-top:12px;color:#dedede;font:900 14px/1 ui-monospace,monospace}.signal-core{width:220px;height:220px;border-color:#313131}.signal-core:before{border-color:rgba(255,85,0,.75)}.signal-core i{width:58px;height:58px;background:radial-gradient(circle at 30% 28%,#fff 0 4%,#2447ff 18%,var(--blue) 38%,#000 72%);box-shadow:0 0 45px rgba(0,22,203,.62)}.signal-core span{color:#fff;font:800 9px ui-monospace,monospace;mix-blend-mode:normal}.node{position:absolute;z-index:3;width:34px;height:34px;border:1px solid #464646;border-radius:50%;display:grid;place-items:center;color:#777;font:700 7px ui-monospace,monospace;background:#070707}.n1{left:18%;top:30%}.n2{right:18%;top:23%}.n3{left:21%;bottom:19%}.n4{right:16%;bottom:28%}

@media(max-width:1000px){.capability-journey{height:auto}.capability-sticky{position:relative;height:auto;min-height:0;display:block}.cap-speed{top:28px}.cap-stage{height:510px}.cap-table{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cap-table::-webkit-scrollbar{display:none}.cap-table article{flex:0 0 72vw;min-height:330px;scroll-snap-align:start}.cap-progress{display:none}.pain-head{grid-template-columns:1fr}.why{grid-template-columns:1fr}.why-art{height:560px}}
@media(max-width:640px){.asset-card{padding:8px}.asset-card>div{height:60px}.asset-card figcaption{font-size:6px}.input-target:before{width:58px;height:58px}.input-target:after{width:36px;height:36px}.input-target i{width:13px;height:13px}.cap-stage{height:430px}.cap-ghost{bottom:6%;font-size:25vw}.cap-object{width:82vw;height:54%;padding:24px}.cap-object strong{font-size:35px}.cap-object .object-core{width:48px;height:48px}.cap-table article{flex-basis:86vw;min-height:320px;padding:25px 22px}.cap-table h3{font-size:29px}.painpoints{padding:100px 20px}.pain-head{margin-bottom:55px}.pain-head h2{font-size:48px}.pain-head h2 span{white-space:normal}.pain-grid{grid-template-columns:1fr}.pain-grid article{min-height:225px}.pain-grid h3{margin-top:58px;font-size:29px}.why-art{height:430px}.signal-core{width:160px;height:160px}.why h2{font-size:47px}}

/* Capability journey — intentionally mirrors the reference section:
   white moving-object stage above one uninterrupted black horizontal strip. */
.capability-journey{height:620vh}
.capability-sticky{grid-template-rows:43% 57%;background:#f3f3f1}
.cap-stage{overflow:visible;border-bottom:0;z-index:2}
.cap-stage:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:#111}
.cap-ghost{z-index:6;left:-5vw;bottom:-.27em;color:#dededb;font-size:15.8vw;line-height:.72;mix-blend-mode:difference;pointer-events:none}
.camera-motion{position:absolute;left:8vw;bottom:-2px;width:28vw;height:18vw;min-width:360px;min-height:232px;max-width:520px;max-height:334px;will-change:transform;transition:transform .08s linear}
.cinema-camera{position:absolute;left:0;bottom:0;width:100%;height:100%;filter:drop-shadow(0 20px 18px rgba(0,0,0,.16))}
.camera-body{position:absolute;left:16%;bottom:20%;width:55%;height:39%;border-radius:8% 4% 5% 6%;background:linear-gradient(155deg,#313338 0,#0c0d10 55%,#18191c 100%);border:2px solid #050505;box-shadow:inset 0 1px 0 #555,inset -15px -20px 35px #050505}
.camera-body:before{content:"";position:absolute;left:7%;top:15%;width:47%;height:5%;background:repeating-linear-gradient(90deg,#3e4045 0 2px,transparent 2px 7px)}
.camera-body span{position:absolute;left:9%;bottom:10%;font:800 10px ui-monospace,monospace;color:#777;letter-spacing:.18em}
.camera-body b{position:absolute;right:8%;top:12%;font:800 8px ui-monospace,monospace;color:#ff5400;letter-spacing:.15em}
.camera-body b:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#ff5400;box-shadow:0 0 10px #ff5400}
.camera-lens{position:absolute;left:68%;bottom:25%;width:25%;height:28%;clip-path:polygon(0 16%,68% 0,100% 15%,100% 85%,68% 100%,0 84%);background:linear-gradient(90deg,#0b0b0d,#35373b 55%,#070708);border-left:3px solid #4b4c50}
.camera-lens:before,.camera-lens:after{content:"";position:absolute;top:0;bottom:0;width:9%;background:repeating-linear-gradient(0deg,#090909 0 3px,#494a4d 3px 5px)}
.camera-lens:before{left:47%}.camera-lens:after{right:8%}
.camera-lens i{position:absolute;right:-1%;top:18%;width:24%;height:64%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 3%,#4261ff 7%,#0016cb 28%,#02030a 67%,#000 75%);box-shadow:0 0 18px rgba(0,22,203,.65);z-index:2}
.camera-reel{position:absolute;bottom:57%;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#17181b 0 15%,#050506 16% 24%,#37393d 25% 28%,#090a0b 29% 66%,#414247 67% 70%,#08090a 71%);border:3px solid #050505;box-shadow:inset 0 2px 3px #555}
.camera-reel:before,.camera-reel:after,.camera-reel i{content:"";position:absolute;left:43%;top:10%;width:14%;height:38%;border-radius:50%;background:#26282c;transform-origin:50% 105%}
.camera-reel:after{transform:rotate(120deg)}.camera-reel i{transform:rotate(240deg)}
.reel-a{left:17%}.reel-b{left:39%;width:22%;bottom:59%}
.camera-handle{position:absolute;left:22%;bottom:90%;width:34%;height:8%;border:7px solid #111;border-bottom:0;border-radius:12px 12px 0 0}
.camera-tripod{position:absolute;left:39%;bottom:0;width:12%;height:23%;background:linear-gradient(90deg,transparent 42%,#111 43% 57%,transparent 58%)}
.camera-tripod:before{content:"";position:absolute;left:22%;top:0;width:56%;height:12%;border-radius:4px;background:#111}
.camera-tripod i,.camera-tripod b{position:absolute;left:46%;top:38%;width:8%;height:80%;background:#111;transform-origin:top}
.camera-tripod i{transform:rotate(25deg)}.camera-tripod b{transform:rotate(-25deg)}
.cap-viewport{position:relative;z-index:1;overflow:hidden;background:#111;color:#fff}
.cap-track{height:100%;width:276vw;display:flex;will-change:transform;transition:transform .08s linear}
.cap-track article{position:relative;flex:0 0 32vw;padding:8.5vh 3.2vw 5vh;border-right:1px solid #2b2b2b;background:#111}
.cap-track .cap-intro{flex-basis:84vw;padding-left:10vw;display:grid;grid-template-columns:1.35fr .55fr;gap:9vw;align-content:center}
.cap-intro h2{margin:0;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(45px,5.2vw,90px);line-height:.92;letter-spacing:-.06em}
.cap-intro p{align-self:center;max-width:330px;margin:0;color:#999;font-size:14px;line-height:1.55}
.cap-track article>span{color:#656565;font:700 9px ui-monospace,monospace}
.cap-track article>i{display:block;margin:5.3vh 0 4vh;color:#aaa;font-style:normal;font-size:34px}
.cap-track h3{margin:0 0 2.2vh;font-family:"Archivo Black","Noto Sans SC",sans-serif;font-size:clamp(25px,2vw,38px);line-height:1;letter-spacing:-.045em}
.cap-track article>p{max-width:330px;margin:0;color:#8e8e8e;font-size:13px;line-height:1.55}
.cap-progress{bottom:14px}

@media(max-width:1000px){
  .capability-journey{height:auto;max-width:100vw;overflow:hidden}
  .capability-sticky{position:relative;top:auto;height:auto;min-height:0;display:block;overflow:hidden}
  .cap-stage{height:54vw;min-height:370px}
  .camera-motion{left:2vw;bottom:-1px;min-width:0;min-height:0;width:48vw;height:31vw;max-width:520px;max-height:336px}
  .cap-viewport{width:100%;max-width:100vw;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch}
  .cap-viewport::-webkit-scrollbar{display:none}
  .cap-track{width:max-content;height:430px;transform:none!important;transition:none}
  .cap-track article{flex:0 0 72vw;width:72vw;box-sizing:border-box;scroll-snap-align:start}
  .cap-track .cap-intro{flex:0 0 100vw;width:100vw;display:block;padding:90px 8vw 40px}
  .cap-intro h2{font-size:48px}
  .cap-intro p{margin-top:35px}
}
@media(max-width:640px){
  .cap-stage{height:410px}
  .camera-motion{left:3vw;width:68vw;height:43.8vw;bottom:0}
  .cap-ghost{font-size:29vw;bottom:5%}
  .cap-track{height:390px}
  .cap-track article{flex:0 0 88vw;width:88vw;padding:58px 26px 35px}
  .cap-track .cap-intro{flex:0 0 100vw;width:100vw;padding:70px 24px 35px}
  .cap-intro h2{font-size:39px}
}

/* Let the left-hand Why Xingyan signal field dissolve into the page. */
.why-art{border:0;background:radial-gradient(ellipse at 48% 52%,rgba(0,22,203,.13) 0,rgba(0,22,203,.04) 24%,transparent 58%)}
.why-art:before{inset:-10%;mask-image:radial-gradient(ellipse at center,#000 0 48%,transparent 78%)}
.why-art:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,#000 0,transparent 14% 86%,#000 100%),linear-gradient(0deg,#000 0,transparent 12% 88%,#000 100%)}
.why-art canvas,.why-art .signal-core,.why-art .system-label,.why-art .node{z-index:2}

/* The eight films are now live. */
.videos-pending .case-card{cursor:pointer!important}
.videos-pending .case-image i{font-size:9px!important}
.videos-pending .case-image i:after{display:none!important;content:none!important}
.videos-pending .case-image:after{background:linear-gradient(0deg,rgba(17,17,17,.78),transparent 55%)!important}

/* Full-bleed case stills were removed from the homepage; keep the remaining
   copy sections compact instead of leaving their former image spacing. */
.intro>.split-copy{padding-top:110px}
.milestone>.split-copy{padding-top:110px}
.contact-row .site-url{margin-top:3px;color:#777;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.4;letter-spacing:.02em;white-space:normal}
@media(max-width:640px){
  .intro>.split-copy,.milestone>.split-copy{padding-top:82px}
  .contact-row .site-url{font-size:11px}
}

/* Hero readability and vertical balance. */
@media(min-width:641px){
  .hero-copy{top:47%;bottom:auto;transform:translateY(-50%)}
  .hero-desc{max-width:440px;margin-top:34px;font-size:15px;line-height:1.75}
  .hero-actions{gap:14px;margin-top:34px}
  .hero-actions .pill{min-width:158px;height:52px;padding:0 28px;font-size:12px}
}
@media(max-width:640px){
  .hero-copy{bottom:104px}
  .hero-desc{margin-top:27px;font-size:14px;line-height:1.7}
  .hero-actions{gap:10px;margin-top:28px}
  .hero-actions .pill{min-width:136px;height:48px;font-size:11px}
}

/* Larger navigation and a shorter, cleaner blue-to-paper handoff. */
@media(min-width:901px){
  .nav nav{gap:22px;font-size:13px;line-height:1.25}
  .nav-cta{min-width:190px;padding:13px 27px;font-size:12px}
}
@media(min-width:641px){
  .hero{height:185vh}
  .color-wipe{bottom:-108%;height:112%;filter:blur(9px);background:linear-gradient(0deg,var(--paper) 0 20%,#d9ddfb 48%,#8ea0ff 68%,rgba(0,22,203,0) 100%)}
  .intro>.split-copy{padding-top:82px}
}

.hero-light .nav{color:#000}
.hero-light .nav .nav-cta{background:#000;color:#fff;border-color:#000}
.hero-light .nav nav a:after{background:#000}

/* Selected works: exact supplied covers, read in the requested order. */
.work-cards img:nth-child(1){z-index:4;left:2%;right:auto;top:2%;bottom:auto;transform:rotate(-1.5deg)}
.work-cards img:nth-child(2){z-index:3;left:auto;right:0;top:23%;bottom:auto;transform:rotate(1.6deg)}
.work-cards img:nth-child(3){z-index:2;left:0;right:auto;top:44%;bottom:auto;transform:rotate(-1.2deg)}
.work-cards img:nth-child(4){z-index:1;left:auto;right:4%;top:auto;bottom:-4%;transform:rotate(1deg)}
.work-cards span{z-index:6}

/* V9: responsive navigation, editorial hero rhythm and mobile capability guidance. */
.nav:not(.on-light){color:#fff}
.nav:not(.on-light) .nav-cta{background:#fff;color:#000;border-color:#fff}
.nav:not(.on-light) nav a:after{background:#fff}
.nav.on-light{color:#000}
.nav.on-light .nav-cta{background:#000;color:#fff;border-color:#000}
.nav.on-light nav a:after{background:#000}
.hero h1 .hero-line{display:block;width:max-content;white-space:nowrap}
.hero h1 .hero-line-one{margin-left:.08em;font-size:.64em;line-height:1.1;letter-spacing:-.015em}
.hero h1 .hero-line-one strong{display:inline-block;margin:0 .08em;color:var(--orange);font:inherit;transform:skewX(-9deg)}
.hero h1 .hero-line-two{font-size:1.04em;line-height:.9}
.hero h1 .hero-line-three{margin-left:1.02em;font-size:.88em;line-height:1.02;letter-spacing:-.045em}
.cap-swipe-hint{display:none}
@media(max-width:1000px){
  .cap-swipe-hint{display:flex;align-items:center;gap:14px;padding:13px 22px 16px;background:#111;color:#a7a7a7;font:700 10px ui-monospace,monospace;letter-spacing:.08em}
  .cap-swipe-hint span{white-space:nowrap;transition:opacity .35s}
  .cap-swipe-hint i{position:relative;display:block;flex:1;height:3px;overflow:hidden;border-radius:99px;background:#333}
  .cap-swipe-hint i b{position:absolute;left:0;top:0;width:28%;height:100%;border-radius:99px;background:var(--orange);transform:translateX(calc(var(--mobile-progress,0) * 257%));transition:transform .08s linear}
  .cap-swipe-hint.has-moved span{opacity:.45}
}
@media(max-width:640px){
  .hero h1{font-size:clamp(47px,14.4vw,66px);line-height:1}
  .hero h1 .hero-line-one{margin-left:0;font-size:.6em}
  .hero h1 .hero-line-two{font-size:1em}
  .hero h1 .hero-line-three{margin-left:.58em;font-size:.86em}
  .cap-swipe-hint{padding-left:26px;padding-right:26px}
}
.works-copy h2{font-size:clamp(44px,4.55vw,76px);line-height:.92}
.works-copy h2 span{white-space:nowrap}
@media(max-width:640px){
  .work-cards img{width:82%}
  .work-cards img:nth-child(1){left:0;top:0}
  .work-cards img:nth-child(2){right:0;top:22%}
  .work-cards img:nth-child(3){left:0;top:44%}
  .work-cards img:nth-child(4){right:0;bottom:0}
  .works-copy h2{font-size:clamp(38px,10.6vw,52px)}
}