/* MAGNIVIAE — une maison chaleureuse, une lecture calme. */
:root{--display:'Cormorant Garamond',Georgia,serif;--or:#A58D70;--or-ink:#7E6953}
body{font-size:16px}.wrap{max-width:1320px;padding-inline:6vw}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.025em}h2{font-size:clamp(36px,4.5vw,60px)}
header{background:var(--bg)!important}.nav{padding-block:22px}.nav ul{font-size:13px;gap:24px}.logo{color:var(--ink)}
.btn:not(.alt):not(.btn-ghost){background:var(--ink)!important;color:var(--bg)!important;border-radius:3px;padding:14px 23px;font-size:13px;letter-spacing:.02em}.btn.alt{border-radius:3px}.btn:hover{transform:translateY(-2px)}
.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--muted)}.eyebrow:before{background:var(--rasp);width:25px}
.hero{min-height:690px!important;padding:70px 0!important;background:var(--bg)!important;color:var(--ink)!important}.hero>.wrap{min-height:550px;display:grid!important;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.hero .copy{width:auto!important}.hero h1{font-family:var(--display)!important;font-size:clamp(54px,6.6vw,88px)!important;line-height:1.03!important;letter-spacing:-.035em!important;margin:28px 0!important;max-width:620px!important;color:var(--ink)!important}.hero h1 em{padding-left:0;color:var(--rasp)!important;font-family:var(--display);font-weight:500}.hero .eyebrow{color:var(--muted)!important}.hero .lede{color:var(--muted)!important;font-size:16px!important;max-width:420px!important;line-height:1.85}.hero .rotline{font:italic 24px var(--display)!important;color:var(--ink)!important;margin-top:20px!important}.hero .rotline .rot{color:var(--rasp)!important}.hero .actions{gap:12px}.hero .btn.alt{color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line)!important}.hero .btn.alt:hover{background:var(--surface);color:var(--ink)!important}.hero canvas{display:none!important}
.energy-sculpture{position:relative;inset:auto;width:100%;height:480px;margin:0;border-radius:190px 190px 2px 2px;background:linear-gradient(145deg,#EBE0D4,#F3EBE2 60%,#E2D3C6);overflow:hidden;border:1px solid #DDD0C3;display:grid;place-items:center}.energy-sculpture .plate,.energy-sculpture .seed{display:none}.energy-sculpture svg{width:72%;height:85%;color:#776355;overflow:visible}.energy-sculpture .channels{stroke-dasharray:420;stroke-dashoffset:420;animation:channels-draw 3s ease-out forwards}.energy-sculpture .halo{transform-origin:150px 245px;animation:halo-breathe 12s ease-in-out infinite}.energy-sculpture:after{content:'';position:absolute;inset:12px;border:1px solid #FFF9F088;border-radius:180px 180px 0 0;pointer-events:none}@keyframes channels-draw{to{stroke-dashoffset:0}}@keyframes halo-breathe{50%{opacity:.35;scale:.97}}
#haut>section{padding-block:85px}#hd-s{background:var(--surface)!important;border-radius:0;border-top:1px solid var(--line)}#hd-s .eyebrow,#hd-s .hd-box p,#hd-s .hd-box h3,#hd-s .hd-note,#hd-s .manifesto .lw,#hd-s .manifesto.armed .lw{color:var(--ink)!important}#hd-s .manifesto{font-family:var(--display);font-size:clamp(34px,3.6vw,48px);line-height:1.18}#hd-s .hd-box p{font-size:15px;line-height:1.85}#hd-s .hd-note{font-family:var(--display);font-size:25px;border-color:var(--line);text-align:left!important}#hd-s .hd-box{border-color:var(--line)}
#reperes .wb .nm{font:500 29px var(--display)}#reperes .wb.on{background:var(--vanilla)!important;color:var(--ink)!important;padding-left:25px}#reperes .wb .no{color:var(--rasp)}#reperes .wv-txt p{font-size:16px;line-height:1.8}#reperes .head{top:110px}
#magali{background:var(--vanilla)!important;color:var(--ink)!important}#magali .abp{transform:none;border-radius:160px 160px 3px 3px!important;max-width:310px}#magali h2,#magali p,#magali em,#magali .eyebrow{color:var(--ink)!important}#magali .lead{font:500 29px/1.35 var(--display);max-width:420px}#magali .btn{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
#guides .gcards{gap:40px}#guides .gcard,#guides .gcard:nth-child(2){background:var(--surface)!important;border-radius:3px;border:1px solid var(--line)!important;box-shadow:none!important;padding:36px}#guides .gcard:nth-child(2){margin-top:65px}#guides .gcard h3{font-size:48px}#guides .gcard .num,#guides .gcard .clab,#guides .gcard .n,#guides .gcard .tags li{color:var(--rasp)!important}#guides .gcard .clist li{border-color:var(--line)!important}#guides .gcard .tags li{border-color:var(--line)!important}#guides .gcard .gp-buy,#guides .gcard .price{color:var(--ink)!important}#guides .gcard:hover{transform:translateY(-3px)}#guides .gcard p{font-size:14px;line-height:1.8}
#etapes .path li:before{font:italic 42px var(--display);color:var(--rasp)}#questions details{background:transparent}#questions summary{font-size:16px}#haut .finalsec{background:var(--vanilla)!important;color:var(--ink)!important}#haut .finalsec h2,#haut .finalsec em,#haut .finalsec p{color:var(--ink)!important}#haut .finalsec h2{font-size:clamp(36px,4.5vw,60px)}
#at-toggle{background:var(--ink);color:var(--bg);box-shadow:none;font-size:12px}#at-panel h2{font-family:var(--display);font-size:27px}#at-panel{border-radius:4px}.editorial-reveal{animation:soft-appear .8s both}@keyframes soft-appear{from{opacity:.4;translate:0 14px}to{opacity:1;translate:0 0}}
@media(max-width:800px){.hero{padding-block:40px!important;min-height:0!important}.hero>.wrap{grid-template-columns:1fr;min-height:0;gap:35px}.hero h1{font-size:clamp(52px,11vw,72px)!important}.energy-sculpture{max-width:350px;height:330px;margin:0 auto}.hero .actions{flex-wrap:wrap}.hero .rotline{margin-block:14px!important}#guides .gcard:nth-child(2){margin-top:0}#haut>section{padding-block:60px}.nav{padding-block:16px}}
@media(prefers-reduced-motion:reduce){.energy-sculpture .channels{stroke-dashoffset:0;animation:none}.energy-sculpture .halo,.editorial-reveal{animation:none}}
header.night .nav ul a,header .nav ul a,header.night .logo,header .moonph{color:var(--ink)!important}header .mk{background-color:var(--ink)!important}.hero .stars,.hero .star{display:none!important}

/* Les accents et l'illustration suivent la palette choisie. */
.energy-sculpture{background:linear-gradient(145deg,var(--vanilla),var(--bg) 60%,color-mix(in srgb,var(--rasp) 14%,var(--vanilla)));border-color:var(--line)}
.energy-sculpture svg{color:var(--rasp)}.energy-sculpture svg g[fill]{fill:var(--vanilla)}.energy-sculpture svg>circle{fill:var(--rasp)}
.at-swatches{display:inline-flex;gap:3px;margin-right:7px;vertical-align:middle}.at-swatches i{width:12px;height:12px;border-radius:50%;border:1px solid #0001;display:block}
#at-presets .at-maison{width:100%;border-color:#D9CEC2}#at-presets .at-maison>button:first-child{flex:1;text-align:left;padding-block:11px}#at-presets{gap:7px}#at-panel{width:min(370px,calc(100vw - 32px))}

/* Maison avec un accent framboise franc, activé par cette palette. */
:root[data-maison-peps] .btn:not(.alt):not(.btn-ghost){background:var(--rasp)!important;color:#FFFFFF!important;transition:background .35s,transform .35s}
:root[data-maison-peps] .btn:not(.alt):not(.btn-ghost):hover{background:var(--ink)!important}
:root[data-maison-peps] .btn.alt:hover{color:var(--rasp)!important;box-shadow:inset 0 0 0 1px var(--rasp)!important}
:root[data-maison-peps] #guides .gcard{border-top:3px solid var(--gold)!important}
:root[data-maison-peps] #guides .gcard:nth-child(2){border-top-color:var(--rasp)!important}
:root[data-maison-peps] header .nav ul a:hover{color:var(--rasp)!important}

/* Variantes vivantes : contraste coloré, reflet et profondeur mesurés. */
:root[data-maison-vivant] .btn:not(.alt):not(.btn-ghost){background:var(--rasp)!important;color:#fff!important;transition:background .3s,transform .3s,box-shadow .3s}
:root[data-maison-vivant] .btn:not(.alt):not(.btn-ghost):hover{background:var(--ink)!important;transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--rasp) 20%,transparent)}
:root[data-maison-vivant] .energy-sculpture{transform:perspective(900px) rotateX(var(--lean-x,0deg)) rotateY(var(--lean-y,0deg));transition:transform .35s ease;pointer-events:auto}
:root[data-maison-vivant] .energy-sculpture:before{content:'';position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 42%,color-mix(in srgb,var(--gold) 35%,transparent) 49%,#fff7 50%,transparent 57%);animation:copper-light 8s ease-in-out infinite;pointer-events:none}
:root[data-maison-vivant] .energy-sculpture svg{position:relative;z-index:1}
:root[data-maison-vivant] .energy-sculpture .channels{animation:living-lines 7s ease-in-out infinite}
:root[data-maison-vivant] #guides .gcard{border-top:3px solid var(--gold)!important;transition:transform .4s,box-shadow .4s}
:root[data-maison-vivant] #guides .gcard:hover{transform:translateY(-6px);box-shadow:0 16px 35px color-mix(in srgb,var(--ink) 9%,transparent)!important}
:root[data-maison-vivant] #reperes .wb.on{box-shadow:inset 3px 0 var(--rasp)}
@keyframes copper-light{0%,25%{translate:-35% 0;opacity:0}50%{opacity:.75}75%,100%{translate:35% 0;opacity:0}}
@keyframes living-lines{0%{stroke-dashoffset:420;opacity:.25}45%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.25}}
@media(prefers-reduced-motion:reduce){:root[data-maison-vivant] .energy-sculpture{transform:none!important}:root[data-maison-vivant] .energy-sculpture:before{animation:none;display:none}:root[data-maison-vivant] .energy-sculpture .channels{animation:none;stroke-dashoffset:0;opacity:1}}

/* Cacao & cuivre : accueil enveloppant, lecture crème. */
:root[data-maison-cacao] header{background:var(--night)!important;border-bottom:1px solid #f7ede025!important}
:root[data-maison-cacao] header .nav ul a,:root[data-maison-cacao] header.night .nav ul a,:root[data-maison-cacao] header .moonph{color:var(--bg)!important}
:root[data-maison-cacao] header .mk{background-color:var(--bg)!important}
:root[data-maison-cacao] .hero{background:radial-gradient(ellipse at 90% 80%,#65413255,transparent 65%),var(--night)!important;color:var(--bg)!important}
:root[data-maison-cacao] .hero h1,:root[data-maison-cacao] .hero .rotline{color:var(--bg)!important}
:root[data-maison-cacao] .hero h1 em,:root[data-maison-cacao] .hero .rotline .rot,:root[data-maison-cacao] .hero .eyebrow{color:var(--gold)!important}
:root[data-maison-cacao] .hero .lede{color:#E1CDC0!important}
:root[data-maison-cacao] .hero .btn:not(.alt),:root[data-maison-cacao] header .btn{background:var(--gold)!important;color:var(--night)!important}
:root[data-maison-cacao] .hero .btn.alt{color:var(--bg)!important;box-shadow:inset 0 0 0 1px #CD916B88!important}
:root[data-maison-cacao] .hero .btn.alt:hover{background:#CD916B22!important;color:var(--bg)!important}
:root[data-maison-cacao] .energy-sculpture{background:linear-gradient(145deg,#6E4938,#3B292C 65%,#7C5037);border-color:#CD916B77;box-shadow:0 20px 65px #160F1933}
:root[data-maison-cacao] .energy-sculpture svg{color:var(--gold)}
:root[data-maison-cacao] .energy-sculpture svg g[fill]{fill:#402C2C}
:root[data-maison-cacao] .energy-sculpture svg>circle{fill:var(--gold)}
:root[data-maison-cacao] .energy-sculpture:after{border-color:#CD916B44}
:root[data-maison-cacao] .energy-sculpture:before{content:'';position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 43%,#CD916B44 49%,#F7EDE033 50%,transparent 57%);animation:copper-light 10s ease-in-out infinite;pointer-events:none}
:root[data-maison-cacao] .energy-sculpture svg{position:relative;z-index:1}
:root[data-maison-cacao] footer{background:var(--night)!important;color:#E1CDC0!important}
:root[data-maison-cacao] footer a{color:var(--bg)!important}
:root[data-maison-cacao] #guides .gcard{border-top:2px solid var(--gold)!important}
:root[data-maison-cacao] .btn{transition:background .35s,transform .35s,box-shadow .35s}
:root[data-maison-cacao] .hero .btn:hover{box-shadow:0 8px 25px #CD916B20}
@media(prefers-reduced-motion:reduce){:root[data-maison-cacao] .energy-sculpture:before{display:none;animation:none}}

/* Prune, pêche & framboise — papier et encre. */
:root[data-maison-peche] .hero{background:radial-gradient(ellipse at 90% 80%,#7D3D5A33,transparent 65%),var(--night)!important}
:root[data-maison-peche] .hero .lede{color:var(--vanilla)!important}
:root[data-maison-peche] .hero .btn:not(.alt),:root[data-maison-peche] header .btn{background:var(--rasp)!important;color:#FFF9F4!important}
:root[data-maison-peche] .hero .btn.alt{box-shadow:inset 0 0 0 1px #E8B69D77!important}
:root[data-maison-peche] .hero .btn.alt:hover{background:#E8B69D18!important}
:root[data-maison-peche] .energy-sculpture{background:linear-gradient(145deg,#694253,#40253D 65%,#75505B);border-color:#E8B69D66}
:root[data-maison-peche] .energy-sculpture svg g[fill]{fill:var(--night)}
:root[data-maison-peche] .energy-sculpture:before{background:linear-gradient(110deg,transparent 43%,#E8B69D33 49%,#FBF0E722 50%,transparent 57%)}
:root[data-maison-peche] .energy-sculpture:after{border-color:#E8B69D44}
:root[data-maison-peche] #guides .gcard:nth-child(2){border-top-color:var(--rasp)!important}
:root[data-maison-peche] #guides .btn{background:var(--rasp)!important;color:#FFF9F4!important}
:root[data-maison-peche] footer{color:var(--vanilla)!important}
