@import"https://fonts.cdnfonts.com/css/pp-neue-montreal";:root{--paper: #e4e2d9;--ink: #191a1c;--muted: #706f66;--hairline: #c9c7bd;--steel: #3c5460}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hanken Grotesk,sans-serif;color:var(--ink);background-color:var(--paper);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1{font-size:60px;font-weight:600}p{font-size:20px;font-weight:500}a{text-decoration:none;color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em}nav{position:fixed;top:0;left:0;width:100vw;padding:2em 2.5em;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;z-index:2}nav .logo a{font-size:20px;font-weight:700;letter-spacing:-.01em}.links{display:flex;gap:1.75em}.links a{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.14em}section{width:100vw;height:100svh;padding:2.5em}.hero{display:flex;flex-direction:column;justify-content:space-between;padding-top:4em}.hero h1{position:relative;left:-.02em;text-transform:uppercase;font-weight:600;font-size:27vw;letter-spacing:-.04em;line-height:.92}.hero-copy{display:flex;justify-content:space-between;align-items:flex-end;gap:2em}.hero-copy p{font-size:17px;font-weight:500;max-width:34ch;line-height:1.4;color:var(--ink)}.hero-copy .scroll-cue{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--muted);white-space:nowrap}.outro{display:flex;justify-content:center;align-items:center}.outro p{font-size:clamp(22px,3.4vw,40px);font-weight:500;letter-spacing:-.02em;color:var(--ink)}.intro{height:100%}.video-container-desktop{position:relative;transform:translateY(-105%) scale(.25);display:flex;flex-direction:column;gap:2em;will-change:transform}.video-container-desktop .video-title p{position:relative;font-size:78px;font-weight:600;letter-spacing:-.02em;line-height:1.05}.video-container-desktop .video-title p:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.video-container-mobile{display:none;width:100%;max-width:800px;margin:0 auto}.video-container-mobile .video-title{display:flex;align-items:baseline;justify-content:space-between}.video-container-mobile .video-title p{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.video-container-mobile .video-title p:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.video-preview{position:relative;width:100%;aspect-ratio:16/9;border-radius:1.25rem;background-color:#b9b9b3;overflow:hidden}.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.25rem;overflow:hidden}iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.25rem;pointer-events:none}@media(max-width:900px){nav,section{padding:1.5em}.hero{justify-content:flex-end;gap:2em}.video-container-desktop{display:none}.video-container-mobile{display:flex;flex-direction:column;gap:1em}}.video-wrapper img,.showreel-img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:768px){nav{padding:1.25em;align-items:center;gap:.75em}nav .logo a{font-size:17px}.links{gap:1em;flex-shrink:1}.links a{font-size:11px;letter-spacing:.1em}.hero{overflow:hidden;padding-bottom:2.5em}.hero h1{font-size:26vw;letter-spacing:-.04em;line-height:.9}.hero-copy{flex-direction:column;align-items:flex-start;gap:.9em}.hero-copy p{font-size:15px;max-width:28ch}.video-container-mobile .video-title p{font-size:13px}.outro p{font-size:22px;text-align:center;max-width:20ch}}