.hero{z-index:1;flex-direction:column;justify-content:center;height:100svh;margin-bottom:50vh;display:flex;position:relative}.hero-track{z-index:1;pointer-events:none;height:150svh;position:absolute;inset:0 0 auto}.hero-track-cut{z-index:3}.hero-sticky{transform-origin:50%;will-change:transform;height:100svh;position:sticky;top:0;overflow:hidden}.hero-slider{background:var(--ink);position:absolute;inset:0}.hero-track-cut .hero-slider{background:0 0}.hero-slide{position:absolute;inset:0;overflow:hidden;transform:translate(100%)}.hero-slide picture{width:100%;height:100%;display:block}.hero-slide-img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;transform:translate(-30%)scale(1.2)}.hero-slide.is-active{z-index:2;transition:transform 1s;transform:translate(0,0)}.hero-slide.is-active .hero-slide-img{transition:transform 1s;transform:translate(0,0)scale(1.2)}.hero-slide.is-prev{z-index:1;transition:transform 1s;transform:translate(-100%)}.hero-slide.is-prev .hero-slide-img{transition:transform 1s;transform:translate(30%)scale(1.2)}.hero.is-in .hero-slide-img{transition:transform 1s ease, scale 1.8s var(--ease-out);scale:.8334}.hero-wrap{width:50%;position:relative}.hero-inner{padding:0 var(--pad)}.hero-logo{z-index:2;color:var(--plum);will-change:transform;margin:0 0 0 -2.4%;transition:color .6s;position:relative}.hero-wordmark{width:100%;height:auto}.hero-meta{z-index:4;will-change:transform;position:relative}.hero-text{color:var(--ink);justify-content:space-between;gap:1rem;margin-top:1rem;transition:color .6s;display:flex}.hero-text p{margin:0}.hero .caption{color:inherit}.hero-clock{white-space:nowrap;font-variant-numeric:tabular-nums}.hero-snippet{width:16rem;color:var(--ink);margin:6.4rem 0 0;transition:color .6s}.hero[data-tone=dark] .hero-logo,.hero[data-tone=dark] .hero-text,.hero[data-tone=dark] .hero-snippet{color:#fff}@media (min-width:768px){.hero-inner{margin-top:6svh}}@media (max-width:767px){.hero-track-cut{display:none}.hero-slide-img{object-position:72% 20%}.hero-wrap{width:100%}.hero-inner{padding-top:14svh}.hero-logo{margin-left:0}.hero-text{text-align:right;flex-direction:column;align-items:flex-end;gap:.3rem}.hero-snippet{text-align:right;width:11.5rem;margin:1.5rem 0 0 auto}}@media (prefers-reduced-motion:reduce){.hero-slide,.hero-slide-img,.hero.is-in .hero-slide-img{transition:none}}.star-spin{animation:5s linear infinite star-spin}@keyframes star-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.star-spin{animation:none}}