:root{--bg:#000;--fg:#fff;--text:#ffffff94;--faint:#ffffff4d;--line:#ffffff38;--accent:#e65c00;--gutter:clamp(16px, 3vw, 36px);--header:72px;--display:"Oswald", "Arial Narrow", sans-serif;--body:"Roboto", system-ui, sans-serif;--hand:"Caveat", cursive}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.header{z-index:50;height:var(--header);padding:0 var(--gutter);background:var(--bg);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.brand{flex-direction:column;line-height:1;display:flex}.brand-name{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;font-size:22px;font-weight:600}.brand-role{letter-spacing:.16em;color:#fff6;text-transform:uppercase;margin-top:6px;font-size:9.5px;font-weight:700}.nav{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:28px;font-size:12px;font-weight:700;display:flex}.nav a:not(.cta){opacity:.95;transition:color .2s}.nav a:not(.cta):hover{color:var(--accent)}.nav .sep{background:#ffffff4d;width:1px;height:18px}.cta{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.cta:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.cta:hover{color:#ff8a3d}.hero{min-height:100svh;padding:var(--header) var(--gutter) 112px;flex-direction:column;justify-content:center;display:flex;position:relative}.hero-photo{left:55%;right:0;top:var(--header);background:var(--accent);position:absolute;bottom:0;overflow:hidden}.hero-photo img{width:auto;max-width:none;height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-photo.no-cutout img{object-fit:cover;filter:grayscale()contrast(1.1);mix-blend-mode:multiply;width:100%;height:100%;inset:0;transform:none}.hero h1{z-index:2;max-width:58vw;font-family:var(--display);text-transform:uppercase;letter-spacing:.005em;font-size:clamp(36px,5.4vw,96px);font-weight:600;line-height:1;position:relative}.hero h1 span{opacity:0;animation:.9s cubic-bezier(.2,.7,.2,1) forwards rise;display:block;transform:translateY(40px)}.hero h1 span:nth-child(2){animation-delay:.15s}@keyframes rise{to{opacity:1;transform:none}}.hero-text{z-index:2;max-width:420px;color:var(--text);opacity:0;padding-top:26px;animation:1s .45s forwards rise;position:relative}.hero-text strong{color:var(--fg);font-weight:700}.statement{text-align:center;min-height:100vh;padding:140px var(--gutter) 180px;flex-direction:column;justify-content:center;align-items:center;display:flex}.hand{font-family:var(--hand);color:#ffffffbf;margin-bottom:18px;font-size:26px;font-weight:500;line-height:1;transform:rotate(-3deg)}.statement blockquote,.big{max-width:1060px;font-family:var(--display);text-transform:uppercase;color:#c9c9c9;font-size:clamp(32px,5.2vw,74px);font-weight:600;line-height:1.12}.statement p{max-width:450px;color:var(--text);margin-top:26px}.work{padding:0 var(--gutter) 60px}.work-head{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-height:70vh;padding-bottom:14vh;display:flex}.project{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,56px);max-width:1400px;margin:0 auto;padding:9vh 0;display:grid}.media{aspect-ratio:16/9;background:#0b0b0b;width:100%;position:relative;overflow:hidden}.media.vertical{aspect-ratio:9/16;width:auto;max-width:100%;height:min(78vh,720px);margin:0 auto}.project.shorts{grid-template-columns:1fr}.shorts-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);display:grid}.shorts-grid .media.vertical{width:100%;height:auto}.shorts-grid .ph-play{width:46px;height:46px}.shorts-grid .ph-note{text-align:center;padding:0 10px;font-size:18px;line-height:1.1}.media iframe,.media video{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.info{opacity:.22;transition:opacity .8s,transform .8s;transform:translateY(16px)}.project.in .info{opacity:1;transform:none}.num{letter-spacing:.16em;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:700}.info h3{font-family:var(--display);text-transform:uppercase;margin:6px 0 12px;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.15}.info>p{color:var(--text);max-width:440px}.ph{letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;background:radial-gradient(120% 90% at 18% 0,#e65c0038,#0000 55%),radial-gradient(90% 70% at 100% 100%,#ffffff0f,#0000 60%),#0c0c0c;border:1px solid #ffffff14;flex-direction:column;font-size:10.5px;font-weight:700;display:flex;position:absolute;inset:0}.ph-top{justify-content:space-between;padding:12px 14px;display:flex}.ph-tc{font-variant-numeric:tabular-nums;color:var(--accent)}.ph-mid{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.ph-play{border:1.5px solid #ffffff8c;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.ph-play svg{fill:#fffc;width:18px;margin-left:4px}.ph-note{font-family:var(--hand);letter-spacing:0;text-transform:none;color:#fff9;font-size:22px;font-weight:500}.ph-tracks{border-top:1px solid #ffffff12;gap:4px;padding:8px 14px 12px;display:grid;position:relative}.ph-row{grid-template-columns:22px 1fr;align-items:center;gap:6px;font-size:9px;display:grid}.ph-lane{height:9px;position:relative}.ph-clip{background:#ffffff2e;border-radius:2px;position:absolute;top:0;bottom:0}.ph-row.a .ph-clip{background:#e65c0073}.ph-head{background:var(--accent);width:1px;animation:9s linear infinite scrub;position:absolute;top:4px;bottom:6px;left:42px}.ph-head:before{content:"";background:var(--accent);border-radius:1px;width:7px;height:7px;position:absolute;top:-3px;left:-3px}@keyframes scrub{0%{left:42px}to{left:calc(100% - 16px)}}.media.vertical .ph-row{grid-template-columns:1fr}.media.vertical .ph-row>span{display:none}.media.vertical .ph-head{animation-name:scrub-v;left:14px}@keyframes scrub-v{0%{left:14px}to{left:calc(100% - 14px)}}.contact{text-align:center;min-height:90vh;padding:140px var(--gutter) 80px;flex-direction:column;justify-content:center;align-items:center;display:flex}.contact .big{color:var(--fg);font-size:clamp(36px,6vw,88px);line-height:1.02}.contact p{max-width:380px;color:var(--text);margin-top:24px}.tg{letter-spacing:.04em;text-transform:uppercase;margin-top:26px;font-size:13px;font-weight:700}.tg:hover{color:#ff8a3d}.footer{padding:40px var(--gutter) 150px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff59;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:10px;font-weight:700;display:grid}.footer>:last-child{justify-self:end}.footer a:hover{color:var(--fg)}.timeline{z-index:40;left:var(--gutter);right:var(--gutter);pointer-events:none;height:0;position:fixed;bottom:46px}.tl-line{background:var(--line);height:1px;position:absolute;top:0;left:0;right:0}.tl-played{background:var(--accent);width:0;height:1px;position:absolute;top:0;left:0}.tl-head{background:var(--accent);width:1px;height:28px;position:absolute;top:-14px;transform:translate(-.5px)}.tl-head:before{content:"";background:var(--accent);border-radius:4px 4px 1px 1px;width:8px;height:11px;position:absolute;top:-5px;left:-3.5px}.tl-mark{width:30px;height:30px;color:var(--fg);cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;transform:translate(-50%,-50%)}.tl-mark svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;width:22px;height:22px;transition:stroke .2s}.tl-mark:hover svg,.tl-mark.active svg{stroke:var(--accent)}.tl-label{white-space:nowrap;font-family:var(--hand);color:#ffffffd9;font-size:20px;line-height:1;position:absolute;bottom:26px;left:50%;transform:translate(-30%)rotate(-4deg)}.tl-mark.below .tl-label{top:26px;bottom:auto;transform:translate(-60%)rotate(-3deg)}.tl-mark.end .tl-label{left:auto;right:0;transform:rotate(-4deg)}@media (width<=820px){.nav{gap:16px}.nav .hide-sm,.nav .sep{display:none}.hero{min-height:0;padding-top:calc(var(--header) + 12px);justify-content:flex-start;padding-bottom:90px}.hero-photo{width:74%;height:56svh;margin:0 calc(-1 * var(--gutter)) 0 auto;position:relative;top:auto;bottom:auto;left:auto}.hero h1{max-width:none;padding-top:26px;font-size:clamp(34px,10vw,64px)}.hero-text{padding-top:16px}.project{grid-template-columns:1fr;padding:7vh 0}.shorts-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 8px;grid-template-columns:none;grid-auto-columns:62%;grid-auto-flow:column;overflow-x:auto}.shorts-grid::-webkit-scrollbar{display:none}.shorts-grid .media{scroll-snap-align:start}.footer{text-align:center;grid-template-columns:1fr}.footer>:last-child{justify-self:center}.timeline{bottom:30px}body:after{content:"";z-index:39;pointer-events:none;background:linear-gradient(#0000,#000000e6 55%);height:84px;position:fixed;bottom:0;left:0;right:0}.tl-label{font-size:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero h1 span,.hero-text{opacity:1;animation:none;transform:none}.ph-head{animation:none}.info{transition:none}}