.discover-home>.hero-carousel.featured{height:270px;min-height:0;margin:0 0 var(--seed-dimension-x8);border:1px solid var(--border);border-radius:var(--seed-radius-r4);background:var(--bg-subtle);color:var(--text);display:block;position:relative;overflow:hidden}.hero-carousel .hero-slide{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .32s;position:absolute;inset:0}.hero-carousel .hero-slide.active{visibility:visible;opacity:1;pointer-events:auto}.hero-carousel .hero-slide-link{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.hero-carousel .featured-image{width:52%;height:100%;position:absolute;inset:0 0 0 auto;overflow:hidden}.hero-carousel .featured-image img{object-fit:cover;object-position:center 28%;width:100%;height:100%;display:block}.hero-carousel .featured-image:before{content:"";z-index:1;background:linear-gradient(90deg,var(--bg-subtle),var(--color-overlay-scrim) 42%,transparent);position:absolute;inset:0}.hero-carousel .featured-copy{z-index:2;width:60%;height:100%;padding:var(--seed-dimension-x8) var(--seed-dimension-x10) calc(var(--seed-dimension-x16) + var(--seed-dimension-x8));flex-direction:column;justify-content:center;display:flex;position:relative}.hero-carousel .featured-eyebrow{color:var(--muted);font-size:var(--mori-type-caption);margin-bottom:var(--seed-dimension-x2);font-weight:600}.discover-home .hero-carousel .featured-copy h2{color:var(--text);letter-spacing:-.035em;white-space:pre-line;margin:0;font-size:30px;font-weight:750;line-height:1.28}.discover-home .hero-carousel .featured-copy p{color:var(--text3);font-size:var(--mori-type-body);margin:var(--seed-dimension-x3) 0 0;line-height:1.55;display:block}.hero-carousel .featured-meta{color:var(--text2);font-size:var(--mori-type-summary);margin-top:var(--seed-dimension-x5)}.hero-carousel .carousel-ui{z-index:3;left:var(--seed-dimension-x10);right:var(--seed-dimension-x7);bottom:var(--seed-dimension-x5);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.hero-carousel .carousel-indicators,.hero-carousel .carousel-controls{align-items:center;gap:var(--seed-dimension-x2);pointer-events:auto;display:flex}.hero-carousel .carousel-indicator{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.hero-carousel .carousel-indicator:after{content:"";width:var(--seed-dimension-x2);height:var(--seed-dimension-x2);border-radius:var(--seed-radius-full);background:var(--neutral-500)}.hero-carousel .carousel-indicator.active:after{width:var(--seed-dimension-x7);border-radius:var(--seed-radius-r1);background:var(--text-brand)}.hero-carousel .carousel-page{min-width:var(--seed-dimension-x10);text-align:center;color:var(--text2);font-size:var(--mori-type-caption);font-variant-numeric:tabular-nums}.hero-carousel .carousel-arrow{width:var(--seed-dimension-x9);height:var(--seed-dimension-x9);border:1px solid var(--border);border-radius:var(--seed-radius-full);background:var(--surface);color:var(--text2);font-size:var(--mori-type-title);cursor:pointer;place-items:center;padding:0;display:grid}@media (hover:hover){.hero-carousel .carousel-arrow:hover{background:var(--surface-hover);color:var(--text)}}.hero-carousel :is(a,button):focus-visible,.hero-carousel:focus-visible{outline:2px solid var(--brand-300);outline-offset:-2px}@media (width>=768px) and (width<=900px){.discover-home .hero-carousel .featured-copy h2{font-size:var(--mori-type-title)}.hero-carousel .featured-copy{padding:var(--seed-dimension-x5) var(--seed-dimension-x10) var(--seed-dimension-x14)}.hero-carousel .carousel-ui{left:var(--seed-dimension-x10);bottom:var(--seed-dimension-x3)}}@media (width<=767px){.discover-home>.hero-carousel.featured{height:260px;margin-bottom:var(--seed-dimension-x6)}.hero-carousel .featured-image{width:100%}.hero-carousel .featured-image:before{background:linear-gradient(0deg,var(--bg-subtle) 16%,var(--color-overlay-scrim) 55%,transparent 88%)}.hero-carousel .hero-slide .featured-copy{width:100%;padding:var(--seed-dimension-x6) var(--seed-dimension-x6) calc(var(--seed-dimension-x16) + var(--seed-dimension-x2));justify-content:flex-end}.discover-home .hero-carousel .featured-copy h2{font-size:var(--mori-type-title)}.discover-home .hero-carousel .featured-copy p{font-size:var(--mori-type-summary)}.hero-carousel .carousel-ui{left:var(--seed-dimension-x5);right:var(--seed-dimension-x5);bottom:var(--seed-dimension-x3)}}@media (width<=390px){.discover-home>.hero-carousel.featured{height:232px}}@media (prefers-reduced-motion:reduce){.hero-carousel .hero-slide{transition:none}}@media (width<=767px){.hero-carousel .carousel-arrow{width:44px;height:44px}.discover-home>.hero-carousel.featured{border:0;border-radius:0;width:100vw;height:420px;margin-top:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero-carousel .featured-image img{object-position:center 22%}.hero-carousel .featured-image:before{background:linear-gradient(0deg,var(--bg) 4%,#0a0a0eb8 40%,transparent 75%)}.discover-home .hero-carousel .featured-copy h2{font-size:22px}.hero-carousel .hero-slide .featured-copy{padding:0 20px 58px}.hero-carousel .carousel-ui{bottom:10px;left:20px;right:20px}}@media (width<=390px){.discover-home>.hero-carousel.featured{height:390px}}@media (width<=767px){.discover-home>.hero-carousel.featured{background:#0c0c10;border-radius:16px;width:auto;margin-left:0;margin-right:0}.hero-carousel .featured-image:before{background:linear-gradient(#0000 28%,#08080cb3 62%,#08080ceb 100%)}}.hero-carousel .carousel-indicator{width:auto;min-width:24px;padding:0 4px}.hero-carousel .carousel-indicator:after{background:#ffffff59;border-radius:999px;width:6px;height:6px;transition:width .38s cubic-bezier(.3,.8,.3,1),background-color .3s;position:relative;overflow:hidden}.hero-carousel .carousel-indicator.active:after{background:#ffffff47;border-radius:999px;width:28px;height:6px}.hero-carousel .carousel-indicator{position:relative}.hero-carousel .carousel-indicator.active:before{content:"";z-index:1;background:var(--text-brand);width:0;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--text-brand) 60%, transparent);border-radius:999px;margin-top:-3px;position:absolute;top:50%;left:4px}.hero-carousel.is-running .carousel-indicator.active:before{animation:6s linear forwards hero-fill}.hero-carousel:not(.is-running) .carousel-indicator.active:before{width:28px}@keyframes hero-fill{0%{width:0}to{width:28px}}.hero-carousel .carousel-indicators{gap:2px}@media (prefers-reduced-motion:reduce){.hero-carousel .carousel-indicator:after{transition:none}}
