.of-hero{margin:var(--space-6) 0 var(--space-8);max-width:none}.of-hero h1{font-size:var(--text-6xl);line-height:1.02;margin:var(--space-3) 0 var(--space-4)}.of-hero p{max-width:56ch}.of-count{margin-top:var(--space-4);font:600 var(--text-2xs)/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.of-film{margin:0;min-width:0}.of-still{display:block;position:relative;width:100%;padding:0;border:0;background:var(--paper-3);cursor:pointer;aspect-ratio:16 / 9;overflow:hidden}.of-still img,.of-still iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}.of-play{position:absolute;left:var(--space-4);bottom:var(--space-4);width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background:var(--paper);display:grid;place-items:center}.of-play::before{content:"";margin-left:var(--space-1);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--accent)}.of-film--lead .of-play{width:var(--space-16);height:var(--space-16)}.of-still:hover .of-play,.of-still:focus-visible .of-play{background:var(--ink)}.of-film figcaption{display:grid;gap:var(--space-1);padding:var(--space-3) 0 0}.of-film figcaption b{font:500 var(--text-xl)/1.25 var(--serif);color:var(--ink)}.of-film--lead figcaption b{font-size:var(--text-2xl)}.of-film figcaption>span{font-size:var(--text-sm);color:var(--ink-3)}.of-sec{margin:var(--space-12) 0}.of-grid{display:grid;gap:var(--space-8) var(--space-6);grid-template-columns:1fr;margin-top:var(--space-5)}@media(min-width:700px){.of-grid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.of-grid{grid-template-columns:repeat(3,1fr)}}.of-gigs{display:grid;gap:var(--space-6);grid-template-columns:1fr;margin-top:var(--space-5)}@media(min-width:700px){.of-gigs{grid-template-columns:1fr 1fr}}.of-gig{margin:0}.of-gig img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;background:var(--paper-3)}.of-gig figcaption{display:grid;gap:var(--space-1);padding-top:var(--space-3)}.of-gig figcaption b{font:500 var(--text-xl)/1.25 var(--serif)}.of-gig figcaption span{font-size:var(--text-sm);color:var(--ink-3)}.of-book{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);align-items:center;justify-content:space-between;margin:var(--space-12) 0 0;padding:var(--space-6) 0;border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule)}.of-book p{margin:0;max-width:52ch}.of-book b{font:500 var(--text-xl)/1.2 var(--serif)}.of-cta{margin-top:var(--space-12)}