/* Landing pages: one column, one action. Headline, subhead, video, action. Nothing else (Tommy, 20 Oct). */
:root{--stage:#0B0B0C;--case:#19191B;--amber:#FFB000;--tape:#EDE6D6;--dust:#A8A39A;--line:#2E2E31;
--disp:"Barlow Condensed","Arial Narrow",sans-serif;--body:Archivo,system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--stage);color:var(--tape);font:400 18px/1.55 var(--body);min-height:100vh;display:flex;flex-direction:column}
.col{width:100%;max-width:900px;margin:0 auto;padding-inline:24px;text-align:center}
.mark{display:block;width:28px;margin:36px auto 0}
h1{font:700 clamp(46px,7vw,92px)/.92 var(--disp);letter-spacing:-.005em;text-wrap:balance;margin-top:18px}
.tag{display:inline-block;margin-top:40px;background:var(--tape);color:var(--stage);font:600 clamp(12px,1.4vw,15px)/1.3 var(--disp);letter-spacing:.1em;text-transform:uppercase;padding:6px 14px}
.amber{color:var(--amber)}
.sub{font-size:clamp(18px,2vw,22px);color:var(--dust);max-width:620px;margin:22px auto 0;text-wrap:balance}
.video{position:relative;aspect-ratio:16/9;max-width:740px;margin:36px auto 0;background:var(--case);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid;place-items:center}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.video .play{width:78px;height:78px;border-radius:50%;background:var(--amber);display:grid;place-items:center}
.video .play::after{content:"";border-left:22px solid var(--stage);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.video .len{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font:600 14px var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--dust)}
form{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:620px;margin:32px auto 0}
input{width:100%;background:var(--case);border:1px solid var(--line);border-radius:6px;color:var(--tape);font:400 17px var(--body);padding:17px 18px}
input::placeholder{color:var(--dust)}
.btn{grid-column:1/-1;display:block;width:100%;background:var(--amber);color:var(--stage);border:0;border-radius:6px;padding:19px;font:700 20px var(--disp);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.fine{font-size:14px;color:var(--dust);margin-top:14px}
.fine a{color:inherit}
.cal{max-width:740px;margin:28px auto 0;border-radius:14px;overflow:hidden;background:#fff;text-align:left}
.cal iframe{height:700px;display:block}
main{flex:1;padding-bottom:72px}
footer{padding:22px 24px;text-align:center;font-size:13px;color:var(--dust);border-top:1px solid var(--line)}
footer a{color:inherit}
@media (max-width:600px){form{grid-template-columns:1fr}h1{margin-top:32px}.video{border-radius:10px}}
@media (prefers-reduced-motion:reduce){.btn,.video .lock,.video button.play{transition:none}}
.video.locked{text-decoration:none;color:var(--tape)}
.video .still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video.locked::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,0) 55%,rgba(11,11,12,.8))}
.video .lock,.video .len,.video .play{z-index:1}
.video button.play{position:relative;border:0;cursor:pointer;box-shadow:0 8px 28px rgba(11,11,12,.35);transition:transform .15s}
.video .lock{box-shadow:0 8px 28px rgba(11,11,12,.35);transition:transform .15s}
.video.locked:hover .lock,.video button.play:hover{transform:scale(1.06)}
.video .play[hidden]{display:none}
.video .lock{position:relative;width:72px;height:72px;border-radius:50%;background:var(--amber);display:grid;place-items:center}
.video.locked .len{color:var(--tape)}
.step{font:600 clamp(18px,2vw,22px)/1.3 var(--disp);letter-spacing:.06em;text-transform:uppercase;margin-top:36px;text-wrap:balance}
.step span{display:inline-block;background:var(--amber);color:var(--stage);padding:3px 10px;margin-right:10px;border-radius:3px}
@media (max-width:600px){.video .len{font-size:12px;width:90%;text-align:center;bottom:12px}.video .lock,.video .play{width:54px;height:54px}.video .lock svg{width:20px;height:20px}.video .play::after{border-left-width:16px;border-top-width:10px;border-bottom-width:10px;margin-left:4px}}