:root {color-scheme:dark;--bg:#050505;--fg:#f7f7f7;--muted:#b9b9b9;--line:rgba(255,255,255,.28)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased} .wrap{width:min(100% - 80px,1140px);margin-inline:auto}
.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{height:86px;display:flex;align-items:center;justify-content:flex-end}.logo{display:block;width:auto;height:35px;max-width:180px;object-fit:contain}
.section{padding:100px 0 110px;border-bottom:1px solid var(--line)}.section:first-child{min-height:calc(100svh - 86px);display:flex;flex-direction:column;justify-content:center}h1,h2{font-size:clamp(4rem,8.5vw,8.6rem);font-weight:800;letter-spacing:-.075em;line-height:.98;margin:0 0 45px} .section p{font-size:clamp(1.08rem,1.65vw,1.4rem);line-height:1.55;color:var(--muted);margin:0 0 22px;max-width:none}.section p:last-child{margin-bottom:0}a{color:#fff;text-decoration:underline;text-decoration-color:#777;text-underline-offset:5px}a:hover{ text-decoration-color:#fff}.site-footer{padding:35px 0 55px}.footer-content{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;color:#9e9e9e;font-size:13px}.footer-content p{margin:0}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header .wrap{height:72px}.logo{height:28px}.section{padding:78px 0 90px}.section:first-child{min-height:calc(100svh - 72px)}h1,h2{font-size:clamp(3.25rem,11vw,5.8rem);margin-bottom:35px}.footer-content{flex-direction:column;gap:12px}}

/* Cinematic light, confined to the body beneath the black header */
main{position:relative;isolation:isolate}
main::before{content:"";position:absolute;top:0;left:50%;width:100vw;height:min(850px,105vh);transform:translateX(-50%);pointer-events:none;z-index:-1;background:radial-gradient(ellipse 70% 70% at 8% 0%,rgba(255,255,255,.115) 0%,rgba(180,180,180,.052) 38%,transparent 78%)}
.hero-section{position:relative;justify-content:center;padding-bottom:140px!important}
.hero-copy{width:100%}
.scroll-cue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#aaa;text-decoration:none;white-space:nowrap}
.scroll-cue span{font-size:10px;letter-spacing:.19em;text-transform:uppercase}
.scroll-cue svg{display:block;animation:soft-float 3s ease-in-out infinite}
.scroll-cue:hover{color:#fff}
@keyframes soft-float{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:700px){.hero-section{padding-bottom:145px!important}.scroll-cue{bottom:28px}}
@media(prefers-reduced-motion:reduce){.scroll-cue svg{animation:none}html{scroll-behavior:auto}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* Hide the invitation once the visitor begins exploring. */
.scroll-cue{transition:opacity .35s ease,visibility .35s ease}
.scroll-cue.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.scroll-cue{transition:none}}


/* Selected work and brand history */
.section-kicker{font-size:12px!important;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#a9a9a9!important;margin-bottom:30px!important}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:54px}
.video-item{min-width:0}
.video-frame{aspect-ratio:16/9;background:#181818;overflow:hidden;border:1px solid var(--line)}
.video-frame iframe{width:100%;height:100%;display:block;border:0}
.video-item h3{font-size:clamp(1.25rem,1.8vw,1.65rem);letter-spacing:-.035em;line-height:1.2;margin:20px 0 8px}
.video-item p{font-size:1rem;line-height:1.5;color:var(--muted)}
.history-section{padding-bottom:135px}
@media(max-width:850px){.video-grid{grid-template-columns:1fr;gap:40px}.video-item h3{margin-top:16px}}