:root{--red: #ec1c27;--red-hover: #ff2b36;--ink: #111111;--card: #1b1b1b;--line: #333333;--muted: #9a9a9a;--soft: #d9d9d9;--gutter: clamp(20px, 5vw, 72px);--display: Poppins, system-ui, sans-serif;--mono: ui-monospace, Menlo, Consolas, monospace}html,body{margin:0;padding:0;background:var(--ink)}*,*:before,*:after{box-sizing:border-box}a{color:var(--red);text-decoration:none}::selection{background:var(--red);color:#fff}input,select,textarea,button{font:inherit}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.app{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:clip;-webkit-font-smoothing:antialiased}.display{font-family:var(--display);font-weight:700}.red{color:var(--red)}.dot-ink{color:var(--ink)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.32em}.kicker{font-size:11px;font-weight:600;letter-spacing:.36em;color:var(--red);margin-bottom:22px}.section-label{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:600;letter-spacing:.32em;margin-bottom:28px}.section-label .num{color:var(--red)}.section-label .rule{width:32px;height:1px;background:var(--muted)}.section-label.on-dark .rule{background:#6b6b6b}.container{max-width:1280px;margin:0 auto}.rv-50{opacity:var(--r, 1);transform:translateY(calc((1 - var(--r, 1)) * 50px))}.rv-40{opacity:var(--r, 1);transform:translateY(calc((1 - var(--r, 1)) * 40px))}.sticky-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;color:#fff}.cursor-ring,.cursor-dot{display:none}.has-cursor .cursor-ring{position:fixed;left:0;top:0;z-index:90;pointer-events:none;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:1.5px solid var(--red);display:flex;align-items:center;justify-content:center;transform:translate(calc(var(--cx, -100) * 1px),calc(var(--cy, -100) * 1px)) scale(var(--cs, 1));background:rgba(236,28,39,var(--cf, 0));transition:background .25s}.cursor-ring span{font-size:9px;font-weight:700;letter-spacing:.18em;color:#fff;transform:scale(calc(1 / var(--cs, 1)))}.has-cursor .cursor-dot{display:block;position:fixed;left:0;top:0;z-index:91;pointer-events:none;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--red);transform:translate(calc(var(--dx, -100) * 1px),calc(var(--dy, -100) * 1px))}.page-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--red);transform-origin:0 50%;transform:scaleX(var(--p, 0));z-index:60}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:14px clamp(16px,4vw,48px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#111111b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:10px 10px 10px 22px;color:#fff}.brand{display:flex;align-items:baseline;gap:10px;color:#fff}.brand-mark{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em}.brand-sub{font-size:10px;font-weight:600;letter-spacing:.32em}.nav-links{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.nav-link{color:#fff;padding:9px 14px;border-radius:999px;transition:background .2s;display:flex;align-items:center;gap:8px}.nav-link:hover{color:#fff;background:#222}.nav-link.active{background:#2a2a2a}.nav-link.active:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red)}.nav-actions{display:flex;align-items:center;gap:8px}.pill-btn{position:relative;z-index:2;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.lang-toggle{padding:3px;font-size:11px;font-weight:700;letter-spacing:.08em}.lang-toggle span{padding:0 10px;height:36px;display:flex;align-items:center;border-radius:999px;transition:background .2s}.lang-toggle span.on{background:var(--red)}.sound-toggle{width:44px;gap:3px;transition:border-color .2s}.sound-toggle.on{border-color:var(--red)}.sound-toggle span{width:2px;height:16px;background:#fff;border-radius:1px;transform:scaleY(.25)}.menu-toggle{width:44px;flex-direction:column;gap:5px}.menu-toggle span{width:16px;height:2px;background:#fff;transition:transform .25s}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.cta-btn{position:relative;z-index:1;background:var(--red);color:#fff;font-size:13px;font-weight:600;padding:11px 20px;border-radius:999px;transform:translate(calc(var(--mgx, 0) * 1px),calc(var(--mgy, 0) * 1px));transition:background .2s}.cta-btn:hover{color:#fff;background:var(--red-hover)}.mobile-menu{margin-top:8px;background:var(--ink);border-radius:24px;padding:12px 24px;display:flex;flex-direction:column;font-family:var(--display);font-weight:600;font-size:26px;animation:menu-in .3s cubic-bezier(.2,.8,.2,1)}.mobile-menu a{color:#fff;padding:10px 0;border-bottom:1px solid var(--line)}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a.active{color:var(--red)}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)}}.reveal-heading{margin:0;font-family:var(--display);font-weight:700;display:flex;flex-direction:column}.reveal-line{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.12em}.reveal-line>span{display:block;transform:translateY(110%);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.reveal-heading.in .reveal-line>span{transform:translateY(0)}.hero-lede{margin:0;max-width:480px;font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:var(--soft);text-wrap:pretty}.hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:32px}.scroll-hint{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.3em;color:var(--muted)}.scroll-hint:after{content:"";width:48px;height:1px;background:var(--muted)}.viewfinder{position:absolute;inset:clamp(76px,11vh,96px) clamp(12px,2.5vw,32px) clamp(12px,2.5vw,32px);pointer-events:none;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--soft)}.vf-corner{position:absolute;width:28px;height:28px;border:0 solid #ffffff}.vf-corner.tl{left:0;top:0;border-left-width:2px;border-top-width:2px}.vf-corner.tr{right:0;top:0;border-right-width:2px;border-top-width:2px}.vf-corner.bl{left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}.vf-corner.br{right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}.vf-rec{position:absolute;left:40px;top:8px;display:flex;align-items:center;gap:8px}.vf-rec i{width:9px;height:9px;border-radius:50%;background:var(--red);opacity:var(--blink, 1)}.vf-tc{position:absolute;right:40px;top:8px}.vf-meta{position:absolute;right:40px;bottom:8px}.marquee-wrap{background:var(--ink);padding:clamp(24px,5vw,60px) 0;overflow:hidden}.marquee-band{background:var(--red);color:#fff;transform:rotate(-2.5deg);margin:0 -40px;padding:clamp(14px,2vw,24px) 0;overflow:hidden}.marquee{display:flex;gap:48px;width:max-content;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:clamp(28px,5vw,72px);letter-spacing:-.02em;transform:translate(calc(var(--mq, 0) * 1px));will-change:transform}.marquee .sep{opacity:.45}.demo-note{margin:0 0 28px;max-width:72ch;font-size:13px;line-height:1.6;color:inherit}.site-footer .demo-note{margin-top:32px;margin-bottom:0;color:var(--soft)}.media{position:relative;width:100%;height:100%;overflow:hidden;background:repeating-linear-gradient(135deg,#1b1b1b 0,#1b1b1b 12px,#212121 12px,#212121 24px)}.media.light{background:repeating-linear-gradient(135deg,#ececec 0,#ececec 12px,#e4e4e4 12px,#e4e4e4 24px)}.media-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a8a8a;pointer-events:none}.media.light .media-label{color:#8a8a8a}.media-label svg{width:22px;height:22px;opacity:.7}.media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.media img.loaded{opacity:1}.next-band{padding:clamp(80px,14vh,150px) var(--gutter);overflow:clip;color:#fff}.next-band.red-bg{background:var(--red)}.next-band.ink-bg{background:var(--ink)}.next-inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;color:#fff}.next-inner:hover{color:#fff}.next-title{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(48px,9vw,140px);line-height:.88;letter-spacing:-.05em;transform:translate(calc((.5 - var(--p, 0)) * 10vw));will-change:transform}@supports (animation-timeline: view()){.next-title{transform:none;animation:next-title-slide linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}@keyframes next-title-slide{0%{transform:translate(5vw)}to{transform:translate(-5vw)}}.next-cta{color:#fff;padding:20px 32px;border-radius:999px;font-size:15px;font-weight:600;transform:translate(calc(var(--mgx, 0) * 1px),calc(var(--mgy, 0) * 1px))}.next-cta.ink{background:var(--ink)}.next-cta.red{background:var(--red)}.site-footer{background:var(--ink);color:#fff;padding:clamp(70px,12vh,120px) var(--gutter) 28px;overflow:hidden;border-top:1px solid #222222}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-col{display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--soft)}.footer-col .eyebrow{color:var(--muted);margin-bottom:6px}.footer-col a{color:var(--soft);transition:color .2s}.footer-col a:hover{color:var(--red)}.footer-talk{font-family:var(--display);font-weight:700;font-size:clamp(30px,3.6vw,52px);letter-spacing:-.035em;line-height:1;color:#fff;border-bottom:3px solid var(--red);padding-bottom:6px;transition:color .2s}.footer-talk:hover{color:var(--red)}.site-footer .container{container-type:inline-size}.footer-spot{margin-top:clamp(60px,10vh,110px);font-family:var(--display);font-weight:700;font-size:20.5cqw;line-height:.8;letter-spacing:-.06em;text-align:center;white-space:nowrap;background-image:radial-gradient(circle at calc(var(--fx, .5) * 100%) calc(var(--fy, .5) * 100%),var(--red) 0%,var(--red) 12%,#2a2a2a 32%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;user-select:none}.footer-base{margin-top:clamp(28px,5vh,48px);padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:11px;font-weight:600;letter-spacing:.3em;color:var(--muted)}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,5vw,72px);transition:transform 1s cubic-bezier(.76,0,.24,1)}.curtain.lifted{transform:translateY(-100%)}.btn-dark{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:16px 24px;border-radius:999px;font-size:14px;font-weight:600;transition:background .2s}.btn-dark:hover{background:var(--red);color:#fff}.link-underline{font-size:13px;font-weight:600;color:#fff;border-bottom:1px solid var(--red);padding-bottom:4px;transition:color .2s}.link-underline:hover{color:var(--red)}.work-card{display:flex;flex-direction:column;gap:14px;color:var(--ink);transition:color .2s}.work-card:hover{color:var(--red)}.badge{position:absolute;top:14px;left:14px;background:var(--ink);color:#fff;font-size:10px;font-weight:600;letter-spacing:.24em;padding:7px 11px;border-radius:999px;pointer-events:none}.chip{padding:9px 14px;border-radius:999px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.12em}.field{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;color:#fff;font-size:15px;outline:none;width:100%;transition:border-color .2s}.field:focus{border-color:var(--red)}.field::placeholder{color:#8a8a8a}.filter-btn{padding:10px 16px;border-radius:999px;border:none;background:transparent;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .25s}.filter-btn:hover{background:#222}.filter-btn.on{background:var(--red)}.tile-media{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;background:var(--card);transition:transform .4s cubic-bezier(.2,.8,.2,1);display:block;width:100%;padding:0;border:none}.tile-media:hover{transform:scale(.98)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0a0a0aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);animation:fade-in .3s ease}.modal-card{width:min(1100px,100%);max-height:100%;overflow:auto;display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,40px);background:var(--card);border:1px solid #2a2a2a;border-radius:28px;padding:clamp(16px,2.5vw,28px);color:#fff;animation:pop-in .4s cubic-bezier(.2,.8,.2,1)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(24px) scale(.98)}}@media(prefers-reduced-motion:reduce){.reveal-line>span,.curtain,.mobile-menu,.modal,.modal-card{transition:none!important;animation:none!important}}.hero-copy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:100px var(--gutter) clamp(40px,8vh,96px)}.hero-copy--page{padding-top:120px}.hero-title{font-size:clamp(44px,min(13vw,15vh),200px);line-height:.92;letter-spacing:-.05em}.hero-title--page{font-size:clamp(48px,min(12vw,16vh),190px)}.filter-bar{position:sticky;top:88px;z-index:20;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(28px,5vh,48px);padding:10px 0}.filter-pills{display:flex;flex-wrap:wrap;gap:8px;background:#111111d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px;border-radius:999px;border:1px solid #2a2a2a}@media(max-width:640px){.filter-pills{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-btn{flex:none;white-space:nowrap}}@media(orientation:landscape)and (max-height:520px){.hero-copy,.hero-copy--page{padding-top:64px;padding-bottom:18px}.hero-title,.hero-title--page{font-size:clamp(30px,14vh,200px)}.hero-copy .kicker{margin-bottom:10px}.hero-copy .hero-foot{margin-top:14px}.hero-copy .hero-lede{font-size:13px;line-height:1.45;max-width:560px}.hero-copy .scroll-hint{display:none}.filter-bar{position:relative;top:auto}}