:root{--yellow:#fff305;--black:#090909;--muted:#a3a3a3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--black);color:#f5f5f5;margin:0;font-family:Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--yellow);outline-offset:7px}.progress{background:var(--yellow);z-index:20;width:0;height:3px;position:fixed;top:0;left:0}header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:25px;height:104px;margin:0 5%;display:flex}.wordmark{letter-spacing:-1px;font-size:21px;font-weight:900}.wordmark span{letter-spacing:2px;margin-top:5px;font-size:10px;display:block}nav{align-items:center;gap:35px;font-size:14px;display:flex}nav sup{color:var(--yellow);font-size:10px}.nav-cta{border-bottom:1px solid var(--yellow);padding:10px 0}#motion{color:#bbb;cursor:pointer;background:0 0;border:1px solid #555;border-radius:30px;padding:9px 12px;font-size:12px}.hero{padding:36px 5% 50px;position:relative;overflow:hidden}.eyebrow{letter-spacing:1.4px;font-size:12px;font-weight:500}.hero>.eyebrow{color:#bbb;justify-content:space-between;display:flex}h1{letter-spacing:-.02em;z-index:1;margin:46px 0 30px;font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;font-size:clamp(75px,14.6vw,240px);font-weight:800;line-height:.88;position:relative}h1>span{display:block}.intro{animation:.9s both enter}.impact{color:var(--yellow);font-size:1.45em;animation:1.1s .1s both enter}.period{transform-origin:bottom;animation:4s ease-in-out infinite nod;display:inline-block}.hero-bottom{z-index:1;justify-content:space-between;align-items:center;gap:30px;display:flex;position:relative}.hero-bottom p{font-size:18px;line-height:1.6}.round-link{border:1px solid #666;border-radius:50%;justify-content:center;align-items:center;gap:15px;width:130px;height:130px;font-size:12px;line-height:1.5;transition:background .25s,color .25s,transform .25s;display:flex}.round-link:hover{background:var(--yellow);color:#000;transform:rotate(-8deg)}.round-link b{font-size:28px}.index-label{text-align:right;font-size:12px;line-height:2}.index-label span{color:#888;font-size:10px}.hero-grid{pointer-events:none;background:linear-gradient(90deg,#0000 49.9%,#ffffff08 50%,#0000 50.1%);position:absolute;inset:0}.ticker{background:var(--yellow);color:#080808;margin:20px 0 75px;padding:19px 0;overflow:hidden;transform:rotate(-2deg)scale(1.01)}.ticker>div{white-space:nowrap;width:max-content;font-family:Barlow Condensed,Impact,sans-serif;font-size:35px;font-weight:700;animation:30s linear infinite marquee}.ticker span{padding:0 40px}.work{padding:30px 5% 100px}.section-heading{grid-template-columns:1fr 1.4fr 1fr;align-items:end;gap:25px;margin-bottom:55px;display:grid}.section-heading .eyebrow{color:var(--yellow);align-self:start;padding-top:10px}h2{margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(40px,5vw,76px);font-weight:600;line-height:1.02}.section-heading p{color:#999;margin:0;font-size:14px;line-height:1.7}.projects{grid-template-columns:1fr 1fr;gap:32px;display:grid}.project{text-align:left;color:#fff;cursor:pointer;min-width:0;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:#1e2421;border:0;padding:27px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.project:hover{box-shadow:0 0 0 1px var(--yellow)}.project-top,.project-bottom{z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.project-top{letter-spacing:1px;font-size:11px}.project-top>span:last-child{white-space:nowrap}.project-art{flex-direction:column;justify-content:center;height:350px;transition:transform .6s;display:flex;position:relative}.project:hover .project-art{transform:scale(1.025)}.project-art .small{letter-spacing:2px;margin-bottom:25px;font-size:10px}.project-art strong{letter-spacing:-1px;z-index:1;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(40px,5.7vw,95px);font-weight:800;line-height:.92;position:relative}.project-bottom{border-top:1px solid #ffffff3a;padding-top:22px}.project-bottom h3{margin:0;font-size:17px;font-weight:500}.project-bottom>span{opacity:.7;font-size:12px}.csl{background:#173f31}.sports strong{font-style:italic}.fieldline{border:1px solid #bdd6b23b;border-radius:50%;width:280px;height:280px;position:absolute;top:25px;right:-100px}.ai{background:#1c1c21}.terminal{font-family:monospace}.terminal-line{color:var(--yellow);font-size:clamp(14px,1.7vw,27px);line-height:2}.terminal-line:nth-child(3){opacity:.7}.terminal-line:nth-child(4){opacity:.4}.terminal-line>span{animation:1s steps(2,end) infinite blink}.agent-tags{flex-wrap:wrap;gap:8px;margin-top:30px;font-size:10px;display:flex}.agent-tags span{border:1px solid #444;padding:9px}.hopes{background:#714236}.hopes em{font-family:Georgia,serif;font-size:.9em;font-weight:400}.slaps{color:#191919;background:#e8e7dd}.slaps .project-bottom{border-color:#0003}.slaps .project-art strong>span{color:#c83824}.compact{background:var(--yellow);color:#000}.compact .project-bottom{border-color:#0003}.compact .project-art{height:290px}.compact strong{font-size:clamp(36px,5.2vw,80px)}.outline{color:#0000;-webkit-text-stroke:1px currentColor;-webkit-text-stroke-color:#111}.multiply{font-size:100px;font-weight:400;animation:16s linear infinite spin;position:absolute;top:-70px;right:0}.docs{background:#b6c2f2}.about{border-top:1px solid #333;grid-template-columns:1fr 2.4fr;gap:40px;padding:80px 5% 110px;display:grid}.about .eyebrow{color:var(--yellow);padding-top:10px}.about h2{font-size:clamp(45px,6vw,90px)}.about h2 span{color:#777}.about p{color:#bbb;max-width:610px;font-size:18px;line-height:1.7}.capabilities{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.capabilities span{border:1px solid #555;border-radius:30px;padding:11px 17px;font-size:14px}footer{background:var(--yellow);color:#070707;padding:50px 5% 25px}.footer-link{letter-spacing:-2px;margin:40px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(65px,12vw,190px);font-weight:700;line-height:.95;display:block;position:relative}.footer-link>span{transition:padding .4s}.footer-link:hover>span{padding-left:20px}.footer-link b{font-weight:400;position:absolute;top:0;right:0}.footer-bottom{letter-spacing:1px;border-top:1px solid #0005;justify-content:space-between;padding-top:25px;font-size:11px;display:flex}.reveal{opacity:1}.js-motion .reveal{opacity:0;transition:opacity .7s,translate .7s;translate:0 45px}.js-motion .reveal.visible{opacity:1;translate:0}dialog{color:#fff;background:#141414;border:1px solid #666;width:calc(100% - 40px);max-width:700px;padding:60px}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000b}dialog h2{margin:25px 0}dialog p{color:#bbb;font-size:18px;line-height:1.7}dialog .eyebrow{color:var(--yellow)}.close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:35px;position:absolute;top:10px;right:16px}.detail-link{color:var(--yellow);border-bottom:1px solid;margin-top:40px;padding-bottom:8px;font-size:16px;display:inline-block}.paused *,.paused :before,.paused :after{scroll-behavior:auto!important;animation-play-state:paused!important}.paused .reveal{opacity:1;transition:none;translate:none}.paused .project{transform:none!important}@keyframes enter{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes spin{to{rotate:360deg}}@keyframes nod{50%{transform:translateY(-10px)}}@keyframes blink{50%{opacity:0}}@media (max-width:800px){header{gap:15px;height:90px}nav{gap:20px}nav .nav-cta{display:none}.wordmark{font-size:18px}.hero>.eyebrow{font-size:10px}.hero>.eyebrow>span:last-child{display:none}h1{margin-top:55px;font-size:15vw}.hero-bottom{align-items:center}.index-label{display:none}.hero-bottom p{font-size:16px}.round-link{flex-shrink:0;width:100px;height:100px;font-size:10px}.section-heading{grid-template-columns:1fr 1fr}.section-heading>.eyebrow{grid-column:1/-1}.projects{gap:18px}.project{padding:20px}.project-art{height:290px}.project-bottom{display:block}.project-bottom>span{margin-top:7px;display:block}.project-top{font-size:10px}.about{grid-template-columns:1fr}.footer-bottom{font-size:10px}.footer-bottom>span:nth-child(2){display:none}}@media (max-width:560px){nav a{font-size:12px}nav a:nth-child(2){display:none}#motion{padding:7px;font-size:10px}.hero{padding-top:25px}.hero-bottom{margin-top:40px}.ticker{margin-bottom:40px}.ticker>div{font-size:27px}.work{padding-top:20px;padding-bottom:60px}.section-heading{grid-template-columns:1fr}.section-heading h2{font-size:46px}.section-heading p{font-size:14px}.projects{grid-template-columns:1fr;gap:24px}.project-art{height:310px}.project-art strong{font-size:66px}.compact strong{font-size:58px}.terminal-line{font-size:22px}.project-top{font-size:11px}.project-bottom h3{font-size:18px}.project-bottom>span{font-size:13px}.about{padding-top:55px;padding-bottom:60px}.about p{font-size:16px}dialog{padding:45px 25px}.footer-link{font-size:17vw}.footer-link b{font-size:50px}.eyebrow{font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js-motion .reveal{opacity:1;translate:none}.project{transform:none!important}}.image-art{height:350px;margin:25px -27px;overflow:hidden}.image-art img{object-fit:cover;width:100%;height:100%}.logo-art img{object-fit:contain;padding:35px}.marcy{background:#0b202b}.marcy-art img{object-position:center 25%}.baseball{background:#244738}.portfolio-links{flex-wrap:wrap;gap:25px;margin-top:40px;font-size:14px;display:flex}.portfolio-links a{border-bottom:1px solid #777;padding-bottom:8px}.portfolio-links a:hover{color:var(--yellow)}@media (max-width:800px){.image-art{margin-left:-20px;margin-right:-20px}}.hero{padding-bottom:40px}.glass-stage{isolation:isolate;background:radial-gradient(at 50% 52%,#25272066 0%,#09090900 63%);height:clamp(480px,48vw,740px);margin:0 -5.56%;position:relative;overflow:hidden}#glass-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene-note{z-index:5}.replay{z-index:6}.glass-stage h1{text-align:center;letter-spacing:-.025em;z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0 7%;font-size:clamp(88px,12vw,186px);line-height:.88;display:flex;position:absolute;inset:0}.glass-stage h1 .intro,.glass-stage h1 .impact{font-size:1em;animation:none;transform:none}.glass-stage h1 .impact{font-size:1.24em}.glass-stage .period{animation:none}.hero-into{letter-spacing:.45em;color:#999;margin:20px 0 17px;padding-left:.6em;font:600 16px/1 Roboto,Arial,sans-serif}.glass-stage h1>span{opacity:1;filter:none;transition:none;animation:none;transform:none}.scene-note{color:#bbb;letter-spacing:1.7px;z-index:4;flex-direction:column;gap:9px;font-size:10px;display:flex;position:absolute;bottom:32px;left:5%}.scene-phase{color:#777;font-size:9px}.replay{z-index:5;color:#bbb;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101010aa;border:1px solid #555;border-radius:50px;padding:12px 17px;font-size:12px;transition:color .3s,border-color .3s;position:absolute;bottom:30px;right:5%}.replay:hover{color:var(--yellow);border-color:var(--yellow)}.replay span{margin-left:12px;font-size:16px}.hero-bottom{border-top:1px solid #ffffff17;padding-top:20px}.round-link{width:105px;height:105px}.hero-grid{display:none}.paused .glass-stage h1 span{opacity:1;filter:none;transform:none}.paused .replay{display:none}.hero>.eyebrow{z-index:4;position:relative}@media (max-width:560px){.glass-stage{height:520px}.glass-stage h1{font-size:23vw}.hero-into{margin:17px 0;font-size:13px}.scene-note{max-width:45%;font-size:9px;bottom:30px}.scene-phase{line-height:1.6}.replay{padding:10px 13px;font-size:11px}.hero-bottom{margin-top:0}.hero-bottom p{font-size:14px}.round-link{width:85px;height:85px}}@media (prefers-reduced-motion:reduce){.glass-ready h1 span{opacity:1!important;filter:none!important;transform:none!important}.replay{display:none}}.ticker>.ticker-track{will-change:transform;animation:30s linear infinite marquee;display:flex}.ticker-group{white-space:nowrap;flex:none}.hero-bottom p{max-width:580px}.hero-copy{min-width:0;max-width:580px}.hero-bottom .hero-support{max-width:480px;color:var(--muted);margin-top:12px;font-size:16px;line-height:1.6}.ai-cta{border:1px solid var(--yellow);background:var(--yellow);color:#050505;justify-content:space-between;align-items:center;gap:18px;max-width:380px;margin-top:22px;padding:14px 17px;font-size:12px;font-weight:700;line-height:1.35;transition:background .25s,color .25s;display:flex}.ai-cta:hover{color:var(--yellow);background:0 0}.ai-cta b{flex-shrink:0;font-size:21px;line-height:1}@media (max-width:560px){.hero-bottom .hero-support{font-size:16px}}.glass-ready:not(.glass-revealed) h1>span{opacity:0;filter:none;transition:none;transform:none}.paused .glass-ready h1>span{opacity:1}@media (prefers-reduced-motion:reduce){.glass-ready h1>span{opacity:1!important}}@media (min-width:801px){nav{font-size:16px}.eyebrow{font-size:14px}.wordmark span{font-size:12px}#motion,.replay{font-size:14px}.scene-note{font-size:12px}.scene-phase{font-size:11px}.index-label{font-size:14px}.index-label span{font-size:12px}.project-top{font-size:13px}.project-art .small{font-size:12px}.project-bottom>span{font-size:14px}.agent-tags{font-size:12px}.portfolio-links{font-size:16px}.footer-bottom{font-size:13px}}@media (max-width:800px){nav a{font-size:14px}.eyebrow{font-size:13px}.wordmark span{font-size:11px}#motion,.replay{font-size:12px}.scene-note{font-size:11px}.scene-phase{font-size:10px}.project-top,.project-art .small{font-size:12px}.project-bottom>span{font-size:14px}.agent-tags,.footer-bottom{font-size:11px}}.hero-into{letter-spacing:.35em;color:#f5f5f5;margin:18px 0 15px;font-size:clamp(24px,2.2vw,34px);font-weight:700}@media (max-width:560px){.hero-into{letter-spacing:.28em;margin:14px 0 12px;font-size:20px}}