*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1d1d1f;--ink-2:#6e6e73;--paper:#fbfbfd;--line:#1d1d1f24;--glass:#ffffff8c;--glass-border:#ffffff9e;--accent:#0071e3;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Mono", monospace}html{scrollbar-width:thin}html,body{height:auto}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow-x:clip}::selection{background:#0071e32e}.mono{font-family:var(--font-mono);letter-spacing:.14em;font-size:10px;font-weight:500}#stage{z-index:0;background:#060607;position:fixed;inset:0}#seq{width:100%;height:100%;display:block}#stage-tint{background:#fbfbfd00;position:absolute;inset:0}#content{z-index:2;position:relative}.pill{-webkit-backdrop-filter:blur(28px)saturate(185%);backdrop-filter:blur(28px)saturate(185%);color:var(--ink);background:linear-gradient(135deg,#ffffff70,#ffffff1a 38%,#ffffff0f 62%,#ffffff4d),linear-gradient(#ffffff29,#ffffff29);border:1px solid #ffffff75;border-radius:999px;box-shadow:inset 0 1px 1px #ffffff9e,inset 0 -1px 1px #ffffff38,0 14px 40px -16px #0000004d}#topbar{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:16px;left:20px;right:20px}#topbar .pill{pointer-events:auto;padding:9px 14px}.brand{align-items:baseline;gap:12px;display:flex}.brand-name{letter-spacing:.06em;font-size:12.5px;font-weight:700}.brand-sub{font-family:var(--font-mono);letter-spacing:.16em;color:var(--ink-2);font-size:9px}.top-meta{color:var(--ink-2)}#hud{z-index:40;-webkit-backdrop-filter:blur(28px)saturate(185%);backdrop-filter:blur(28px)saturate(185%);background:linear-gradient(160deg,#ffffff75,#ffffff1a 34%,#ffffff0d 64%,#ffffff52),linear-gradient(#ffffff26,#ffffff26);border:1px solid #ffffff75;border-radius:26px;flex-direction:column;padding:13px 12px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%);box-shadow:inset 0 1px 1px #ffffff9e,inset 0 -1px 1px #ffffff38,inset 1px 0 1px #fff3,0 14px 40px -16px #00000052}.hud-nav{flex-direction:column;gap:8px;display:flex}.hud-item{all:unset;cursor:pointer;grid-template-columns:1fr 12px;align-items:center;gap:6px;padding:2px 0;display:grid}.hud-item .hud-label{text-align:right;letter-spacing:.1em;font-size:9.5px;font-weight:600;font-family:var(--font-mono);color:#1d1d1f66;transition:color .3s}.hud-item .hud-tick{background:#1d1d1f40;justify-self:end;width:7px;height:1.5px;transition:width .35s,background .35s}.hud-item:hover .hud-label{color:#1d1d1fb8}.hud-item.is-active .hud-label{color:var(--ink)}.hud-item.is-active .hud-tick{background:var(--accent);width:12px}body.theme-dark #hud,body.hud-light #hud,body.theme-dark .pill,body.hud-light .pill{color:#f5f5f7;background:linear-gradient(160deg,#fff3,#ffffff0a 36%,#ffffff05 66%,#ffffff1f),linear-gradient(#ffffff0f,#ffffff0f);border-color:#ffffff3d;box-shadow:inset 0 1px 1px #ffffff47,inset 0 -1px 1px #ffffff1a,0 14px 40px -16px #00000080}body.theme-dark .brand-sub,body.hud-light .brand-sub,body.theme-dark .top-meta,body.hud-light .top-meta{color:#f5f5f799}body.theme-dark .hud-item .hud-label,body.hud-light .hud-item .hud-label{color:#f5f5f76b}body.theme-dark .hud-item:hover .hud-label,body.hud-light .hud-item:hover .hud-label{color:#f5f5f7cc}body.theme-dark .hud-item.is-active .hud-label,body.hud-light .hud-item.is-active .hud-label{color:#f5f5f7}body.theme-dark .hud-item .hud-tick,body.hud-light .hud-item .hud-tick{background:#f5f5f74d}body.theme-dark .hud-item.is-active .hud-tick,body.hud-light .hud-item.is-active .hud-tick{background:#6cb6ff}#audio-hint{z-index:40;color:var(--ink-2);opacity:0;pointer-events:none;padding:9px 13px;transition:opacity .45s;position:fixed;bottom:22px;left:22px}body.in-work #audio-hint{opacity:1}#loader{z-index:100;color:#f5f5f7;background:#060607;place-content:center;justify-items:center;gap:20px;display:grid;position:fixed;inset:0}.loader-mark{letter-spacing:.4em;padding-left:.4em;font-size:13px;font-weight:700}.loader-bar{background:#ffffff29;border-radius:99px;width:224px;height:2px;overflow:hidden}.loader-fill{transform-origin:0;background:#f5f5f7;height:100%;transition:transform .14s linear;transform:scaleX(0)}.loader-read{color:#f5f5f78c}#home{height:100vh;position:relative}.hero{z-index:3;pointer-events:none;color:#f5f5f7;align-items:center;padding:0 7vw;display:flex;position:absolute;inset:0}.hero--left{justify-content:flex-start}.hero--right{text-align:right;color:var(--ink);justify-content:flex-end;padding-right:max(11vw,224px)}.hero--right .hero-inner{flex-direction:column;align-items:flex-end;display:flex}.hero--right h1{text-shadow:0 1px 26px #ffffff59}.hero-inner{max-width:min(620px,46vw)}.hero h1{letter-spacing:-.022em;text-wrap:balance;text-shadow:0 1px 22px #00000029;font-size:clamp(2.5rem,4.9vw,4.8rem);font-weight:650;line-height:1.045}.hero-sub{letter-spacing:.02em;opacity:.78;margin-top:22px;font-size:14.5px}.eyebrow{opacity:.66;align-items:center;gap:10px;margin-bottom:22px;display:flex}.eyebrow:before{content:"";background:currentColor;width:16px;height:1px;display:inline-block}.hero--right .eyebrow{flex-direction:row-reverse}.scroll-cue{z-index:3;color:#f5f5f7d1;align-items:center;gap:14px;display:flex;position:absolute;bottom:32px;left:7vw}.cue-line{background:#f5f5f733;width:1px;height:30px;position:relative;overflow:hidden}.cue-line:after{content:"";background:linear-gradient(#0000,#f5f5f7,#0000);animation:1.7s ease-in-out infinite cueSlide;position:absolute;inset:0}@keyframes cueSlide{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}h2{letter-spacing:-.022em;font-size:clamp(2.3rem,5.2vw,4.4rem);font-weight:650;line-height:1.06}.section-sub{color:var(--ink-2);max-width:46ch;margin-top:16px;font-size:16.5px;line-height:1.6}.eyebrow.mono{color:var(--ink-2);opacity:1}#home .eyebrow{color:inherit;opacity:.66}.work-intro{max-width:1200px;padding:24vh 7vw 10vh}.reel{height:100vh;position:relative;overflow:hidden}.reel-head{z-index:5;pointer-events:none;justify-content:space-between;align-items:baseline;display:flex;position:absolute;top:6.5vh;left:7vw;right:7vw}.reel-title{letter-spacing:.015em;font-size:19px;font-weight:700}.reel-prefix{color:var(--ink-2);margin-right:6px}.reel-meta{color:var(--ink-2)}.reel-meta .arrow{animation:1.6s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.reel-viewport{perspective:1400px;align-items:center;display:flex;position:absolute;inset:0}.reel-track{will-change:transform;transform-style:preserve-3d;align-items:center;column-gap:5vw;display:flex}.reel-item{width:min(58vw,92vh,1040px);transform-style:preserve-3d;flex:none;position:relative;transform:translateY(-4.5vh)}.card{aspect-ratio:16/9;will-change:transform;background:#0a0a0c;border-radius:22px;transition:box-shadow .45s;position:relative;overflow:hidden;box-shadow:0 26px 70px -26px #0000006b}.reel-item.is-active .card{box-shadow:0 48px 120px -30px #0000008c}.card video{object-fit:contain;background:#0a0a0c;width:100%;height:100%;position:absolute;inset:0}.corner{opacity:0;z-index:3;width:15px;height:15px;transition:opacity .4s;position:absolute}.corner.tl{border-top:1.5px solid #ffffffe6;border-left:1.5px solid #ffffffe6;top:10px;left:10px}.corner.tr{border-top:1.5px solid #ffffffe6;border-right:1.5px solid #ffffffe6;top:10px;right:10px}.corner.bl{border-bottom:1.5px solid #ffffffe6;border-left:1.5px solid #ffffffe6;bottom:10px;left:10px}.corner.br{border-bottom:1.5px solid #ffffffe6;border-right:1.5px solid #ffffffe6;bottom:10px;right:10px}.reel-item.is-active .corner{opacity:.92}.chip,.live{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f5f5f7;letter-spacing:.12em;text-transform:uppercase;background:#1010128c;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:9px;display:inline-flex;position:absolute;top:14px}.chip{left:14px}.live{right:14px}.live i{background:#98989d;border-radius:50%;width:6px;height:6px}.reel-item.is-active .live i{background:#30d158;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.caption{opacity:0;pointer-events:none;background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--glass-border);text-align:center;border-radius:16px;width:min(94%,660px);padding:15px 22px;position:absolute;top:calc(100% + 52px);left:50%;transform:translate(-50%,16px);box-shadow:0 18px 50px -24px #00000040}.caption p{color:var(--ink);font-size:14.5px;line-height:1.6}.caption em{color:color-mix(in srgb, rgb(var(--hl)) 62%, #1d1d1f);background:rgba(var(--hl), .15);border-radius:6px;padding:1px 6px;font-style:normal;font-weight:650}.reel-dots{z-index:5;align-items:center;gap:9px;display:flex;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.dot{background:#1d1d1f3d;border-radius:999px;width:6px;height:6px;transition:all .35s}.dot.is-on{background:var(--ink);width:24px}.process-inner{max-width:1140px;margin:0 auto;padding:24vh 7vw 14vh}.steps{margin-top:9vh;position:relative}.wire{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wire path{fill:none;stroke:#1d1d1f47;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px}.step{z-index:1;background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--glass-border);border-radius:20px;align-items:flex-start;gap:24px;width:min(100%,620px);margin-bottom:24px;padding:28px 32px;display:flex;position:relative;box-shadow:0 18px 50px -26px #0003}.steps .step:nth-of-type(2n){margin-left:0}.steps .step:nth-of-type(odd){margin-left:auto}.step-num{width:34px;height:34px;color:var(--ink-2);background:#ffffff80;border:1px solid #1d1d1f33;border-radius:10px;flex:none;place-items:center;font-size:11px;display:grid}.step-body h3{letter-spacing:-.01em;font-size:19px;font-weight:650}.step-body p{color:#515154;max-width:46ch;margin-top:7px;font-size:15px;line-height:1.6}.tools-inner{max-width:1140px;margin:0 auto;padding:20vh 7vw 26vh}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:7vh;display:grid}.tool{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--glass-border);border-radius:20px;padding:26px 26px 22px;box-shadow:0 18px 50px -26px #0000002e}.tool h3{letter-spacing:-.01em;font-size:20px;font-weight:650}.tool p{color:var(--ink-2);margin-top:6px;font-size:14.5px}.tag{letter-spacing:.13em;border:1px solid;border-radius:999px;margin-top:18px;padding:5px 10px;font-size:9px;display:inline-block}.tag--open{color:#1d7a3e;background:#30d1581f;border-color:#30d15859}.tag--closed{color:#a05000;background:#ff9f0a24;border-color:#ff9f0a66}.tag--node{color:#3a3a3c;background:#7878801f;border-color:#7878804d}#about{color:#f5f5f7}.about-inner{max-width:1140px;margin:0 auto;padding:28vh 7vw 12vh}#about .eyebrow.mono{color:#f5f5f78c}#about h2{font-size:clamp(3rem,7vw,5.6rem)}.about-lede{color:#f5f5f7db;max-width:56ch;margin-top:24px;font-size:17.5px;line-height:1.68}.about-rows{margin-top:9vh}.about-row{border-top:1px solid #f5f5f729;align-items:baseline;gap:28px;padding:17px 0;display:flex}.about-row span{color:#f5f5f773;flex:0 0 92px;font-size:9px}.about-row b{letter-spacing:.14em;color:#f5f5f7eb;font-size:11px;font-weight:500}#contact{color:#f5f5f7}.contact-inner{max-width:1140px;margin:0 auto;padding:22vh 7vw 8vh}#contact .eyebrow.mono{color:#f5f5f78c}#contact h2{font-size:clamp(3rem,7vw,5.6rem)}#contact .section-sub{color:#f5f5f79e}.contact-links{margin-top:8vh}.contact-card{border-top:1px solid #f5f5f729;grid-template-columns:110px 1fr auto;align-items:baseline;gap:28px;padding:28px 10px;text-decoration:none;transition:background .35s;display:grid}.contact-card:last-child{border-bottom:1px solid #f5f5f729}.contact-label{letter-spacing:.18em;color:#f5f5f773;font-size:9px}.contact-value{letter-spacing:-.015em;color:#f5f5f7;overflow-wrap:anywhere;font-size:clamp(1.15rem,2.6vw,1.9rem);font-weight:600;transition:color .3s}.contact-arrow{color:#f5f5f766;font-size:21px;transition:transform .35s,color .3s}.contact-card:hover{background:#f5f5f70d}.contact-card:hover .contact-value{color:#6cb6ff}.contact-card:hover .contact-arrow{color:#6cb6ff;transform:translate(6px)}#footer{color:#f5f5f76b;justify-content:space-between;align-items:baseline;gap:20px;padding:8vh 7vw 4.5vh;display:flex}#footer b{color:#f5f5f7cc;font-weight:600}@media (width<=900px){#hud{transform-origin:100%;padding:12px;right:8px;transform:translateY(-50%)scale(.9)}.top-meta{display:none}.reel-item{width:84vw}.hero-inner{max-width:24ch}.hero--right{padding-right:max(9vw,112px)}.hero h1{font-size:clamp(2.1rem,8.6vw,2.9rem)}.step:nth-of-type(odd),.steps .step:nth-of-type(odd){margin-left:0}.wire{display:none}.caption p{font-size:13px}.work-intro{padding-top:20vh}.contact-card{grid-template-columns:1fr auto}.contact-label{grid-column:1/-1}}