/* A softer blue house canvas. Bottle worlds and fragrance card colours retain their own palettes. */
body:has(.lh-native){--hb-canvas:#2e465c;--hb-panel:#38566f;--hb-raised:#3f5f77;--hb-deep:#263e53;--hb-white:#fff;--hb-copy:#f1f5f9;--hb-gold:#f3d8b2;background:var(--hb-canvas)}
body:has(.lh-native) :is(.lh-navigation.nav,.lh-navigation.nav.scrolled){background:#263e53f2;border-bottom:1px solid #e8c49338;color:#fff}
body:has(.lh-native) .lh-navigation :is(.nav-links a,.cart-btn,.menu-btn){color:#fff}
body:has(.lh-native) .lh-navigation .nav-links a{font-weight:400}
body:has(.lh-native) .mobile-menu{background:linear-gradient(145deg,#38566f,#263e53)}
.lh-native{background:var(--hb-canvas);color:var(--hb-white)}
.lh-native :is(.pair-panel,.scent-card){color:var(--cream)}
.lh-native .lh-hero.hero{background:var(--hb-canvas)}
.lh-native .lh-hero .lh-aura{background:linear-gradient(0deg,#2e465c 0%,#2e465c99 24%,transparent 72%),linear-gradient(90deg,#263e5366,transparent 80%)}
.lh-native .lh-hero .hero-title{color:#fff;text-shadow:0 2px 30px #182e46b3}
.lh-native .lh-hero .hero-sub{color:#fff;text-shadow:0 2px 15px #182e46}
.lh-native .lh-hero .hero-ctas .btn-gold,.lh-native .btn-gold{background:#e8c493;color:#1c2e40}
.lh-native .lh-hero .hero-ctas .btn-ghost{background:#263e53cc;border-color:#f3d8b2;color:#fff}
.lh-native .btn{font-weight:500}
.lh-native .lh-hero .hero-ctas .btn{font-size:11px;letter-spacing:.12em}
.lh-native :is(.lh-routing,.manifesto,.pair,.procession){background:var(--hb-canvas)}
.lh-native .lh-door,.lh-native .lh-door:nth-child(n){background:linear-gradient(155deg,#3c5870,#30495f);border-color:#d8bf9770}
.lh-native .lh-route-photo{background:#294157;border-color:#d8bf9770}
.lh-native .lh-route-photo img{background-color:#2e465c}
.lh-native .lh-door:first-child .lh-route-photo img,.lh-native .lh-route-gift img{background:radial-gradient(ellipse at 50% 0,#8caac33b,transparent 75%),#294157}
.lh-native .lh-route-naledi img{background:radial-gradient(ellipse,#b4a38c33,transparent 70%),#30495f}
.lh-native .lh-routing .lh-owner{background:radial-gradient(ellipse at 0 50%,#8aaeca22,transparent 70%),#334e65;border-color:#d8bf9770}
.lh-native :is(.lh-routing h2,.lh-door h3,.lh-owner strong,.sect-title,.pass-copy h2,#gifting h2,.lh-gift-screen h3){color:var(--hb-white)}
.lh-native :is(.lh-door p,.lh-owner p,.sect-note,.lh-copy,.lh-gift-note,.lh-preview-label,.pass-copy>p,.pass-feat){color:var(--hb-copy);font-weight:400}
.lh-native :is(.sect-eyebrow,.lh-eyebrow,.lh-go,.lh-door .lh-go,.lh-number,.lh-gift-paths small){color:var(--hb-gold)}
.lh-native :is(.sect-title em,.lh-routing h2 em,.lh-door h3 em,.pass-copy h2 em,#gifting h2 em,#gifting h3 em){color:var(--hb-gold)}
.lh-native .manifesto-line,.lh-native .manifesto-line.lit{color:#fff}
.lh-native .manifesto-line em,.lh-native .manifesto-line.lit em,.lh-native .manifesto-sig{color:var(--hb-gold)}
.lh-native .discovery{background:radial-gradient(ellipse at 75% 50%,#9dbbd52b,transparent 70%),#334e65}
.lh-native .lh-native-finder{background:var(--hb-canvas)}
.lh-native .lh-chat{background:var(--hb-panel);border-color:#d8bf9770;color:#fff}
.lh-native .lh-bubble{background:var(--hb-raised);color:#fff}
.lh-native .lh-bubble.lh-me{background:#e8c493;color:#1c2e40}
.lh-native .lh-shaded{background:radial-gradient(ellipse at 25% 25%,#909bc52b,transparent 70%),#334c65}
.lh-native .lh-gift-preview{background:var(--hb-deep);border-color:#d8bf9799}
.lh-native .lh-gift-screen{background:radial-gradient(ellipse at 30% 0,#a2b5cf33,transparent 80%),#38536b}
.lh-native .lh-gift-screen>p:not(.lh-eyebrow){color:var(--hb-copy)}
.lh-native .lh-wave{background:#284259;color:#f3d8b2}
.lh-native .lh-gift-paths :is(a,button){color:#fff}
.lh-native .lh-note-types span{color:#fff;border-color:#d8bf9799}
.lh-native .passport{background:var(--hb-canvas)}
.lh-native .pass-card{background:radial-gradient(ellipse at 50% 0,#b9d2e028,transparent 65%),linear-gradient(160deg,#3c5870,#293f55);border-color:#d8bf9799}
.lh-native .pass-card :is(.pc-verified,.pc-house,.pc-mean,.pc-seal span){color:var(--hb-gold)}
.lh-native .pass-card :is(.pc-name,.pc-serial){color:#fff}
.lh-native .pass-card .pc-batch{color:#edf2f7}
body:has(.lh-native) #lh-footer{background:var(--hb-deep);border-top:1px solid #d8bf9738;color:#fff}
body:has(.lh-native) #lh-footer :is(.foot-tag,.foot-copy,.foot-links a){color:#eef3f8}
body:has(.lh-native) #lh-footer .foot-mark{color:var(--hb-gold)}
/* The collection still responds to each fragrance on swipe; its tint sits over blue. */
@media(max-width:880px){.lh-native .procession{background:linear-gradient(#2e465c55,#2e465c55),var(--lh-scent-tint,#2e465c)}}

/* 2026-10-27 hero framing: keep faces visible and soften the blue fade. */
.lh-native .lh-hero.hero{height:auto;min-height:clamp(720px,92svh,980px);padding:clamp(110px,15vh,160px) 0 76px}
.lh-native .lh-hero .lh-campaign{height:100%;inset:0;mask-image:none;-webkit-mask-image:none;animation:none!important}
.lh-native .lh-hero .lh-campaign span{background-position:center top}
.lh-native .lh-hero .lh-aura{background:linear-gradient(180deg,rgba(21,36,51,.2) 0%,rgba(21,36,51,.1) 66%,rgba(46,70,92,.38) 82%,var(--hb-canvas) 100%)}
.lh-native .lh-hero-content{min-height:calc(clamp(620px,82svh,900px) - clamp(110px,15vh,160px) - 76px);justify-content:center}
@media(max-width:880px){
 .lh-native .lh-hero.hero{min-height:clamp(600px,80svh,760px);padding:105px 0 56px}
 .lh-native .lh-hero-content{min-height:calc(clamp(600px,80svh,760px) - 161px)}
 .lh-native .lh-hero .lh-campaign span{background-position:62% top}
}
@media(max-width:700px){
 .lh-native .lh-hero.hero{min-height:clamp(540px,82svh,700px);padding:92px 0 38px}
 .lh-native .lh-hero-content{min-height:calc(clamp(540px,82svh,700px) - 130px);justify-content:flex-end}
 .lh-native .lh-hero .lh-campaign span{background-position:68% top}
 .lh-native .lh-hero .lh-aura{background:linear-gradient(180deg,rgba(21,36,51,.15),transparent 48%,rgba(46,70,92,.2) 75%,var(--hb-canvas) 100%)}
 .lh-native .lh-hero .hero-sub{margin-top:18px}
}