.hero-carousel{position:relative;margin-top:24px;border-radius:22px;overflow:hidden;background:#e9edf2}.hero-carousel .hero{margin-top:0;border-radius:0;min-height:350px}.hero-carousel .hero[hidden]{display:none}.hero-carousel .hero-photo{position:relative;background:#e9edf2;min-height:350px;overflow:hidden}.hero-carousel .hero-photo img{width:100%;height:350px;max-height:none;object-fit:contain;display:block;mask-image:linear-gradient(to right,transparent,#000 28%);-webkit-mask-image:linear-gradient(to right,transparent,#000 28%)}.hero-carousel h2{font-size:43px;line-height:1.07;margin:0 0 15px}.hero-carousel h2 em{font-style:normal;color:#d7192d}.hero-carousel .hero-note{font-size:11px;margin-top:18px;max-width:350px}.hero-controls{display:flex;justify-content:center;gap:8px;padding:0 18px 14px}.hero-controls button{border:1px solid #d1d8e0;background:#ffffffc9;color:#29343f;border-radius:50%;width:32px;height:32px;cursor:pointer}.hero-controls button[aria-pressed=true]{background:#d7192d;color:white;border-color:#d7192d}.hero-controls button:focus-visible{outline:3px solid #d7192d;outline-offset:3px}@media(max-width:700px){.hero-carousel .hero{grid-template-columns:1fr}.hero-carousel .hero-photo{min-height:210px}.hero-carousel .hero-photo img{height:230px;mask-image:linear-gradient(to bottom,transparent,#000 25%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%)}.hero-carousel h2{font-size:30px}.hero-carousel .hero-copy{padding:26px 24px}.hero-carousel .hero-note{margin-bottom:0}}
/* Retail carousel: controls overlay the artwork, never consume an extra row. */
.hero-carousel{border-radius:18px;touch-action:pan-y}.hero-carousel .hero{height:360px;min-height:360px;grid-template-columns:55% 45%;position:relative}.hero-carousel .hero-copy{position:relative;z-index:2;padding:38px 56px 46px}.hero-carousel .hero-photo{height:360px;min-height:360px;overflow:hidden}.hero-carousel .hero-photo img{width:100%;height:100%;object-fit:cover;mask-image:none;-webkit-mask-image:none}.hero-carousel .hero-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#e9edf2 0%,rgba(233,237,242,.94) 8%,rgba(233,237,242,.45) 26%,transparent 48%)}.hero-carousel .hero h1,.hero-carousel .hero h2{font-size:clamp(28px,3.2vw,44px)}.hero-controls{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:5px;padding:0 0 13px;pointer-events:none;z-index:3}.hero-controls button{pointer-events:auto;box-shadow:none}.hero-controls [data-hero-prev],.hero-controls [data-hero-next]{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;background:#ffffffdb;border:0;box-shadow:0 2px 10px #15253812;color:#394550;font-size:22px}.hero-controls [data-hero-prev]{left:12px}.hero-controls [data-hero-next]{right:12px}.hero-controls [data-hero-dot]{width:24px;height:24px;padding:8px;border:0;border-radius:0;background:transparent!important;font-size:0;position:relative}.hero-controls [data-hero-dot]:after{content:"";display:block;width:8px;height:8px;border-radius:8px;background:#aab2bd;transition:background .2s}.hero-controls [data-hero-dot][aria-pressed=true]:after{background:#d7192d}.hero-controls [data-hero-pause]{position:absolute;right:14px;bottom:12px;width:26px;height:26px;font-size:11px;background:#ffffffa6;color:#47515e;border:0}.hero-carousel .hero:not([hidden]){animation:hero-in .35s ease-out}@keyframes hero-in{from{opacity:.45;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@media(max-width:700px){.hero-carousel .hero{height:490px;grid-template-columns:1fr;grid-template-rows:260px 230px}.hero-carousel .hero-copy{padding:25px 32px 10px}.hero-carousel .hero h1,.hero-carousel .hero h2{font-size:29px}.hero-carousel .hero-photo{height:230px;min-height:230px}.hero-carousel .hero-photo img{object-fit:contain}.hero-carousel .hero-photo:after{background:linear-gradient(180deg,#e9edf2,transparent 35%)}.hero-controls [data-hero-prev],.hero-controls [data-hero-next]{width:28px;height:28px;top:55%;font-size:18px}.hero-controls [data-hero-prev]{left:4px}.hero-controls [data-hero-next]{right:4px}}@media(prefers-reduced-motion:reduce){.hero-carousel .hero:not([hidden]){animation:none}}

.hero-controls [data-hero-prev],.hero-controls [data-hero-next]{display:flex;align-items:center;justify-content:center;width:32px;height:48px;padding:0;border-radius:12px;border:1px solid #ffffff65;background:#ffffff45;backdrop-filter:blur(10px);box-shadow:none;color:#59636d;opacity:.6;transition:opacity .2s,background .2s,color .2s}.hero-controls [data-hero-prev]{left:10px}.hero-controls [data-hero-next]{right:10px}.hero-carousel:hover .hero-controls [data-hero-prev],.hero-carousel:hover .hero-controls [data-hero-next],.hero-controls [data-hero-prev]:focus-visible,.hero-controls [data-hero-next]:focus-visible{opacity:1}.hero-controls [data-hero-prev]:hover,.hero-controls [data-hero-next]:hover{background:#ffffffb0;color:#d7192d}.hero-controls svg{display:block;width:20px;height:20px;flex:none}@media(max-width:700px){.hero-controls [data-hero-prev],.hero-controls [data-hero-next]{width:28px;height:40px;border-radius:10px;opacity:.85}.hero-controls [data-hero-prev]{left:4px}.hero-controls [data-hero-next]{right:4px}}
.hero-carousel .hero:not([hidden]){animation:none}
