@font-face{font-family:MonarkiSystem;src:local("Helvetica Neue");font-display:swap}
:root{--bg:#050505;--fg:#f4f4ef;--muted:#9a9a94;--line:#30302e;--field:#111;--pad:clamp(1rem,3vw,2.5rem)}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--fg);font-family:MonarkiSystem,Helvetica,Arial,sans-serif;font-synthesis:none}
body{margin:0;min-height:100vh;background:var(--bg)}
a{color:inherit;text-underline-offset:.22em}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--fg);outline-offset:4px}
.skip{position:fixed;left:1rem;top:-5rem;z-index:10;background:var(--fg);color:var(--bg);padding:.75rem 1rem}.skip:focus{top:1rem}
.masthead{padding:var(--pad);border-bottom:1px solid var(--line)}.masthead>a,.intro>*{min-width:0}
.logo{display:block;width:min(48vw,430px);height:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.intro{min-height:38vh;padding:clamp(2rem,5vw,4.5rem) var(--pad) clamp(2rem,4vw,3.5rem);display:grid;align-content:center}.intro h1{max-width:1120px;margin:0;font-size:clamp(1.9rem,4.7vw,5.2rem);font-weight:400;letter-spacing:-.045em;line-height:1;text-wrap:balance;overflow-wrap:anywhere}
.video-row{display:flex;gap:3px;height:clamp(120px,17vw,230px);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.video-row::-webkit-scrollbar{display:none}.frame{flex:0 0 auto;height:100%;overflow:hidden;background:#171717;scroll-snap-align:start}.frame-wide{width:clamp(210px,30vw,440px)}.frame-square{width:clamp(120px,17vw,230px)}video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.04)}
.enquiry{margin-top:clamp(10rem,33vh,18rem);padding:clamp(1rem,2vw,1.5rem) var(--pad) clamp(3rem,6vw,5rem);border-top:1px solid var(--bg);max-width:560px}.enquiry h2{margin:0 0 .45rem;font-size:clamp(.9rem,1vw,1rem);font-weight:400}.form-row{display:flex;gap:.4rem}.form-row input{min-width:0;flex:1;background:var(--field);color:var(--fg);border:1px solid var(--line);border-radius:0;padding:.7rem .85rem;font:inherit;font-size:.9rem}.form-row input::placeholder{color:#767670}.form-row button{border:1px solid var(--fg);border-radius:0;background:var(--fg);color:var(--bg);padding:.7rem 1rem;font:inherit;font-size:.9rem;cursor:pointer}.form-row button:disabled{cursor:wait;opacity:.65}.helper,.form-status{margin:.45rem 0 0;color:var(--muted);font-size:.66rem;min-height:1em}.helper a{text-decoration-thickness:1px}.form-status[data-state="error"]{color:#ffaaa2}.form-status[data-state="success"]{color:var(--fg)}.trap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[hidden]{display:none!important}
@media(max-width:700px){.logo{width:min(75vw,280px)}.intro{min-height:40vh}.intro h1{font-size:clamp(1.9rem,8.8vw,3.5rem)}.form-row{align-items:stretch}.form-row button{padding-inline:1rem}}
@media(max-width:330px){.form-row{flex-direction:column}.form-row button{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.video-row{scroll-snap-type:none}video{visibility:hidden}.frame{background:#171717 url("assets/images/contact-sheet-poster.jpg") center/cover no-repeat}}