:root{
  --ink:#fff;
  --pad:clamp(24px,3vw,58px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y mandatory}
body{margin:0;background:#000;color:var(--ink);font-family:Oswald,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;padding:28px var(--pad);display:flex;justify-content:space-between;align-items:center;color:#fff;}
.brand{display:block;width:clamp(145px,11vw,220px);height:auto}.brand img{display:block;width:100%;height:auto}
nav{display:flex;gap:clamp(24px,3vw,56px)}
nav a{font-size:12px;letter-spacing:.12em;position:relative}
nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .25s ease}
nav a:hover:after,nav a.active:after{right:0}
.slide{position:relative;min-height:100svh;scroll-snap-align:start;overflow:hidden;isolation:isolate;background:#111;color:#fff}
.slide-projects{min-height:120svh}
.slide-bg{position:absolute;z-index:-2;inset:-6vh 0;width:100%;height:112%;background-position:center;background-repeat:no-repeat;background-size:cover;will-change:transform; opacity: 0.8;}
.slide:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.06) 100%);pointer-events:none}
.slide-home .slide-bg{background-image:url('assets/backgrounds/home-bg.png')}
.slide-projects .slide-bg{background-image:url('assets/backgrounds/projects-bg.png')}
.slide-about .slide-bg{background-image:url('assets/backgrounds/about-bg.png')}
.slide-contact .slide-bg{background-image:url('assets/backgrounds/contact-bg.png')}
.slide-copy{position:absolute;left:var(--pad);z-index:2;max-width:650px;will-change:transform;}
.hero-title{position:absolute;z-index:2;left:50%;top:50%;width:96vw;transform:translate(-50%,-50%);text-align:center;font-family:Oswald,"Arial Black",Arial,sans-serif;font-size:clamp(150px,25vw,500px);font-weight:900;line-height:.72;letter-spacing:-.045em;color:rgba(255,255,255,.72);white-space:nowrap;pointer-events:none;will-change:transform}
.home-info{position:absolute;z-index:3;left:var(--pad);top:34%;max-width:520px;will-change:transform}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 270px}
.intro{font:15px/1.5 "Courier New",monospace;max-width:440px;margin:0 0 26px}
.play-reel{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:700;letter-spacing:.05em}.play-circle{display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff;border-radius:50%;font-size:12px;padding-left:2px}
.home-contact{position:absolute;z-index:3;right:var(--pad);bottom:34px;display:grid;gap:8px;min-width:190px;font-size:11px;font-weight:700;letter-spacing:.03em}.home-contact span{margin-top:12px}.home-contact a{border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:5px}.home-contact small{margin-top:18px;font-size:10px}
.scroll-hint{position:absolute;left:var(--pad);bottom:35px;font:12px "Courier New",monospace;letter-spacing:.09em;display:flex;gap:18px;align-items:center;}
.scroll-hint span{font-size:30px}
.projects-wrap{position:relative;z-index:2;padding:120px var(--pad) 70px;display:grid;grid-template-columns:minmax(220px,.55fr) minmax(650px,1.55fr);gap:clamp(35px,5vw,90px);align-items:center;min-height:100svh}
.section-heading{color:#fff;}
.section-heading span,.number{font:12px "Courier New",monospace;letter-spacing:.1em}
h2{font-weight:900;font-size:clamp(200px,7.5vw,200px);line-height:.86;letter-spacing:-.045em;margin:14px 0 28px}
.section-heading p,.about-copy p{font:15px/1.55 "Courier New",monospace}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
.video-card{background:rgba(0,0,0,.18);backdrop-filter:blur(2px);padding:8px}
.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover;border:0;border-radius:2px}
.video-meta{display:flex;justify-content:space-between;padding-top:9px;font:11px "Courier New",monospace;letter-spacing:.08em;color:#fff}
.about-copy{top:50%;transform:translateY(-50%);max-width:540px}
.about-copy .lead{font-size:18px;line-height:1.45}
.contact-copy{top:50%;transform:translateY(-50%);max-width:790px}
.contact-copy h2{font-size:clamp(68px,9vw,160px)}
.email{display:inline-block;margin-top:18px;font:15px "Courier New",monospace;border-bottom:1px solid;padding-bottom:5px}
.socials{display:flex;gap:28px;margin-top:48px;font:12px "Courier New",monospace}
footer{position:absolute;left:var(--pad);bottom:28px;font:11px "Courier New",monospace;}
@media (max-width:900px){
  html{scroll-snap-type:none}
  .site-header{padding-top:22px}
  nav{gap:16px}
  nav a{font-size:10px}
  .slide{min-height:100svh}
  .projects-wrap{grid-template-columns:1fr;padding-top:110px;align-content:start}
  .section-heading{max-width:420px}
  .video-grid{grid-template-columns:1fr 1fr}
  .home-copy,.about-copy,.contact-copy{max-width:70vw}
}
@media (max-width:620px){
  .brand{width:125px}
  nav{gap:11px}
  h1{font-size:25vw}
  .video-grid{grid-template-columns:1fr}
  .slide-projects{min-height:auto}
  .projects-wrap{padding-bottom:100px}
  .home-copy,.about-copy,.contact-copy{max-width:86vw}
  .slide-bg{background-position:center}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.parallax,.parallax-bg{transform:none!important}}

@media (max-width:900px){.hero-title{font-size:25vw}.home-info{top:30%}.eyebrow{margin-bottom:220px}.home-contact{display:none}}
@media (max-width:620px){.hero-title{font-size:27vw}.home-info{top:29%;max-width:82vw}.eyebrow{font-size:10px;margin-bottom:180px}.intro{font-size:12px}.play-reel{font-size:12px}.play-circle{width:40px;height:40px}}