/* Concept : salle des coffres lumineuse. Porcelaine froide, vert coffre pour la confiance, laiton en accent rare. Les cartes sont posées comme des objets, une par case, toutes éclairées pareil. */
:root{
  --bg:#F3F4F1; --surface:#FBFBF9; --sunk:#E9ECE7;
  --ink:#121715; --muted:#56605B; --line:#D7DBD5; --line-strong:#B4BBB3;
  --vault:#173B32; --vault-2:#205044; --vault-ink:#EEF2EE; --vault-muted:#A7BCB2;
  --brass:#866D3E; --brass-on-vault:#D2B97F;
  --ok:#2F6B4F; --warn:#9A6A12; --bad:#A23A2E;
  --focus:#2D6B5B; --shadow:rgba(16,24,21,.20);
  /* objets */
  --card-a:#0E2C25; --card-a2:#1E5446; --card-b:#171B26; --card-b2:#34425E; --card-c:#2E2219; --card-c2:#6B5034; --card-d:#3A0F14; --card-d2:#7A2630; --card-e:#1B1B1B; --card-e2:#4A4A4A;
  --foil:#D8C08A; --ivory:#EFEBE0; --sig:#1B2D6B;
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-display-w:750;
  --f-body:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --gutter:clamp(16px,4vw,48px);
  --ease:cubic-bezier(.2,.7,.1,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0D100F; --surface:#141917; --sunk:#1A201D; --ink:#E9ECE7; --muted:#9BA59F; --line:#252C29; --line-strong:#3B4541;
  --vault:#163A31; --vault-2:#1E4A3E; --vault-ink:#EEF2EE; --vault-muted:#A0B7AD; --brass:#CDB27A; --brass-on-vault:#D2B97F;
  --ok:#6FBE95; --warn:#E0B25A; --bad:#E58A7E; --focus:#7DB5A2; --shadow:rgba(0,0,0,.55); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0D100F; --surface:#141917; --sunk:#1A201D; --ink:#E9ECE7; --muted:#9BA59F; --line:#252C29; --line-strong:#3B4541;
  --vault:#163A31; --vault-2:#1E4A3E; --vault-ink:#EEF2EE; --vault-muted:#A0B7AD; --brass:#CDB27A; --brass-on-vault:#D2B97F;
  --ok:#6FBE95; --warn:#E0B25A; --bad:#E58A7E; --focus:#7DB5A2; --shadow:rgba(0,0,0,.55); color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);font-weight:var(--f-display-w);line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
button{font:inherit}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}
section[id]{scroll-margin-top:90px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:50px;padding:0 1.5rem;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .3s var(--ease),border-color .3s,color .3s}
.btn svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-primary{background:var(--vault);color:var(--vault-ink)}
.btn-primary:hover{background:var(--vault-2)}
.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--ink)}
.btn-light{background:var(--vault-ink);color:var(--vault)}
.btn-sm{min-height:40px;padding:0 1rem;font-size:.85rem}

/* bandeau maquette */
.proto{background:var(--sunk);color:var(--muted);font-size:.78rem;text-align:center;padding:.5rem var(--gutter)}

/* en-tête */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:1.5rem;height:68px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;margin-right:auto}
.brand svg{width:30px;height:30px;color:var(--ink)}
.brand b{font-size:1.2rem;line-height:1}
.nav{display:none;gap:1.6rem}
.nav a{text-decoration:none;font-size:.92rem;color:var(--muted);font-weight:500}
.nav a:hover{color:var(--ink)}
.top-actions{display:none;gap:.5rem}
.menu-btn{width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.menu-btn svg{width:18px;height:18px}
.drawer{border-top:1px solid var(--line);background:var(--bg)}
.drawer nav{display:grid;padding-block:.5rem 1.25rem}
.drawer a:not(.btn){padding:.85rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-family:var(--f-display);font-weight:var(--f-display-w);font-size:1.25rem}
.drawer .btn{margin-top:1rem}
@media (min-width:1020px){.nav,.top-actions{display:flex}.menu-btn{display:none}.drawer{display:none!important}}

/* hero */
.hero{padding-block:clamp(32px,6vw,72px) clamp(56px,8vw,104px)}
.wordmark{font-family:var(--f-display);font-weight:850;font-stretch:125%;font-size:clamp(4.2rem,20vw,16.5rem);line-height:.84;letter-spacing:-.02em;margin:0;white-space:nowrap}
.xx{display:inline-flex}.xx i{font-style:normal}.xx i+i{margin-left:-.36em;color:var(--brass)}
.wm{font-family:var(--f-display);font-weight:850;font-stretch:125%;letter-spacing:.01em}
.aa{color:var(--brass)}
.rule{display:flex;justify-content:space-between;gap:1rem;border-top:1.5px solid var(--ink);margin-top:.9rem;padding-top:.7rem}
.rule .eyebrow{color:var(--ink)}
.hero-grid{display:grid;gap:clamp(36px,6vw,72px);margin-top:clamp(36px,5vw,64px);align-items:center}
.hero h2{font-size:clamp(2rem,1.4rem + 2.6vw,3.6rem);max-width:15ch}
.hero .lede{color:var(--muted);font-size:clamp(1.05rem,1rem + .4vw,1.3rem);max-width:38ch;margin-top:1.2rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.ticks{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;list-style:none;padding:0;margin:1.8rem 0 0}
.ticks li{display:flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--muted)}
.ticks svg{width:15px;height:15px;color:var(--ok)}
.stage{--sx:50%;--sy:40%;position:relative;display:flex;justify-content:center;gap:clamp(10px,2vw,22px);perspective:1600px;padding-block:8px 64px;touch-action:pan-y}
.stage::before{content:"";position:absolute;inset:-12% -8%;background:radial-gradient(420px circle at var(--sx) var(--sy),rgba(184,153,90,.20),transparent 70%);opacity:0;transition:opacity .7s;pointer-events:none}
.stage.engaged::before{opacity:1}
.stage .slab{--tx:0px;--ty:0px;--tz:0px;--rz:0deg;--rx:0deg;--ry:0deg;--px:50%;--py:30%;transform:translate3d(var(--tx),var(--ty),var(--tz)) rotateZ(var(--rz)) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .8s var(--ease),filter .6s,box-shadow .6s;cursor:pointer;will-change:transform;outline:none}
.stage .slab:nth-child(1){--ty:26px;--rz:-4deg}
.stage .slab:nth-child(3){--ty:26px;--rz:4deg}
.stage .slab:nth-child(2){z-index:1}
.stage:not(.dealt) .slab:nth-child(1){--tx:calc(100% + 22px);--ty:12px;--rz:-1deg}
.stage:not(.dealt) .slab:nth-child(3){--tx:calc(-100% - 22px);--ty:12px;--rz:1deg}
.stage.dealing .slab:nth-child(1){transition-delay:.15s}
.stage.dealing .slab:nth-child(3){transition-delay:.3s}
.stage.engaged .slab:nth-child(1){--tx:-26px;--ty:30px;--rz:-9deg}
.stage.engaged .slab:nth-child(3){--tx:26px;--ty:30px;--rz:9deg}
.stage.engaged .slab.is-dim{filter:brightness(.82) saturate(.7);--tz:-40px}
.stage.engaged .slab.is-active{--ty:-18px;--tz:80px;--rz:0deg;z-index:3;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .4s,box-shadow .4s;box-shadow:0 60px 90px -36px var(--shadow),0 26px 40px -24px var(--shadow)}
.stage .slab::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--px) var(--py),rgba(255,255,255,.65),rgba(255,255,255,0) 42%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s;pointer-events:none}
.stage .slab.is-active::after{opacity:1}
.stage .slab .card .holo{transition:background-position .2s linear,opacity .4s}
.stage .slab.is-active .card .holo{background:linear-gradient(115deg,transparent 22%,rgba(255,110,180,.18) 36%,rgba(110,230,215,.18) 46%,rgba(255,220,130,.22) 56%,transparent 70%);background-size:240% 240%;background-position:var(--hx,50%) var(--hy,50%);mix-blend-mode:color-dodge}
.stage .slab:hover .card .holo{--hx:var(--hx)}
.stage.dealt .slab .card .holo{animation:sweep 1.8s 1s cubic-bezier(.3,.7,.2,1) 1}
@keyframes sweep{from{background-position:-60% 50%}to{background-position:160% 50%}}
.stage-cap{position:absolute;left:50%;bottom:4px;transform:translate(-50%,8px);opacity:0;transition:opacity .4s,transform .4s var(--ease);display:flex;align-items:center;gap:.7rem;white-space:nowrap;padding:.5rem .6rem .5rem 1rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 30px -18px var(--shadow);font-size:.85rem;pointer-events:none;z-index:4}
.stage-cap{width:max-content;max-width:calc(100vw - 32px)}
.stage-cap b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}
.stage-cap i,.stage-cap span{flex:none}
.stage-cap span{color:var(--muted);font-variant-numeric:tabular-nums}
.stage-cap i{font-style:normal;font-weight:600;font-size:.8rem;padding:.3rem .7rem;border-radius:999px;background:var(--vault);color:var(--vault-ink)}
.stage.engaged .stage-cap{opacity:1;transform:translate(-50%,0);pointer-events:auto;cursor:pointer}
.stage-cap i{transition:background .2s}.stage-cap:hover i{background:var(--ink)}
.stage .slab:not(:nth-child(2)){display:none}
@media (min-width:560px){.stage .slab:not(:nth-child(2)){display:block}}
@media (prefers-reduced-motion:reduce){.stage .slab{--rx:0deg!important;--ry:0deg!important}}
@media (min-width:960px){.hero-grid{grid-template-columns:1fr 1fr}}

/* objet carte (placeholder photo) */
.slab{position:relative;width:min(56vw,230px);padding:9px 9px 12px;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(255,255,255,.25) 45%,rgba(255,255,255,.6));border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 60px -28px var(--shadow),0 12px 22px -14px var(--shadow);transition:transform .8s var(--ease)}
.stage .slab{width:min(46vw,200px)}
.slab-label{display:flex;justify-content:space-between;gap:.4rem;padding:.42rem .55rem;margin-bottom:8px;border-radius:7px;background:var(--ivory);color:#1A1F1C;font-family:var(--f-mono);font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.35}
.slab-label b{font-weight:500}
.card{--c1:var(--card-a);--c2:var(--card-a2);position:relative;aspect-ratio:63/88;border-radius:7px;overflow:hidden;background:linear-gradient(155deg,var(--c2),var(--c1) 58%);box-shadow:0 0 0 1px rgba(0,0,0,.25);isolation:isolate;color:var(--ivory)}
.card.b{--c1:var(--card-b);--c2:var(--card-b2)}.card.c{--c1:var(--card-c);--c2:var(--card-c2)}.card.d{--c1:var(--card-d);--c2:var(--card-d2)}.card.e{--c1:var(--card-e);--c2:var(--card-e2)}
.card .refr{position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg at 50% 62%,rgba(255,255,255,.075) 0 4deg,transparent 4deg 9deg);mix-blend-mode:overlay}
.card .holo{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(216,192,138,.24) 45%,rgba(160,210,200,.16) 52%,transparent 66%);background-size:250% 250%;background-position:var(--hx,30%) 50%;mix-blend-mode:screen;transition:background-position 1s var(--ease)}
.lot:hover .card .holo,.slab:hover .card .holo{--hx:85%}
.card .frame{position:absolute;inset:6%;border:1px solid color-mix(in srgb,var(--foil) 70%,transparent);border-radius:3px}
.card .tm{position:absolute;top:9%;left:10%;right:10%;display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--foil)}
.card .silh{position:absolute;left:50%;top:18%;width:56%;height:44%;transform:translateX(-50%);opacity:.9}
.card .silh{fill:rgba(239,235,224,.14);stroke:rgba(239,235,224,.38);stroke-width:1}
.card .patch{position:absolute;right:13%;top:40%;width:28%;aspect-ratio:1;border-radius:3px;background:repeating-linear-gradient(90deg,var(--ivory) 0 22%,var(--c2) 22% 40%,var(--ivory) 40% 62%,#8A1F24 62% 74%,var(--ivory) 74%);box-shadow:0 0 0 2px color-mix(in srgb,var(--foil) 80%,transparent),inset 0 0 10px rgba(0,0,0,.35)}
.card .auto{position:absolute;left:12%;right:12%;top:66%;height:12%;border-radius:3px;background:linear-gradient(180deg,#F7F4EC,#E6E0D1);display:grid;place-items:center}
.card .auto svg{width:84%;height:auto;fill:none;stroke:var(--sig);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.card .bm{position:absolute;bottom:8%;left:10%;right:10%;display:flex;justify-content:space-between;align-items:end}
.card .num{font-family:var(--f-mono);font-weight:500;color:var(--foil);font-size:.58rem;padding:.12em .4em;border:1px solid color-mix(in srgb,var(--foil) 60%,transparent);border-radius:3px}
.card .rc{font-family:var(--f-mono);font-size:.5rem;color:var(--ivory);letter-spacing:.1em;border:1px solid rgba(239,235,224,.5);padding:.12em .35em;border-radius:3px}
.photo-tag{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);white-space:nowrap;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--bg);padding:0 .5rem}

/* sections */
.section{padding-block:clamp(72px,10vw,136px)}
.alt{background:var(--surface);border-block:1px solid var(--line)}
.head{display:grid;gap:.9rem;margin-bottom:clamp(32px,5vw,56px)}
.head h2{font-size:clamp(1.9rem,1.3rem + 2.4vw,3.2rem);max-width:18ch}
.head p{color:var(--muted);max-width:56ch;font-size:1.08rem}
@media (min-width:900px){.head{grid-template-columns:1fr 1fr;align-items:end}.head .eyebrow{grid-column:1/-1}}

/* services */
.svcs{display:grid;gap:14px}
.svc{display:flex;flex-direction:column;gap:1rem;padding:clamp(24px,3vw,36px);border-radius:20px;background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:transform .5s var(--ease),border-color .5s}
.svc:hover{transform:translateY(-3px);border-color:var(--line-strong)}
.svc h3{font-size:1.6rem}
.svc p{color:var(--muted)}
.svc .go{margin-top:auto;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.92rem}
.svc .go svg{width:16px;height:16px}
.svc .chip{align-self:flex-start}
.svc.flag{background:var(--vault);border-color:var(--vault);color:var(--vault-ink)}
.svc.flag p{color:var(--vault-muted)}
.svc.flag .chip{color:var(--brass-on-vault);border-color:var(--brass-on-vault)}
@media (min-width:760px){.svcs{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.svcs{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.chip{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--f-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted)}

/* boutique */
.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:24px;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.f{flex:none;border:1px solid var(--line-strong);background:transparent;color:var(--ink);border-radius:999px;padding:.55rem 1rem;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.f[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.f-sep{flex:none;width:1px;background:var(--line);margin:4px 4px}
.shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
@media (min-width:760px){.shop{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.shop{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lot{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:.85rem;min-width:0}
.lot .plinth{position:relative;display:grid;place-items:center;aspect-ratio:4/5;border-radius:18px;background:radial-gradient(120% 90% at 50% 15%,var(--surface),var(--sunk));border:1px solid var(--line);transition:border-color .4s}
.lot:hover .plinth,.lot:focus-visible .plinth{border-color:var(--line-strong)}
.lot .slab{width:62%;padding:6px 6px 8px;border-radius:10px}
.lot .slab-label{font-size:.44rem;padding:.3rem .4rem;margin-bottom:5px}
.lot:hover .slab{transform:translateY(-6px)}
.origin{position:absolute;top:10px;left:10px;font-family:var(--f-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .5rem;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--muted)}
.origin.maison{color:var(--brass);border-color:color-mix(in srgb,var(--brass) 45%,transparent)}
.lot-meta{display:grid;gap:.15rem}
.lot-meta h3{font-family:var(--f-body);font-weight:600;font-size:.98rem;letter-spacing:0;line-height:1.3}
.lot-meta .spec{font-size:.8rem;color:var(--muted)}
.lot-meta .price{display:flex;justify-content:space-between;align-items:center;margin-top:.35rem;font-weight:600;font-variant-numeric:tabular-nums}
.lot-meta .prot{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.06em;color:var(--ok);font-weight:400;display:flex;align-items:center;gap:.25rem}
.lot-meta .prot svg{width:11px;height:11px}
.empty{grid-column:1/-1;padding:3rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:18px}
.shop-foot{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}

/* fiche carte */
.overlay{position:fixed;inset:0;z-index:60;background:rgba(10,14,12,.55);backdrop-filter:blur(6px);display:grid;place-items:end center;padding:0}
@media (min-width:760px){.overlay{place-items:center;padding:24px}}
.sheet{position:relative;width:min(980px,100%);max-height:92vh;overflow:auto;background:var(--bg);border-radius:22px 22px 0 0;padding:clamp(20px,3vw,36px);padding-bottom:calc(clamp(20px,3vw,36px) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,40px)}
@media (min-width:760px){.sheet{border-radius:22px;grid-template-columns:1fr 1fr}}
.x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;display:grid;place-items:center;z-index:2}
.x svg{width:16px;height:16px}
.gal{display:grid;gap:10px}
.gal .main{display:grid;place-items:center;aspect-ratio:4/5;border-radius:18px;background:radial-gradient(120% 90% at 50% 15%,var(--surface),var(--sunk));border:1px solid var(--line)}
.gal .main .slab{width:58%}
.thumbs{display:flex;justify-content:center;gap:10px}
.thumbs button{all:unset;cursor:pointer;width:64px;padding:6px 6px 4px;gap:4px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center}
.thumbs button[aria-current="true"]{border-color:var(--ink);color:var(--ink)}
.thumbs img{width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:4px;background:#0C0F0E}
.info{display:grid;gap:1.1rem;align-content:start;min-width:0}
.info h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);padding-right:40px}
.info .big{font-size:1.9rem;font-weight:600;font-variant-numeric:tabular-nums;font-family:var(--f-display)}
.specs{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1.2rem;margin:0;font-size:.92rem}
.specs dt{color:var(--muted)}
.specs dd{margin:0}
.buy{display:flex;flex-wrap:wrap;gap:.6rem}
.buy .btn{flex:1 1 180px}
.protect{border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;background:var(--surface);display:grid;gap:.55rem;font-size:.88rem}
.protect b{font-weight:600}
.protect ol{margin:0;padding-left:1.1rem;color:var(--muted);display:grid;gap:.2rem}
.note{font-size:.8rem;color:var(--muted)}
.toast{margin-top:.2rem;padding:.8rem 1rem;border-radius:12px;background:var(--sunk);font-size:.88rem}

/* secure deal */
.flow{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.flow li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:1.15rem 1.2rem;border-radius:16px;border:1px solid var(--line);background:var(--bg)}
.flow .n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-mono);font-size:.82rem;border:1px solid var(--line-strong)}
.flow h3{font-family:var(--f-body);font-weight:600;font-size:1.02rem;letter-spacing:0;line-height:1.3}
.flow p{color:var(--muted);font-size:.93rem;margin-top:.2rem}
.flow li.key{border-color:var(--vault);background:color-mix(in srgb,var(--vault) 7%,var(--bg))}
.flow li.key .n{background:var(--vault);color:var(--vault-ink);border-color:var(--vault)}
@media (min-width:900px){.flow{grid-template-columns:repeat(3,1fr)}.flow li{grid-template-columns:1fr;align-content:start}}
.branch{margin-top:14px;display:grid;gap:12px}
@media (min-width:760px){.branch{grid-template-columns:1fr 1fr}}
.branch div{padding:1.1rem 1.2rem;border-radius:16px;font-size:.93rem}
.branch .y{border:1px solid color-mix(in srgb,var(--ok) 40%,transparent)}
.branch .n2{border:1px solid color-mix(in srgb,var(--bad) 40%,transparent)}
.branch b{display:block;margin-bottom:.2rem}
.branch .y b{color:var(--ok)}.branch .n2 b{color:var(--bad)}
.disclaimer{margin-top:24px;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1.2rem 1.3rem;border-radius:16px;background:var(--sunk);font-size:.93rem}
.disclaimer svg{width:22px;height:22px;color:var(--warn);margin-top:2px}
.disclaimer b{font-weight:600}

/* inclus + engagements */
.two-col{display:grid;gap:clamp(32px,5vw,72px)}
@media (min-width:900px){.two-col{grid-template-columns:1fr 1fr}}
.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.list li{display:grid;grid-template-columns:24px 1fr;gap:.8rem;padding:.95rem 0;border-bottom:1px solid var(--line)}
.list svg{width:18px;height:18px;color:var(--ok);margin-top:3px}
.list b{font-weight:600}
.list p{color:var(--muted);font-size:.9rem}
.promise{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.promise div{padding:1.2rem;border-radius:16px;border:1px solid var(--line);background:var(--surface);display:grid;gap:.3rem}
.promise .v{font-family:var(--f-display);font-weight:var(--f-display-w);font-size:2.2rem;line-height:1;font-variant-numeric:tabular-nums}
.promise .l{font-size:.88rem;color:var(--muted)}

/* tarifs */
.pricing{display:grid;gap:16px}
@media (min-width:960px){.pricing{grid-template-columns:1.1fr 1fr}}
.sim{background:var(--vault);color:var(--vault-ink);border-radius:22px;padding:clamp(22px,3vw,36px);display:grid;gap:1.2rem;align-content:start}
.sim h3{font-size:1.6rem}
.seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(238,242,238,.08);border:1px solid rgba(238,242,238,.14)}
.seg button{flex:1;border:0;background:transparent;color:var(--vault-muted);border-radius:999px;padding:.7rem .6rem;font-weight:600;font-size:.86rem;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--vault-ink);color:var(--vault)}
.sim label{font-size:.82rem;color:var(--vault-muted)}
.amount{display:flex;align-items:center;gap:.5rem;border-bottom:1.5px solid rgba(238,242,238,.35);padding-bottom:.3rem}
.amount input{all:unset;width:100%;font-family:var(--f-display);font-weight:var(--f-display-w);font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem);font-variant-numeric:tabular-nums;color:var(--vault-ink)}
.amount span{font-family:var(--f-display);font-size:2rem;color:var(--vault-muted)}
.res{display:grid;grid-template-columns:1fr auto;gap:.55rem 1rem;font-variant-numeric:tabular-nums}
.res dt{color:var(--vault-muted);font-size:.92rem}
.res dd{margin:0;text-align:right;font-weight:600}
.res .tot{border-top:1px solid rgba(238,242,238,.18);padding-top:.6rem;font-size:1.05rem}
.payer{display:flex;gap:.5rem;flex-wrap:wrap}
.payer[hidden]{display:none}
.payer button{border:1px solid rgba(238,242,238,.25);background:transparent;color:var(--vault-ink);border-radius:999px;padding:.45rem .8rem;font-size:.82rem;cursor:pointer}
.payer button[aria-pressed="true"]{border-color:var(--brass-on-vault);color:var(--brass-on-vault)}
.sim small{color:var(--vault-muted);font-size:.78rem}
.grids{display:grid;gap:16px}
.grid-card{border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,28px);background:var(--surface)}
.grid-card h3{font-size:1.25rem;margin-bottom:.25rem}
.grid-card .sub{color:var(--muted);font-size:.88rem;margin-bottom:.9rem}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem;font-variant-numeric:tabular-nums}
.tbl td{padding:.55rem 0;border-top:1px solid var(--line)}
.tbl td:last-child{text-align:right;font-weight:600}
.who{margin-top:16px;display:grid;gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.who div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1.2rem;border-top:1px solid var(--line);font-size:.92rem}
.who div:first-child{border-top:0}
.who span:last-child{color:var(--muted);text-align:right}

/* espace vendeur */
.dash{border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden}
.dash-top{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;padding:1.1rem 1.3rem;border-bottom:1px solid var(--line)}
.dash-top b{font-weight:600}
.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.dash-stats div{padding:1rem 1.3rem;border-left:1px solid var(--line)}
.dash-stats div:first-child{border-left:0}
.dash-stats .v{font-family:var(--f-display);font-weight:var(--f-display-w);font-size:1.6rem;font-variant-numeric:tabular-nums}
.dash-stats .l{font-size:.78rem;color:var(--muted)}
.rows{display:grid}
.row{display:grid;grid-template-columns:48px 1fr auto;gap:1rem;align-items:center;padding:.9rem 1.3rem;border-top:1px solid var(--line)}
.row:first-child{border-top:0}
.row .mini{width:48px}
.row .mini .card{border-radius:4px}
.row .mini .card .tm,.row .mini .card .bm,.row .mini .card .auto,.row .mini .card .patch{display:none}
.row b{font-weight:600;font-size:.93rem;display:block}
.row span.s{font-size:.8rem;color:var(--muted)}
.st{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .6rem;border-radius:999px;white-space:nowrap;border:1px solid}
.st.on{color:var(--muted);border-color:var(--line-strong)}
.st.go{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,transparent)}
.st.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,transparent)}
.add{display:grid;gap:12px;padding:1.2rem 1.3rem;border-top:1px solid var(--line);background:var(--bg)}
.add[hidden]{display:none}
.fld{display:grid;gap:.35rem}
.fld label{font-size:.8rem;color:var(--muted)}
.fld input,.fld select{width:100%;min-height:48px;padding:.7rem .9rem;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:16px}
.pair{display:grid;gap:12px}
@media (min-width:600px){.pair{grid-template-columns:1fr 1fr}}

/* partenaires + maison */
.partner{background:var(--vault);color:var(--vault-ink);border-radius:26px;padding:clamp(26px,5vw,64px);display:grid;gap:clamp(28px,4vw,56px)}
@media (min-width:900px){.partner{grid-template-columns:1fr 1fr;align-items:center}}
.partner h2{font-size:clamp(1.9rem,1.3rem + 2.4vw,3rem);max-width:16ch}
.partner p{color:var(--vault-muted);margin-top:1rem;max-width:44ch}
.perks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.perks li{padding:1rem 1.1rem;border-radius:14px;border:1px solid rgba(238,242,238,.14);display:grid;gap:.15rem}
.perks b{font-weight:600}
.perks span{color:var(--vault-muted);font-size:.9rem}
.founder{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
@media (min-width:860px){.founder{grid-template-columns:.8fr 1.2fr}}
.portrait{aspect-ratio:4/5;border-radius:22px;border:1px dashed var(--line-strong);display:grid;place-items:center;text-align:center;color:var(--muted);font-family:var(--f-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:var(--surface);max-width:420px}
.founder h2{font-size:clamp(1.9rem,1.3rem + 2.4vw,3rem)}
.founder p{color:var(--muted);margin-top:1rem;max-width:52ch}
.idcard{margin-top:1.6rem;display:grid;grid-template-columns:auto 1fr;gap:.45rem 1.4rem;font-size:.9rem}
.idcard dt{color:var(--muted)}
.idcard dd{margin:0}

/* pied */
footer{border-top:1px solid var(--line);padding-block:56px 32px;margin-top:clamp(72px,10vw,120px)}
.foot{display:grid;gap:32px}
@media (min-width:760px){.foot{grid-template-columns:1.2fr 2fr}}
.foot p{color:var(--muted);font-size:.9rem;margin-top:.8rem;max-width:34ch}
.fcols{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media (min-width:760px){.fcols{grid-template-columns:repeat(3,1fr)}}
.fcols h4{margin:0 0 .6rem;font-family:var(--f-mono);font-weight:400;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fcols a{display:block;text-decoration:none;font-size:.9rem;padding:.25rem 0}
.legal{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;justify-content:space-between}


/* planche logo */
.proto button{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:var(--ink);margin-left:.5rem;font-weight:600}
.sheet.board{grid-template-columns:minmax(0,1fr)!important;gap:22px}
.board h3{font-size:1.6rem}
.lockup{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,20px);padding:clamp(28px,6vw,64px) 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);color:var(--ink);flex-wrap:wrap}
.lockup svg{width:clamp(56px,12vw,96px);height:auto;aspect-ratio:1}
.lockup b{font-family:var(--f-display);font-weight:700;font-size:clamp(1.9rem,7vw,3.6rem);letter-spacing:.08em}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:760px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tile{aspect-ratio:1;border-radius:16px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:10px}
.tile svg{width:44%;height:auto;aspect-ratio:1}
.tile small{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.tile.v{background:var(--vault);color:var(--vault-ink)}
.tile.v .aa2{color:var(--brass-on-vault)}
.tile.k{background:var(--ink);color:var(--bg)}
.tile.l{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.tile.app{background:var(--sunk)}
.tile.app span.ic{width:58%;aspect-ratio:1;border-radius:22%;background:var(--vault);color:var(--vault-ink);display:grid;place-items:center;box-shadow:0 10px 24px -12px var(--shadow)}
.tile.app span.ic svg{width:78%}
.tile b{font-family:var(--f-display);font-weight:700;font-size:.82rem;letter-spacing:.1em}
.sizes{display:flex;align-items:end;gap:18px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;border:1px solid var(--line);color:var(--ink)}
.sizes span{display:grid;justify-items:center;gap:6px;font-family:var(--f-mono);font-size:.6rem;color:var(--muted)}
.board p{color:var(--muted);font-size:.93rem;max-width:62ch}

/* étude de marque */
.proto button{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:var(--ink);margin-left:.5rem;font-weight:600}
.brand svg{color:var(--ink)}
.sheet.study{grid-template-columns:minmax(0,1fr)!important;gap:0;width:min(1100px,100%);padding:0;overflow-x:hidden}
.study .x{background:rgba(238,242,238,.12);border-color:rgba(238,242,238,.25);color:#EEF2EE}
.st-hero{background:#121715;color:#EFEBE0;padding:clamp(28px,6vw,72px) clamp(20px,5vw,56px) clamp(32px,6vw,64px);display:grid;gap:clamp(18px,3vw,28px);position:relative;overflow:hidden}
.st-hero::after{content:"";position:absolute;right:-8%;top:-30%;width:60%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(184,153,90,.18),transparent);pointer-events:none}
.st-eb{color:#A7B0AA}
.st-lock{display:flex;align-items:center;gap:clamp(10px,2.4vw,26px);color:#EFEBE0}
.st-mark{width:clamp(60px,14vw,150px);height:auto;aspect-ratio:1;flex:none}
.st-lock .wm{font-size:clamp(2.8rem,13vw,8.6rem);line-height:.9}
.st-lock .xx i+i{color:#B8995A}
.study .st-tag{font-family:var(--f-display);font-weight:650;font-size:clamp(1.15rem,1rem + 1vw,1.7rem);color:#D2B97F}
.st-sec{padding:clamp(28px,5vw,56px) clamp(20px,5vw,56px);border-top:1px solid var(--line);display:grid;gap:clamp(18px,3vw,28px)}
@media (min-width:900px){.st-sec{grid-template-columns:220px minmax(0,1fr)}.st-sec>*:not(.st-head){grid-column:2}}
.st-head{display:flex;align-items:baseline;gap:.8rem;align-self:start}
.st-n{font-family:var(--f-mono);font-size:.78rem;color:var(--brass)}
.st-head h3{font-size:1.5rem}
.st-body{display:grid;gap:1rem;max-width:62ch}
.st-lead{font-family:var(--f-display);font-weight:650;font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem);line-height:1.3;color:var(--ink)!important}
.study p{color:var(--muted)}
.st-build{display:grid;gap:24px;align-items:center}
@media (min-width:760px){.st-build{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.st-grid{aspect-ratio:1;max-width:380px;width:100%;border-radius:20px;background:var(--surface);border:1px solid var(--line);padding:6%;color:var(--ink)}
.st-grid svg{width:100%;height:100%}
.st-legend{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.st-legend li{display:grid;grid-template-columns:28px 1fr;gap:.8rem;align-items:start}
.st-legend b{font-weight:600}
.st-legend p{font-size:.9rem;margin-top:.1rem}
.sw{width:22px;height:22px;border-radius:6px;margin-top:2px}
.sw.ink{background:var(--ink)}.sw.brass{background:#B8995A}
.sw.void{border:1.5px dashed #B8995A;transform:rotate(45deg) scale(.8)}
.sw.weave{background:linear-gradient(135deg,var(--ink) 0 45%,#B8995A 45% 100%)}
.st-locks{display:grid;gap:12px}
@media (min-width:760px){.st-locks{grid-template-columns:1.4fr 1fr 1fr}}
.lk{margin:0;border-radius:18px;overflow:hidden;display:grid}
.lk-in{display:flex;align-items:center;justify-content:center;gap:12px;padding:clamp(28px,5vw,48px) 16px;min-height:200px}
.lk-in.col{flex-direction:column;gap:10px}
.lk .wm{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1}
.lk-m{width:52px;height:52px}.lk-m.big{width:70px;height:70px}.lk-m.huge{width:110px;height:110px}
.lk-sub{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75;text-align:center}
.lk figcaption{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1rem;border-top:1px solid rgba(128,128,128,.25)}
.lk.light{background:#F3F4F1;color:#121715;border:1px solid #D7DBD5}
.lk.light .xx i+i{color:#866D3E}
.lk.vault{background:#173B32;color:#EFEBE0}
.lk.vault .xx i+i{color:#D2B97F}
.lk.ink{background:#121715;color:#EFEBE0}
.st-sizes{display:flex;align-items:end;gap:20px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;border:1px solid var(--line);color:var(--ink)}
.st-sizes span{display:grid;justify-items:center;gap:6px;font-family:var(--f-mono);font-size:.6rem;color:var(--muted)}
.st-sw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:760px){.st-sw{grid-template-columns:repeat(5,minmax(0,1fr))}}
.swc{border-radius:16px;padding:16px;min-height:150px;display:grid;align-content:end;gap:.2rem}
.swc b{font-family:var(--f-display);font-weight:750;font-size:1.05rem}
.swc span{font-family:var(--f-mono);font-size:.72rem;opacity:.85}
.swc small{font-size:.76rem;opacity:.8;line-height:1.35}
.st-type{display:grid;gap:0;border-top:1px solid var(--line)}
.ty{display:grid;gap:.4rem;padding:1.1rem 0;border-bottom:1px solid var(--line);min-width:0}
.ty-n{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ty-a{font-family:var(--f-display);font-weight:850;font-stretch:125%;font-size:clamp(2rem,6vw,3.6rem);line-height:1;color:var(--ink)}
.ty-b{font-size:1.15rem;color:var(--ink)}
.ty-c{font-family:var(--f-mono);font-size:.9rem;color:var(--ink);overflow-wrap:anywhere}
.st-apps{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:640px){.st-apps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.st-apps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.app{margin:0;display:grid;gap:.6rem}
.app figcaption{font-size:.84rem;color:var(--muted)}
.app figcaption b{display:block;color:var(--ink);font-weight:600}
.app-stage{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:#173B32}
.app-stage.bone{background:#E4E1D6}
.app-stage.vault{background:#173B32}
.app-stage.kraft{background:#CDBB9A}
.app-stage.live{background:radial-gradient(120% 90% at 30% 20%,#2B3A35,#0E1211);place-items:stretch}
/* étiquette */
.ap-slab{width:52%;padding:7px 7px 9px;border-radius:10px;background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.45));border:1px solid #fff;box-shadow:0 18px 30px -18px rgba(0,0,0,.45)}
.ap-label{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;padding:6px;border-radius:6px;background:#EFEBE0;color:#121715;margin-bottom:6px}
.ap-m{width:20px;height:20px;color:#121715}
.ap-m.sm{width:26px;height:26px;color:#EFEBE0;margin-top:6px}
.ap-txt{display:grid;font-family:var(--f-mono);font-size:.42rem;line-height:1.35;letter-spacing:.04em;min-width:0}
.ap-txt b{font-weight:500;font-size:.48rem}
.qr{display:block;width:28px;height:28px;background:#fff;border-radius:2px}
.qr svg{width:100%;height:100%;display:block}
.qr.big{width:64px;height:64px;padding:4px;border-radius:6px}
.ap-card{aspect-ratio:63/88;border-radius:5px;background:linear-gradient(155deg,#1E5446,#0E2C25 60%);box-shadow:inset 0 0 0 1px rgba(216,192,138,.6)}
/* passeport */
.ap-pass{display:flex;gap:14px;align-items:center;width:78%;padding:14px;border-radius:14px;background:#121715;color:#EFEBE0;border:1px solid rgba(184,153,90,.5)}
.ap-pass b{display:block;font-family:var(--f-display);font-weight:800;font-stretch:115%;font-size:.8rem;letter-spacing:.06em;color:#D2B97F}
.ap-pass span:not(.qr){display:block;font-size:.7rem;line-height:1.35;color:#C9CFCB;margin-top:4px}
/* live */
.ap-live{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:.62rem;color:#fff;background:rgba(0,0,0,.45);padding:.25rem .5rem;border-radius:4px}
.ap-live i{width:7px;height:7px;border-radius:50%;background:#E5483A}
.ap-hit{position:absolute;left:12px;bottom:52px;font-size:.78rem;color:#fff;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.ap-badge{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:7px;padding:.45rem .75rem .45rem .5rem;border-radius:999px;background:#EFEBE0;color:#121715;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.1em;box-shadow:0 8px 20px -8px rgba(0,0,0,.6)}
.ap-badge b{font-family:var(--f-display);font-weight:850;font-stretch:125%;letter-spacing:.02em;font-size:.72rem}
.ap-badge svg{width:20px;height:20px}
/* boîte */
.ap-box{position:relative;width:70%;aspect-ratio:3/2;border-radius:6px;background:#173B32;box-shadow:0 20px 34px -18px rgba(0,0,0,.55);overflow:hidden}
.strap{position:absolute;left:50%;top:50%;width:150%;height:16%;background:#B8995A;transform-origin:center}
.strap.s1{transform:translate(-50%,-50%) rotate(33.7deg)}
.strap.s2{transform:translate(-50%,-50%) rotate(-33.7deg);background:#D2B97F}
.ap-boxlabel{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:5px;padding:.25rem .45rem;border-radius:4px;background:#EFEBE0;color:#121715;font-family:var(--f-display);font-weight:850;font-stretch:125%;font-size:.6rem}
.ap-boxlabel svg{width:14px;height:14px}
/* icône */
.ap-phone{display:grid;justify-items:center;gap:6px;font-size:.72rem;color:#121715}
.ap-icon{width:84px;height:84px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}
/* post */
.ap-post{width:62%;aspect-ratio:1;border-radius:10px;background:#121715;color:#EFEBE0;display:grid;justify-items:center;align-content:center;gap:8px;padding:10px}
.ap-pe{font-family:var(--f-display);font-weight:850;font-stretch:125%;font-size:.78rem;letter-spacing:.04em;color:#D2B97F}
.ap-mini{width:34%;aspect-ratio:63/88;border-radius:4px;background:linear-gradient(155deg,#7A2630,#3A0F14 60%);box-shadow:0 0 0 3px #EFEBE0}
.ap-ps{display:flex;align-items:center;gap:5px;font-size:.6rem;color:#C9CFCB}
.ap-ps svg{width:14px;height:14px;color:#EFEBE0}
/* voix */
.st-voice{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.st-voice li{font-family:var(--f-display);font-weight:800;font-size:clamp(1.3rem,1rem + 1.6vw,2.3rem);line-height:1.15;color:var(--ink)}
.st-voice li:first-child{color:var(--brass)}
.st-note{font-size:.88rem;max-width:62ch}
.st-check{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.st-check li{padding-left:1.2rem;position:relative;font-size:.93rem;color:var(--muted)}
.st-check li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;border:1.5px solid var(--brass)}
.st-check b{color:var(--ink);font-weight:600}


/* événements */
.ev-strip{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:.6rem var(--gutter);background:#121715;color:#EFEBE0;text-decoration:none;font-size:.82rem;text-align:center}
.ev-strip i{width:7px;height:7px;border-radius:50%;background:#E5483A;animation:pulse 1.6s ease-in-out infinite}
.ev-strip b{font-family:var(--f-mono);font-weight:500;color:#D2B97F;font-variant-numeric:tabular-nums}
@keyframes pulse{50%{opacity:.35}}
.ev{background:#121715;color:#EFEBE0}
.ev .head p{color:#A7B0AA}
.ev .eyebrow{color:#A7B0AA}
.ev-grid{display:grid;gap:14px}
@media (min-width:900px){.ev-grid{grid-template-columns:1.3fr 1fr 1fr}}
.ev-card{position:relative;display:grid;gap:0;border-radius:22px;background:#1A201D;border:1px solid #2A322E;overflow:hidden;align-content:start}
.ev-card.main{background:#173B32;border-color:#1F4A3F}
.ev-tag{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .65rem;border-radius:999px;background:rgba(0,0,0,.35);color:#EFEBE0}
.ev-tag.live i{width:7px;height:7px;border-radius:50%;background:#E5483A;animation:pulse 1.6s ease-in-out infinite}
.ev-obj{display:grid;place-items:center;padding:56px 0 24px;background:radial-gradient(90% 70% at 50% 40%,rgba(210,185,127,.14),transparent)}
.ev-obj .slab{width:min(46vw,170px)}
.ev-card.main .ev-obj .slab{width:min(52vw,200px)}
.mystery .card{filter:blur(7px) brightness(.55)}
.mystery .slab{position:relative}
.mystery .slab::after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-weight:850;font-stretch:125%;font-size:4rem;color:#D2B97F}
.mystery .slab-label{filter:blur(3px)}
.ev-info{display:grid;gap:.75rem;padding:4px 22px 22px}
.ev-info h3{font-size:1.3rem}
.ev-info p{color:#C3CBC6;font-size:.92rem}
.ev-note{font-size:.78rem!important;color:#8E9993!important}
.ev-msg{font-size:.82rem!important;padding:.7rem .85rem;border-radius:10px;background:rgba(238,242,238,.08);color:#EFEBE0!important}
.cd{display:flex;gap:8px}
.cd div{flex:1;display:grid;justify-items:center;padding:.55rem .2rem;border-radius:12px;background:rgba(0,0,0,.28)}
.cd b{font-family:var(--f-display);font-weight:800;font-size:1.6rem;line-height:1;font-variant-numeric:tabular-nums;color:#EFEBE0}
.cd span{font-family:var(--f-mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:#A7B0AA;margin-top:.3rem}
.cd.sm b{font-size:1.2rem}
.bid{display:flex;gap:10px}
.bid div{flex:1;display:grid;gap:.15rem;padding:.6rem .7rem;border-radius:12px;border:1px solid #2A322E}
.bid .l{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#8E9993}
.bid .v{font-family:var(--f-display);font-weight:800;font-size:1.25rem;font-variant-numeric:tabular-nums}
.ev .btn-light{justify-self:start}
.ev-contest{margin-top:14px;display:grid;gap:22px;padding:clamp(22px,4vw,40px);border-radius:22px;border:1px solid #2A322E;background:linear-gradient(120deg,#1A201D,#173B32)}
@media (min-width:860px){.ev-contest{grid-template-columns:1.3fr 1fr;align-items:center}}
.ev-contest h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem);margin:.6rem 0 .6rem}
.ev-contest p{color:#C3CBC6;max-width:52ch}
.goal{display:grid;gap:.8rem}
.goal-top{display:flex;align-items:baseline;gap:.5rem}
.goal-top .v{font-family:var(--f-display);font-weight:850;font-stretch:125%;font-size:2.6rem;line-height:1;color:#D2B97F;font-variant-numeric:tabular-nums}
.goal-top .l{color:#A7B0AA}
.bar{height:10px;border-radius:999px;background:rgba(238,242,238,.1);overflow:hidden}
.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#B8995A,#D2B97F)}
.nav{gap:1.3rem}.nav a,.top-actions .btn,.brand b{white-space:nowrap}
@media (min-width:1020px) and (max-width:1179px){.nav,.top-actions{display:none}.menu-btn{display:grid}.drawer:not([hidden]){display:block!important}}

/* ===== site en ligne ===== */
.muted{color:var(--muted)}
.h2-sm{font-size:clamp(1.8rem,1.3rem + 2vw,2.8rem);margin:1rem 0 1.6rem;max-width:16ch}
.h2-lg{font-size:clamp(1.9rem,1.3rem + 2.4vw,3.2rem);margin:1rem 0 1.2rem;max-width:14ch}
.soon-inline{color:color-mix(in srgb,var(--brass) 78%,var(--ink))}
.ev .soon-inline{color:var(--brass-on-vault)}
/* cartes avec vraie photo */
.card.photo{background:#0C0F0E;aspect-ratio:63/88;border-radius:7px;overflow:hidden}
.card.photo img{display:block;width:100%;height:100%;object-fit:contain}
.slab-label .r{text-align:right;flex:none;max-width:42%}
.slab-label > span{min-width:0}
.slab-label > span:first-child{flex:1}
.slab-label i{display:block;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.stage .slab.is-photo .card .holo{border-radius:6px}

.origin.ex{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}
.origin.sold{color:var(--muted)}
.origin.res{color:var(--brass)}
.lot.is-sold .plinth{opacity:.6}
.lot.is-sold .price span:first-child{color:var(--muted)}
.desc{color:var(--muted);font-size:.95rem}
.share{justify-self:start}
.btn[disabled]{opacity:.6;cursor:default}
/* atelier */
.atelier{margin:0 0 clamp(28px,4vw,48px);display:grid;gap:.8rem}
.atelier svg{display:block;width:100%;height:auto;border-radius:22px;border:1px solid var(--line)}
.atelier figcaption{font-size:.9rem;color:var(--muted)}
.atelier figcaption b{color:var(--ink);font-weight:600}
.atelier figcaption span{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.06em;margin-left:.4rem}
/* formulaires */
.dx-form{display:grid;gap:12px}
.fld textarea{width:100%;padding:.7rem .9rem;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:16px;resize:vertical}
.fld input[readonly]{background:var(--sunk);color:var(--muted)}
.fld input.err,.fld textarea.err,.fld select.err{border-color:var(--bad)}
.dx-form.dark .fld label{color:#A7B0AA}
.dx-form.dark .fld input,.dx-form.dark .fld textarea,.dx-form.dark .fld select{background:rgba(0,0,0,.25);border-color:rgba(238,242,238,.2);color:#EFEBE0}
.dx-form .btn{justify-self:start}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{font-size:.88rem;padding:.75rem .9rem;border-radius:12px;background:var(--sunk);color:var(--ink)}
.dx-form.dark .form-msg{background:rgba(238,242,238,.08);color:#EFEBE0}
.seg-radio{display:flex;gap:8px;flex-wrap:wrap}
.seg-radio label{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;border:1px solid var(--line-strong);cursor:pointer;font-size:.92rem}
.seg-radio input{position:absolute;opacity:0;pointer-events:none}
.seg-radio label:has(input:checked){border-color:var(--vault);background:color-mix(in srgb,var(--vault) 8%,transparent);font-weight:600}
.seg-radio label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.req{margin-top:28px;display:grid;gap:22px;padding:clamp(22px,4vw,40px);border-radius:22px;background:var(--bg);border:1px solid var(--line)}
.req h3{font-size:1.5rem}
.req p{color:var(--muted);margin-top:.5rem;max-width:40ch}
@media (min-width:900px){.req{grid-template-columns:.8fr 1.2fr}}
.rachat{display:grid;gap:1rem;padding:clamp(22px,4vw,36px);border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.rachat h3{font-size:1.6rem}
.partner .perks li{background:transparent}
.ev-form{padding-top:56px}
.sheet.narrow{width:min(560px,100%)!important;grid-template-columns:minmax(0,1fr)!important}
.portrait.has-photo{border-style:solid;padding:0;overflow:hidden}
.portrait.has-photo img{width:100%;height:100%;object-fit:cover}
.shop-foot a{color:var(--ink)}
.idcard a{color:inherit}
@media (min-width:760px){.sheet:not(.narrow):not(.study){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.gal .main{overflow:hidden}
.gal .main .slab.is-photo{width:min(78%,340px)}

.card.photo img{max-width:100%}
.hero,#boutique,#evenements{overflow-x:clip}
.atelier-photo{display:block;width:100%;height:auto;border-radius:22px;border:1px solid var(--line)}
/* Le Cercle */
.cercle{background:linear-gradient(180deg,#121715,#173B32);color:#EFEBE0}
.cercle .head p,.cercle .eyebrow{color:#A7B0AA}
.cercle .head h2{color:#EFEBE0}
.c-steps{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
@media (min-width:760px){.c-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.c-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.c-steps li{padding:1.2rem;border-radius:18px;border:1px solid rgba(238,242,238,.12);background:rgba(0,0,0,.18);display:grid;gap:.35rem;align-content:start}
.c-steps .n{font-family:var(--f-mono);font-size:.75rem;color:#D2B97F}
.c-steps h3{font-family:var(--f-body);font-weight:600;font-size:1.02rem;letter-spacing:0;color:#EFEBE0}
.c-steps p{color:#B9C2BD;font-size:.9rem}
.c-grid{display:grid;gap:14px}
@media (min-width:960px){.c-grid{grid-template-columns:1.15fr 1fr;align-items:start}}
.c-card{display:grid;gap:.9rem;padding:clamp(22px,3vw,36px);border-radius:22px;background:var(--bg);color:var(--ink)}
.c-card h3{font-size:1.6rem}
.c-card .eyebrow{color:var(--muted)}
.c-card.dark{background:#121715;color:#EFEBE0;border:1px solid rgba(210,185,127,.35)}
.c-card.dark .eyebrow{color:#D2B97F}
.c-card.dark .perks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.c-card.dark .perks li{padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(238,242,238,.12);display:grid;gap:.15rem}
.c-card.dark .perks b{font-weight:600}
.c-card.dark .perks span{color:#A7B0AA;font-size:.88rem}
.checks{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.checks legend{font-size:.8rem;color:var(--muted);margin-bottom:.4rem;padding:0}
.checks label{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:999px;border:1px solid var(--line-strong);cursor:pointer;font-size:.88rem}
.checks input{accent-color:var(--vault)}
.checks label:has(input:checked){border-color:var(--vault);background:color-mix(in srgb,var(--vault) 8%,transparent);font-weight:600}
.consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;color:#C3CBC6}
.consent input{margin-top:.25rem;accent-color:#D2B97F}
.consent a{color:#D2B97F}
.consent.err,.consent:has(input.err){color:#E58A7E}
/* recherche */
.hero-search{display:flex;align-items:center;gap:.5rem;margin-top:1.6rem;max-width:460px;border-bottom:1.5px solid var(--ink);padding:.35rem 0}
.hero-search input{all:unset;flex:1;min-width:0;font-size:1rem;color:var(--ink);padding:.4rem 0}
.hero-search input::placeholder{color:var(--muted)}
.hero-search button{border:0;background:none;color:var(--ink);cursor:pointer;width:40px;height:40px;display:grid;place-items:center}
.hero-search button svg{width:18px;height:18px}
.shop-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.search-box{flex:1 1 280px;display:flex;align-items:center;gap:.6rem;min-height:52px;padding:0 1rem;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface)}
.search-box svg{width:18px;height:18px;color:var(--muted);flex:none}
.search-box input{all:unset;flex:1;min-width:0;font-size:16px;color:var(--ink)}
.search-box:focus-within{border-color:var(--ink)}
.sort-box select{min-height:52px;padding:0 1rem;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:.95rem}
/* simulateur 50/50 */
.split{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.split div{display:grid;gap:.2rem;padding:.9rem 1rem;border-radius:14px;background:rgba(238,242,238,.08);border:1px solid rgba(238,242,238,.14)}
.split .l{font-size:.78rem;color:var(--vault-muted)}
.split .v{font-family:var(--f-display);font-weight:800;font-size:clamp(1.3rem,1rem + 1.2vw,1.8rem);font-variant-numeric:tabular-nums;color:var(--vault-ink)}
.split div:first-child .v{color:var(--brass-on-vault)}
.tbl tr.th td{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400;text-align:left;padding-top:.9rem}
.branch .w{border:1px solid color-mix(in srgb,var(--warn) 40%,transparent)}
.branch .w b{color:var(--warn)}
@media (min-width:900px){.branch{grid-template-columns:repeat(3,1fr)}}
/* règles du Cercle */
.c-rules{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:900px){.c-rules{grid-template-columns:repeat(4,minmax(0,1fr))}}
.c-rules li{display:flex;align-items:baseline;gap:.6rem;padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(210,185,127,.3)}
.c-rules b{font-family:var(--f-display);font-weight:800;font-size:1.5rem;color:#D2B97F;flex:none}
.c-rules span{font-size:.86rem;color:#C3CBC6}

.apercu-note{position:relative;z-index:30;background:#B8995A;color:#121715;font-size:.82rem;font-weight:500;text-align:center;padding:.55rem var(--gutter)}
/* v22 : menu mobile et cartes de la boutique */
.top .drawer .wrap{display:grid;height:auto;gap:0;align-items:stretch}
.drawer{max-height:calc(100dvh - 68px);overflow-y:auto}
.lot-meta .price{flex-wrap:wrap;gap:.2rem .6rem}
@media (max-width:559px){.lot-meta .price{flex-direction:column;align-items:flex-start}.lot-meta h3{font-size:.9rem}}
.lot{grid-template-columns:minmax(0,1fr);width:100%}
.lot .plinth,.lot .lot-meta{min-width:0;width:100%;box-sizing:border-box}
.lot .origin{top:auto;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:2}
.lot .plinth{padding-bottom:22px}
.lot .slab{width:74%;max-width:200px}
.lot .origin{background:var(--surface)}.lot .origin.ex{color:color-mix(in srgb,var(--brass) 75%,var(--ink));background:var(--surface)}

/* ==== PAQUET DRAXX ==== */
.pk{--pk-ink:#EEF2EE;--pk-muted:#A7BCB2;--pk-brass:#D2B97F;--pk-bone:#EFEBE0;--pk-line:rgba(238,242,238,.14);
  position:relative;height:clamp(480px,128vw,600px);border-radius:28px;border:1px solid rgba(23,59,50,.4);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;perspective:1400px;color:var(--pk-ink);
  background:radial-gradient(70% 60% at 50% 40%,#245646 0%,#173B32 42%,#0C211B 100%);box-shadow:0 40px 80px -50px rgba(12,33,27,.7);isolation:isolate}
@media (min-width:960px){.pk{height:600px}}
.pk::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 30% at 50% 100%,rgba(0,0,0,.45),transparent 70%);pointer-events:none}
.pk:focus-visible,.pk button:focus-visible,.pk .c3d:focus-visible{outline:2px solid var(--pk-brass);outline-offset:3px}
.pk .spot{position:absolute;inset:0;background:radial-gradient(380px circle at var(--lx,50%) var(--ly,40%),rgba(210,185,127,.16),transparent 70%);pointer-events:none}
.pk .rays{position:absolute;left:50%;top:44%;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,226,160,.16) 0 4deg,transparent 4deg 16deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 60%);mask:radial-gradient(circle,#000 0,transparent 60%);opacity:0;transform:scale(.4);pointer-events:none}
.pk.burst .rays{animation:pkRays 2.6s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes pkRays{0%{opacity:0;transform:scale(.4) rotate(0)}25%{opacity:1}100%{opacity:.35;transform:scale(1.15) rotate(40deg)}}
.pk .flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,240,200,.85),rgba(255,240,200,0) 45%);opacity:0;pointer-events:none}
.pk.burst .flash{animation:pkFlash .9s ease-out}
@keyframes pkFlash{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
.pk canvas.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}
.pk-tag{position:absolute;top:18px;left:18px;z-index:8;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-brass);transition:opacity .5s}
.pk.opened .pk-tag{opacity:0}
.pk-tools{position:absolute;top:12px;right:12px;z-index:8;display:flex;gap:6px}
.pk-tools button{border:1px solid var(--pk-line);background:rgba(0,0,0,.28);color:var(--pk-muted);border-radius:999px;padding:.4rem .8rem;font:inherit;font-size:.74rem;cursor:pointer;white-space:nowrap;min-height:32px}
.pk-sound[aria-pressed="true"]{color:var(--pk-brass);border-color:rgba(210,185,127,.5)}
.pk .reset{color:var(--pk-ink);opacity:0;pointer-events:none;transition:opacity .4s}
.pk .reset.on{opacity:1;pointer-events:auto}

/* paquet */
.pk .pack{position:absolute;left:50%;top:47%;width:var(--pw);aspect-ratio:250/380;transform:translate(-50%,-50%) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--py,0px)) rotate(var(--pr,0deg));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.1,1),opacity .6s;z-index:5;cursor:grab}
.pk .pack.idle{animation:pkBreathe 4s ease-in-out infinite}
@keyframes pkBreathe{50%{transform:translate(-50%,calc(-50% - 6px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}}
.pk .pack.drag{transition:none;cursor:grabbing}
.pk .pack.gone{transform:translate(-50%,60%) rotate(-14deg);opacity:0;transition:transform 1.1s cubic-bezier(.55,0,.75,.2),opacity .5s .55s;pointer-events:none;animation:none}
.pk .layer{position:absolute;inset:0}
.pk .foil{position:absolute;inset:0;border-radius:9px;overflow:hidden;background:linear-gradient(165deg,#30352F 0%,#151A17 52%,#0A0D0C 100%);--z:7px;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/var(--z) 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--z) 51% repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/var(--z) 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--z) 51% repeat-x}
.pk .foil .tex{position:absolute;inset:0;background-size:cover;mix-blend-mode:overlay;opacity:.55}
.pk .foil .spec{position:absolute;inset:-20%;background:radial-gradient(40% 30% at var(--sx,30%) var(--sy,25%),rgba(255,248,230,.38),transparent 70%);mix-blend-mode:screen}
.pk .foil .holo{position:absolute;inset:0;background:linear-gradient(115deg,transparent 22%,rgba(255,120,190,.28) 36%,rgba(110,230,215,.26) 47%,rgba(255,220,130,.3) 58%,transparent 72%);background-size:280% 280%;background-position:var(--hx,30%) var(--hy,50%);mix-blend-mode:color-dodge;opacity:.5}
.pk .foil .edge{position:absolute;inset:0;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(210,185,127,.3),inset 0 0 40px rgba(0,0,0,.55)}
.pk .foil .puff{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 9%,rgba(255,255,255,.05) 30%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 70%,rgba(0,0,0,.2) 91%,rgba(0,0,0,.65) 100%),linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 9%,transparent 91%,rgba(0,0,0,.55) 100%);pointer-events:none}
.pk .foil .pinch{position:absolute;left:0;right:0;height:9%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 4px);pointer-events:none}
.pk .foil .pinch.t{top:5.2%;-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
.pk .foil .pinch.b{bottom:5.2%;-webkit-mask:linear-gradient(transparent,#000);mask:linear-gradient(transparent,#000)}
.pk .foil .tint{position:absolute;inset:0;background:linear-gradient(125deg,#1a1d1b 0%,#5a4524 30%,#c9a45a 45%,#3d3221 60%,#1a1d1b 80%);background-size:300% 300%;background-position:var(--hx,30%) var(--hy,50%);mix-blend-mode:overlay;opacity:.75;transition:background-position .15s}
.pk .crimp{position:absolute;left:0;right:0;top:0;height:5.2%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 2px,rgba(0,0,0,.25) 2px 5px),linear-gradient(#3A403B,#1C211E)}
.pk .crimp.b{top:auto;bottom:0}
.pk .pkb{position:absolute;left:0;right:0;top:31%;display:grid;justify-items:center;gap:8px}
.pk .pkb svg{width:26%;height:auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7)) drop-shadow(0 -1px 0 rgba(255,255,255,.15))}
.pk .pkb .name{font-family:var(--f-display);font-stretch:125%;font-weight:900;font-size:calc(var(--pw) * .135);letter-spacing:.03em;line-height:1;background:linear-gradient(115deg,#bdb6a6 0%,#fff8e6 calc(var(--sxn,30%) - 10%),#9c968a calc(var(--sxn,30%) + 12%),#e8e2d4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}
.pk .pkb .name em{font-style:normal;background:linear-gradient(115deg,#8C7444,#FFE6A8 calc(var(--sxn,30%)),#8C7444);-webkit-background-clip:text;background-clip:text;color:transparent}
.pk .pkb .line{font-family:var(--f-mono);font-size:calc(var(--pw) * .03);letter-spacing:.2em;color:var(--pk-brass);text-transform:uppercase;text-align:center;padding-inline:8%}
.pk .seal{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);font-family:var(--f-mono);font-size:calc(var(--pw) * .028);letter-spacing:.16em;color:var(--pk-muted);text-transform:uppercase;border:1px solid rgba(210,185,127,.35);border-radius:999px;padding:.35em .9em;white-space:nowrap}
.pk .seam{position:absolute;left:3%;right:3%;top:13.5%;height:1px;overflow:visible;clip-path:inset(-4px 0);background:linear-gradient(90deg,transparent,rgba(210,185,127,.5),transparent);opacity:.5}
.pk .seam::after{content:"";position:absolute;top:-3px;height:7px;width:22%;left:-25%;background:radial-gradient(closest-side,rgba(255,240,200,.9),transparent);animation:pkGlint 3.6s 1.2s ease-in-out infinite}
@keyframes pkGlint{0%{left:-25%}45%,100%{left:105%}}
.pk .pack.started .seam{opacity:0}
.pk .flap{transform-origin:var(--ox,0%) 13.5%;will-change:transform;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
.pk .shadow{position:absolute;left:6%;right:6%;bottom:-7%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent);filter:blur(7px);transform:translateX(var(--shx,0px)) translateZ(-40px)}
.pk .ghost{position:absolute;width:44px;height:44px;border-radius:50%;left:8%;top:13.5%;margin:-22px 0 0 -22px;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,.1) 60%,transparent 70%);opacity:0;pointer-events:none;z-index:6}
.pk .pack.hinting .ghost{animation:pkGhost 2.2s ease-in-out}
@keyframes pkGhost{0%{opacity:0;left:8%}15%{opacity:1}75%{opacity:1;left:88%}100%{opacity:0;left:92%}}
.pk .pack.nudge{animation:pkNudge .45s}
@keyframes pkNudge{30%{transform:translate(-50%,-50%) rotate(-2.5deg)}60%{transform:translate(-50%,-50%) rotate(2deg)}}

/* cartes */
.pk .cards{position:absolute;inset:0;z-index:4;pointer-events:none}
.pk .c3d{position:absolute;left:50%;top:47%;width:calc(var(--pw) * .84);transform:translate(-50%,-50%) translate(var(--tx,0px),var(--ty,10%)) rotate(var(--rz,0deg)) scale(var(--s,.96)) rotateX(var(--crx,0deg)) rotateY(var(--cry,0deg)) translateZ(var(--tz,0px)) rotateY(var(--fy,0deg));transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.16,.84,.24,1),opacity .4s;opacity:0;outline:none;border-radius:14px}
.pk .cards.peek .c3d{opacity:1}
.pk .c3d.hot{transition:transform .25s ease-out}
.pk .c3d .face{position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:filter .4s}
.pk .c3d .slab{width:100%;transform:none;transition:none;box-shadow:0 34px 60px -26px rgba(0,0,0,.85),0 12px 22px -14px rgba(0,0,0,.6)}
.pk .c3d .glare,.pk .c3d .sweep{position:absolute;inset:0;border-radius:14px;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pk .c3d .glare{background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.55),rgba(255,255,255,0) 45%);mix-blend-mode:soft-light;opacity:0;transition:opacity .3s}
.pk .c3d.hot .glare{opacity:1}
.pk .c3d .sweep{background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 60%);background-size:260% 260%;background-position:140% 0;mix-blend-mode:soft-light}
.pk .cards.fan .c3d .sweep{animation:pkSweep 1.6s .7s cubic-bezier(.3,.7,.2,1) 1 forwards}
@keyframes pkSweep{to{background-position:-60% 0}}
.pk .c3d .back{position:absolute;inset:0;border-radius:14px;transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(70% 50% at 50% 45%,#2A322E,#0E1311 75%);border:1px solid rgba(210,185,127,.55);box-shadow:inset 0 0 0 7px #151B18,inset 0 0 0 8px rgba(210,185,127,.45),0 34px 60px -26px rgba(0,0,0,.85);display:grid;place-items:center;overflow:hidden}
.pk .c3d .back::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(210,185,127,.06) 0 1px,transparent 1px 10px),repeating-linear-gradient(-45deg,rgba(210,185,127,.06) 0 1px,transparent 1px 10px)}
.pk .c3d .back svg{width:42%;position:relative;filter:drop-shadow(0 0 14px rgba(210,185,127,.35))}
.pk .c3d .back span{position:absolute;bottom:9%;font-family:var(--f-mono);font-size:calc(var(--pw) * .03);letter-spacing:.22em;color:var(--pk-brass);text-transform:uppercase}
.pk .c3d.down{--fy:180deg}
.pk .c3d.flipping{transition:transform 1s cubic-bezier(.3,1.4,.4,1)}
.pk .c3d.rare .slab{box-shadow:0 0 0 1px rgba(210,185,127,.6),0 0 40px rgba(210,185,127,.35),0 34px 60px -26px rgba(0,0,0,.85)}
.pk .cards.live{pointer-events:auto}
.pk .cards.live .c3d{cursor:pointer}
.pk .cards.live.focus .c3d:not(.hot) .face{filter:brightness(.78) saturate(.8)}

.pk .cap{position:absolute;left:50%;bottom:20px;z-index:7;transform:translateX(-50%) translateY(8px);display:flex;gap:.6rem;align-items:center;padding:.45rem .5rem .45rem 1rem;border-radius:999px;background:rgba(16,21,19,.9);border:1px solid var(--pk-line);color:var(--pk-ink);font:inherit;font-size:.85rem;opacity:0;pointer-events:none;white-space:nowrap;max-width:calc(100% - 24px);cursor:pointer;transition:opacity .35s,transform .35s,left .35s cubic-bezier(.2,.7,.1,1)}
.pk .cap.on{opacity:1;transform:translateX(-50%);pointer-events:auto}
.pk .cap b{font-weight:600;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pk .cap span{color:var(--pk-muted);flex:none;font-variant-numeric:tabular-nums}
.pk .cap span:empty{display:none}
.pk .cap i{font-style:normal;font-size:.75rem;font-weight:600;background:var(--pk-brass);color:#121715;border-radius:999px;padding:.3rem .75rem;flex:none;transition:background .2s}
.pk .cap:hover i{background:var(--pk-bone)}
.pk .say{position:absolute;left:12px;right:12px;bottom:24px;text-align:center;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-brass);transition:opacity .5s;z-index:6;pointer-events:none}
@media (prefers-reduced-motion:reduce){.pk .pack,.pk .c3d,.pk .rays,.pk .flash,.pk .seam::after{animation:none!important;transition:none!important}}

/* hero */
.hero .pk{width:100%}

/* paquet surprise (caché tant que config.paquetSurprise.actif = false) */
.ev-surprise{margin-top:14px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr);border-radius:22px;background:#1A201D;border:1px solid #2A322E;padding:clamp(20px,3vw,32px)}
.ev-surprise[hidden]{display:none}
.ev-surprise h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.ev-surprise .ev-info{padding:0;align-content:center}
.ev-surprise .pk{height:clamp(440px,118vw,520px)}
@media (min-width:860px){.ev-surprise{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}}
.pk .won{position:absolute;left:16px;right:16px;bottom:16px;z-index:9;display:none;gap:8px;text-align:center;justify-items:center;grid-template-columns:minmax(0,1fr);padding:14px;border-radius:16px;background:rgba(12,18,16,.88);border:1px solid var(--pk-line)}
.pk.won .won{display:grid}
.pk.won .cap,.pk.won .say{display:none}
.pk .won .t{font-family:var(--f-display);font-weight:800;font-size:1.15rem}
.pk .won form{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:340px}
.pk .won input[type=email]{flex:1;min-width:0;border-radius:10px;border:1px solid var(--pk-line);background:rgba(0,0,0,.35);color:var(--pk-ink);padding:.6rem .8rem;font:inherit;font-size:16px}
.pk .won button{border:0;border-radius:10px;background:var(--pk-brass);color:#121715;font:inherit;font-weight:600;padding:0 1rem;cursor:pointer;min-height:44px}
.pk .won .form-msg{flex-basis:100%;font-size:.85rem;color:#9FD8B5;margin:0}
.pk .won a{font-size:.74rem;color:var(--pk-muted);text-decoration:underline;text-underline-offset:2px}

/* à propos : emblème */
.emblem{position:relative;display:grid;place-items:center;align-content:center;gap:18px;aspect-ratio:4/5;max-width:420px;width:100%;border-radius:22px;background:radial-gradient(80% 60% at 50% 40%,#205044,#173B32 55%,#0F2A23);color:#EFEBE0;overflow:hidden;box-shadow:0 40px 80px -50px rgba(12,33,27,.7)}
.emblem::before{content:"";position:absolute;inset:14px;border:1px solid rgba(210,185,127,.35);border-radius:14px;pointer-events:none}
.emblem svg{width:34%;aspect-ratio:1;height:auto}
.emblem .wm{font-size:clamp(2.2rem,8vw,3.4rem);line-height:1}
.emblem .xx i+i{color:#D2B97F}
.emblem .sig{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#D2B97F}
@media (max-width:859px){.emblem{aspect-ratio:auto;padding:44px 20px;max-width:none}.emblem svg{width:84px}}
/* ==== FIN PAQUET ==== */