:root{--bg:#0a0a0b;--bg-panel:#141416;--text:#f5f5f7;--text-dim:#9a9aa0;--chrome:#c8c9cc;--edge:#fff;--border:#c8c9cc29;--radius:18px;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}.bg-layer{z-index:0;position:fixed;inset:0}.bg-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bg-fallback{background:url(/img/fallback-robbie.jpg) 50%/cover no-repeat;position:absolute;inset:0}.bg-tint{background:linear-gradient(#0a0a0b8c 0%,#0a0a0b2e 40%,#0a0a0b99 100%);position:absolute;inset:0}.nav{z-index:10;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0a0a0b99,#0000);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{font-family:var(--font-display);letter-spacing:.08em;font-size:18px;font-weight:700}.wordmark span{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:500}.nav-links{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:28px;font-size:13px;display:flex}.nav-links a:hover{color:var(--edge)}.nav-cta{color:var(--text);border:1px solid var(--border);border-radius:999px;padding:9px 20px;transition:border-color .25s,box-shadow .25s}.nav-cta:hover{border-color:var(--chrome);box-shadow:0 0 18px #ffffff1f}#scroll-track{z-index:1;position:relative}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:140px clamp(24px,7vw,110px);display:flex;position:relative}.label{font-family:var(--font-display);letter-spacing:.34em;text-transform:uppercase;color:var(--text-dim);margin-bottom:22px;font-size:12px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700;line-height:1.04}h2{margin-bottom:48px;font-size:clamp(34px,5vw,64px)}.sub{color:var(--text-dim);font-size:clamp(16px,1.6vw,20px)}.hero{justify-content:flex-end;padding-bottom:120px}.hero h1{letter-spacing:.01em;text-shadow:0 4px 60px #000000a6;margin-bottom:24px;font-size:clamp(56px,10vw,148px)}.scroll-cue{letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-cue span{background:linear-gradient(180deg, var(--edge), transparent);width:1px;height:44px;animation:2s ease-in-out infinite cue}@keyframes cue{0%,to{opacity:.25;transform-origin:top;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.reveal{min-height:100vh;position:relative}.reveal-stage{place-items:center;height:100vh;display:grid}.beat{font-family:var(--font-display);opacity:0;text-shadow:0 4px 60px #000000b3;will-change:opacity, transform;grid-area:1/1;font-size:clamp(40px,7vw,104px);font-weight:700}.disciplines{background:linear-gradient(#0000,#0a0a0bd1 18% 82%,#0000)}.disc-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.disc{border:1px solid var(--border);border-radius:var(--radius);background:#141416b8;padding:34px 30px;transition:border-color .3s,box-shadow .3s,transform .3s}.disc:hover{border-color:var(--chrome);transform:translateY(-4px);box-shadow:0 0 30px #ffffff12}.disc-n{font-family:var(--font-display);letter-spacing:.3em;color:var(--text-dim);font-size:13px}.disc h3{margin:14px 0 12px;font-size:24px}.disc p{color:var(--text-dim);font-size:15px}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:#141416b8;transition:border-color .3s,box-shadow .3s,transform .3s;overflow:hidden}.card:hover{border-color:var(--chrome);transform:translateY(-4px);box-shadow:0 0 30px #ffffff12}.card-img{aspect-ratio:16/10;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.card:hover .card-img img{transform:scale(1.05)}.card-body{padding:22px 24px 26px}.card-body h3{margin-bottom:8px;font-size:19px}.card-body p{color:var(--text-dim);font-size:14px}.work{background:linear-gradient(#0000,#0a0a0bdb 12% 88%,#0000)}.work-band{margin-bottom:72px}.work-band:last-child{margin-bottom:0}.band-title{letter-spacing:.22em;text-transform:uppercase;color:var(--chrome);margin-bottom:26px;font-size:15px}.reel-row{scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:22px;padding-bottom:12px;display:flex;overflow-x:auto}.reel{border:1px solid var(--border);background:var(--bg-panel);aspect-ratio:9/16;border-radius:26px;flex:0 0 clamp(200px,22vw,260px);transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden}.reel:hover{border-color:var(--chrome);transform:translateY(-4px);box-shadow:0 0 30px #ffffff14}.reel video{object-fit:cover;width:100%;height:100%}.reel figcaption{background:linear-gradient(#0000,#0a0a0be0);flex-direction:column;gap:2px;padding:40px 18px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.reel figcaption strong{font-family:var(--font-display);font-size:15px}.reel figcaption span{color:var(--text-dim);font-size:12px}.reel-more{color:var(--text-dim);text-align:center;border-style:dashed;place-items:center;font-size:14px;line-height:1.7;display:grid}.web-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px;display:grid}.browser{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);transition:border-color .3s,box-shadow .3s,transform .3s;overflow:hidden}.browser:hover{border-color:var(--chrome);transform:translateY(-4px);box-shadow:0 0 30px #ffffff14}.browser-bar{border-bottom:1px solid var(--border);background:#0a0a0b99;align-items:center;gap:7px;padding:12px 16px;display:flex}.browser-bar i{background:#c8c9cc47;border-radius:50%;width:10px;height:10px}.browser-bar span{letter-spacing:.08em;color:var(--text-dim);margin-left:10px;font-size:12px}.browser img{aspect-ratio:16/9;object-fit:cover;width:100%}.browser figcaption{color:var(--text-dim);padding:16px 20px 20px;font-size:14px}.ai-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.ai-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);padding:30px 28px;transition:border-color .3s,box-shadow .3s,transform .3s}.ai-card:hover{border-color:var(--chrome);transform:translateY(-4px);box-shadow:0 0 30px #ffffff14}.chain{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.chain em{font-style:normal;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--chrome);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px}.chain b{color:var(--text-dim);margin-left:8px;font-weight:400}.ai-card h3{margin-bottom:10px;font-size:20px}.ai-card p{color:var(--text-dim);font-size:14px}.story{background:linear-gradient(#0000,#0a0a0bd1 18% 82%,#0000);flex-direction:row;align-items:center;gap:clamp(30px,6vw,90px)}.story-text{flex:55%}.story-text p+p{color:var(--text-dim);margin-top:18px}.story-text p:first-of-type{color:var(--text-dim)}.story-img{flex:45%}.story-img img{border-radius:var(--radius);border:1px solid var(--border)}.cta{text-align:center;align-items:center}.cta h2{margin-bottom:16px}.cta .sub{margin-bottom:42px}.btn{font-family:var(--font-display);letter-spacing:.06em;border:1px solid var(--chrome);border-radius:999px;padding:18px 44px;font-size:16px;transition:box-shadow .3s,background .3s,color .3s;display:inline-block}.btn:hover{background:var(--text);color:var(--bg);box-shadow:0 0 44px #ffffff40}.footer{border-top:1px solid var(--border);color:var(--text-dim);background:#0a0a0bd9;justify-content:space-between;align-items:center;padding:30px 40px;font-size:13px;display:flex;position:relative}@media (width<=768px){.nav{padding:16px 20px}.nav-links a:not(.nav-cta){display:none}.section{padding:110px 22px}.story{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.bg-video{display:none}.bg-fallback{display:block}.scroll-cue span{animation:none}}