/* ===== Gloss hero v2 - self-contained two-column stage ===== */
.hero{position:relative;min-height:100vh;display:block;overflow:hidden}
.hero .hero-stage{position:static;z-index:2;max-width:1440px;margin:0 auto;padding:0 48px;min-height:100vh;display:grid;grid-template-columns:minmax(420px,660px);justify-content:start;align-items:center}
.hero .hero-copy{grid-column:1;position:relative;z-index:2;text-align:left;width:100%;max-width:680px;animation:none}
.hero .hero-copy .kicker{display:block;margin:0 0 20px;animation:none;transition:opacity .5s ease}
.hero .hero-copy h1{font-size:clamp(56px,6.2vw,92px);line-height:1.06;letter-spacing:-.015em;margin:0 0 24px;max-width:none;white-space:nowrap;animation:none;transition:opacity .5s ease}
.hero .hero-copy p.lede{font-size:19px;line-height:1.62;color:var(--mist);max-width:30em;margin:0 0 38px;min-height:3.24em;animation:none;transition:opacity .5s ease}
.hero .hero-ctas{justify-content:flex-start;animation:none}
.hero .hero-swap.out{opacity:0}
/* figure column: fixed stage, images normalised to one canvas */
.hero .hero-figure{position:absolute;top:0;right:0;bottom:0;left:auto;width:min(42vw,880px);height:auto;max-height:none;z-index:1;pointer-events:none}
.hero .hero-figure img{position:absolute;bottom:0;right:0;left:auto;transform:none;height:100%;width:100%;object-fit:contain;object-position:right bottom;opacity:0;transition:opacity 1.1s ease;filter:drop-shadow(0 24px 48px rgba(176,132,110,.16))}
.hero .hero-figure img.on{opacity:1}
/* dots */
.hero .hero-dots{position:absolute;left:48px;bottom:56px;z-index:3;display:flex;gap:9px}
.hero .hero-dots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(150,116,94,.28);transition:background .3s,transform .3s}
.hero .hero-dots button.on{background:#c98b6a;transform:scale(1.35)}
#particles{display:none!important}
@media(max-width:1180px){
.hero .hero-stage{grid-template-columns:1fr;justify-items:center;padding:120px 26px 90px;min-height:auto}
.hero .hero-copy{grid-column:1;text-align:center;order:2}
.hero .hero-copy h1{white-space:normal;font-size:clamp(42px,8vw,62px)}
.hero .hero-copy p.lede{margin-left:auto;margin-right:auto;min-height:0}
.hero .hero-ctas{justify-content:center}
.hero .hero-figure{grid-column:1;order:1;height:46vh;width:100%;margin-bottom:18px}
.hero .hero-dots{position:relative;left:auto;bottom:auto;justify-content:center;order:3;margin-top:26px}
}
/* kill legacy scroll cue (theme furniture: 1px line + pulsing dot) */
.hero .scroll-cue,.scroll-cue{display:none!important;animation:none!important}
.hero .scroll-cue::before,.scroll-cue::before{display:none!important;animation:none!important;content:none!important}