:root{
  --paper:#EAF1EB;--paper2:#F9FBF7;--line:#C6D6CC;--txt:#16302B;--muted:#587169;
  --ink:#08211E;--ink2:#0F322D;--moon:#F1F8F4;--mut-d:#A9C7BD;
  --jade:#1B8671;--jade-l:#5BDBBB;--gold:#A87A22;--gold-l:#EAC163;--red:#C8372D;--blue:#3B74C0;
  --serif:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",Georgia,serif;
  --sans:"Zen Kaku Gothic New","Hiragino Sans","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:200px;scrollbar-color:#9DB5AA var(--paper)}
body{margin:0;background:var(--paper);color:var(--txt);font:17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
h1,h2,h3{font-family:var(--serif);margin:0;line-height:1.15}
a{color:var(--jade)}
::selection{background:var(--jade);color:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--gold-l);color:#201500;border-radius:8px;font-weight:700;text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--jade);outline-offset:3px}
.nav :focus-visible,.hero :focus-visible,.guide :focus-visible,.cta :focus-visible,footer :focus-visible,.extras :focus-visible{outline-color:var(--gold-l)}
@view-transition{navigation:auto}

/* ===== Navigation ===== */
.nav{position:sticky;top:0;z-index:30;height:62px;background:rgba(6,26,23,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(91,219,187,.18)}
.nav-in{max-width:980px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:11px;color:var(--moon);text-decoration:none;font:700 1.18rem var(--serif);letter-spacing:.03em}
.nav nav{display:flex;gap:4px}
.nav nav a{color:var(--mut-d);text-decoration:none;padding:8px 15px;border-radius:999px;font-size:.95rem;transition:color .2s,background .2s}
.nav nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav nav a[aria-current=page]{color:#06201B;background:var(--jade-l);font-weight:700}
.hanko{display:inline-grid;place-items:center;width:58px;height:58px;margin-bottom:12px;background:#C8372D;color:#FBE9E5;font:800 2rem/1 var(--serif);border-radius:7px;transform:rotate(-5deg);box-shadow:0 6px 20px rgba(200,55,45,.4);border:2px solid #E2584B}
.hanko.mini{width:34px;height:34px;margin:0;font-size:1.15rem;border-width:1px;border-radius:5px;box-shadow:none}

/* ===== Hero : nuit sur la Soul Society ===== */
.hero{position:relative;overflow:hidden;color:var(--moon);padding:112px 24px 190px;
 background:radial-gradient(70% 80% at 80% 15%,rgba(120,230,200,.22),transparent 60%),linear-gradient(180deg,#040D18 0%,#08242A 52%,#0E3A36 100%)}
.hero::before{content:"";position:absolute;left:8%;top:58px;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.7;
 box-shadow:90px 34px #fff,210px -8px #cfe,330px 52px #fff,440px 14px #cfe,540px 70px #fff,650px 6px #fff,780px 40px #cfe,150px 120px #fff,380px 150px #fff,600px 130px #cfe,860px 110px #fff,980px 20px #fff}
.moon{position:absolute;right:11%;top:64px;width:clamp(150px,25vw,290px);aspect-ratio:1;border-radius:50%;
 background:radial-gradient(circle at 36% 32%,#FBFFFD 0%,#D8F0E5 45%,#98D6BF 100%);
 box-shadow:0 0 0 20px rgba(91,219,187,.08),0 0 0 54px rgba(91,219,187,.045),0 0 150px 34px rgba(91,219,187,.3);animation:glow 8s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 0 28px rgba(91,219,187,.1),0 0 0 70px rgba(91,219,187,.04),0 0 190px 48px rgba(91,219,187,.38)}}
.branch{position:absolute;right:-24px;top:26px;width:clamp(250px,46vw,560px);z-index:1;pointer-events:none;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}
.vert{position:absolute;right:max(14px,2.4vw);top:64px;margin:0;z-index:2;writing-mode:vertical-rl;font:500 1.05rem var(--serif);letter-spacing:.55em;color:var(--gold-l);opacity:.85}
.emblem{position:absolute;left:max(20px,3vw);top:26px;width:60px;height:60px;color:var(--jade-l);opacity:.5;animation:turn 100s linear infinite}
@keyframes turn{to{transform:rotate(360deg)}}
.hero-text{position:relative;z-index:3;max-width:840px;margin:0 auto}
.hero-text>*{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
.hero-text>:nth-child(2){animation-delay:.12s}.hero-text>:nth-child(3){animation-delay:.24s}.hero-text>:nth-child(n+4){animation-delay:.38s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.kicker{margin:0 0 16px;color:var(--jade-l);font-size:.95rem;letter-spacing:.08em;display:flex;align-items:center;gap:12px}
.kicker::before{content:"";width:44px;height:1px;background:var(--jade-l)}
.hero h1{font-size:clamp(3.8rem,13vw,7.6rem);font-weight:800;letter-spacing:.01em;color:#fff;text-shadow:0 8px 50px rgba(91,219,187,.35)}
.h1-sub{font:500 clamp(1.4rem,3.6vw,2rem)/1.3 var(--serif);margin:10px 0 0;color:var(--gold-l);letter-spacing:.05em}
.lead{max-width:29em;margin:24px 0 0;color:#C4DBD2;font-size:1.08rem}
.mist{position:absolute;left:-10%;right:-10%;bottom:70px;height:170px;z-index:1;filter:blur(10px);animation:drift 20s ease-in-out infinite alternate;
 background:radial-gradient(50% 100% at 25% 100%,rgba(200,240,228,.2),transparent),radial-gradient(45% 100% at 78% 100%,rgba(200,240,228,.15),transparent)}
@keyframes drift{to{transform:translateX(5%)}}
.mount{position:absolute;left:0;bottom:-1px;width:100%;height:190px;z-index:2}
.m0{fill:#14504A;opacity:.5}.m1{fill:#0B2B28}.m2{fill:var(--paper)}
.petals{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.petals i{position:absolute;top:-24px;width:calc(10px*var(--s));height:calc(14px*var(--s));border-radius:100% 0 100% 0;background:linear-gradient(135deg,#F9DDE2,#EB9FAB);opacity:.85;animation:fall var(--d) linear infinite}
@keyframes fall{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(calc(var(--w)*18px),380px) rotate(200deg)}100%{transform:translate(calc(var(--w)*-14px),800px) rotate(420deg);opacity:0}}
.hero.small{padding:74px 24px 130px}
.hero.small h1{font-size:clamp(3rem,10vw,5.4rem)}
.hero.small .moon{width:clamp(110px,17vw,180px);top:34px;right:12%}
.hero.small .vert{top:34px}
.hero.small .mount{height:120px}.hero.small .mist{bottom:40px;height:120px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.pills span{padding:5px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(4,13,24,.45);color:#D5E9E1;font-size:.88rem}

/* ===== Boutons ===== */
.btns{display:flex;gap:12px;flex-wrap:wrap}
.hero-btns{margin-top:30px}
.btn{display:inline-block;padding:13px 26px;border-radius:12px;background:linear-gradient(135deg,var(--jade-l),#37B99A);color:#06201B;font:700 1rem var(--sans);text-decoration:none;box-shadow:0 8px 24px rgba(55,185,154,.35);transition:transform .2s,box-shadow .2s;cursor:pointer;border:0}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:none;color:var(--jade);border:1px solid var(--jade);box-shadow:none}
.hero .btn.ghost,.cta .btn.ghost{color:var(--jade-l);border-color:var(--jade-l)}
.btn.ghost:hover{background:rgba(27,134,113,.1)}

/* ===== Barre de recherche ===== */
.toolbar{position:sticky;top:62px;z-index:20;background:rgba(234,241,235,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 10px 28px -16px rgba(8,33,30,.4)}
.toolbar-in{max-width:840px;margin:0 auto;padding:14px 24px;display:grid;grid-template-columns:1fr auto;gap:10px 12px}
.search input,.sort select{width:100%;height:48px;background:var(--paper2);color:var(--txt);border:1px solid var(--line);border-radius:12px;padding:0 16px;font:inherit;font-size:.98rem;transition:border-color .2s,box-shadow .2s}
.search input:focus,.sort select:focus{outline:0;border-color:var(--jade);box-shadow:0 0 0 3px rgba(27,134,113,.2)}
.search input::placeholder{color:#7F968E}
.sort select{cursor:pointer;padding-right:10px}
.chips{grid-column:1/-1;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:none;display:flex;align-items:center;gap:8px;background:var(--paper2);color:var(--muted);border:1px solid var(--line);padding:7px 15px;border-radius:999px;font:inherit;font-size:.92rem;cursor:pointer;transition:all .2s}
.chips button:hover{border-color:var(--jade);color:var(--txt)}
.chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700;box-shadow:0 6px 16px -6px rgba(8,33,30,.6)}
.chips b{font-weight:500;font-size:.8rem;opacity:.7}
@media(min-width:561px){.chips{flex-wrap:wrap;overflow:visible}}

/* ===== Contenu ===== */
main{max-width:840px;margin:0 auto;padding:52px 24px 76px}
main.wide{max-width:980px}main.narrow{max-width:840px}
.count{margin:0 0 20px;color:var(--muted);font-size:.92rem}
.group{--a:var(--jade);margin-bottom:56px}
.g1{--a:var(--gold)}.g2{--a:var(--red)}.g3{--a:var(--blue)}
.group-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.gk{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--ink2),var(--ink));color:var(--gold-l);font:700 1.7rem/1 var(--serif);box-shadow:0 8px 20px -8px rgba(8,33,30,.7),inset 0 0 0 1px rgba(255,255,255,.1);border-bottom:3px solid var(--a,var(--jade))}
.group-head h2{font-size:1.8rem;font-weight:700}
.group-head::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--a),transparent);opacity:.55}
.cards{display:grid;gap:14px}
.card{position:relative;background:var(--paper2);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 2px 0 rgba(8,33,30,.04);transition:transform .25s,border-color .25s,box-shadow .25s}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--a)}
.card:hover{transform:translateY(-2px);border-color:var(--a);box-shadow:0 18px 34px -18px rgba(8,33,30,.5)}
.card.open{border-color:var(--a)}
.card-head{width:100%;display:flex;align-items:stretch;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.card-title{flex:1;min-width:0;padding:20px 20px 20px 28px}
.card-title strong{display:block;font:700 1.15rem/1.3 var(--serif);color:var(--txt)}
.card-title small{display:block;color:var(--muted);font-size:.88rem;margin-top:3px}
.tag{display:inline-block;margin-left:10px;padding:1px 9px;background:rgba(200,55,45,.1);border:1px solid var(--red);color:#A4281F;border-radius:6px;font:700 .72rem var(--sans);vertical-align:middle}
.price-box{display:flex;align-items:center;justify-content:space-between;gap:12px;width:170px;padding:0 20px 0 24px;background:linear-gradient(135deg,var(--ink2),var(--ink));position:relative}
.price-box::before{content:"";position:absolute;left:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--paper2);border:1px solid var(--line)}
.price{font:800 1.7rem/1 var(--serif);color:var(--gold-l);white-space:nowrap}
.price span{font:500 .82rem var(--sans);color:var(--mut-d);margin-left:5px}
.chev{flex:none;width:18px;height:18px;color:var(--mut-d);transition:transform .3s,color .3s}
.card.open .chev{transform:rotate(180deg);color:var(--jade-l)}
.card-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.card.open .card-body{grid-template-rows:1fr}
.card-body>div{overflow:hidden}
.card-body p{margin:0 22px 14px 28px;padding:14px 0 0;border-top:1px dashed var(--line);color:#3D5750;font-size:.98rem}
.card-body .meta{padding:0 22px 20px 28px}
.meta span{display:inline-block;font-size:.82rem;color:var(--a);border:1px solid var(--a);border-radius:999px;padding:2px 14px;font-weight:700}
.empty{text-align:center;color:var(--muted);padding:48px 0}
mark{background:rgba(234,193,99,.55);color:inherit;border-radius:3px;padding:0 2px}
.sec{font-size:clamp(1.7rem,4vw,2.2rem);margin:56px 0 18px;display:flex;align-items:center;gap:16px}
.sec:first-child{margin-top:0}
.sec::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--line),transparent)}
.small{margin:-4px 0 6px;color:var(--mut-d);font-size:.92rem}

/* ===== Blocs sombres ===== */
.extras,.cta,.guide{color:var(--moon);background:radial-gradient(80% 120% at 90% 0%,rgba(91,219,187,.18),transparent 60%),linear-gradient(135deg,#0F3A35,var(--ink))}
.extras{border-radius:20px;padding:30px 30px 22px;margin-top:28px;box-shadow:0 24px 50px -28px rgba(8,33,30,.8)}
.extras h2{font-size:1.45rem;color:#fff;margin-bottom:10px}
.extras ul,.notes ul{list-style:none;margin:0;padding:0}
.extras li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.14)}
.extras .price{font-size:1.4rem}
.notes{border:1px dashed #9DB5AA;border-radius:18px;padding:28px 28px 20px;margin-top:22px;background:var(--paper2)}
.notes h2{font-size:1.4rem;margin-bottom:10px}
.notes li{position:relative;padding:8px 0 8px 28px;color:#3D5750}
.notes li::before{content:"";position:absolute;left:0;top:1.15em;width:13px;height:13px;background:var(--jade);border-radius:100% 0 100% 0}

/* ===== Accueil ===== */
.intro{max-width:38em;margin-bottom:44px}
.intro h2{font-size:clamp(1.8rem,4.4vw,2.4rem);margin-bottom:14px}
.intro p{color:#3D5750;font-size:1.12rem;margin:0}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:18px}
.feat,.member{--a:var(--jade);position:relative;background:var(--paper2);border:1px solid var(--line);border-radius:20px;padding:26px;transition:transform .25s,border-color .25s,box-shadow .25s}
.feat{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-top:4px solid var(--a)}
.f1{--a:var(--gold)}.f2{--a:var(--red)}.f3{--a:var(--blue)}
.feat:hover,.member:hover{transform:translateY(-4px);box-shadow:0 24px 40px -22px rgba(8,33,30,.55)}
.feat h3,.member h3{font-size:1.25rem;margin:18px 0 6px}
.feat p,.member p{margin:0;color:#4B655E;font-size:.97rem}
.feat .from{margin-top:auto;padding-top:16px;font:700 1.15rem var(--serif);color:var(--gold)}
.feat::after{content:"Voir ces tarifs";position:absolute;right:20px;top:28px;font-size:.78rem;color:var(--a);opacity:0;transform:translateX(-6px);transition:all .25s}
.feat:hover::after,.feat:focus-visible::after{opacity:1;transform:none}
.guide{margin-top:56px;padding:36px;border-radius:26px;box-shadow:0 30px 60px -30px rgba(8,33,30,.85)}
.guide h2{font-size:clamp(1.7rem,4vw,2.2rem);color:#fff;margin-bottom:20px}
.gchips{display:flex;flex-wrap:wrap;gap:10px}
.gchips button{background:rgba(255,255,255,.05);color:#C4DBD2;border:1px solid rgba(255,255,255,.22);padding:10px 18px;border-radius:999px;font:inherit;font-size:.96rem;cursor:pointer;transition:all .2s}
.gchips button:hover{border-color:var(--jade-l);color:#fff}
.gchips button[aria-pressed=true]{background:linear-gradient(135deg,var(--jade-l),#37B99A);border-color:transparent;color:#06201B;font-weight:700;box-shadow:0 6px 20px rgba(55,185,154,.4)}
.gresult{margin-top:24px;padding:26px;border-radius:18px;background:var(--paper2);color:var(--txt);border-left:6px solid var(--jade);min-height:96px;animation:rise .4s both}
.gresult.urgent{border-left-color:var(--red)}
.gempty{margin:0;color:var(--muted)}
.gtop{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.gtop h3{font-size:1.45rem}
.gresult .price{font-size:2rem;color:var(--gold);margin:0}
.gresult .price span{color:var(--muted)}
.gresult>p:not(.alert):not(.gmeta){margin:0 0 16px;color:#3D5750}
.gresult .alert{margin:0 0 16px;padding:9px 14px;border-radius:10px;background:rgba(200,55,45,.1);border:1px solid var(--red);color:#A4281F;font-weight:700}
.gmeta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.gmeta span{font-size:.82rem;color:var(--jade);border:1px solid var(--line);border-radius:999px;padding:3px 14px;font-weight:700}
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:56px;padding:38px;border-radius:26px}
.cta h2{font-size:clamp(1.4rem,3vw,1.8rem);max-width:19em;color:#fff}
.cta p{margin:8px 0 0;color:var(--mut-d)}

/* ===== Équipe ===== */
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.team.lieu{grid-template-columns:minmax(260px,430px)}
.team.lieu .member{--a:var(--gold);padding:28px;display:flex;align-items:center;gap:18px;border-top:4px solid var(--a)}
.team.lieu .gk{width:66px;height:66px;font-size:2.2rem}
.team.lieu h3{font-size:1.6rem;margin:0}
.team.compact{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.team.compact .member{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px}
.team.compact .gk{width:46px;height:46px;font-size:1.3rem;border-radius:12px}
.team.compact h3{font-size:1.08rem;margin:0}
.member p{font-size:.88rem}
.tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tools li{padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:var(--paper2)}

/* ===== Infos ===== */
.steps{list-style:none;margin:0;padding:0;position:relative}
.steps::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--jade),transparent)}
.steps li{position:relative;display:flex;gap:20px;padding:10px 0}
.steps .n{flex:none;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--gold-l);font:700 1.1rem var(--serif);box-shadow:0 0 0 5px var(--paper)}
.steps h3{font-size:1.18rem;margin:6px 0 2px}.steps p{margin:0;color:#4B655E}
.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.lvl{--a:var(--jade);padding:24px;border-radius:18px;border:1px solid var(--line);border-top:5px solid var(--a);background:var(--paper2)}
.l1{--a:var(--gold)}.l2{--a:var(--red)}
.lvl h3{color:var(--a);font-size:1.3rem;margin-bottom:6px}
.lvl p{margin:0;color:#4B655E;font-size:.96rem}
.lvl .from{margin-top:12px;color:var(--gold);font:700 .98rem var(--serif)}
.gloss{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:0}
.gloss>div{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--paper2)}
.gloss dt{font:700 1.15rem var(--serif);color:var(--jade);margin-bottom:4px}
.gloss dd{margin:0;color:#4B655E;font-size:.95rem}
.faq{display:grid;gap:10px}
.faq details{background:var(--paper2);border:1px solid var(--line);border-radius:14px;padding:0 22px;transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:var(--jade);box-shadow:0 14px 28px -20px rgba(8,33,30,.5)}
.faq summary{cursor:pointer;padding:17px 0;font:700 1.06rem var(--serif);list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--jade);font-size:1.5rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 17px;color:#4B655E}

/* ===== Pied de page ===== */
footer{position:relative;text-align:center;color:var(--mut-d);padding:52px 24px 60px;background:radial-gradient(60% 100% at 50% 0%,rgba(91,219,187,.14),transparent),var(--ink)}
footer p{margin:2px 0}
.seal-line{font-family:var(--serif);color:var(--jade-l);margin-top:8px!important}
.fnav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 24px;margin-top:20px}
.fnav a{color:var(--mut-d);text-decoration:none;font-size:.93rem;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.fnav a:hover{color:#fff;border-color:var(--jade-l)}
.js footer .hanko{opacity:0;transform:rotate(-14deg) scale(1.7)}
.js footer .hanko.in{animation:stamp .55s cubic-bezier(.2,1.4,.4,1) forwards}
@keyframes stamp{60%{opacity:1}to{opacity:1;transform:rotate(-5deg) scale(1)}}
.top{position:fixed;right:20px;bottom:20px;z-index:40;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--jade-l);background:rgba(8,33,30,.94);color:var(--jade-l);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .25s}
.top.show{opacity:1;pointer-events:auto;transform:none}
.top:hover{background:var(--jade-l);color:#06201B}
.js .rv{opacity:0;transform:translateY(18px)}
.js .rv.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--i)*70ms)}

@media(max-width:560px){
  body{font-size:16px}
  .nav-in{padding:0 12px}.bn{display:none}.nav nav a{padding:7px 11px;font-size:.9rem}
  .hero{padding:80px 20px 150px}.hero.small{padding:56px 20px 108px}
  .vert{display:none}.moon{right:-44px;top:36px}.branch{right:-60px;top:16px;width:78vw;opacity:.9}
  .toolbar-in{padding:12px 16px;grid-template-columns:1fr 132px}.sort select{font-size:.88rem;padding:0 6px}
  main{padding:38px 16px 56px}
  .card-title{padding:16px 12px 16px 22px}
  .price-box{width:122px;padding:0 14px 0 16px;gap:8px}.price{font-size:1.35rem}
  .card-body p,.card-body .meta{margin-left:22px;margin-right:16px}.card-body .meta{margin:0 16px 18px 22px;padding:0}
  .guide{padding:24px 18px}.gresult{padding:20px}.gchips button{padding:9px 14px}
  .cta{padding:26px}.extras{padding:24px 20px 18px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .petals{display:none}
}
@media print{.nav,.toolbar,.top,.petals,.moon,.mount,.mist,.branch,.vert,.emblem,.skip{display:none!important}.hero{background:none;color:#000;padding:20px}.hero h1,.h1-sub,.lead,.kicker{color:#000;text-shadow:none}.card-body{grid-template-rows:1fr!important}}