.hero{--hero-bottom:clamp(2.5rem, 1rem + 5vh, 4.5rem);--col:min(75rem, 100% - 2 * var(--gutter));--col-edge:calc((100% - var(--col)) / 2);isolation:isolate;height:calc(100svh - var(--announce-h));background:var(--ink);min-height:34rem;color:var(--on-film);position:relative;overflow:hidden}.hero__media{z-index:0;position:absolute;inset:0}.hero__media>picture,.hero__media>video,.hero__scrim-base,.hero__scrim,.hero__dim{position:absolute;inset:0}.hero__media img,.hero__film{object-fit:cover;width:100%;height:100%}.hero__first,.hero__film{display:none}.film-ok .hero__first,.film-ok .hero__film,.hero.is-film .hero__film{display:block}.film-ok .hero__still{display:none}.hero__scrim{background:radial-gradient(90% 110% at 0% 100%, rgb(var(--scrim) / .56) 0%, rgb(var(--scrim) / .48) 18%, rgb(var(--scrim) / .36) 38%, rgb(var(--scrim) / .18) 56%, rgb(var(--scrim) / .06) 68%, rgb(var(--scrim) / 0) 76%), linear-gradient(to top, rgb(var(--scrim) / .6) 0%, rgb(var(--scrim) / .52) 10%, rgb(var(--scrim) / .4) 22%, rgb(var(--scrim) / .26) 33%, rgb(var(--scrim) / .12) 45%, rgb(var(--scrim) / .04) 55%, rgb(var(--scrim) / 0) 62%);transition:opacity var(--t-base) var(--ease-out), transform var(--t-base) var(--ease-out)}.hero__scrim-base{background:radial-gradient(46% 34% at 24% 88%, rgb(var(--scrim) / .62) 0%, rgb(var(--scrim) / .48) 45%, rgb(var(--scrim) / .18) 75%, rgb(var(--scrim) / 0) 100%), linear-gradient(to top, rgb(var(--scrim) / .44) 0%, rgb(var(--scrim) / .26) 16%, rgb(var(--scrim) / 0) 34%)}@media (width<=47.99rem){.hero__scrim-base{background:linear-gradient(to top, rgb(var(--scrim) / .76) 0%, rgb(var(--scrim) / .68) 22%, rgb(var(--scrim) / .52) 40%, rgb(var(--scrim) / .16) 55%, rgb(var(--scrim) / 0) 64%)}}.hero__dim{background:var(--ink);opacity:calc(var(--cover,0) * .62);pointer-events:none}.hero__card{z-index:2;transform:translateY(calc(var(--cover,0) * -3.5rem));opacity:calc(1 - var(--cover,0) * 1.4);left:calc(var(--col-edge) + var(--s5));bottom:var(--hero-bottom);width:min(40rem, var(--col) - 2 * var(--s5));position:absolute}.hero__title{font-family:var(--font-mark);font-size:var(--step-wordmark);font-weight:var(--w-mark);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;font-stretch:100%;line-height:.9}.hero__signoff{margin-top:var(--s4);font-size:var(--step-signoff);letter-spacing:-.01em;font-weight:400;line-height:1.15}.hero__line{max-width:58ch;margin-top:var(--s2);text-wrap:balance;color:#ffffffe6;font-size:var(--step-body);font-weight:400;line-height:1.5}.hero__actions{gap:var(--s3);margin-top:var(--s5);flex-wrap:wrap;display:flex}.hero__title,.hero__signoff,.hero__line,.hero__actions{transition:opacity var(--t-base) var(--ease-out), transform var(--t-base) var(--ease-out)}.film-ok .hero:not(.is-revealed) .hero__scrim{opacity:0;transform:translateY(10%)}.film-ok .hero:not(.is-revealed) .hero__title{opacity:0;transform:translateY(.35em)}.film-ok .hero:not(.is-revealed) .hero__signoff{opacity:0;transform:translateY(.875rem)}.hero.is-revealed .hero__scrim{transition:opacity 1.2s var(--ease-out), transform 1.6s var(--ease-out)}.hero.is-revealed .hero__title{transition:opacity .9s var(--ease-out) .15s, transform 1.4s cubic-bezier(.33, 1, .68, 1) .15s}.hero.is-revealed .hero__signoff{transition:opacity .9s var(--ease-out) .52s, transform 1.2s var(--ease-out) .52s}.hero.reveal-now.is-revealed :is(.hero__scrim,.hero__title,.hero__signoff){transition-duration:.2s;transition-delay:0s}.hero__toggle{z-index:3;right:calc(var(--col-edge) + var(--s2));bottom:var(--hero-bottom);background:rgb(var(--scrim) / .55);width:3rem;height:3rem;color:var(--on-film);transition:scale var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute}@media (hover:hover){.hero__toggle:hover{background:rgb(var(--scrim) / .72)}}.hero__toggle[hidden]{display:none}.hero__toggle:active{scale:.95}.hero__toggle:focus-visible{outline-color:var(--on-film);outline-offset:3px;border-radius:50%}.hero__toggle .icon{grid-area:1/1;display:none}.hero[data-film=playing] .hero__toggle .icon--pause,.hero[data-film=loading] .hero__toggle .icon--pause,.hero[data-film=paused] .hero__toggle .icon--play,.hero[data-film=still] .hero__toggle .icon--play,.hero[data-film=ended] .hero__toggle .icon--replay{display:block}.hero__ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hero__ring circle{fill:none;stroke-width:2px}.hero__ring-track{stroke:#ffffff4d}.hero__ring-fill{stroke:var(--on-film)}@media (width<=47.99rem){.hero{--hero-bottom:var(--s6);height:calc(100svh - var(--announce-h) - var(--nav-h) - 2 * var(--nav-top) - var(--s4));min-height:30rem;margin:0 var(--gutter) var(--s4);border-radius:var(--media-radius)}.hero__scrim{background:linear-gradient(to top, rgb(var(--scrim) / .82) 0%, rgb(var(--scrim) / .6) 30%, rgb(var(--scrim) / .2) 54%, rgb(var(--scrim) / 0) 68%)}.hero__card{left:var(--s5);right:var(--s5);text-align:center;flex-direction:column;align-items:center;width:auto;display:flex}.hero__title{font-size:min(var(--step-wordmark), calc((100vw - 5rem) / 5.6))}.hero__actions{flex-direction:column;align-items:stretch;width:100%;max-width:20rem}.hero__toggle{top:var(--s4);right:var(--s4);width:2.75rem;height:2.75rem;bottom:auto}}@media (prefers-reduced-motion:reduce){.hero__scrim,.hero__title,.hero__signoff,.hero__line,.hero__actions{transition:opacity .3s linear!important;transform:none!important}.hero__card{transform:none!important}}