body{max-width:680px;margin:auto;border-inline:1px solid rgba(255,255,255,.04)}.topbar{position:fixed;z-index:50;top:0;left:50%;width:min(100%,680px);transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);background:linear-gradient(#050506d9,transparent)}.identity{display:flex;align-items:center;gap:9px;text-decoration:none}.identity img{width:31px;height:31px;object-fit:contain}.identity span{display:grid;gap:2px}.identity b{font-size:11px;letter-spacing:.13em}.identity small{font:6px var(--mono);letter-spacing:.18em;color:var(--silver)}.menu-button{display:flex;align-items:center;gap:9px;min-width:48px;min-height:44px;padding:0;border:0;background:none;font:9px var(--mono);letter-spacing:.14em}.menu-button i,.menu-button i:before{display:block;width:18px;height:1px;background:var(--paper);content:"";transition:.3s}.menu-button i:before{transform:translateY(5px)}.menu-button[aria-expanded=true] i{transform:rotate(45deg)}.menu-button[aria-expanded=true] i:before{transform:rotate(-90deg)}.site-menu{position:fixed;z-index:40;inset:0 calc((100vw - min(100vw,680px))/2);padding:110px var(--pad) 40px;background:#070708f7;display:grid;align-content:start;transform:translateY(-102%);transition:transform .65s var(--ease)}.site-menu.open{transform:none}.site-menu a{padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:clamp(21px,6vw,31px);letter-spacing:-.04em}.hero{position:relative;min-height:100dvh;display:flex;align-items:flex-end;padding:120px var(--pad) 55px;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.76) brightness(.50) contrast(1.2);transform:scale(1.06)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0505069e 0%,transparent 35%,#050506ed 92%),linear-gradient(100deg,#050506ad,transparent 65%)}.frame{position:absolute;inset:85px 18px 30px;opacity:.55}.frame i{position:absolute;width:37px;height:37px;border-color:#d7d4cb;border-style:solid}.frame i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.frame i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.frame i:nth-child(3){bottom:0;right:0;border-width:0 1px 1px 0}.frame i:nth-child(4){bottom:0;left:0;border-width:0 0 1px 1px}.hero-copy{position:relative;z-index:2;width:100%}.kicker{font:9px/1.6 var(--mono);letter-spacing:.16em;color:var(--orange);text-transform:uppercase}.hero h1,.section-title h2,.live-copy h2,.contact h2{margin:15px 0 0;font:500 clamp(43px,13vw,76px)/.98 var(--sans);letter-spacing:-.075em}.hero h1 em{display:inline-block;font:400 .96em/1.08 var(--serif);font-style:normal}.lede{margin:25px 0 0;padding-top:14px;border-top:1px solid var(--line);color:#d0cdc6;font-size:12px;letter-spacing:.04em}.scroll-cue{position:absolute;z-index:2;right:var(--pad);bottom:51px;display:grid;gap:8px;text-decoration:none;font:8px var(--mono);letter-spacing:.16em;color:var(--silver)}.scroll-cue i{width:1px;height:39px;background:linear-gradient(var(--orange),transparent);justify-self:end}.section{padding:105px var(--pad);scroll-margin-top:70px}.section-title{margin-bottom:48px}.section-title h2{font-size:clamp(40px,11vw,65px)}.works{background:var(--black-2);overflow:hidden}.category-strip{display:flex;gap:0;overflow:auto;margin:0 calc(var(--pad)*-1) 34px;padding:0 var(--pad);scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category{flex:0 0 auto;min-height:44px;border:0;border-bottom:1px solid var(--line);background:none;padding:0 18px;color:var(--silver);font-size:11px;white-space:nowrap}.category:first-child{padding-left:0}.category.active{color:var(--paper);border-color:var(--orange)}.reel{display:grid;gap:65px}.film[hidden]{display:none}.film-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#111}.film-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,#05050699)}.film video{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.1);display:block}.play,.sound{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.48);background:#05050675;backdrop-filter:blur(8px)}.play{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%}.play span{display:block;margin:auto;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid white;transform:translateX(2px)}.film.playing .play{opacity:0}.sound{right:12px;bottom:12px;min-width:54px;min-height:40px;padding:0 10px;border-radius:99px;font:8px var(--mono);letter-spacing:.08em}.film-info{padding-top:17px}.film-info p{display:flex;justify-content:space-between;margin:0;color:var(--orange);font:8px var(--mono);letter-spacing:.1em}.film-info p b{font-weight:400;color:var(--silver)}.film-info h3{margin:12px 0 7px;font-size:25px;letter-spacing:-.04em}.film-info small{color:var(--silver);font-size:10px}.capability-note{margin-top:70px;padding-top:20px;border-top:1px solid var(--line)}.capability-note span{font:8px var(--mono);letter-spacing:.14em;color:var(--orange)}.capability-note p{font-size:19px;margin:14px 0 9px}.capability-note small{font-size:10px;color:var(--silver);line-height:1.7}.services{background:var(--black)}.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:25px 0;border-bottom:1px solid var(--line)}.service-item>span{font:9px var(--mono);color:var(--orange);padding-top:5px}.service-item h3{font-size:22px;letter-spacing:-.04em;margin:0 0 8px}.service-item p{font-size:11px;line-height:1.75;color:var(--silver);margin:0;max-width:34em}.live{padding-inline:0;background:#090909}.live-visual{position:relative;height:67dvh;min-height:500px;overflow:hidden}.live-visual video{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.14) brightness(.7)}.live-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#090909)}.signal{position:absolute;z-index:2;top:22px;right:var(--pad);font:8px var(--mono);letter-spacing:.12em}.signal i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 14px var(--orange);margin-right:7px}.live-copy{padding:40px var(--pad) 10px}.live-copy h2{font-size:clamp(38px,10vw,58px)}.live-copy>p:not(.kicker){font-size:12px;line-height:1.9;color:var(--silver);margin:25px 0}.live-copy a{display:flex;justify-content:space-between;min-height:50px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;font-size:11px}.process{background:#0d0d0e}.timeline{position:relative;margin-top:55px}.timeline:before,.timeline-fill{position:absolute;content:"";left:13px;top:14px;bottom:22px;width:1px;background:var(--line)}.timeline-fill{z-index:1;background:var(--orange);bottom:auto;height:0}.step{position:relative;z-index:2;display:grid;grid-template-columns:45px 1fr;min-height:112px}.step b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #555;border-radius:50%;background:#0d0d0e;color:var(--silver);font:8px var(--mono)}.step h3{font-size:21px;margin:0 0 8px}.step p{margin:0;color:var(--silver);font-size:11px;line-height:1.7}.process-note{padding-top:20px;border-top:1px solid var(--line);color:#d1cec7;font-size:11px;line-height:1.8}.about{min-height:80dvh;display:flex;flex-direction:column;justify-content:center}.about blockquote{margin:30px 0;font:400 clamp(29px,8vw,46px)/1.35 var(--serif);letter-spacing:-.045em}.about-text{max-width:38em;color:var(--silver);font-size:12px;line-height:1.95}.contact{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,#202020,#080808 48%,#050506 75%)}.contact-mark{width:120px;height:120px;object-fit:contain;margin-bottom:35px}.contact h2{font-size:clamp(44px,12vw,70px)}.contact-brief{color:var(--silver);font-size:10px;line-height:1.9;letter-spacing:.05em;margin:22px 0}.copy-brief{width:100%;max-width:390px;display:flex;align-items:center;justify-content:space-between;min-height:56px;margin-top:20px;padding:0 18px;border:1px solid var(--paper);background:var(--paper);color:var(--black);font-size:11px}.contact-note{display:block;max-width:390px;margin-top:25px;color:#777;font-size:9px;line-height:1.75}footer{display:flex;justify-content:space-between;gap:18px;padding:28px var(--pad);border-top:1px solid var(--line);color:#777;font:8px/1.7 var(--mono)}footer span:last-child{text-align:right}
@media(min-width:681px){body{box-shadow:0 0 100px #000}.film-media{aspect-ratio:4/5}.section{padding-top:125px;padding-bottom:125px}}
@media(max-width:370px){.hero h1{font-size:41px}.section-title h2{font-size:38px}.service-item h3{font-size:20px}.section{padding-top:88px;padding-bottom:88px}}
.contact-grid{width:100%;max-width:390px;margin:30px 0 4px;padding:18px;border:1px solid var(--line);display:grid;grid-template-columns:112px 1fr;gap:17px;text-align:left;background:#0a0a0bcc}.qr-wrap{display:grid;gap:9px;align-content:start}.qr-wrap img{display:block;width:112px;height:112px;object-fit:cover;background:white}.qr-wrap span{font-size:8px;line-height:1.5;color:var(--silver);text-align:center}.contact-links{display:grid;align-content:start}.contact-links a,.contact-links button{position:relative;display:grid;gap:5px;min-width:0;padding:10px 34px 10px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--paper);text-decoration:none;text-align:left}.contact-links small{font:7px var(--mono);letter-spacing:.14em;color:var(--orange)}.contact-links b{font:500 11px var(--sans);overflow-wrap:anywhere}.contact-links span{position:absolute;right:0;bottom:11px;font-size:8px;color:var(--silver)}@media(max-width:370px){.contact-grid{grid-template-columns:100px 1fr;gap:13px;padding:14px}.qr-wrap img{width:100px;height:100px}.contact-links b{font-size:10px}}


/* V5.1 typography and transparent-mark correction */
body{font-size:15px;line-height:1.65;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
.topbar{padding-top:16px;padding-bottom:16px;background:linear-gradient(180deg,rgba(5,5,6,.96),rgba(5,5,6,.72) 72%,transparent)}
.identity{gap:10px;min-height:44px}.identity img{width:36px;height:36px;background:transparent}.identity b{font-size:13px;font-weight:700;letter-spacing:.08em}.identity small{font-size:8px;letter-spacing:.12em}.menu-button{font-size:11px}.site-menu a{font-size:clamp(24px,7vw,34px);line-height:1.2}
.kicker{font-size:11px;line-height:1.5;letter-spacing:.13em;font-weight:600}
.hero h1{font-family:var(--sans);font-size:clamp(44px,12vw,58px);line-height:1.04;letter-spacing:-.065em;font-weight:650}.hero h1 em{font-family:inherit;font-size:1em;line-height:inherit;font-weight:inherit}.lede{font-size:14px;line-height:1.7}.scroll-cue{font-size:10px}
.section-title h2,.live-copy h2,.contact h2{font-family:var(--sans);font-size:clamp(35px,9.5vw,46px);line-height:1.08;letter-spacing:-.055em;font-weight:650}.section-title{margin-bottom:42px}
.category{font-size:13px}.film-info p{font-size:10px}.film-info h3{font-size:24px;line-height:1.25;font-weight:650}.film-info small,.capability-note small{font-size:12px;line-height:1.65}.capability-note p{font-size:19px}
.service-item h3{font-size:20px;line-height:1.35;font-weight:650}.service-item p{font-size:14px;line-height:1.75}.service-item>span{font-size:10px}
.live-copy>p:not(.kicker){font-size:15px;line-height:1.8}.live-copy a{font-size:13px}.signal{font-size:10px}
.step h3{font-size:20px;line-height:1.35}.step p,.process-note,.about-text{font-size:14px;line-height:1.8}.step b{font-size:10px}.about blockquote{font-family:var(--sans);font-size:clamp(28px,7.8vw,40px);line-height:1.35;font-weight:600}
.contact-mark{width:108px;height:108px;background:transparent}.contact-brief{font-size:13px;line-height:1.75}.qr-wrap span{font-size:11px}.contact-links small{font-size:9px}.contact-links b{font-size:13px}.contact-links span{font-size:10px}.copy-brief{font-size:14px}.contact-note{font-size:12px;line-height:1.7}footer{font-size:10px}
@media(max-width:340px){.hero h1{font-size:41px}.section-title h2,.live-copy h2,.contact h2{font-size:33px}.contact-grid{grid-template-columns:1fr}.qr-wrap{justify-items:center}.qr-wrap img{width:132px;height:132px}.contact-links{width:100%}.contact-links b{font-size:12px}}
.project-entry{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:18px;padding-top:13px;border-top:1px solid var(--line);color:var(--paper);text-decoration:none;font-size:13px}.project-entry span{color:var(--orange)}

/* V5.2 tighter editorial rhythm */
.section{padding-top:72px;padding-bottom:72px}.section-title{margin-bottom:28px}.reel{gap:42px}.capability-note{margin-top:48px}.service-item{padding:18px 0}.live-copy{padding-top:30px}.timeline{margin-top:38px}.step{min-height:96px}.about{min-height:auto}.contact{min-height:auto;padding-top:84px;padding-bottom:84px}.project-body{padding-top:64px;padding-bottom:64px}.project-section{padding:26px 0}.project-cta{padding-top:72px;padding-bottom:72px}
@media(max-width:370px){.section{padding-top:60px;padding-bottom:60px}.contact{padding-top:70px;padding-bottom:70px}.project-body{padding-top:54px;padding-bottom:54px}}

.case-badge{position:absolute;left:14px;top:14px;z-index:3;padding:7px 10px;border:1px solid rgba(255,255,255,.18);background:rgba(6,6,7,.68);backdrop-filter:blur(12px);color:#f2f1ed;font-size:9px;line-height:1;letter-spacing:.18em}.featured-case .film-media{box-shadow:0 24px 70px rgba(0,0,0,.42)}