/**
 * PORTAIL — la peau du site (d'après le prototype Codex validé le 2026-09-08) : logo central, navigation de chaque
 * côté, panneaux bleu nuit, petites capitales dorées, ornements. Classes préfixées .sp-, règles d'éléments scopées
 * sous body.sp. Plancher typographique 0,8 rem. Dépend des jetons d'espacement --sp-N de style.css.
 *
 * @package SamRelaxe
 * @version 12.0.0
 */
@font-face{font-family:'Cormorant Garamond';src:url('../fonts/cormorant.woff2') format('woff2');font-weight:300 700;font-display:swap}

@font-face{font-family:'Cormorant Garamond';src:url('../fonts/cormorant-italic.woff2') format('woff2');font-weight:300 700;font-style:italic;font-display:swap}

@font-face{font-family:'DM Sans';src:url('../fonts/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}

:root{--sr-night:#03121b;--sr-cream:#eee1c2;--sr-pale:#c2c4b8;--sr-gold:#d8b675;--sr-gold-bright:#f3d39a;--sr-panel:rgb(4 24 34 / .87);--sr-panel-soft:rgb(11 35 46 / .82);--sr-line:rgb(209 170 99 / .4);--sr-line-dim:rgb(209 170 99 / .2);--sr-light:rgb(236 213 168 / .06);--sr-overlay:rgb(1 12 18 / .92);--sr-dim:rgb(1 12 18 / .45);--sr-gold-shade:rgb(220 178 97 / .14);--sr-gold-gradient:linear-gradient(110deg,#b88940,#efd397 52%,#b78a44);--sr-background-shade:linear-gradient(180deg,transparent 25%,rgb(3 18 27 / .25) 45%,var(--sr-night) 86%);--sr-scenery-shade:linear-gradient(180deg,rgb(3 18 27 / .45),var(--sr-night) 85%);--sr-panel-gradient:linear-gradient(130deg,var(--sr-panel-soft),var(--sr-panel));--sr-shadow:inset 0 1px 0 var(--sr-light),0 .7rem 2rem rgb(0 0 0 / .2);--sr-glow:0 0 1.2rem rgb(215 170 87 / .22);--sr-hair:1px;--sr-outline:2px;--sr-radius:.6rem;--sr-gap:.75rem;--sr-max:1510px;--sr-gutter:clamp(1.1rem,4.6vw,5rem);--sr-body:clamp(.9rem,.95vw,1rem);--sr-tiny:.8rem;--sr-display:clamp(2.4rem,4.3vw,4.7rem);--sr-motion:600ms;--sr-ease:cubic-bezier(.22,1,.36,1);--sr-header:6rem;--sr-nav-header:3.6rem;--sr-blur:12px;--sr-modal:64rem;--sr-thumb:8rem;--sr-feature:11.5rem;--sr-map:31rem;--sr-clear:transparent}

:where(body.sp) *{box-sizing:border-box}
html.sp-html{scroll-behavior:smooth;scroll-padding-top:var(--sp-6)}
body.sp{margin:0;color:var(--sr-cream);background:var(--sr-night);font:var(--sr-body)/1.4 var(--font-display,'Cormorant Garamond',Georgia,serif);-webkit-font-smoothing:antialiased}
body:has(dialog[open]){overflow:hidden}
:where(body.sp) button,:where(body.sp) input,:where(body.sp) select{font:inherit;color:inherit}
:where(body.sp) button{cursor:pointer;background:none;border:0;padding:0}
:where(body.sp) button,:where(body.sp) a,:where(body.sp) summary,:where(body.sp) input,:where(body.sp) select{touch-action:manipulation}
:where(body.sp) a{color:inherit;text-decoration:none}
:where(body.sp) img,:where(body.sp) video{display:block;max-width:100%;object-fit:cover}
:where(body.sp) h1,:where(body.sp) h2,:where(body.sp) h3,:where(body.sp) p{margin:0}
:where(body.sp) h1,:where(body.sp) h2,:where(body.sp) h3{font-weight:500;line-height:1.06}
:where(body.sp) h1{font-size:var(--sr-display);font-variant:small-caps;letter-spacing:.035em;color:var(--sr-gold-bright)}
:where(body.sp) h2{font-size:1.4rem;font-variant:small-caps;color:var(--sr-gold-bright);letter-spacing:.02em}
:where(body.sp) h3{font-size:1.08rem;color:var(--sr-gold-bright)}
:where(body.sp) p{color:var(--sr-pale)}
:where(body.sp) small{font-size:.8rem;color:var(--sr-pale)}
:where(body.sp) button:disabled{opacity:.5;cursor:wait}
[hidden]{display:none!important}
:focus-visible{outline:var(--sr-outline) solid var(--sr-gold-bright);outline-offset:var(--sp-1)}
::selection{background:var(--sr-gold);color:var(--sr-night)}
.sp-sr-only,.sp-skip:not(:focus){position:absolute;clip-path:inset(50%);width:var(--sr-hair);height:var(--sr-hair);overflow:hidden;white-space:nowrap}
.sp-skip:focus{position:fixed;z-index:100;top:var(--sp-3);left:var(--sp-3);background:var(--sr-cream);color:var(--sr-night);padding:var(--sp-3)}

.sp-scenery{position:absolute;inset:0 0 auto;height:58rem;pointer-events:none;z-index:-1;background:var(--sr-scenery-shade),url('../images/biome-heroes/lumethys-forest-hero.webp') center top / cover no-repeat}
.sp-page-home .sp-scenery{height:70rem;background:var(--sr-background-shade),url('../images/hero/home-desktop-wide.webp') center -4rem / 100% auto no-repeat}
.sp-page::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:url('../images/decor/branch-top.webp') left bottom / 23rem auto no-repeat;opacity:.14}
.sp-header{width:min(calc(100% - var(--sr-gutter)*2),var(--sr-max));height:var(--sr-header);position:relative;display:grid;grid-template-columns:1fr 21rem 1.15fr auto;gap:var(--sp-6);align-items:start;margin:auto}
.sp-header::before{content:'';position:absolute;top:var(--sr-nav-header);left:calc(var(--sr-gutter)*-1);right:calc(var(--sr-gutter)*-1);height:var(--sr-hair);background:linear-gradient(90deg,transparent,var(--sr-line-dim),transparent 42%,transparent 58%,var(--sr-line-dim),transparent);pointer-events:none}
.sp-nav-left,.sp-nav-right{display:flex;align-items:center;justify-content:space-around;height:var(--sr-nav-header);gap:var(--sp-4);font-size:1rem;font-weight:600;white-space:nowrap}
.sp-nav-right{justify-content:space-between}
.sp-nav-left>a,.sp-nav-right>a{height:100%;display:flex;align-items:center;position:relative}
.sp-header nav a:hover{color:var(--sr-gold-bright)}
.sp-header [aria-current=page]{color:var(--sr-gold-bright)}
.sp-header [aria-current=page]::after{content:'';position:absolute;bottom:0;left:-1rem;right:-1rem;height:var(--sr-hair);background:var(--sr-gold-gradient);box-shadow:var(--sr-glow)}
.sp-logo{text-align:center;position:relative;padding-top:var(--sp-6);font-size:3rem;line-height:1.1;font-variant:small-caps;white-space:nowrap;letter-spacing:.02em;color:var(--sr-gold-bright)}
.sp-logo-fairy{position:absolute;top:.1rem;left:50%;transform:translateX(-50%);height:2rem;width:2rem;object-fit:contain;filter:drop-shadow(0 0 .5rem var(--sr-gold))}
.sp-ornament{display:block;color:var(--sr-gold);font-size:.8rem;line-height:1.1;letter-spacing:.14em;opacity:.85}
.sp-logo>.sp-ornament{font-size:.8rem;margin-top:var(--sp-1)}
.sp-tools{display:flex;align-items:center;gap:var(--sp-2);height:var(--sr-nav-header)}
.sp-tool{width:2.1rem;height:2.1rem;border:var(--sr-hair) solid var(--sr-line);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;color:var(--sr-gold-bright);font-size:1.3rem}
.sp-tool:hover{background:var(--sr-gold-shade)}
.sp-search-icon{width:.75rem;height:.75rem;border:var(--sr-hair) solid currentColor;border-radius:50%;position:relative}
.sp-search-icon::after{content:'';position:absolute;width:.35rem;height:var(--sr-hair);background:currentColor;bottom:-.15rem;right:-.25rem;transform:rotate(45deg)}
.sp-cart-count{position:absolute;right:-.2rem;top:-.3rem;background:var(--sr-gold);color:var(--sr-night);font: .6rem/1.3rem var(--font-body);border-radius:50%;width:1.2rem;height:1.2rem}
.sp-menu,.sp-mobile-nav{display:none}
.sp-main{width:min(calc(100% - var(--sr-gutter)*2),var(--sr-max));margin:auto}
.sp-panel{position:relative;border:var(--sr-hair) solid var(--sr-line);background:var(--sr-panel-gradient);border-radius:var(--sr-radius);box-shadow:var(--sr-shadow)}
.sp-panel::before{content:'';position:absolute;top:var(--sp-2);right:var(--sp-3);width:3rem;height:2.5rem;background:url('../images/decor/corner-tr.webp') right top / contain no-repeat;opacity:.2;pointer-events:none}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:var(--sp-3);padding:.55rem 1rem;min-height:2.2rem;line-height:1.05;border:var(--sr-hair) solid var(--sr-line);border-radius:.35rem;background:var(--sr-light);font-variant:small-caps;color:var(--sr-gold-bright);font-size:.87rem;white-space:nowrap;transition:background .2s,box-shadow .2s}
.sp-btn:hover{background:var(--sr-gold-shade);box-shadow:var(--sr-glow);border-color:var(--sr-gold)}
.sp-btn-gold{background:var(--sr-gold-gradient);color:var(--sr-night);border-color:var(--sr-gold);box-shadow:inset 0 var(--sr-hair) 0 var(--sr-cream)}
.sp-btn-gold:hover{background:var(--sr-gold-bright);color:var(--sr-night)}
.sp-text-link{display:inline-block;color:var(--sr-gold-bright);font-size:.85rem;padding-block:var(--sp-2);text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--sr-line)}
.sp-hero{position:relative;text-align:center;padding:4.6rem 0 1rem;min-height:16.2rem}
.sp-hero::before{content:'';position:absolute;inset:0 auto auto 50%;width:4.1rem;height:4.5rem;transform:translateX(-50%);background:url('../images/decor/fairy.webp') center / contain no-repeat;filter:drop-shadow(0 0 .6rem var(--sr-gold));animation:sr-fairy 6s ease-in-out infinite}
.sp-hero-tag{display:inline-block;padding:.12rem .9rem;border:var(--sr-hair) solid var(--sr-line);border-radius:1rem;color:var(--sr-gold-bright);background:var(--sr-panel);font-size:.84rem}
.sp-hero h1{font-size:clamp(3.5rem,5.7vw,6rem);line-height:1.05;margin:.1rem 0}
.sp-hero-lead{font-size:1.16rem!important;color:var(--sr-gold-bright)!important}
.sp-hero>p:not(.sp-hero-tag){font-size:.95rem;color:var(--sr-cream)}
.sp-hero-actions{display:flex;justify-content:center;gap:var(--sp-4);margin-top:.7rem}
.sp-hero-actions .sp-btn{min-width:15rem;min-height:2.65rem;font-size:1rem}
.sp-home-inner{width:min(100%,70rem);margin-inline:auto}
.sp-how{display:grid;grid-template-columns:.85fr 1.5fr 1.45fr 1.8fr;align-items:center;gap:var(--sp-4);padding:.65rem 1.2rem;margin-bottom:var(--sr-gap)}
.sp-how h2{font-size:1rem}
.sp-how>a{display:flex;gap:var(--sp-3);align-items:center}
.sp-how h3{font-size:.96rem;margin-bottom:.12rem}
.sp-how p{font-size:.8rem;line-height:1.1}
.sp-step{border:var(--sr-hair) solid var(--sr-line);border-radius:50%;width:1.65rem;height:1.65rem;display:flex;align-items:center;justify-content:center;color:var(--sr-gold);flex-shrink:0}
.sp-symbol{width:3rem;height:3rem;object-fit:contain;flex-shrink:0}
.sp-how .sp-symbol{width:2.5rem;height:2.5rem}
.sp-line-icon{font-size:2.2rem;color:var(--sr-gold);line-height:1}
.sp-featured{display:grid;grid-template-columns:1.3fr 1fr .45fr;min-height:var(--sr-feature);overflow:hidden;margin-bottom:var(--sr-gap)}
.sp-featured-image{position:relative;min-height:var(--sr-feature);margin:.25rem;border-radius:.45rem;overflow:hidden;border:var(--sr-hair) solid var(--sr-line)}
.sp-featured-image>img{width:100%;height:100%;position:absolute;inset:0}
.sp-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--sr-panel);color:var(--sr-gold-bright);border:var(--sr-hair) solid var(--sr-line);border-radius:.2rem;font-size:.8rem;font-variant:small-caps;padding:.15rem .55rem;line-height:1.2}
.sp-featured-image>.sp-badge{position:absolute;left:var(--sp-3);top:var(--sp-3)}
.sp-featured-copy{padding:.7rem 1.25rem}
.sp-featured-copy h2{font-size:1.8rem}
.sp-featured-copy h3{font-size:.83rem;font-variant:small-caps;letter-spacing:.03em;margin:.15rem 0 .45rem}
.sp-featured-copy>p{font-size:.85rem;line-height:1.2}
.sp-sounds-label{display:flex;align-items:center;gap:var(--sp-3);font-variant:small-caps;color:var(--sr-gold);font-size:.8rem;margin-top:.4rem}
.sp-sounds-label>span{flex:1;height:var(--sr-hair);background:var(--sr-line)}
.sp-sounds{display:flex;justify-content:space-between;gap:var(--sp-3);margin-top:.15rem}
.sp-sounds>span{font-size:1.35rem;color:var(--sr-gold);text-align:center;line-height:1}
.sp-sounds small{display:block;font-size:.8rem;color:var(--sr-pale);margin-top:.15rem}
.sp-featured-cta{position:relative;display:flex;justify-content:center;align-items:end;padding:var(--sp-4);border-left:var(--sr-hair) solid var(--sr-line-dim);margin-block:var(--sp-4)}
.sp-featured-cta .sp-btn{white-space:normal;font-size:.9rem;line-height:1.2;width:100%}
.sp-leaf{position:absolute;right:var(--sp-3);top:0;width:6rem;height:4rem;object-fit:contain;opacity:.4}
.sp-gateways{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sr-gap);margin-bottom:var(--sr-gap)}
.sp-gateway{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-3);padding:.28rem;min-height:6.5rem}
.sp-gateway>img{width:100%;height:100%;min-height:6rem;border-radius:.35rem;border:var(--sr-hair) solid var(--sr-line)}
.sp-gateway>div{padding:.35rem .3rem .9rem 0}
.sp-gateway h2{font-size:1.03rem;line-height:1.1;margin-bottom:.4rem}
.sp-gateway p{font-size:.8rem;line-height:1.15}
.sp-circle-arrow{position:absolute;right:.6rem;bottom:.4rem;border:var(--sr-hair) solid var(--sr-line);border-radius:50%;width:1.6rem;height:1.6rem;line-height:1.4rem;text-align:center;color:var(--sr-gold);font-size:1.2rem}
.sp-gateway:hover{border-color:var(--sr-gold)}
.sp-benefits{display:grid;grid-template-columns:.85fr repeat(4,1.5fr);align-items:center;gap:var(--sp-5);padding:.45rem 1.1rem;margin-bottom:.5rem}
.sp-benefits>h2{font-size:1.1rem}
.sp-benefits>a{display:flex;align-items:center;gap:.7rem}
.sp-benefits .sp-symbol{width:2.8rem;height:2.8rem}
.sp-benefits h3{font-size:.98rem}
.sp-benefits p{font-size:.8rem;line-height:1.1;margin-top:.12rem}
.sp-newcomer{display:flex;align-items:center;gap:var(--sp-4);padding:.25rem 1rem}
.sp-tiny-fairy{width:2.2rem;height:2.2rem;object-fit:contain}
.sp-newcomer h2{font-size:1rem;white-space:nowrap}
.sp-newcomer p{font-size:.8rem;line-height:1.2}
.sp-newcomer>a{font-size:.8rem;color:var(--sr-gold);margin-left:auto}
.sp-video-section{margin-top:.6rem}
.sp-section-line{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:.4rem}
.sp-section-line>h2{font-size:1.25rem;white-space:nowrap}
.sp-section-line>.sp-ornament{flex:1;position:relative;font-size:.8rem;overflow:hidden}
.sp-section-line>.sp-ornament::after{content:'';position:absolute;height:var(--sr-hair);background:var(--sr-line-dim);left:4rem;right:0;top:50%}
.sp-section-line>a,.sp-section-line>span:not(.sp-ornament){font-size:.8rem;font-variant:small-caps;color:var(--sr-gold)}
.sp-rail-wrap{position:relative}
.sp-video-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--sr-gap)*4)/5);gap:var(--sr-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.sp-video-rail::-webkit-scrollbar{display:none}
.sp-video-card{min-width:0;scroll-snap-align:start}
.sp-video-thumb{position:relative;aspect-ratio:2.7;overflow:hidden;border:var(--sr-hair) solid var(--sr-line);border-radius:.4rem;padding:.2rem;background:var(--sr-panel)}
.sp-video-thumb>img{width:100%;height:100%;border-radius:.25rem;transition:transform var(--sr-motion) var(--sr-ease)}
.sp-video-card:hover img{transform:scale(1.04)}
.sp-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:var(--sr-hair) solid var(--sr-gold);border-radius:50%;width:2rem;height:2rem;background:var(--sr-dim);color:var(--sr-gold-bright);display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:var(--sr-glow)}
.sp-duration{position:absolute;bottom:.35rem;right:.35rem;font-size:.8rem;line-height:1.1;padding:.1rem .25rem;color:var(--sr-gold-bright);background:var(--sr-overlay);border-radius:.15rem}
.sp-video-card h3{font-size:.84rem;margin-top:.15rem;font-weight:400;line-height:1.2;color:var(--sr-cream)}
.sp-rail-arrow{position:absolute;top:35%;transform:translateY(-50%);border:var(--sr-hair) solid var(--sr-line);border-radius:50%;width:1.8rem;height:1.8rem;background:var(--sr-night);color:var(--sr-gold);font-size:1.5rem;z-index:1}
.sp-prev{left:-2.3rem}
.sp-next{right:-2.3rem}
.sp-newsletter{margin-top:var(--sr-gap);display:flex;align-items:center;gap:var(--sp-6);padding:.5rem 1.1rem}
.sp-newsletter-intro{display:flex;align-items:center;gap:var(--sp-5);flex:1}
.sp-fairy{width:5rem;height:4rem;object-fit:contain;filter:drop-shadow(0 0 .5rem var(--sr-gold))}
.sp-newsletter h2{font-size:1.65rem}
.sp-newsletter p{font-size:.8rem;line-height:1.15;margin-top:.2rem}
.sp-news-form{flex:1.1}
.sp-email-row{display:flex;border:var(--sr-hair) solid var(--sr-line);border-radius:.3rem;overflow:hidden}
.sp-email-row>input{flex:1;width:100%;min-width:0;border:0;border-radius:0;background:var(--sr-panel);padding:.6rem 1rem;font-size:.9rem}
.sp-email-row>.sp-btn{border-radius:0;min-width:8rem}
.sp-news-form>small{display:block;margin-top:.2rem;font-size:.8rem}
.sp-form-status:empty{display:none}
.sp-social{display:flex;align-items:center;justify-content:center;border:var(--sr-hair) solid var(--sr-line);border-radius:50%;width:2.5rem;height:2.5rem;color:var(--sr-gold)}
.sp-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:min(calc(100% - var(--sr-gutter)*2),var(--sr-max));margin:var(--sp-4) auto;color:var(--sr-pale);font-size:.8rem}
.sp-footer a,.sp-footer button{color:var(--sr-gold)}

/* Atlas */
.sp-page-title{text-align:center;margin:.4rem auto 1.4rem}
.sp-page-title h1{font-size:clamp(2.5rem,3.2vw,3.4rem);margin-bottom:.5rem}
.sp-page-title p{font-size:1rem;line-height:1.25}
.sp-atlas-layout{display:grid;grid-template-columns:13.5rem minmax(0,1fr) 18rem;gap:var(--sp-4);align-items:stretch}
.sp-world-sidebar{padding:.8rem .4rem}
.sp-world-sidebar>h2{text-align:center;font-size:1rem;margin:.2rem 0 .8rem}
.sp-world-choice{display:flex;align-items:center;width:100%;gap:.5rem;text-align:left;border:var(--sr-hair) solid transparent;padding:.35rem .35rem;border-radius:.35rem;min-height:3rem}
.sp-world-choice[aria-pressed=true]{background:var(--sr-gold-shade);border-color:var(--sr-gold);box-shadow:inset 0 0 .6rem var(--sr-gold-shade)}
.sp-world-choice>img{width:2.1rem;height:2.1rem;object-fit:contain}
.sp-world-choice>span{font-variant:small-caps;color:var(--sr-gold-bright);font-size:1.05rem;line-height:1.1}
.sp-world-choice small{display:block;font-variant:normal;font-size:.8rem;margin-top:.1rem}
.sp-world-sidebar>.sp-btn{width:100%;margin-top:.7rem;font-size:.8rem}
.sp-map-center{min-width:0}
.sp-map-frame{height:var(--sr-map);overflow:hidden;padding:.25rem}
.sp-map-canvas{position:relative;width:100%;height:100%;transform:scale(var(--map-scale,1));transform-origin:center;transition:transform .4s;touch-action:pan-y}
.sp-map-canvas>img{width:100%;height:100%;object-fit:fill;border-radius:.45rem}
.sp-map-hotspot{position:absolute;transform:translate(-50%,-50%);width:2.15rem;height:2.15rem;border-radius:50%;border:var(--sr-hair) solid var(--sr-gold);background:var(--sr-dim);color:var(--sr-gold-bright);display:flex;align-items:center;justify-content:center;box-shadow:var(--sr-glow);font-size:1.25rem}
.sp-map-hotspot[aria-pressed=true]{background:var(--sr-gold);color:var(--sr-night);box-shadow:0 0 1.5rem var(--sr-gold)}
.sp-map-hotspot-0{left:46%;top:34%}
.sp-map-hotspot-1{left:64%;top:64%}
.sp-map-hotspot-2{left:30%;top:58%}
.sp-map-hotspot-3{left:13%;top:50%}
.sp-map-hotspot-4{left:23%;top:81%}
.sp-map-hotspot-5{left:46%;top:87%}
.sp-map-hotspot-6{left:27%;top:31%}
.sp-map-hotspot-7{left:85%;top:65%}
.sp-map-hotspot-8{left:46%;top:15%}
.sp-map-hotspot-9{left:69%;top:22%}
.sp-map-zoom{position:absolute;left:var(--sp-3);bottom:var(--sp-3);display:flex;flex-direction:column;background:var(--sr-panel);border:var(--sr-hair) solid var(--sr-line);border-radius:.3rem}
.sp-map-zoom>button{width:2rem;height:2rem;color:var(--sr-gold);font-size:1.3rem}
.sp-world-info{padding:1rem 1.2rem;display:flex;flex-direction:column;align-items:center;text-align:center}
.sp-world-info>small{font-variant:small-caps;font-size:.8rem;color:var(--sr-gold)}
.sp-world-badge{width:6.4rem;height:6.4rem;object-fit:contain;margin:.8rem 0}
.sp-world-info h2{font-size:2.4rem}
.sp-world-info h3{font-size:.92rem;font-variant:small-caps;margin:.3rem 0 1rem}
.sp-world-info>p{font-size:.9rem;line-height:1.3}
.sp-world-info>.sp-ornament{margin:var(--sp-4) 0}
.sp-world-info ul{list-style:none;text-align:left;width:100%;margin:0 0 1.5rem;padding:0;color:var(--sr-pale);font-size:.85rem}
.sp-world-info li{padding:.25rem 0}
.sp-world-info li::before{content:'✧';color:var(--sr-gold);margin-right:.5rem}
.sp-world-info .sp-btn{width:100%;margin-top:.5rem;font-size:.8rem}
.sp-world-gallery{margin-top:var(--sp-5)}
.sp-world-gallery>.sp-section-line{justify-content:center}
.sp-world-rail{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--sr-gap)}
.sp-world-tile{overflow:hidden;text-align:center;padding:.2rem .2rem .6rem;position:relative}
.sp-world-tile>img{width:100%;height:9rem;border-radius:.4rem}
.sp-world-tile .sp-play{top:4.8rem}
.sp-world-tile h3{font-size:1.12rem;font-variant:small-caps;margin:.4rem 0 .2rem}
.sp-world-tile>small{font-size:.8rem;display:block;line-height:1.1}

/* Catalogue and listening page */
:where(body.sp) input:not([type=range]),:where(body.sp) select{background:var(--sr-panel);border:var(--sr-hair) solid var(--sr-line);padding:.5rem .7rem;border-radius:.3rem;min-height:2.35rem}
:where(body.sp) input::placeholder{color:var(--sr-pale);opacity:.85}
:where(body.sp) select{color-scheme:dark}
:where(body.sp) input[type=range]{accent-color:var(--sr-gold);max-width:100%;cursor:pointer}
.sp-catalog-title{padding:2rem 0}
.sp-filter-bar{display:flex;align-items:end;gap:var(--sp-5);padding:var(--sp-4)}
.sp-filter-bar>label{flex:1;font-variant:small-caps;color:var(--sr-gold);font-size:.85rem}
.sp-filter-bar input,.sp-filter-bar select{width:100%;display:block;margin-top:.3rem;font-variant:normal;color:var(--sr-cream)}
.sp-results-count{font-size:.85rem;margin:var(--sp-4) 0}
.sp-catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}
.sp-catalog-grid .sp-video-thumb{aspect-ratio:1.8}
.sp-catalog-grid h3{font-size:1.06rem;margin-top:.5rem}
.sp-catalog-note{margin-top:var(--sp-6);padding:var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}
.sp-empty{padding:var(--sp-8);text-align:center}
.sp-breadcrumb{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--sr-gold);margin:.3rem 0 1rem}
.sp-video-layout{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:var(--sp-4)}
.sp-video-main{min-width:0}
.sp-watch{display:grid;grid-template-columns:1.3fr 1fr;padding:.5rem;gap:var(--sp-5)}
.sp-screen{min-width:0;display:flex;flex-direction:column;justify-content:center}
.sp-screen>video{width:100%;aspect-ratio:1.7;object-fit:cover;background:var(--sr-night);border:var(--sr-hair) solid var(--sr-line);border-radius:.35rem}
.sp-audio-line{display:flex;gap:var(--sp-3);align-items:center;justify-content:space-between;padding:.7rem .3rem .2rem}
.sp-audio-line .sp-btn{font-size:.85rem}
.sp-audio-line>label{display:flex;align-items:center;gap:.5rem;font-size:.8rem}
.sp-audio-line input{width:5rem}
.sp-watch-copy{padding:.5rem .5rem .7rem 0}
.sp-watch-copy>h1{font-size:clamp(1.7rem,2.1vw,2.2rem);line-height:1.08;margin:.7rem 0 1rem}
.sp-video-meta{display:flex;gap:.5rem;margin-bottom:var(--sp-4)}
.sp-video-meta>span{border:var(--sr-hair) solid var(--sr-line);border-radius:.4rem;padding:.4rem .6rem;font-size:.8rem;flex:1}
.sp-video-meta strong{font-weight:400}
.sp-video-meta small{display:block;font-size:.8rem}
.sp-watch-copy>p{font-size:.9rem;line-height:1.5}
.sp-tags{display:flex;gap:.4rem;margin:1rem 0;flex-wrap:wrap}
.sp-tags>a{border:var(--sr-hair) solid var(--sr-line-dim);background:var(--sr-light);padding:.3rem .7rem;border-radius:.4rem;font-size:.8rem}
.sp-watch-actions{display:flex;gap:.4rem;flex-wrap:wrap}
.sp-watch-actions .sp-btn{font-size:.8rem;padding:.4rem .6rem;min-height:1.8rem}
.sp-watch-actions [aria-pressed=true]{background:var(--sr-gold);color:var(--sr-night)}
.sp-watch-copy>.sp-text-link{font-size:.8rem;margin-top:.6rem}
.sp-video-notes{display:grid;grid-template-columns:1.1fr 1.3fr 1fr;gap:var(--sr-gap);margin-top:var(--sr-gap)}
.sp-video-notes>.sp-panel{padding:1rem}
.sp-video-notes h2{font-size:1.1rem;margin-bottom:.7rem}
.sp-video-notes p{font-size:.85rem;line-height:1.35;margin-bottom:.7rem}
.sp-video-notes small{font-size:.8rem}
.sp-chapter{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;font-size:.8rem;padding:.5rem .2rem;border-bottom:var(--sr-hair) solid var(--sr-line-dim);color:var(--sr-gold)}
.sp-chapter>span{flex:1;color:var(--sr-cream)}
.sp-chapter:hover{background:var(--sr-gold-shade)}
:where(body.sp) dl{display:grid;grid-template-columns:1fr 1fr;font-size:.8rem;gap:.65rem;margin:0}
:where(body.sp) dd{margin:0;text-align:right;color:var(--sr-pale)}
:where(body.sp) dt{color:var(--sr-gold)}
.sp-recommended{padding:1rem}
.sp-recommended>h2{font-size:1.1rem;margin-bottom:.7rem}
.sp-recommended .sp-video-card{margin-bottom:.6rem;padding-bottom:.6rem;border-bottom:var(--sr-hair) solid var(--sr-line-dim)}
.sp-recommended .sp-video-card>a{display:grid;grid-template-columns:1.1fr 1fr;gap:.6rem;align-items:center}
.sp-recommended .sp-video-thumb{aspect-ratio:1.7}
.sp-recommended .sp-play{width:1.5rem;height:1.5rem;font-size:.8rem}
.sp-recommended h3{font-size:.87rem}
.sp-recommended>.sp-btn{width:100%;font-size:.8rem}
.sp-video-main>.sp-video-section{margin-top:var(--sp-4)}
.sp-video-main .sp-video-rail{grid-auto-columns:calc((100% - var(--sr-gap)*3)/4)}
.sp-video-main .sp-video-thumb{aspect-ratio:2}
.sp-video-main .sp-rail-arrow{display:none}

/* Shop */
.sp-shop-hero{height:16rem;position:relative;display:flex;align-items:center;overflow:hidden;margin-bottom:var(--sp-3)}
.sp-shop-hero>div{position:relative;z-index:1;padding-left:var(--sp-8)}
.sp-shop-hero h1{font-size:4.7rem}
.sp-shop-hero .sp-ornament{text-align:left;margin:.7rem 0 1rem}
.sp-shop-hero p{color:var(--sr-cream);font-size:1.05rem}
.sp-shop-hero-image{position:absolute;right:0;top:0;width:60%;height:100%;object-position:center;mask-image:linear-gradient(90deg,transparent,black 25%);opacity:.85}
.sp-shop-promises{display:flex;gap:var(--sp-8);margin-top:var(--sp-5)}
.sp-shop-promises>span{color:var(--sr-gold);font-size:1.6rem;text-align:center;line-height:1}
.sp-shop-promises small{display:block;font-size:.8rem;margin-top:.3rem}
.sp-demo-note{color:var(--sr-gold-bright);font-size:.8rem;background:var(--sr-panel);padding:.45rem .8rem;border-left:var(--sr-outline) solid var(--sr-gold);margin-bottom:var(--sp-4)}
.sp-shop-layout{display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:var(--sp-5)}
.sp-shop-filters{padding:1rem}
.sp-shop-filters>h2{font-size:1rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}
.sp-shop-filters>h2>button{font-size:.8rem;font-variant:normal}
.sp-shop-filters fieldset{border:0;border-top:var(--sr-hair) solid var(--sr-line-dim);padding:.6rem 0 1rem;margin:0}
.sp-shop-filters legend{font-variant:small-caps;color:var(--sr-gold);font-size:.9rem;margin-bottom:.5rem}
.sp-shop-filters fieldset>label{display:flex;align-items:center;gap:.4rem;font-size:.83rem;margin-bottom:.55rem}
.sp-shop-filters input[type=radio]{min-height:0;accent-color:var(--sr-gold);margin:0}
.sp-select-label{display:block;font-size:.85rem;font-variant:small-caps;color:var(--sr-gold);margin-bottom:var(--sp-6)}
.sp-select-label select,.sp-select-label input{display:block;width:100%;margin-top:.6rem}
.sp-select-label select{font-size:.8rem;font-variant:normal}
.sp-select-label output{float:right;font-variant:normal}
.sp-shop-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;margin-bottom:var(--sr-gap)}
.sp-shop-toolbar>p{font-size:.8rem}
.sp-shop-toolbar>label{font-size:.8rem;display:flex;align-items:center;gap:.7rem}
.sp-shop-toolbar select{min-height:1.7rem;padding:.25rem .5rem;font-size:.8rem}
.sp-product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sr-gap)}
.sp-product{overflow:hidden;min-width:0}
.sp-product-image{position:relative;display:block;width:100%;aspect-ratio:.86;padding:.25rem;overflow:hidden}
.sp-product-image>img{width:100%;height:100%;border-radius:.4rem;transition:transform var(--sr-motion)}
.sp-product:hover .sp-product-image>img{transform:scale(1.04)}
.sp-product-image>.sp-badge{position:absolute;top:.65rem;left:.6rem;background:var(--sr-gold);color:var(--sr-night)}
.sp-product-copy{padding:.4rem .6rem .6rem}
.sp-product-copy h2{font-variant:normal;font-size:.97rem;line-height:1.15;min-height:2.2rem;letter-spacing:0;color:var(--sr-cream)}
.sp-product-copy>p{font-size:.8rem;line-height:1.2;min-height:1.65rem;margin:.2rem 0 .35rem}
.sp-price{font-size:1.3rem;color:var(--sr-gold-bright);font-weight:500}
.sp-product-copy>div{display:flex;gap:.3rem;margin-top:.45rem}
.sp-product-copy .sp-btn{font-size:.8rem;padding:.35rem .4rem;min-height:1.9rem;flex:1}
.sp-product-copy .sp-add{flex:0 0 1.9rem;font-size:1rem}
.sp-collection{margin-top:var(--sp-4);overflow:hidden;display:grid;grid-template-columns:1fr 1.2fr;min-height:13rem}
.sp-collection>div{position:relative;z-index:1;padding:1.4rem 1.8rem}
.sp-collection small{font-variant:small-caps;color:var(--sr-gold)}
.sp-collection h2{font-size:2.4rem;line-height:1.08;margin:.5rem 0}
.sp-collection p{font-size:.9rem;margin-bottom:1rem}
.sp-collection>img{height:100%;max-height:16rem;width:100%;object-position:center;mask-image:linear-gradient(90deg,transparent,black 25%)}

/* Stories */
.sp-resonances-hero{padding:2.5rem 0 1.8rem}
.sp-resonances-hero>h1{font-size:4.8rem}
.sp-resonances-hero>p{font-size:1.15rem}
.sp-category-tabs{display:flex;align-items:center;justify-content:space-around;gap:var(--sp-3);padding:.55rem 1rem;width:min(100%,68rem);margin:0 auto 1.2rem}
.sp-category-tabs>button{font-variant:small-caps;font-size:.9rem;padding:.4rem .7rem;border-bottom:var(--sr-hair) solid transparent}
.sp-category-tabs>button[aria-pressed=true]{color:var(--sr-gold-bright);border-color:var(--sr-gold)}
.sp-journal-layout{display:grid;grid-template-columns:2.5fr 1fr;gap:var(--sp-5);margin-bottom:1.3rem}
.sp-article-feature{display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;min-height:17rem}
.sp-article-feature>img{width:100%;height:100%;max-height:21rem}
.sp-article-feature>div{padding:1.5rem}
.sp-article-feature small{font-variant:small-caps;color:var(--sr-gold);font-size:.8rem}
.sp-article-feature h2{font-variant:normal;font-size:2rem;letter-spacing:0;color:var(--sr-cream);margin:1rem 0}
.sp-article-feature p{font-size:1rem;line-height:1.4;margin-bottom:1.5rem}
.sp-journal-aside{padding:1.3rem}
.sp-journal-aside h2{font-size:1.35rem;margin-bottom:.8rem}
.sp-journal-aside p{font-size:.9rem;line-height:1.35}
.sp-journal-aside>.sp-ornament{margin:1.2rem 0}
.sp-journal-aside>.sp-btn{margin-top:1.2rem;font-size:.8rem}
.sp-article-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-4)}
.sp-article-card{overflow:hidden}
.sp-article-card>a{display:grid;grid-template-columns:.8fr 1fr;height:100%;min-height:13rem}
.sp-article-card img{height:100%;width:100%;object-position:center}
.sp-article-card a>div{padding:.8rem .7rem}
.sp-article-card small{font-size:.8rem;display:block;color:var(--sr-gold);margin-bottom:.8rem}
.sp-article-card h2{font-size:1.03rem;line-height:1.2;font-variant:normal;letter-spacing:0;color:var(--sr-cream)}
.sp-article-card p{font-size:.8rem;line-height:1.25;margin:.7rem 0}
.sp-article-card a>div>span{font-size:.8rem;color:var(--sr-gold)}
.sp-about-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:12%;align-items:center;min-height:23rem;padding:1rem 6rem 2rem}
.sp-about-hero>div{max-width:28rem}
.sp-about-hero h1{font-size:3.9rem;line-height:1.12}
.sp-about-hero .sp-ornament{margin:1rem 0;text-align:left}
.sp-about-hero>div>p{font-size:1.05rem;line-height:1.4;color:var(--sr-cream)}
.sp-about-hero>aside{padding:1.4rem}
.sp-about-hero aside>h2{font-size:1.5rem;margin-bottom:1rem}
.sp-about-hero aside>.sp-symbol{float:left;margin-right:1rem}
.sp-about-hero aside>p{font-size:.92rem;line-height:1.35;margin-bottom:1rem}
.sp-mission-icons{display:flex;justify-content:space-around;padding-top:.6rem;border-top:var(--sr-hair) solid var(--sr-line-dim)}
.sp-mission-icons>span{text-align:center;color:var(--sr-gold);font-size:1.6rem}
.sp-mission-icons small{display:block;font-size:.8rem;line-height:1.15}
.sp-about-cards{display:grid;grid-template-columns:1.1fr 1.05fr 1fr;gap:var(--sp-4)}
.sp-about-cards>section{padding:1.1rem 1.4rem}
.sp-about-cards h2{font-size:1.4rem;margin-bottom:1rem}
.sp-about-cards p{font-size:.9rem;line-height:1.35}
.sp-about-world{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);align-items:center}
.sp-about-world>img{width:100%;height:10rem;border-radius:50%;object-fit:cover}
.sp-about-cards .sp-btn{margin-top:1rem}
.sp-gold-list{padding-left:0;list-style:none;margin:.7rem 0 1rem;font-size:.92rem}
.sp-gold-list>li{margin:.45rem 0;color:var(--sr-gold-bright)}
.sp-gold-list>li::before{content:'✓';margin-right:.5rem}
.sp-creator{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--sp-4);align-items:center}
.sp-creator img{width:8rem;height:8rem;object-fit:contain}
.sp-signature{display:block;text-align:right;font-size:2.5rem;color:var(--sr-gold);font-style:italic}
.sp-values{margin-top:var(--sp-4);padding:1rem 1.5rem;display:grid;grid-template-columns:1fr 4fr;gap:var(--sp-8);align-items:center}
.sp-values>div{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6)}
.sp-values>div>span{text-align:center}
.sp-values .sp-symbol{margin:auto;width:2.5rem;height:2.5rem}
.sp-values h3{margin:.4rem 0;font-variant:small-caps}
.sp-values p{font-size:.82rem}
.sp-final-cta{display:flex;align-items:center;justify-content:space-around;gap:var(--sp-5);padding:1rem 1.5rem;margin-top:var(--sp-4)}
.sp-final-cta h2{font-size:1.4rem}
.sp-reading{max-width:60rem;margin:var(--sp-4) auto var(--sp-8);overflow:hidden}
.sp-reading>header{text-align:center;padding:2rem}
.sp-reading h1{font-size:3rem;margin:1rem 0}
.sp-reading-image{width:100%;height:22rem}
.sp-reading #article-body{max-width:44rem;margin:auto;padding:2rem 1.5rem;font-size:1.2rem;line-height:1.6}
.sp-reading #article-body p{margin-bottom:1.2rem}
.sp-reading #article-body h2{margin:1.5rem 0 .8rem;font-size:1.8rem}
.sp-reading-end{display:flex;justify-content:center;gap:var(--sp-5);padding:0 1rem 2rem}

.sp-static-landscape{width:100%;aspect-ratio:1.7;object-fit:cover;border:var(--sr-hair) solid var(--sr-line);border-radius:.35rem}

#favorites-list>.sp-result>.sp-result{flex:1;min-width:0;border:0;padding:0}

/* Shared overlays */
.sp-dialog{padding:2rem;border:var(--sr-hair) solid var(--sr-gold);border-radius:var(--sr-radius);background:var(--sr-night);color:var(--sr-cream);width:min(40rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);box-shadow:var(--sr-shadow)}
.sp-dialog::backdrop{background:var(--sr-overlay);backdrop-filter:blur(var(--sr-blur))}
.sp-dialog>h2{font-size:2.3rem;margin-bottom:1rem}
.sp-dialog>label{display:block;color:var(--sr-gold);margin-bottom:.5rem}
.sp-dialog>input{width:100%;font-size:1rem}
.sp-close{position:absolute;top:.5rem;right:.7rem;min-width:2.5rem;min-height:2.5rem;font-size:1.8rem;color:var(--sr-gold)}
.sp-search-results{margin-top:var(--sp-5)}
.sp-result{display:flex;align-items:center;gap:var(--sp-4);padding:.7rem 0;border-bottom:var(--sr-hair) solid var(--sr-line-dim)}
.sp-result>img{width:5rem;height:3.5rem;border-radius:.3rem}
.sp-result>span{flex:1}
.sp-result strong{font-size:1.1rem;font-weight:500;color:var(--sr-gold-bright);display:block}
.sp-result small{font-size:.8rem}
.sp-result button{font-size:.8rem;color:var(--sr-gold);padding:.6rem}
.sp-cart-item{display:flex;align-items:center;gap:var(--sp-4);padding:1rem 0;border-bottom:var(--sr-hair) solid var(--sr-line-dim)}
.sp-cart-item>img{width:4rem;height:4rem;border-radius:.35rem}
.sp-cart-item>div{flex:1}
.sp-cart-item h3{font-size:1.1rem}
.sp-cart-item p{font-size:.9rem;margin:.3rem 0}
.sp-cart-controls{display:flex;align-items:center;gap:.7rem}
.sp-cart-controls button{border:var(--sr-hair) solid var(--sr-line);min-width:2rem;min-height:2rem;border-radius:.25rem;color:var(--sr-gold)}
.sp-cart-controls>button:last-child{border:0;font-size:.8rem;margin-left:auto}
.sp-cart-total{display:flex;justify-content:space-between;padding:1rem 0;color:var(--sr-gold);font-size:1.3rem}
.sp-product-dialog[open]{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);width:min(var(--sr-modal),calc(100% - 2rem));align-items:center}
.sp-product-dialog>img{width:100%;max-height:26rem;border-radius:.4rem}
.sp-product-dialog h2{font-size:2.3rem;margin:1rem 0}
.sp-product-dialog .sp-price{font-size:1.8rem;margin:1rem 0}
.sp-toast{position:fixed;z-index:50;bottom:var(--sp-6);left:50%;transform:translateX(-50%);padding:.9rem 1.5rem;background:var(--sr-cream);color:var(--sr-night);border:var(--sr-hair) solid var(--sr-gold);border-radius:.35rem;box-shadow:var(--sr-shadow);max-width:90%;font-size:1rem}

@keyframes sr-fairy{0%,100%{transform:translate(-50%,0);opacity:.85}
50%{transform:translate(-50%,-.35rem);opacity:1}
}

@media(min-width:1700px){.sp-hero{padding-top:5rem;min-height:19rem}
.sp-featured{--sr-feature:13rem}
.sp-gateway{min-height:7rem}
.sp-video-thumb{aspect-ratio:2.6}
}

@media(max-width:1250px){.sp-header{grid-template-columns:1fr 17rem 1.1fr auto;gap:var(--sp-4)}
.sp-logo{font-size:2.5rem}
.sp-nav-left,.sp-nav-right{font-size:.88rem;gap:var(--sp-3)}
.sp-tools{gap:.3rem}
.sp-tool{width:1.85rem;height:1.85rem}
.sp-how .sp-symbol,.sp-how .sp-line-icon{display:none}
.sp-gateway{grid-template-columns:.9fr 1fr}
.sp-gateway h2{font-size:.95rem}
.sp-benefits{gap:.6rem}
.sp-benefits .sp-symbol{width:2.4rem;height:2.4rem}
.sp-atlas-layout{grid-template-columns:11rem minmax(0,1fr) 14rem;gap:var(--sp-3)}
.sp-world-info{padding:1rem .8rem}
.sp-world-info h2{font-size:2rem}
.sp-world-choice{gap:.3rem}
.sp-world-choice>img{width:1.7rem;height:1.7rem}
.sp-world-choice>span{font-size:.95rem}
.sp-world-choice small{font-size:.8rem}
.sp-map-center .sp-page-title h1{font-size:2.1rem}
.sp-map-center .sp-page-title p{font-size:.86rem}
.sp-world-rail{grid-template-columns:repeat(5,1fr)}
.sp-world-tile>img{height:8rem}
.sp-world-tile .sp-play{top:4rem}
.sp-shop-layout{grid-template-columns:11rem minmax(0,1fr)}
.sp-product-grid{grid-template-columns:repeat(3,1fr)}
.sp-product-image{aspect-ratio:1.2}
.sp-product-copy h2,.sp-product-copy>p{min-height:0}
.sp-video-layout{grid-template-columns:minmax(0,1fr) 14rem}
.sp-watch{grid-template-columns:1fr;gap:.5rem}
.sp-watch-copy{padding:1rem}
.sp-screen>video{aspect-ratio:2}
.sp-video-notes{grid-template-columns:1fr 1fr}
.sp-video-notes>section:last-child{grid-column:1/-1}
.sp-video-notes dl{grid-template-columns:repeat(8,auto)}
.sp-about-hero{padding-inline:2rem;gap:var(--sp-8)}
.sp-about-world{grid-template-columns:1fr}
.sp-about-world>img{display:none}
.sp-creator{grid-template-columns:1fr}
.sp-creator img{display:none}
.sp-article-grid{grid-template-columns:repeat(3,1fr)}
.sp-newcomer>a{display:none}
}

@media(max-width:900px){.sp-header{grid-template-columns:1fr auto auto;height:6rem;align-items:center}
.sp-logo{grid-column:1;grid-row:1;justify-self:start;font-size:2.4rem;padding:0}
.sp-logo-fairy{display:none}
.sp-header>.sp-nav-left,.sp-header>.sp-nav-right{display:none}
.sp-header::before{top:auto;bottom:0}
.sp-tools{grid-column:2}
.sp-menu{display:block;grid-column:3;font-size:1rem;color:var(--sr-gold);min-height:2.5rem}
.sp-mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:5.7rem;right:0;left:0;z-index:10;background:var(--sr-night);padding:1rem;border:var(--sr-hair) solid var(--sr-line);border-radius:.5rem;gap:1rem}
.sp-mobile-nav [aria-current=page]::after{display:none}
.sp-hero{padding-top:4.2rem}
.sp-hero-tag{font-size:.8rem}
.sp-hero h1{font-size:4.3rem}
.sp-hero-lead{font-size:1rem!important}
.sp-how{grid-template-columns:1fr 1fr 1fr;padding:1rem}
.sp-how>h2{display:none}
.sp-how h3{font-size:.95rem}
.sp-how p{font-size:.8rem}
.sp-how .sp-step{display:none}
.sp-featured{grid-template-columns:1.15fr 1fr}
.sp-featured-cta{display:none}
.sp-gateways{grid-template-columns:repeat(2,1fr)}
.sp-benefits{grid-template-columns:repeat(2,1fr);padding:.8rem 1rem;gap:1rem}
.sp-benefits>h2{display:none}
.sp-newsletter{flex-wrap:wrap}
.sp-newsletter-intro{flex-basis:100%}
.sp-newsletter h2{font-size:1.7rem}
.sp-video-rail{grid-auto-columns:calc((100% - var(--sr-gap)*2)/3)}
.sp-newcomer{padding:.6rem}
.sp-newcomer h2{font-size:.9rem}
.sp-newcomer p{font-size:.8rem}
.sp-atlas-layout{grid-template-columns:1fr 14rem}
.sp-world-sidebar{grid-column:1/-1;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:thin;padding:.5rem}
.sp-world-sidebar>h2,.sp-world-sidebar>.sp-btn{display:none}
.sp-world-choice{flex:0 0 8rem;width:auto}
.sp-world-choice small{display:none}
.sp-map-frame{height:27rem}
.sp-world-info>p{font-size:.85rem}
.sp-world-badge{width:4.8rem;height:4.8rem}
.sp-world-info ul{margin-bottom:.5rem}
.sp-video-layout{grid-template-columns:1fr}
.sp-recommended{display:none}
.sp-watch{grid-template-columns:1.1fr 1fr}
.sp-screen>video{aspect-ratio:1.4}
.sp-watch-copy h1{font-size:1.6rem}
.sp-video-meta{flex-direction:column}
.sp-video-notes dl{grid-template-columns:1fr 1fr}
.sp-journal-layout{grid-template-columns:1fr}
.sp-journal-aside{display:none}
.sp-category-tabs{overflow-x:auto;justify-content:flex-start}
.sp-category-tabs button{white-space:nowrap}
.sp-about-hero{padding:2rem 0;gap:2rem}
.sp-about-hero h1{font-size:3rem}
.sp-about-cards{grid-template-columns:1fr 1fr}
.sp-about-cards>section:last-child{grid-column:1/-1}
.sp-values{grid-template-columns:1fr;gap:1rem}
.sp-final-cta{flex-wrap:wrap}
.sp-final-cta>h2{flex-basis:100%;text-align:center}
.sp-shop-hero h1{font-size:4rem}
.sp-filter-bar{flex-wrap:wrap}
.sp-filter-bar>label:first-child{flex-basis:100%}
.sp-catalog-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:600px){:root{--sr-gutter:1rem;--sr-gap:.65rem;--sr-body:1rem}
.sp-header{height:5.2rem;gap:.65rem}
.sp-logo{font-size:2.05rem}
.sp-logo .sp-ornament{font-size:.8rem}
.sp-tools{gap:.35rem}
.sp-tool{width:1.8rem;height:1.8rem;font-size:1rem}
.sp-tool[data-favorites-open]{display:none}
.sp-menu{font-size:.88rem}
.sp-mobile-nav:not([hidden]){top:5rem}
.sp-page-home .sp-scenery{height:50rem;background:var(--sr-background-shade),url('../images/hero/home-desktop-wide.webp') center top / auto 38rem no-repeat}
.sp-hero{padding:3.8rem .2rem 1.2rem;min-height:20rem}
.sp-hero::before{height:3.2rem;top:.2rem}
.sp-hero-tag{font-size:.8rem;line-height:1.2;padding:.3rem .6rem;max-width:21rem}
.sp-hero h1{font-size:3.1rem;margin:.4rem 0 .7rem;white-space:nowrap;letter-spacing:.01em}
.sp-hero-lead{font-size:1.05rem!important;line-height:1.25;max-width:22rem;margin:auto}
.sp-hero>p:last-of-type{font-size:.88rem;line-height:1.3;margin:.6rem auto;max-width:22rem}
.sp-hero-actions{gap:.6rem}
.sp-hero-actions>.sp-btn{min-width:0;flex:1;font-size:.85rem;padding:.7rem .4rem;min-height:2.8rem}
.sp-how{padding:.8rem;gap:.8rem;grid-template-columns:1fr}
.sp-how>a{gap:.7rem}
.sp-how .sp-step{display:flex;font-size:.8rem;width:1.7rem;height:1.7rem}
.sp-how h3{font-size:1.1rem}
.sp-how p{font-size:.84rem;line-height:1.2}
.sp-how br{display:none}
.sp-featured{grid-template-columns:1fr}
.sp-featured-image{min-height:12rem}
.sp-featured-copy{padding:1rem}
.sp-featured-copy h2{font-size:2rem}
.sp-featured-copy h3{font-size:.95rem}
.sp-featured-copy>p{font-size:1rem;line-height:1.3}
.sp-sounds-label{margin-top:.8rem;font-size:.9rem}
.sp-sounds{margin-top:.5rem}
.sp-sounds>span{font-size:1.7rem}
.sp-sounds small{font-size:.8rem}
.sp-gateways{grid-template-columns:1fr 1fr;gap:.6rem}
.sp-gateway{display:flex;flex-direction:column;padding:.25rem;gap:.2rem;min-height:0}
.sp-gateway>img{height:6.5rem;min-height:0;aspect-ratio:1.7}
.sp-gateway>div{padding:.5rem .45rem 1.2rem}
.sp-gateway h2{font-size:1.1rem}
.sp-gateway p{font-size:.88rem;line-height:1.2}
.sp-benefits{gap:1rem .8rem;padding:1rem .7rem}
.sp-benefits>a{gap:.5rem;align-items:start}
.sp-benefits .sp-symbol{width:2rem;height:2rem}
.sp-benefits h3{font-size:1.03rem}
.sp-benefits p{font-size:.8rem;line-height:1.2;margin-top:.3rem}
.sp-benefits br{display:none}
.sp-newcomer{display:grid;grid-template-columns:auto 1fr;gap:.25rem .7rem;padding:.7rem}
.sp-newcomer .sp-tiny-fairy{grid-row:1/3;width:2.1rem;height:3rem}
.sp-newcomer h2{font-size:1.1rem}
.sp-newcomer p{grid-column:2;font-size:.85rem;line-height:1.3}
.sp-video-section{margin-top:1rem}
.sp-section-line{gap:.4rem}
.sp-section-line>h2{font-size:1.2rem}
.sp-section-line>a{font-size:.8rem;text-align:right;max-width:6rem}
.sp-section-line>.sp-ornament{min-width:1rem}
.sp-video-rail{grid-auto-columns:76%;padding-bottom:.3rem}
.sp-video-thumb{aspect-ratio:2}
.sp-video-card h3{font-size:.98rem;margin-top:.4rem}
.sp-rail-arrow{display:none}
.sp-newsletter{padding:1rem;gap:1rem;display:block}
.sp-newsletter-intro{gap:.8rem}
.sp-fairy{width:3rem;height:4rem}
.sp-newsletter h2{font-size:1.45rem}
.sp-newsletter p{font-size:.87rem;line-height:1.3}
.sp-newsletter br{display:none}
.sp-news-form{margin-top:1rem}
.sp-email-row input{padding:.7rem;font-size:.95rem;min-width:0}
.sp-email-row>.sp-btn{min-width:6rem;font-size:.88rem;padding:.6rem}
.sp-news-form small{font-size:.8rem;line-height:1.25;margin-top:.4rem}
.sp-social{display:none}
.sp-footer{flex-wrap:wrap;font-size:.8rem;gap:.6rem;margin-top:1rem}
.sp-footer>span{flex-basis:100%}
.sp-footer>a{margin-left:auto}
.sp-atlas-layout{display:flex;flex-direction:column;gap:1rem}
.sp-world-sidebar{display:flex;order:1;width:100%}
.sp-map-center{order:0}
.sp-world-info{order:2;display:grid;grid-template-columns:4rem 1fr;column-gap:1rem;text-align:left;padding:1rem}
.sp-world-info>small{grid-column:1/-1}
.sp-world-info>.sp-world-badge{grid-column:1;grid-row:2/4;width:4rem;height:4rem;margin:.5rem 0}
.sp-world-info h2{grid-column:2;font-size:2.2rem}
.sp-world-info>h3{grid-column:2;margin:.3rem 0;font-size:.87rem}
.sp-world-info>p,.sp-world-info>.sp-ornament,.sp-world-info>ul,.sp-world-info>.sp-btn{grid-column:1/-1}
.sp-world-info>p{font-size:1rem;line-height:1.4;margin-top:.7rem}
.sp-world-info>ul{font-size:.9rem;margin-bottom:.7rem}
.sp-world-info>.sp-btn{font-size:.95rem;min-height:2.7rem}
.sp-map-frame{height:auto;aspect-ratio:1.22}
.sp-map-center .sp-page-title{margin:1rem 0}
.sp-map-center .sp-page-title h1{font-size:2.3rem;line-height:1.1}
.sp-map-center .sp-page-title p{font-size:.95rem;line-height:1.3}
.sp-page-title br{display:none}
.sp-map-hotspot{width:1.7rem;height:1.7rem;font-size:1.1rem}
.sp-world-rail{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:38%;overflow:auto;scroll-snap-type:x mandatory}
.sp-world-tile{scroll-snap-align:start}
.sp-world-tile h3{font-size:1.2rem}
.sp-world-tile small{font-size:.8rem}
.sp-filter-bar{padding:1rem;gap:1rem}
.sp-filter-bar>label{flex:1 1 100%;font-size:.95rem}
.sp-filter-bar input,.sp-filter-bar select{font-size:1rem;min-height:2.7rem}
.sp-filter-bar>.sp-btn{width:100%;font-size:1rem}
.sp-catalog-title{padding:1.2rem 0}
.sp-catalog-title h1{font-size:2.6rem}
.sp-catalog-grid{grid-template-columns:1fr 1fr;gap:1.2rem .7rem}
.sp-catalog-grid h3{font-size:.95rem}
.sp-catalog-grid .sp-video-thumb{aspect-ratio:1.6}
.sp-catalog-note{display:block;padding:1rem}
.sp-catalog-note p{font-size:.95rem}
.sp-catalog-note>.sp-btn{margin-top:1rem;width:100%}
.sp-breadcrumb{font-size:.82rem;flex-wrap:wrap;margin-top:.6rem}
.sp-watch{grid-template-columns:1fr;padding:.3rem;gap:.4rem}
.sp-screen>video{aspect-ratio:1.6}
.sp-audio-line{padding:.7rem .4rem;gap:.5rem}
.sp-audio-line .sp-btn{font-size:.88rem;padding:.5rem .6rem}
.sp-audio-line>label{font-size:.8rem}
.sp-watch-copy{padding:.6rem .8rem 1rem}
.sp-watch-copy>h1{font-size:2rem;line-height:1.12}
.sp-video-meta{flex-direction:row}
.sp-video-meta>span{font-size:.82rem}
.sp-watch-copy>p{font-size:1rem}
.sp-watch-actions .sp-btn{font-size:.8rem;min-height:2.3rem}
.sp-video-notes{grid-template-columns:1fr}
.sp-video-notes>section:last-child{grid-column:auto}
.sp-video-notes h2{font-size:1.3rem}
.sp-video-notes p{font-size:.98rem}
.sp-chapter{font-size:.95rem;padding:.65rem .2rem}
.sp-video-notes dl{font-size:.95rem}
.sp-video-main .sp-video-rail{grid-auto-columns:75%}
.sp-shop-hero{height:15rem;margin-top:1rem;align-items:center}
.sp-shop-hero>div{padding-left:.5rem}
.sp-shop-hero h1{font-size:3.8rem}
.sp-shop-hero p{font-size:.98rem;max-width:18rem;text-shadow:0 .1rem .3rem var(--sr-night)}
.sp-shop-hero-image{width:75%;opacity:.38}
.sp-shop-promises{gap:1.4rem}
.sp-shop-promises small{font-size:.8rem}
.sp-demo-note{font-size:.8rem;line-height:1.3}
.sp-shop-layout{grid-template-columns:1fr;gap:1rem}
.sp-shop-filters{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}
.sp-shop-filters>h2{grid-column:1/-1;margin-bottom:0;font-size:1.25rem}
.sp-shop-filters fieldset{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem .8rem;padding-bottom:0}
.sp-shop-filters fieldset>label{font-size:.9rem;margin:0}
.sp-shop-filters .sp-select-label{margin:0;font-size:.95rem}
.sp-select-label select{font-size:.85rem}
.sp-shop-toolbar{gap:.5rem;padding:.6rem}
.sp-shop-toolbar>p{font-size:.8rem}
.sp-shop-toolbar label{font-size:0}
.sp-shop-toolbar select{font-size:.82rem;max-width:8rem}
.sp-product-grid{grid-template-columns:1fr 1fr;gap:.7rem}
.sp-product-image{aspect-ratio:.93}
.sp-product-copy{padding:.6rem}
.sp-product-copy h2{font-size:1rem;min-height:2.3rem}
.sp-product-copy>p{font-size:.8rem;min-height:2.4rem}
.sp-product-copy .sp-btn{font-size:.8rem;min-height:2.2rem}
.sp-collection{grid-template-columns:1fr;min-height:15rem}
.sp-collection>div{padding:1.2rem;z-index:1}
.sp-collection>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;opacity:.25}
.sp-collection h2{font-size:2.6rem}
.sp-collection p{font-size:.97rem}
.sp-resonances-hero{padding:1.8rem 0 1.3rem}
.sp-resonances-hero>h1{font-size:3.5rem}
.sp-resonances-hero>p{font-size:1.03rem}
.sp-category-tabs{padding:.4rem;gap:.4rem}
.sp-category-tabs button{font-size:.95rem;min-height:2.6rem}
.sp-article-feature{grid-template-columns:1fr}
.sp-article-feature>img{height:13rem}
.sp-article-feature>div{padding:1.2rem}
.sp-article-feature h2{font-size:2.2rem}
.sp-article-feature p{font-size:1.05rem}
.sp-article-grid{grid-template-columns:1fr}
.sp-article-card>a{grid-template-columns:.65fr 1fr;min-height:12rem}
.sp-article-card h2{font-size:1.25rem}
.sp-article-card small{font-size:.8rem}
.sp-article-card p{font-size:.95rem}
.sp-about-hero{grid-template-columns:1fr;padding-top:1.5rem;gap:1.5rem}
.sp-about-hero h1{font-size:3.3rem}
.sp-about-hero>div>p{font-size:1.1rem}
.sp-about-hero>aside{padding:1.2rem}
.sp-about-hero aside>p{font-size:1rem}
.sp-about-cards{grid-template-columns:1fr}
.sp-about-cards>section:last-child{grid-column:auto}
.sp-about-cards p{font-size:1rem}
.sp-about-cards h2{font-size:1.6rem}
.sp-gold-list{font-size:1rem}
.sp-values{padding:1rem}
.sp-values>div{grid-template-columns:1fr 1fr;gap:1rem}
.sp-values>h2{font-size:1.6rem}
.sp-values p{font-size:.88rem}
.sp-final-cta{padding:1.2rem}
.sp-final-cta>.sp-btn{width:100%;min-height:2.7rem;font-size:1rem}
.sp-reading>header{padding:1.3rem}
.sp-reading h1{font-size:2.4rem}
.sp-reading-image{height:13rem}
.sp-reading #article-body{padding:1.3rem;font-size:1.13rem}
.sp-reading-end{flex-direction:column}
.sp-dialog{padding:1.4rem}
.sp-dialog>h2{font-size:2rem;margin-top:.5rem}
.sp-product-dialog[open]{grid-template-columns:1fr;gap:1rem}
.sp-product-dialog>img{height:12rem}
.sp-product-dialog h2{font-size:2rem}
.sp-dialog input{font-size:1rem;min-height:2.7rem}
.sp-result>img{width:4rem;height:3rem}
.sp-result strong{font-size:1rem}
.sp-result small{font-size:.8rem}
.sp-cart-item{align-items:start}
.sp-cart-controls{flex-wrap:wrap}
.sp-toast{width:max-content;font-size:.93rem}
.sp-dialog .sp-btn{min-height:2.6rem}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
:where(body.sp) *,:where(body.sp) *::before,:where(body.sp) *::after{animation:none!important;transition:none!important}
.sp-video-card:hover img,.sp-product:hover .sp-product-image>img{transform:none}
}

.sp-still *,.sp-still *::before,.sp-still *::after{animation:none!important;transition:none!important}

/* Optical alignment and compact desktop rhythm from the supplied home. */
@media(min-width:901px){
 .sp-header{grid-template-columns:minmax(0,1fr) 21rem minmax(0,1fr);height:5.5rem;gap:var(--sp-5)}

 .sp-nav-left{grid-column:1;grid-row:1}

 .sp-logo{grid-column:2;grid-row:1}

 .sp-nav-right{grid-column:3;grid-row:1;padding-right:7.5rem;gap:var(--sp-5)}

 .sp-tools{position:absolute;right:0;top:0}

 .sp-hero{padding-top:3.9rem;min-height:15rem}

 .sp-hero h1{font-size:clamp(3.5rem,4.5vw,4.7rem);font-weight:400}

 .sp-featured{--sr-feature:10rem}

 .sp-gateway{min-height:6.2rem}

 .sp-gateway>img{height:6rem;min-height:0}

}

@media(min-width:901px) and (max-width:1250px){.sp-header{grid-template-columns:minmax(0,1fr) 15rem minmax(0,1fr);gap:.7rem}
.sp-nav-right{padding-right:6.5rem;gap:.7rem}
.sp-nav-left,.sp-nav-right{font-size:.8rem}
.sp-logo{font-size:2.35rem}
}

.sp-panel::before{background-image:url('../images/decor/leaf-flourish.webp');opacity:.18}

.sp-page::after{opacity:.06}

@media(forced-colors:active){.sp-panel,.sp-btn,.sp-tool,.sp-play,.sp-dialog{border:var(--sr-hair) solid CanvasText}
.sp-gold-list li{color:CanvasText}
.sp-scenery{display:none}
}


/* ── Ajouts thème ── */
body.sp{overflow-x:clip}
body.sp.sp-seuil .sp-page{position:relative}
body.sp.sp-seuil .sp-header{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:30;width:min(calc(100% - var(--sr-gutter)*2),var(--sr-max))}
body.sp.sp-seuil .sp-header::before{display:none}
.sp-header nav a{font-variant:small-caps;letter-spacing:.02em;color:var(--sr-cream)}
.sp-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:start center;padding:8vh 1rem;background:var(--sr-overlay);backdrop-filter:blur(var(--sr-blur));opacity:0;transition:opacity .25s}
.sp-overlay.is-open{opacity:1}
.sp-overlay[hidden]{display:none!important}
.sp-overlay>.sp-dialog{position:relative;width:min(40rem,100%);max-height:84dvh;overflow:auto}
.sp-dialog form{display:flex;align-items:center;gap:.6rem}
.sp-dialog form>svg{width:1.1rem;height:1.1rem;color:var(--sr-gold);flex:none}
.sp-dialog form>input{flex:1}
.sp-dialog ul{list-style:none;margin:var(--sp-4) 0 0;padding:0}
.sp-dialog li>a{display:flex;align-items:center;gap:var(--sp-4);padding:.6rem 0;border-bottom:var(--sr-hair) solid var(--sr-line-dim)}
.sp-dialog li>a:hover strong,.sp-dialog li>a[aria-selected=true] strong{color:var(--sr-gold-bright)}
.sp-dialog li img{width:5rem;height:3.2rem;border-radius:.3rem;object-fit:cover;flex:none}
.sp-dialog li strong{display:block;font-weight:500;font-size:1.05rem}
.sp-dialog li small{color:var(--sr-gold)}
.sp-dialog .sp-hint{margin-top:var(--sp-4);font-size:.85rem}
.sp-tool[aria-pressed=true]{background:var(--sr-gold);color:var(--sr-night)}
.sp-tool svg{width:1rem;height:1rem}
.sp-fav-row{display:flex;align-items:center;gap:var(--sp-4);padding:.6rem 0;border-bottom:var(--sr-hair) solid var(--sr-line-dim)}
.sp-fav-row>a{flex:1;display:flex;align-items:center;gap:var(--sp-4);min-width:0}
.sp-fav-row img{width:5rem;height:3.2rem;border-radius:.3rem;object-fit:cover;flex:none}
.sp-fav-row strong{display:block;font-weight:500}
.sp-fav-row button{color:var(--sr-gold);font-size:.85rem;padding:.4rem}
.sp-footer{flex-wrap:wrap;row-gap:.6rem}
.sp-footer-links{display:flex;flex-wrap:wrap;gap:.9rem;font-variant:small-caps;font-size:.9rem}
.sp-footer-legal{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;font-size:.8rem}
.sp-footer-legal a{color:var(--sr-pale)}
.sp-still .sp-atmo,.sp-still .sr2-atmo{display:none}
.sp-main{padding-bottom:var(--sp-8)}
.sp-sep{display:block;text-align:center;color:var(--sr-gold);font-size:.8rem;letter-spacing:.14em;opacity:.85;margin:var(--sp-6) 0}
@media(max-width:900px){body.sp.sp-seuil .sp-header{position:absolute}.sp-footer-links{gap:.6rem}}
.sp-section-line>.sp-ornament{white-space:nowrap}
@media(max-width:900px){.sp-map-zoom{left:auto;right:var(--sp-3)}}
body.sp{position:relative;isolation:isolate}
.sp-breadcrumb>a{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.sp-breadcrumb img{width:1.1rem;height:auto}
.sp-breadcrumb>span[aria-current]{color:var(--sr-cream);min-width:0}
body.sp .sp-main{background:transparent}
/* ── Composants V2 (.sr2-*) au goût du prototype ── */
body.sp .sr2-btn{font-family:inherit;font-variant:small-caps;letter-spacing:.04em;border-radius:.4rem}
body.sp .sr2-btn--ghost{border-color:var(--sr-line);color:var(--sr-gold-bright)}
body.sp .sr2-chip{font-variant:small-caps;border-color:var(--sr-line)}
body.sp .sr2-input{background:var(--sr-panel);border:var(--sr-hair) solid var(--sr-line);border-radius:.35rem}
body.sp .sr2-eyebrow,body.sp .sr2-kicker{color:var(--sr-gold)}
body.sp .sr2-h2,body.sp .sr2-h3{color:var(--sr-gold-bright)}
body.sp .sr2-door,body.sp .sr2-realm,body.sp .sr2-feature,body.sp .sr2-hall__frame,body.sp .sr2-origin__poster,body.sp .sr2-quote,body.sp .sr2-post,body.sp .sr2-foyer__card,body.sp .sr2-row__thumb,body.sp .sr2-side-card,body.sp .sr2-hero-card,body.sp .sr2-vcard__thumb,body.sp .sr2-card{border:var(--sr-hair) solid var(--sr-line);box-shadow:var(--sr-shadow)}
body.sp .sr2-realm{background:var(--sr-panel-gradient)}
/* style.css / critical.css posent un fond opaque !important sur main, article, #main… : la peau reprend la main */
body.sp main,body.sp article{background:transparent!important}
body.sp article.sp-panel{background:var(--sr-panel-gradient)!important}