/* One stable SLEEP-based layout for every hero scene. Only artwork and copy change. */
.hero{overflow:clip}
.hero .landscape{transition:opacity .8s ease}
.hero .landscape-calm{opacity:0}
.hero[data-moment="calm"]>.landscape:not(.landscape-calm){opacity:0}
.hero[data-moment="calm"]>.landscape-calm{opacity:1}
.hero .product[hidden],.hero .calm-product[hidden]{display:none}
.hero .hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.hero #hero-title{flex:none;width:100%;height:3.225em;margin-bottom:27px}
.hero .hero-description{flex:none;min-height:54px;margin-bottom:30px}
.hero .hero-discover{flex:none;min-height:57px;width:280px;max-width:100%}
.hero .hero-discover:hover{transform:none}
.hero .hero-cta-label{font-size:inherit;line-height:inherit}
.hero .hero-moments{margin-top:26px}
.hero-moments button.moment-name{font:inherit;color:inherit;letter-spacing:inherit;background:none;border:0;border-bottom:2px solid transparent;text-align:left;opacity:.65}
.hero-moments a:focus-visible{outline-offset:4px}
/* Match the SLEEP figure and its existing caption anchors. */
.calm-product{position:relative;margin:0;height:90%;max-height:700px;min-height:480px;min-width:0;display:flex;justify-content:center;align-items:center;padding-bottom:43px}
.calm-packshot{display:block;width:100%;height:min(59svh,560px);max-width:100%;object-fit:contain;filter:drop-shadow(7px 15px 12px #21160d60)}
.hero .hero-product-caption{position:absolute;bottom:2.5%;left:13%;right:5%;display:flex;gap:14px;align-items:center;z-index:3}
.hero-product-caption .caption-rule{flex:none}
.hero .hero-product-caption strong{display:block;font-size:10px;letter-spacing:.2em;font-weight:500}
.hero .hero-product-caption small{display:block;color:#e1d2e2c4;font-size:10px;letter-spacing:.025em;margin-top:7px}
.hero[data-moment="calm"]{background:#514739}
.hero[data-moment="calm"] .reading-shade{background:linear-gradient(90deg,#161d20b0,#282a2945 48%,transparent 77%),linear-gradient(0deg,#211c1c80,transparent 30%,transparent 78%,#161b204a)}
.hero[data-moment="calm"] h1 em{font-size:.83em;white-space:nowrap;background:linear-gradient(100deg,#f2cfab,#e5aa8e);background-clip:text;-webkit-background-clip:text}
.hero[data-moment="calm"] .hero-tagline>[aria-hidden="true"]{background:#e3b574;box-shadow:0 0 12px #e3b57480}
.hero[data-moment="calm"] .hero-tagline em{background:linear-gradient(105deg,#f4d5a0 0%,#e3b574 48%,#cda477 100%);background-clip:text;-webkit-background-clip:text}
.hero[data-moment="calm"] .hero-description{color:#fff2e5}
.hero[data-moment="calm"] .primary-cta{background:#fff8f0;color:#3d352e}
.hero-scene-status{position:absolute;top:0;left:0;margin:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1700px){.calm-packshot{height:min(59svh,660px)}}
@media(max-width:1050px) and (min-width:701px){
 .hero[data-moment="calm"] h1 em{font-size:.75em}
 .hero .hero-product-caption{left:5%;right:0}
 .calm-packshot{height:53svh}
}
@media(max-width:700px){
 .hero{min-height:860px;height:max(860px,100svh);max-height:none}
 .hero .hero-layout{padding:140px 0 65px}
 .hero #hero-title{height:3.12em;margin-bottom:15px}
 .hero .hero-description{min-height:39.6px;margin-bottom:18px}
 .hero .hero-discover{min-height:46px;width:218px}
 .hero .hero-moments{margin-top:20px}
 .hero[data-moment="calm"] h1 em{font-size:.78em}
 .hero[data-moment="calm"] .landscape-calm img{object-position:64% center}
 .hero[data-moment="calm"] .reading-shade{background:linear-gradient(180deg,#192022aa,#252720a6 42%,#302d2333 68%,#1b211a80)}
 .calm-product{flex:1;min-height:265px;max-height:none;height:auto;align-items:center;padding-bottom:30px;margin:5px 0 0}
 .calm-packshot{height:255px;max-height:100%;width:100%;object-position:center;filter:drop-shadow(6px 10px 9px #21160d50)}
 .hero .hero-product-caption{bottom:4px;left:0;right:0;gap:10px}
 .hero .hero-product-caption strong{font-size:8px}
 .hero .hero-product-caption small{font-size:8px;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.hero .landscape{transition:none}}