.club-film{border:1px solid var(--color-ink-line);color:var(--color-paper);font-family:var(--font-display);background:#0a0a0a;margin-top:2rem;overflow:hidden}.club-film-top{border-bottom:1px solid var(--color-ink-line);color:var(--color-quiet-on-ink);letter-spacing:.14em;justify-content:space-between;align-items:center;padding:.7rem 1.5rem;font-size:.65rem;font-weight:700;display:flex}.club-film button{cursor:pointer}.club-film button:disabled{opacity:.3;cursor:default}.club-film-full{color:#fff;width:44px;height:44px;font-size:1.6rem}.club-film-scene{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);min-height:450px;padding:clamp(1.5rem,4vw,3.5rem);display:grid}.club-film-copy{animation:club-enter .65s var(--ease-decel) both}.club-film-eyebrow{color:var(--color-strike);letter-spacing:.2em;font-size:.7rem;font-weight:800}.club-film-copy h3{letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance;max-width:16ch;margin-top:1rem;font-size:clamp(2rem,4.1vw,3.5rem);font-weight:900;line-height:1}.club-film-description{max-width:48ch;font:1.125rem/1.55 var(--font-text);color:#c2c2c2;margin-top:1.4rem}.club-film-link{border-bottom:2px solid var(--color-strike);align-items:center;gap:1.5rem;margin-top:1.5rem;padding:.8rem 0;font-size:.8rem;font-weight:700;display:inline-flex}.club-film-link:hover{color:var(--color-strike)}.club-film-visual{border:1px solid #353535;border-top:3px solid var(--color-strike);background:#111;padding:1.2rem 1.5rem}.club-film-drawing{color:#ddd;width:100%;height:180px;margin-bottom:1.25rem}.club-accent{stroke:var(--color-strike)}.club-draw{stroke-dasharray:900;stroke-dashoffset:900px;animation:club-draw 2s var(--ease-decel) .1s forwards}.club-pop{transform-box:fill-box;transform-origin:50%;animation:club-pop .7s var(--ease-decel) .2s both}.club-film-checks{display:grid}.club-film-checks>div{animation:club-enter .55s var(--ease-decel) both;animation-delay:calc(.3s + var(--item) * .35s);border-top:1px solid #333;align-items:center;gap:.9rem;padding:.8rem 0;font-size:.78rem;line-height:1.4;display:flex}.club-film-check{color:var(--color-strike);flex-shrink:0;font-size:.65rem;font-weight:800}.club-film-source{letter-spacing:.06em;color:#a3a3a3;margin-top:1rem;font-size:.62rem}.club-film-controls{border-top:1px solid var(--color-ink-line);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1.5rem;display:flex}.club-film-transport{gap:.4rem;display:flex}.club-film-transport button{border:1px solid #444;min-width:44px;min-height:44px;font-size:1.1rem}.club-film-transport .club-film-play{min-width:80px;padding-inline:.8rem;font-size:.75rem;font-weight:700}.club-film button:hover:not(:disabled){background:#232323}.club-film-time{font-variant-numeric:tabular-nums;color:#b0b0b0;font-size:.65rem}.club-film-steps{border-top:1px solid #333;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.club-film-steps button{text-align:left;color:#aaa;border-right:1px solid #333;gap:.6rem;min-height:76px;padding:1.2rem .9rem;font-size:.7rem;line-height:1.4;display:flex;position:relative}.club-film-steps button:last-child{border-right:0}.club-film-steps button[aria-current]{color:#fff;background:#202020}.club-film-step-number{color:var(--color-strike);white-space:nowrap;flex-shrink:0;font-weight:800}.club-film-track{height:3px;position:absolute;top:0;left:0;right:0}.club-film-track i{background:var(--color-strike);height:100%;display:block}.club-film-transcript{border-top:1px solid #333;margin-top:1.5rem;padding-top:1rem}.club-film-transcript summary{cursor:pointer;width:fit-content;font:700 .85rem/1.5 var(--font-display);padding-block:.5rem}.club-film-transcript ol{grid-template-columns:1fr 1fr;gap:2rem 3rem;padding:1.5rem 0 0 1.5rem;list-style:decimal;display:grid}.club-film-transcript h3{font:700 1rem/1.4 var(--font-display)}.club-film-transcript p{color:#b0b0b0;margin-top:.5rem}.club-film-transcript a{font:700 .8rem/1.5 var(--font-display);text-underline-offset:4px;margin-top:.75rem;text-decoration:underline;display:inline-block}.club-film:fullscreen{border:0;flex-direction:column;width:100%;height:100%;margin:0;display:flex;overflow-y:auto}.club-film:fullscreen .club-film-scene{flex:1;width:100%;max-width:1200px;margin-inline:auto}.club-film[data-running=false] .club-film-scene *{opacity:1;stroke-dashoffset:0;animation:none;transform:none}@keyframes club-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes club-draw{to{stroke-dashoffset:0}}@keyframes club-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (max-width:760px){.club-film-scene{grid-template-columns:1fr;align-content:start;gap:1.5rem;min-height:560px;padding:1.5rem}.club-film-copy h3{font-size:clamp(1.85rem,7vw,2.6rem)}.club-film-description{margin-top:1rem;font-size:1.05rem}.club-film-link{margin-top:.5rem}.club-film-visual{grid-template-columns:1fr 1.4fr;align-items:center;gap:0 1rem;padding:1rem;display:grid}.club-film-drawing{height:auto;margin:0}.club-film-source{grid-column:1/-1}.club-film-checks>div{gap:.5rem;padding:.6rem 0;font-size:.7rem}.club-film-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.club-film-steps button{border-bottom:1px solid #333;min-height:70px;padding:1rem .7rem}.club-film-top,.club-film-controls{padding-inline:1rem}.club-film-transcript ol{grid-template-columns:1fr}}@media (max-width:480px){html:not(:lang(en)) .club-film-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.club-film-scene *{opacity:1;stroke-dashoffset:0;transform:none;animation:none!important}}@media (scripting:none){.club-film-controls,.club-film-steps,.club-film-full{display:none}.club-film-scene *{opacity:1;stroke-dashoffset:0;animation:none;transform:none}}