/* The launch video page: the film first, then the words to share it with and what happens in it. Mobile first. */
.hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;max-width:1100px;margin:0 auto}
.hd .row a.btn{height:34px}
.wrap{max-width:1100px;margin:0 auto;padding:16px 16px 40px;display:flex;flex-direction:column;gap:18px}
.head{display:flex;flex-direction:column;gap:10px;padding:16px 0 4px}
.eyebrow{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);font-weight:600}
.head h1{margin:0;font-size:clamp(32px,6vw,56px);line-height:1.05;letter-spacing:-.035em;font-weight:700}
.head h1 em{font-style:normal;background:linear-gradient(90deg,#a5b4fc,#c084fc,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{margin:0;color:var(--fg-1);font-size:clamp(15px,1.8vw,18px);line-height:1.55;max-width:62ch}
.film{padding:10px;display:flex;flex-direction:column;gap:12px}
.film video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;background:#000}
.film .actions{flex-wrap:wrap;gap:10px;padding:4px 6px 6px}
.film .actions .btn{height:40px;padding:0 16px;gap:8px}
.film .actions .btn .muted{font-weight:400;font-size:12.5px}
.film .actions .btn.primary .muted{color:rgba(255,255,255,.75)}
.fine{font-size:12.5px;color:var(--fg-2);flex-basis:100%}
.two{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
.card h2{margin:0 0 6px;font-size:20px;letter-spacing:-.02em}
.copy,.scenes,.behind{padding:20px}
.copy>.muted{margin:0 0 14px;font-size:13.5px}
.snip{border-top:1px solid var(--line);padding:14px 0 4px;display:flex;flex-direction:column;gap:8px}
.snip-h{display:flex;align-items:center;gap:10px}.snip-h b{font-size:14px}.snip-h .muted{font-size:12px}.snip-h .btn{margin-left:auto}
.snip p{margin:0;font-size:14.5px;line-height:1.55;color:var(--fg-1);white-space:pre-line}
.scenes ol{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.scenes li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
.scenes time{font:600 13px/1.6 var(--mono);color:var(--accent-2)}
.scenes li b{display:block;font-size:15px}.scenes li span{display:block;color:var(--fg-1);font-size:14px;line-height:1.5;margin-top:2px}
.small{font-size:12.5px;margin:16px 0 0}
.behind .grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:8px}
.behind b{font-size:14.5px}.behind p{margin:6px 0 0;color:var(--fg-1);font-size:14px;line-height:1.55}
.foot{max-width:1100px}
@media(min-width:760px){.hd{padding:16px 24px}.wrap{padding:24px 24px 56px;gap:24px}.head{padding:32px 0 8px;align-items:center;text-align:center}.lead{text-align:center}.film{padding:14px}.film video{border-radius:12px}.two{grid-template-columns:1.1fr .9fr}.copy,.scenes,.behind{padding:24px}.behind .grid{grid-template-columns:repeat(3,1fr);gap:24px}}