.area-carousel{--card-width:min(72vw,340px);--card-step:min(15vw,170px);margin-top:2.5rem}.area-carousel-stage{position:relative;height:510px;perspective:1400px;isolation:isolate}.area-carousel-card{position:absolute;top:0;left:calc(50% - var(--card-width) / 2);width:var(--card-width);height:470px;transform:translateX(calc(var(--offset) * var(--card-step))) scale(.76);transform-origin:center}.area-carousel-card[data-offset="-1"],.area-carousel-card[data-offset="1"]{transform:translateX(calc(var(--offset) * var(--card-step))) scale(.88)}.area-carousel-card[data-offset="0"]{transform:translateY(-8px) scale(1)}.area-carousel-card>a{display:block;position:relative;height:100%;overflow:hidden;border-radius:12px;background:var(--color-navy-deep);box-shadow:0 18px 40px rgb(7 22 51/18%);color:white}.area-carousel-card[data-offset="0"]>a{outline:2px solid var(--color-gold);outline-offset:4px}.area-carousel-card>a:focus-visible{outline:3px solid var(--color-gold-ink);outline-offset:5px}.area-carousel-card>a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(7 22 51/4%),rgb(7 22 51/88%) 48%,#071633)}.area-carousel-card:not([data-offset="0"])>a:after{background:linear-gradient(180deg,rgb(7 22 51/30%),rgb(7 22 51/95%) 70%)}.area-carousel-copy{position:absolute;z-index:1;inset:auto 0 0;padding:1.5rem}.area-carousel-copy h3{font-family:var(--font-libre-baskerville),serif;font-size:1.35rem;line-height:1.4}.area-carousel-copy p{margin-top:.8rem;font-size:.95rem;line-height:1.55}.area-carousel-copy>span{display:inline-flex;align-items:center;gap:.8rem;margin-top:1rem;font-size:.875rem;font-weight:600}.area-carousel-controls,.area-carousel-dots{display:flex;align-items:center;justify-content:center;gap:.4rem}.area-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;border-radius:50%}.area-carousel-controls button:hover{background:var(--color-surface)}.area-carousel-dots button{width:32px}.area-carousel-dots span{width:7px;height:7px;border-radius:50%;background:var(--color-edge)}.area-carousel-dots [aria-pressed=true] span{background:var(--color-gold-ink);transform:scale(1.4)}@media (min-width:1024px){.area-carousel{--card-width:380px;--card-step:clamp(170px,17vw,225px)}}@media (prefers-reduced-motion:no-preference){.area-carousel-card{transition:transform .8s cubic-bezier(.22,1,.36,1)}}