:root{--bg:#050505;--fg:#f1f1ef;--muted:#8b8b87;--line:#292927;--max:1440px;--pad:clamp(1.25rem,4vw,4rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}a{color:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;padding:.8rem 1rem;background:#fff;color:#000}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid #fff;outline-offset:5px}
.topbar{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:1.2rem var(--pad);mix-blend-mode:difference;pointer-events:none}.topbar a{pointer-events:auto;text-decoration:none}.brand{font-size:1.1rem;font-weight:800;letter-spacing:-.08em}.brand span{font-size:.7em;vertical-align:top}.topbar p{margin:0;font-size:.62rem;line-height:1.2;text-transform:uppercase;text-align:center;letter-spacing:.13em}.availability{justify-self:end;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.availability i,.contact>p i{display:inline-block;width:.45rem;height:.45rem;margin-right:.45rem;border-radius:50%;background:#d7ff35;box-shadow:0 0 12px #d7ff35}
.intro{min-height:100svh;max-width:var(--max);margin:auto;padding:8rem var(--pad) 7rem;display:flex;flex-direction:column;justify-content:center;position:relative}.intro-kicker{display:flex;justify-content:space-between;margin-bottom:1.8rem;color:var(--muted);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.intro h1{margin:0;font-size:clamp(5rem,15vw,14rem);line-height:.7;letter-spacing:-.095em;text-transform:uppercase}.intro h1 span{display:block}.intro h1 span:last-child{text-align:right;color:transparent;-webkit-text-stroke:1.5px var(--fg)}.intro-foot{margin-top:3rem;display:flex;justify-content:space-between;align-items:end}.intro-foot p{margin:0;color:#b7b7b3;font-size:clamp(.9rem,1.3vw,1.1rem);line-height:1.45}.intro-foot a{text-decoration:none;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--fg);padding-bottom:.35rem}
.work{border-top:1px solid var(--line)}.case{min-height:100svh;padding:clamp(5.5rem,9vh,8rem) max(var(--pad),calc((100vw - var(--max))/2 + var(--pad))) 8rem;display:flex;flex-direction:column;justify-content:center;position:relative;border-bottom:1px solid var(--line)}.case-heading{width:min(74vw,900px);margin:0 auto 1.35rem;display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.6rem}.case-heading span,.case-heading small{color:var(--muted);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.case-heading h3{margin:0;font-size:clamp(1.15rem,2.2vw,2rem);font-weight:500;letter-spacing:-.035em}.stage{display:block;width:min(74vw,900px);aspect-ratio:16/9;margin:auto;overflow:hidden;position:relative;background:#111;text-decoration:none}.stage img{width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.04);transition:transform .55s ease,filter .55s ease}.stage:hover img{transform:scale(1.018);filter:saturate(1) contrast(1)}.watch{position:absolute;right:1rem;bottom:1rem;padding:.65rem .8rem;background:#f4f4f0;color:#070707;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translateY(.5rem);transition:.25s}.stage:hover .watch,.stage:focus-visible .watch{opacity:1;transform:none}.timeline{width:min(74vw,900px);margin:1.5rem auto 0;border-top:1px solid #777;padding-top:.55rem;display:flex;justify-content:space-between;position:relative;color:var(--muted);font-size:.62rem}.timeline i{position:absolute;top:-1px;left:0;width:var(--progress);border-top:1px solid #fff}.case-note{width:min(74vw,900px);margin:1.1rem auto 0;display:grid;grid-template-columns:1.4fr 1fr;gap:3rem}.case-note p{max-width:38rem;margin:0;color:#aaa9a5;font-size:.82rem;line-height:1.5}.case-note ul{list-style:none;margin:0;padding:0;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem 1rem;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
.shorts{min-height:100svh;padding:10rem max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));border-bottom:1px solid var(--line)}.section-label{display:grid;grid-template-columns:5rem 1fr 1fr;align-items:end;margin-bottom:4rem}.section-label>span,.section-label p{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.section-label h2{margin:0;font-size:clamp(3rem,7vw,7rem);letter-spacing:-.075em;line-height:.8;text-transform:uppercase}.section-label p{justify-self:end;margin:0;max-width:15rem;line-height:1.5}.short-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.6rem,1.4vw,1.3rem);align-items:start}.short-grid a{text-decoration:none}.short-grid a:nth-child(even){margin-top:5rem}.short-grid img{width:100%;aspect-ratio:9/14;object-fit:cover;filter:grayscale(.4) brightness(.78);transition:.3s}.short-grid a:hover img{filter:none;transform:translateY(-5px)}.short-grid div{display:flex;justify-content:space-between;gap:.5rem;margin-top:.75rem}.short-grid span{font-size:.72rem;text-transform:uppercase}.short-grid small{color:var(--muted);font-size:.58rem;text-align:right}
.about{min-height:100svh;padding:10rem max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.section-number{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.about h2,.contact h2{margin:2rem 0 4rem;font-size:clamp(4rem,9.5vw,9rem);line-height:.82;letter-spacing:-.085em;text-transform:uppercase}.about h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;text-transform:none}.about-columns{width:60%;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.about-columns p{margin:0;color:#b4b3af;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.5}.tools{margin-top:5rem;padding-top:1.2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}
.contact{min-height:100svh;padding:10rem var(--pad);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact>p{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.contact h2{margin-bottom:3rem}.contact>a{padding:1rem 1.3rem;border:1px solid #777;text-decoration:none;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em}.contact>a:hover{background:var(--fg);color:var(--bg)}
.dock{position:fixed;z-index:30;left:50%;bottom:1.35rem;transform:translateX(-50%);width:min(36rem,calc(100vw - 2rem));height:3.5rem;border:1px solid #373735;background:rgba(5,5,5,.78);backdrop-filter:blur(16px);display:grid;grid-template-columns:3.5rem 1fr 5.5rem;align-items:center}.dock a{text-decoration:none}.dock-brand{text-align:center;font-weight:800;letter-spacing:-.07em}.dock div{height:100%;border-inline:1px solid #373735;display:flex;align-items:center;justify-content:center;gap:2rem}.dock div a,.dock-menu{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.dock-menu{text-align:center}.counter{position:fixed;right:1.2rem;top:50%;z-index:20;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#a5a5a1;font-size:.6rem}.counter i{height:5rem;border-left:1px solid #525250;position:relative}.counter i::after{content:"";position:absolute;left:-1px;top:0;height:var(--scroll,20%);border-left:1px solid #fff}.counter small{font:inherit}
@media(max-width:800px){.topbar{grid-template-columns:1fr 1fr}.topbar p{display:none}.intro h1{font-size:clamp(4.5rem,21vw,8rem)}.intro h1 span:last-child{text-align:left}.case{min-height:auto;padding-block:7rem}.case-heading,.stage,.timeline,.case-note{width:100%}.case-heading{grid-template-columns:1.7rem 1fr}.case-heading small{grid-column:2}.case-note{grid-template-columns:1fr;gap:1rem}.case-note ul{justify-content:flex-start}.section-label{grid-template-columns:1fr;gap:1rem}.section-label p{justify-self:start}.short-grid{grid-template-columns:repeat(2,1fr)}.short-grid a:nth-child(even){margin-top:3rem}.about-columns{width:100%;grid-template-columns:1fr}.tools{flex-wrap:wrap;justify-content:flex-start}.counter{display:none}}
@media(max-width:520px){.availability{max-width:9rem;text-align:right;line-height:1.35}.intro{padding-bottom:8rem}.intro-foot{align-items:flex-start;flex-direction:column;gap:2rem}.short-grid{grid-template-columns:1fr}.short-grid a,.short-grid a:nth-child(even){margin:0 0 2rem}.short-grid img{aspect-ratio:4/5}.about h2,.contact h2{font-size:clamp(3.3rem,17vw,5rem)}.dock{grid-template-columns:3.2rem 1fr 4.8rem}.dock div{gap:1rem}.dock div a:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}