/* Make At Home, refonte 2026-10 : "Sheet stock".
   The page is one sheet of birch plywood; every act is an operation on it.
   Brand tokens kept: ink, amber, olive, paper. Fonts vendored (no CDN). */
@font-face{font-family:Newsreader;src:url('/assets/fonts/newsreader-latin.woff2') format('woff2');font-display:swap;font-weight:400 700;font-style:normal}
@font-face{font-family:Newsreader;src:url('/assets/fonts/newsreader-latin-italic.woff2') format('woff2');font-display:swap;font-weight:400 700;font-style:italic}
@font-face{font-family:'Hanken Grotesk';src:url('/assets/fonts/hanken-grotesk-latin.woff2') format('woff2');font-display:swap;font-weight:100 900;font-style:normal}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/ibm-plex-mono-latin.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/ibm-plex-mono-latin-500.woff2') format('woff2');font-display:swap;font-weight:500}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/ibm-plex-mono-latin-600.woff2') format('woff2');font-display:swap;font-weight:600}

:root{
  --ink:#26221a;--bench:#17130d;--bench-2:#211c13;--amber:#c97b1f;--amber-hot:#e8944a;--olive:#5a6142;--paper:#f5efe2;
  --ply:#dcc08f;--ply-hi:#ecd6ac;--ply-lo:#b88c52;--burn:#3a200c;
  --serif:Newsreader,Georgia,'Times New Roman',serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;--ui:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --pad:clamp(18px,3.2vw,56px);--nav-h:64px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.mh{margin:0;background:var(--bench);color:var(--ink);font:400 17px/1.6 var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(body.mh) img{max-width:100%;height:auto}
body.mh a{color:inherit}
.mh .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mh .skip{position:absolute;left:12px;top:-60px;background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:8px;z-index:100;font:500 14px var(--mono)}
.mh .skip:focus{top:10px}
.mh :focus-visible{outline:3px solid var(--amber-hot);outline-offset:3px;border-radius:4px}
.mh .on-dark :focus-visible,.mh .mh-pick :focus-visible,.mh .mh-foot :focus-visible,.mh .mh-nav.is-solid :focus-visible{outline-color:var(--paper)}

/* ---------- nav: one line, lying on the plywood ---------- */
.mh-nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:50;color:var(--ink);transition:background .25s ease,color .25s ease}
.mh-nav-in{height:100%;display:flex;align-items:center;gap:22px;padding:0 var(--pad)}
.mh-brand{font:600 24px/1 var(--serif);letter-spacing:-.01em;text-decoration:none;margin-right:auto;white-space:nowrap}
.mh-brand i{font-style:italic;font-weight:500}
.mh-links{display:flex;align-items:center;gap:22px}
.mh-links a{font:500 12px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;text-decoration:none;padding:10px 2px;white-space:nowrap}
.mh-links a:hover{text-decoration:underline;text-underline-offset:5px}
.mh-links .lang{opacity:.8}
.mh-links a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.mh-pill{background:var(--amber);color:var(--ink);border-radius:999px;padding:11px 18px !important;font-weight:600 !important;text-decoration:none !important;box-shadow:0 1px 0 rgba(255,255,255,.35) inset}
.mh-pill:hover{background:var(--amber-hot)}
.mh-nav.is-solid{background:rgba(23,19,13,.94);color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(236,214,172,.18)}
.mh-nav.is-solid .mh-pill{color:var(--ink)}
.mh-menu{display:none;background:none;border:1px solid currentColor;color:inherit;border-radius:999px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:9px 14px}
@media (max-width:900px){
  .mh-menu{display:inline-block}
  .mh-links{position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bench);color:var(--paper);padding:10px var(--pad) 22px;display:none;box-shadow:0 20px 30px rgba(0,0,0,.4)}
  .mh-links.open{display:flex}
  .mh-links a{padding:14px 2px;border-bottom:1px solid rgba(245,239,226,.12)}
  .mh-links .mh-pill{margin-top:14px;text-align:center;border:0}
}

/* ---------- material type: each word made by its own machine ---------- */
.mat{display:block;width:max-content;max-width:100%;position:relative}
.mat-burn{color:var(--burn)}
.mat-print,.mat-cut{color:transparent}
.mat-svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;font:inherit;letter-spacing:inherit}
.mat-svg .cast{fill:rgba(48,27,8,.38);filter:blur(.012em)}
.mat-svg .lip{fill:none;stroke:#1d1a17;stroke-width:.05em;stroke-opacity:.5;filter:blur(.016em)}
.mat-svg .kerf{fill:none;stroke:#2a170a;stroke-width:.009em;stroke-linejoin:round}

/* ---------- hero ---------- */
.mh-hero{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:1fr auto;padding:calc(var(--nav-h) + clamp(14px,3vh,38px)) var(--pad) clamp(22px,4.5vh,52px);background:var(--ply) url('/assets/refonte/board.webp') center/cover no-repeat;overflow:hidden;isolation:isolate;color:var(--ink)}
.mh-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 45% at 22% 100%,rgba(255,243,222,.42),rgba(255,243,222,0) 70%);z-index:-1}
.mh-h1{margin:0;font:700 min(var(--fs-d,16.2vw),24.6vh)/.88 var(--serif);letter-spacing:-.022em;font-optical-sizing:auto;position:relative;z-index:2}
.mh-h1 .mat+.mat{margin-top:.02em}
.mh-h1 .mat.l3{padding-left:.04em;margin-top:.2em}
.mh-h1 .mat-burn,.mh-vword .mat-burn{filter:url(#mh-burn);text-shadow:0 0 .05em rgba(70,34,8,.55),0 0 .14em rgba(90,46,12,.28)}
.mh-spark{position:absolute;pointer-events:none;z-index:3;width:2px;height:min(34vh,330px);bottom:100%;margin-bottom:-.44em;right:.04em;background:linear-gradient(180deg,rgba(255,106,61,0),rgba(255,106,61,.85) 70%,#fff);box-shadow:0 0 8px 1px rgba(255,92,40,.55);transform-origin:bottom}
.mh-spark::after{content:"";position:absolute;bottom:-5px;left:-5px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff 0,#ffb089 40%,rgba(255,106,61,0) 70%)}
.mh-chips{position:absolute;inset:auto 0 0 60%;height:34%;z-index:1;pointer-events:none;background:url('/assets/refonte/chips.webp') 70% bottom/cover no-repeat;filter:drop-shadow(0 3px 2px rgba(30,16,4,.55)) drop-shadow(0 10px 14px rgba(30,16,4,.25)) saturate(.8);opacity:.85;-webkit-mask-image:radial-gradient(120% 100% at 80% 100%,#000 45%,transparent 80%);mask-image:radial-gradient(120% 100% at 80% 100%,#000 45%,transparent 80%)}
.mh-foot-row{display:flex;align-items:flex-end;gap:clamp(18px,3vw,48px);position:relative;z-index:4;margin-top:clamp(10px,2vh,24px)}
.mh-tab-slot{position:relative;flex:none;border-radius:12px;box-shadow:0 0 0 3px #2b1809,0 0 0 4.5px rgba(255,238,206,.5),0 0 14px 5px rgba(70,36,8,.28)}
.mh-tab{display:block;border-radius:10px;padding:0;background:none}
.mh .btn{display:inline-flex;align-items:center;gap:12px;background:var(--amber);color:var(--ink);font:700 clamp(18px,1.55vw,22px)/1 var(--ui);letter-spacing:.005em;text-decoration:none;padding:20px 28px;border:0;border-radius:10px;cursor:pointer;white-space:nowrap;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 2px 0 #8d5510;transition:transform .15s ease,background .15s ease}
.mh .btn:hover{background:var(--amber-hot);transform:translateY(-2px)}
.mh .btn:active{transform:translateY(1px)}
.mh-sub{margin:0 0 .3rem;max-width:32ch;font:600 clamp(19px,1.6vw,24px)/1.36 var(--ui);color:#1f1108;text-shadow:0 0 1px rgba(60,30,8,.4),0 1px 0 rgba(255,240,214,.4)}

/* verdict state on the headline: the winning word is finished, the others wait */
body[data-verdict] .mat[data-w]{transition:opacity .5s ease,filter .5s ease}
body[data-verdict="laser"] .mat[data-w="p3d"],body[data-verdict="laser"] .mat[data-w="cnc"],
body[data-verdict="p3d"] .mat[data-w="laser"],body[data-verdict="p3d"] .mat[data-w="cnc"],
body[data-verdict="cnc"] .mat[data-w="laser"],body[data-verdict="cnc"] .mat[data-w="p3d"]{opacity:.36}
.mat[data-fit]::after{content:attr(data-fit);position:absolute;left:0;top:-.1em;font:600 .105em/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:.5em .8em;border-radius:4px;transform:translateY(-100%)}
@keyframes burn-in{from{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% -2% -20% 0)}}
@keyframes print-in{from{clip-path:inset(100% -8% -20% 0)}to{clip-path:inset(-10% -8% -20% 0)}}
@keyframes cut-in{from{clip-path:circle(0% at 50% 55%)}to{clip-path:circle(120% at 50% 55%)}}
@keyframes spark-run{from{right:100%}to{right:.04em}}
@keyframes flick{0%,100%{opacity:1}45%{opacity:.82}60%{opacity:1}}
.mh-h1.finish-laser [data-w="laser"]{animation:burn-in 1.3s linear both}
.mh-h1.finish-p3d [data-w="p3d"]{animation:print-in 1.2s steps(16,end) both}
.mh-h1.finish-cnc [data-w="cnc"]{animation:cut-in 1s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:no-preference){
  .mh-spark{animation:spark-run 1.6s cubic-bezier(.4,.1,.3,1) both,flick .9s ease-in-out 1.6s infinite}
  .mh-chips{animation:chips-in 1.6s ease-out .3s both}
  @keyframes chips-in{from{opacity:0;transform:translateY(24px)}to{opacity:.95;transform:none}}
}
@supports (animation-timeline:scroll()){
  @media (prefers-reduced-motion:no-preference){
    .mh-chips{animation:chips-in 1.6s ease-out .3s both,chips-par linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 100vh}
    @keyframes chips-par{to{transform:translateY(-14vh)}}
    .mh-hero::before{content:"";position:absolute;inset:-6% 0;z-index:-2;background:inherit;animation:board-par linear both;animation-timeline:scroll(root);animation-range:0 100vh}
    @keyframes board-par{to{transform:translateY(8vh) scale(1.04)}}
  }
}

/* ---------- picker (the peak) ---------- */
.mh-pick{position:relative;background:#0f0c08 url('/assets/refonte/bench.webp') center/cover;color:var(--paper);padding:clamp(86px,15vh,170px) var(--pad) clamp(90px,16vh,180px);min-height:118vh;scroll-margin-top:0}
.mh-pick::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,12,8,.82),rgba(15,12,8,.9));pointer-events:none}
.mh-edge{position:absolute;left:0;right:0;height:22px;pointer-events:none;background:repeating-linear-gradient(180deg,#ecd6ac 0 3px,#b88c52 3px 4px,#dcc08f 4px 7px,#a87d44 7px 8px);box-shadow:0 2px 14px rgba(0,0,0,.5)}
.mh-edge.top{top:0}
.mh-edge.bot{bottom:0}
.mh-pick-grid{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4.2fr);gap:clamp(24px,6vw,110px);align-items:start;max-width:1500px;margin:0 auto}
.mh-step{font:500 13px/1 var(--mono);letter-spacing:.14em;color:var(--amber-hot);margin:0 0 clamp(14px,3vh,28px)}
.mh-q{font:600 clamp(34px,4.7vw,78px)/1.02 var(--serif);letter-spacing:-.018em;margin:0 0 .35em;outline:none}
.mh-tip{margin:0 0 clamp(22px,4vh,38px);max-width:46ch;color:rgba(245,239,226,.8);font-size:clamp(16px,1.2vw,19px)}
.mh-opts{display:grid;gap:12px;max-width:640px}
.mh-opt{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;text-align:left;width:100%;cursor:pointer;border:0;border-radius:12px;padding:18px 22px;color:var(--ink);background:linear-gradient(180deg,var(--ply-hi),var(--ply));box-shadow:0 3px 0 #8d6a38,inset 0 1px 0 rgba(255,255,255,.55);font:inherit;transition:transform .14s ease,box-shadow .14s ease}
.mh-opt strong{display:block;font:600 clamp(19px,1.5vw,24px)/1.2 var(--serif)}
.mh-opt small{display:block;font:400 14px/1.4 var(--ui);color:rgba(38,34,26,.78);margin-top:3px}
.mh-opt b{font:600 22px var(--mono);color:var(--olive)}
.mh-opt:hover{transform:translateY(-2px);box-shadow:0 5px 0 #8d6a38,inset 0 1px 0 rgba(255,255,255,.55)}
.mh-opt:active{transform:translateY(2px);box-shadow:0 1px 0 #8d6a38}
.mh-back{margin-top:22px;background:none;border:0;color:var(--paper);font:500 14px var(--mono);letter-spacing:.06em;text-decoration:underline;text-underline-offset:5px;cursor:pointer;padding:10px 2px}
.mh-side{position:sticky;top:96px;display:grid;gap:18px}
.mh-slots{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mh-lead{margin:0;position:relative;border-radius:10px;overflow:hidden;opacity:.28;transition:opacity .4s ease;box-shadow:0 0 0 1px rgba(236,214,172,.2)}
.mh-lead.is-on{opacity:1}
.mh-lead img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:80% 60%;transform:scale(1.7);transform-origin:80% 60%}
.mh-lead figcaption{position:absolute;left:0;bottom:0;right:0;padding:26px 16px 12px;background:linear-gradient(0deg,rgba(15,12,8,.85),rgba(15,12,8,0));font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper)}
.mh-slot{border-radius:12px;padding:16px 20px;border:2px dashed rgba(236,214,172,.38);background:rgba(0,0,0,.28);min-height:78px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s ease,border-color .3s}
.mh-slot span{display:block;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(245,239,226,.62);margin-bottom:8px}
.mh-slot em{display:block;font:italic 500 19px/1.25 var(--serif);color:rgba(245,239,226,.5)}
.mh-slot.is-set{border:0;color:var(--ink);background:linear-gradient(180deg,var(--ply-hi),var(--ply));box-shadow:0 3px 0 #8d6a38;transform:rotate(-.5deg)}
.mh-slot.is-set span{color:rgba(38,34,26,.7)}
.mh-slot.is-set em{font-style:normal;font:600 20px/1.2 var(--serif);color:var(--ink)}
.mh-verdict{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4.4fr);gap:clamp(24px,4vw,64px);align-items:start;position:relative;max-width:1280px;margin:0 auto;background:linear-gradient(rgba(240,224,194,.45),rgba(240,224,194,.45)),var(--ply) url('/assets/refonte/board.webp') 40% 30%/170% auto;color:var(--ink);border-radius:18px;padding:clamp(26px,4.5vw,70px);box-shadow:0 6px 0 var(--ply-lo),0 40px 70px rgba(0,0,0,.55)}
.mh-verdict .mh-step{color:#5b3a12}
.mh-verdict .mh-needs-h{color:#5b3a12}
.mh-verdict .mh-needs li{color:var(--ink)}
.mh-verdict .mh-needs li::before{background:var(--olive)}
.mh-verdict .mh-vrow a.txt,.mh-verdict .mh-vrow button.txt{color:var(--ink)}
.mh-verdict .mh-note{color:rgba(38,34,26,.78)}
.mh-verdict :focus-visible{outline-color:var(--ink)}
.mh-vword{font:700 clamp(64px,10.5vw,170px)/.92 var(--serif);letter-spacing:-.025em;margin:6px 0 .22em}
.mh-vwhy{font:500 clamp(19px,1.7vw,26px)/1.45 var(--ui);max-width:40ch;margin:0 0 26px}
.mh-needs{margin:0 0 30px;padding:0;list-style:none;display:grid;gap:10px;max-width:56ch}
.mh-needs li{padding-left:22px;position:relative;color:rgba(245,239,226,.9)}
.mh-needs li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:3px;background:var(--amber-hot)}
.mh-needs-h{font:500 13px/1 var(--mono);letter-spacing:.14em;color:var(--amber-hot);margin:0 0 14px;text-transform:uppercase}
.mh-vrow{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.mh-vrow a.txt,.mh-vrow button.txt{color:var(--paper);background:none;border:0;font:600 16px var(--ui);text-decoration:underline;text-underline-offset:5px;cursor:pointer;padding:8px 2px}
.mh-note{margin:22px 0 0;font-size:14px;color:rgba(245,239,226,.66);max-width:56ch}

/* ---------- how we know ---------- */
.mh-ply{position:relative;background:linear-gradient(rgba(240,224,194,.5),rgba(240,224,194,.5)),var(--ply) url('/assets/refonte/board.webp') 70% 30%/190% auto;color:var(--ink)}
.mh-paper{background:var(--paper);color:var(--ink)}
.mh-how{padding:clamp(100px,17vh,200px) var(--pad) clamp(80px,14vh,160px);background:#1b160f;color:var(--paper)}
.mh-how .mh-h2{color:var(--paper)}
.mh-illus{margin-top:30px;max-width:60ch;font-weight:500}
.mh-wrap{max-width:1500px;margin:0 auto}
.mh-h2{font:700 clamp(40px,6.4vw,104px)/.96 var(--serif);letter-spacing:-.022em;margin:0 0 clamp(36px,7vh,80px);max-width:15ch;color:var(--burn)}
.mh-labels{display:grid;gap:0;margin:0;padding:0;list-style:none}
.mh-label{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(18px,4vw,70px);align-items:baseline;padding:clamp(22px,4vh,40px) 0;border-top:1px solid rgba(236,214,172,.28)}
.mh-label:last-child{border-bottom:1px solid rgba(236,214,172,.28)}
.mh-label h3{margin:0;font:700 clamp(30px,3.6vw,58px)/1 var(--serif);letter-spacing:-.015em}
.mh-stamp{display:inline-block;padding:.16em .36em .2em;border:.075em solid currentColor;border-radius:.12em;box-shadow:inset 0 0 0 .05em #1b160f,inset 0 0 0 .085em currentColor;transform:rotate(-2.2deg);filter:url(#mh-stamp)}
.mh-label-operator .mh-stamp{color:#b5c48f}
.mh-label-researched .mh-stamp{color:var(--amber-hot);transform:rotate(1.6deg)}
.mh-label-editorial .mh-stamp{color:var(--paper);transform:rotate(-1deg)}
.mh-label h3 .mat{width:auto}
.mh-label p{margin:0;font-size:clamp(17px,1.3vw,20px);max-width:50ch;color:rgba(245,239,226,.88)}
.mh-label p+p{margin-top:.8em}
.mh-count{font:600 16px/1.45 var(--ui)}
.mh-count b{font-size:1.45em}

/* ---------- the three processes: lateral bands ---------- */
.mh-proc{padding:clamp(90px,14vh,160px) 0 clamp(80px,13vh,150px)}
.mh-proc .mh-h2{padding:0 var(--pad);max-width:20ch}
.mh-band{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:var(--pad);padding:0 var(--pad) 26px;scrollbar-color:var(--amber) transparent}
.mh-panel{flex:0 0 min(46vw,720px);scroll-snap-align:start;background:none;display:flex;flex-direction:column;border-left:2px solid rgba(58,32,12,.28);padding-top:6px}
.mh-panel:first-child{border-left:0}
.mh-panel figure{margin:0 clamp(18px,2.4vw,40px);aspect-ratio:3/2;overflow:hidden;position:relative;border-radius:4px;box-shadow:0 0 0 3px #2b1809,0 0 0 4.5px rgba(255,238,206,.5),0 12px 26px rgba(40,22,6,.35)}
.mh-panel img{width:100%;height:100%;object-fit:cover;display:block}
.mh-panel-b{padding:clamp(20px,2.4vw,34px);display:flex;flex-direction:column;gap:12px;flex:1}
.mh-panel h3{margin:0 0 clamp(22px,3.4vh,34px);padding:0 clamp(18px,2.4vw,40px);font:700 clamp(36px,3.9vw,62px)/.88 var(--serif);letter-spacing:-.02em;color:var(--burn)}
.mh-panel h3 .mat-burn{filter:url(#mh-burn);text-shadow:0 0 .05em rgba(70,34,8,.5)}
.mh-panel p{margin:0;color:#2c2216}
.mh-panel .k{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5f3004;margin-top:6px}
.mh-panel .go{margin-top:auto;padding-top:10px;font:700 16px var(--ui);text-decoration:underline;text-underline-offset:5px;color:var(--ink)}
@media (min-width:1000px){.mh-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0}.mh-panel{flex:none}.mh-panel-b{padding-inline:clamp(18px,2.4vw,40px)}}
@media (max-width:760px){.mh-panel{flex-basis:84vw}}

/* ---------- faq ---------- */
.mh-faq{padding:clamp(90px,15vh,170px) var(--pad)}
.mh-faq{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,30vw,500px);padding:0;position:relative;background:#1b160f;color:var(--paper)}
.mh-faq .mh-h2{color:var(--paper)}
.mh-faq-main{padding:clamp(90px,15vh,170px) var(--pad);max-width:1100px}
.mh-faq-img{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));align-self:start}
.mh-faq-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%}
@media (max-width:900px){.mh-faq{display:block}.mh-faq-img{position:relative;height:60vw}}
.mh-faq details{border-top:1px solid rgba(236,214,172,.28)}
.mh-faq details:last-child{border-bottom:1px solid rgba(236,214,172,.28)}
.mh-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:24px 0;font:600 clamp(22px,2.4vw,36px)/1.15 var(--serif);letter-spacing:-.01em}
.mh-faq summary::-webkit-details-marker{display:none}
.mh-faq summary::after{content:"+";font:500 30px/1 var(--mono);color:var(--amber-hot);flex:none}
.mh-faq details[open] summary::after{content:"\2212"}
.mh-faq .a{padding:0 0 28px;max-width:62ch;font-size:clamp(17px,1.3vw,20px);color:rgba(245,239,226,.86)}

/* ---------- close: the pre-cut tab ---------- */
.mh-close{position:relative;background:#0f0c08 url('/assets/refonte/bench.webp') center/cover;padding:clamp(100px,16vh,180px) var(--pad);overflow:hidden}
.mh-close::before{content:"";position:absolute;inset:0;background:rgba(15,12,8,.72)}
.mh-plate{position:relative;background:linear-gradient(rgba(240,224,194,.45),rgba(240,224,194,.45)),var(--ply) url('/assets/refonte/board.webp') 20% 70%/170% auto;color:var(--ink);border-radius:18px;padding:clamp(28px,5vw,80px);box-shadow:0 6px 0 var(--ply-lo),0 40px 70px rgba(0,0,0,.55);overflow:hidden}
.mh-jim{position:absolute;right:clamp(10px,3vw,60px);bottom:-14px;width:clamp(150px,18vw,280px);height:auto;mix-blend-mode:multiply;filter:grayscale(1) contrast(1.35) sepia(1) saturate(1.4) brightness(.62);opacity:.88}
@media (max-width:900px){.mh-jim{position:relative;display:block;margin:24px 0 -20px auto;right:auto;bottom:auto;width:46vw}}
.mh-close .mh-h2{max-width:12ch}
.mh-close-row{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(24px,5vw,80px)}
.mh-tab-slot.big{}
.mh-tab-slot.big .btn{font-size:clamp(20px,2vw,30px);padding:26px 38px}
.mh-door{max-width:40ch;font-size:clamp(17px,1.3vw,20px)}
.mh-door a{font-weight:600;text-underline-offset:5px}

/* ---------- footer on the offcut ---------- */
.mh-foot{background:var(--bench);color:var(--paper);padding:clamp(60px,10vh,110px) var(--pad) 40px;position:relative}
.mh-foot-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px}
.mh-foot .mh-brand{display:inline-block;margin-bottom:14px;font-size:30px}
.mh-foot p{margin:0 0 10px;max-width:52ch;color:rgba(245,239,226,.82)}
.mh-foot nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;align-content:start}
.mh-foot nav a{font:500 14px var(--mono);letter-spacing:.06em;text-decoration:none;padding:6px 0;border-bottom:1px solid rgba(245,239,226,.14)}
.mh-foot nav a:hover{text-decoration:underline}
.mh-disc{font-size:14px !important}

/* ---------- mobile ---------- */
@media (max-width:900px){
  .mh-hero{background-image:url('/assets/refonte/board-m.webp');background-position:center top}
  .mh-hero::before{background-image:inherit}
  .mh-h1{font-size:var(--fs-m,16vw)}
  .mh-hero{display:block;min-height:0;padding-bottom:clamp(130px,34vw,190px)}
  .mh-foot-row{flex-direction:column;align-items:flex-start;gap:20px;margin-top:clamp(28px,6vh,64px)}
  .mh-sub{max-width:30ch;order:-1}
  .mh-chips{inset:auto 0 0 0;mask-image:none;-webkit-mask-image:none;height:clamp(120px,32vw,180px);opacity:.8}
  .mh-pick-grid{grid-template-columns:1fr}
  .mh-side{position:static;order:2}
  .mh-slots{grid-template-columns:1fr 1fr}
  .mh-lead{display:none}
  .mh-slot{min-height:64px;padding:12px 14px}
  .mh-slot em{font-size:15px}
  .mh-slot.is-set{transform:rotate(-.6deg)}
  .mh-label{grid-template-columns:1fr;gap:12px}
  .mh-foot-grid{grid-template-columns:1fr}
  .mh-pick{min-height:0}
  .mh .btn{padding:18px 22px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mh *,.mh *::before,.mh *::after{animation:none !important;transition:none !important}
}
@media print{.mh-nav{display:none}}

/* ---------- brand mascot, printed and taped on the sheet ---------- */
.mh-sticker{position:absolute;margin:0;width:clamp(170px,19vw,300px);padding:10px 10px 14px;background:#f9f4ea;border-radius:4px;box-shadow:0 14px 28px rgba(40,22,6,.38),0 1px 0 rgba(255,255,255,.7) inset;transform:rotate(var(--r,3deg));z-index:2}
.mh-sticker img{display:block;width:100%;height:auto;border-radius:2px}
.mh-sticker::before{content:"";position:absolute;left:50%;top:-14px;width:84px;height:26px;transform:translateX(-50%) rotate(-3deg);background:rgba(232,148,74,.82);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.mh-faq .mh-wrap,.mh-close .mh-wrap{position:relative}
@media (max-width:900px){.mh-sticker{position:relative;margin:34px 0 0 auto;right:auto !important;top:auto !important;width:min(52vw,230px)}}
.mh-vside{display:grid;gap:14px}
.mh-vphoto{margin:0;border-radius:10px;overflow:hidden;box-shadow:0 8px 0 var(--ply-lo),0 18px 36px rgba(40,22,6,.35)}
.mh-vphoto img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.mh-vslots .mh-slot{background:rgba(255,255,255,.35);box-shadow:none;transform:none;min-height:0;padding:12px 16px}
.mh-vslots .mh-slot.is-set{background:rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(58,32,12,.25)}
@media (max-width:900px){.mh-verdict{grid-template-columns:1fr}}
.mh-vword [data-vw="p3d"]{font-size:.6em;margin-bottom:.15em}
.mh-panel .mat-cut .mat-svg{filter:brightness(.7) contrast(1.25)}
.mh-panel .mat-cut .kerf{stroke-width:.018em}
@media (min-width:1000px){.mh-band{padding:0 var(--pad);gap:clamp(28px,3vw,52px)}.mh-panel{border-left:0}.mh-panel h3,.mh-panel-b{padding-inline:0}.mh-panel figure{margin:0}}
.mat-defs{position:absolute;width:0;height:0;overflow:hidden}
.mh-door{color:#1f1108;font-weight:500}
@media (max-width:900px){.mh-tab-slot.big .btn{padding:18px 22px;font-size:19px}}
@media (max-width:360px){.mh .btn{white-space:normal;padding:16px 18px}}

/* ---------- Studio family: the plywood cabinet (reference comp: div-studio/d2) ---------- */
.mh-studio{background:#1b160f}
.st-in{max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.st-h1{margin:0;font:700 clamp(46px,6.4vw,104px)/.95 var(--serif);letter-spacing:-.025em;color:#2a160a;text-shadow:0 0 .05em rgba(70,34,8,.45),0 0 .14em rgba(90,46,12,.2);max-width:15ch;text-wrap:balance}
.st-h2{margin:0 0 clamp(26px,4vh,44px);font:700 clamp(34px,4.6vw,72px)/.98 var(--serif);letter-spacing:-.02em;max-width:18ch;text-wrap:balance}
.st-kicker{margin:0 0 18px;font:600 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7a3f06}
.st-kicker a{color:inherit;text-underline-offset:4px}
.st-sub{margin:22px 0 0;max-width:58ch;font:500 clamp(18px,1.5vw,22px)/1.5 var(--ui);color:#2c1809}
.st-cab{position:relative;background:linear-gradient(rgba(240,224,194,.42),rgba(240,224,194,.42)),var(--ply) url('/assets/refonte/board.webp') 30% 40%/150% auto;color:var(--ink);padding:calc(var(--nav-h) + clamp(40px,7vh,90px)) 0 clamp(50px,8vh,96px);box-shadow:inset 0 -14px 0 -8px rgba(80,48,18,.25)}
.st-cab::before,.st-cab::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f1d9a2,#a07a3c 60%,#6d4f20);box-shadow:0 1px 1px rgba(0,0,0,.4);top:calc(var(--nav-h) + 16px)}
.st-cab::before{left:18px}.st-cab::after{right:18px}
.st-wins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);max-width:1180px;margin:clamp(36px,6vh,64px) auto 0;padding:0 var(--pad)}
.st-wins.one{grid-template-columns:minmax(0,760px);justify-content:start}
.st-win{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink);margin:0}
.st-hole{position:relative;display:block;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#1b160f;box-shadow:inset 0 0 0 3px #2b1809,inset 0 10px 22px rgba(0,0,0,.55),0 0 0 4.5px rgba(255,238,206,.55);perspective:1200px}
.st-hole img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;border-radius:3px;filter:saturate(.95)}
.st-door{position:absolute;inset:0;transform-origin:0 50%;transform:rotateY(-62deg);background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0) 30%),var(--ply) url('/assets/refonte/board.webp') 60% 50%/300% auto;box-shadow:inset 0 0 0 2px #8d6a38,6px 0 18px rgba(0,0,0,.45);border-radius:3px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.st-door::after{content:"";position:absolute;right:12%;top:46%;width:10px;height:26px;border-radius:5px;background:linear-gradient(#e7c98b,#9d773a);box-shadow:0 1px 2px rgba(0,0,0,.5)}
.st-win:hover .st-door,.st-win:focus-visible .st-door,.st-win.is-open .st-door{transform:rotateY(-104deg)}
.st-plate{display:block;padding:14px 18px 15px;border-radius:4px;background:linear-gradient(180deg,#e9cf92,#c9a25a 55%,#b28844);box-shadow:inset 0 1px 0 rgba(255,250,230,.7),inset 0 -1px 0 rgba(90,60,20,.5),0 2px 4px rgba(40,22,6,.35);color:#2a1a08}
.st-plate b{display:block;font:600 13px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.st-plate>span{display:block;margin-top:6px;font:600 17px/1.35 var(--ui)}
.st-open{align-self:flex-start;display:inline-flex;gap:10px;background:var(--amber);color:var(--ink);font:700 17px/1 var(--ui);padding:15px 20px;border-radius:10px;box-shadow:0 0 0 3px #2b1809,0 0 0 4.5px rgba(255,238,206,.5)}
.st-win:hover .st-open{background:var(--amber-hot)}
.st-note{max-width:1180px;margin:22px auto 0;padding:0 var(--pad);font:500 14px/1.5 var(--mono);color:#4a3520}
.st-cta{margin:30px 0 0;display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center}
.st-cta .btn{box-shadow:0 0 0 3px #2b1809,0 0 0 4.5px rgba(255,238,206,.5)}
.st-txt{color:var(--ink);font:600 16px var(--ui);text-underline-offset:5px;text-decoration-color:var(--amber)}
.st-one .st-in{display:block}
@media (min-width:1000px){.st-one{display:grid;grid-template-columns:minmax(var(--pad),1fr) minmax(0,600px) minmax(0,600px) minmax(var(--pad),1fr);align-items:center;column-gap:clamp(28px,4vw,64px)}.st-one .st-in{grid-column:2;padding:0;margin:0;max-width:none}.st-one .st-wins.one{grid-column:3;margin:0;padding:0;grid-template-columns:1fr}.st-one .st-note{grid-column:2/4;margin:24px 0 0;padding:0}}
/* the quote sheet on the bench */
.st-bench{background:#0f0c08 url('/assets/refonte/bench.webp') center/cover;position:relative;padding:clamp(80px,13vh,150px) 0}
.st-bench::before{content:"";position:absolute;inset:0;background:rgba(15,12,8,.6)}
.st-sheet{position:relative;max-width:1000px;margin:0 auto;background:#f7f2e6;color:var(--ink);padding:clamp(28px,4.5vw,64px);border-radius:4px;transform:rotate(-.6deg);box-shadow:0 30px 60px rgba(0,0,0,.55),0 2px 0 #d9cdb3}
.st-sheet::before{content:"";position:absolute;top:-10px;left:50%;width:120px;height:22px;transform:translateX(-50%);border-radius:4px;background:linear-gradient(#b9bec2,#8e9499);box-shadow:0 2px 3px rgba(0,0,0,.4)}
.st-cols{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);border-top:2px solid var(--ink);padding-top:22px}
.st-col-h{margin:0;font:600 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7a3f06}
.st-col-s{margin:8px 0 14px;font:600 clamp(22px,2vw,28px)/1.2 var(--serif)}
.st-col ul{margin:0;padding:0;list-style:none}
.st-col li{padding:12px 0;border-bottom:1px dashed rgba(38,34,26,.3);font-size:17px}
.st-stamp{position:absolute;right:2%;bottom:-6%;margin:0;padding:.35em .7em;font:700 clamp(22px,2.4vw,34px)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#b3261e;border:4px solid currentColor;border-radius:6px;transform:rotate(-9deg);opacity:.86;mix-blend-mode:multiply}
.st-sheet-foot{margin:34px 0 0;font:500 15px/1.5 var(--mono);color:#4a3520}
/* gates, truth, price */
.st-gates,.st-truth,.st-price{background:#f3ecdc;color:var(--ink);padding:clamp(80px,12vh,140px) 0}
.st-truth{background:#ece2cc}
.st-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.st-steps li{position:relative;padding:22px clamp(14px,2vw,28px) 0 0;display:grid;gap:8px}
.st-steps li+li{padding-left:clamp(14px,2vw,28px);border-left:1px solid rgba(38,34,26,.25)}
.st-steps .n{font:600 13px/1 var(--mono);letter-spacing:.14em;color:#7a3f06}
.st-steps b{font:600 clamp(24px,2.2vw,30px)/1.15 var(--serif)}
.st-steps li>span:last-child{font-size:17px;max-width:34ch}
.st-truth-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 48px}
.st-truth-list li{display:grid;gap:6px;padding-top:16px;border-top:1px solid rgba(38,34,26,.3)}
.st-truth-list b{font:600 24px/1.2 var(--serif)}
.st-tiers{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.st-tiers li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,7fr);gap:18px 28px;align-items:baseline;padding:22px 0;border-bottom:1px solid rgba(38,34,26,.22)}
.st-tiers b{font:600 clamp(22px,2vw,28px)/1.2 var(--serif)}
.st-tiers .p{font:700 clamp(24px,2.3vw,34px)/1 var(--ui);color:#7a3f06}
.st-tiers .t{font-size:17px}
.st-tiers .lead .p{color:#b3261e}
.st-zero{margin:26px 0 0;font:500 16px/1.5 var(--ui)}
.st-zero span{display:inline-block;margin-right:10px;padding:.25em .55em;font:700 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#b3261e;border:2px solid currentColor;border-radius:4px;transform:rotate(-3deg)}
.st-ladder{margin:14px 0 0;font-size:16px}
.st-ladder a,.st-truth a{color:var(--ink);text-decoration-color:var(--amber);text-underline-offset:4px}
/* brief form on the bench */
.st-brief{background:#1b160f;color:var(--paper);padding:clamp(80px,12vh,140px) 0}
.st-brief .st-sub{color:rgba(245,239,226,.85);margin:0 0 30px}
.st-brief .form{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;max-width:900px}
.st-brief .field{display:grid}
.st-brief .field.full{grid-column:1/-1}
.st-brief label{font:600 13px/1.4 var(--mono);letter-spacing:.06em;color:#e8d9bb;display:grid;gap:8px}
.st-brief input:not([type=checkbox]):not([type=hidden]),.st-brief select,.st-brief textarea{font:400 17px/1.4 var(--ui);color:var(--ink);background:#f7f2e6;border:0;border-radius:8px;padding:14px 16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.st-brief .consent{display:flex;gap:12px;align-items:flex-start}
.st-brief .consent label{font:400 15px/1.5 var(--ui);letter-spacing:0;color:rgba(245,239,226,.9)}
.st-brief .consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--amber)}
.st-brief button.btn{justify-self:start}
.st-brief [role=status]{margin:10px 0 0;font:500 15px var(--ui);color:#e8d9bb}
.st-brief :focus-visible{outline-color:var(--paper)}
/* FAQ, close */
.st-faq{background:#1b160f;color:var(--paper);padding:clamp(80px,12vh,140px) 0;border-top:1px solid rgba(236,214,172,.15)}
.st-faq details{border-top:1px solid rgba(236,214,172,.28)}
.st-faq details:last-child{border-bottom:1px solid rgba(236,214,172,.28)}
.st-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:22px 0;font:600 clamp(21px,2.1vw,30px)/1.2 var(--serif)}
.st-faq summary::-webkit-details-marker{display:none}
.st-faq summary::after{content:"+";font:500 28px/1 var(--mono);color:var(--amber-hot);flex:none}
.st-faq details[open] summary::after{content:"\2212"}
.st-faq .a p{margin:0 0 24px;max-width:66ch;font-size:18px;color:rgba(245,239,226,.86)}
.st-close .st-h2{max-width:20ch}
.st-wins.small .st-hole{aspect-ratio:16/9}
@media (max-width:900px){
  .st-wins{grid-template-columns:1fr}
  .st-cols{grid-template-columns:1fr}
  .st-stamp{position:static;display:inline-block;margin-top:18px}
  .st-steps{grid-template-columns:1fr}
  .st-steps li+li{padding-left:0;border-left:0;border-top:1px solid rgba(38,34,26,.25);margin-top:18px}
  .st-truth-list{grid-template-columns:1fr}
  .st-tiers li{grid-template-columns:1fr}
  .st-brief .form{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.st-door{transition:none}}
/* Studio O2: quote bill, illustrated steps with the client's yes, brief on plywood */
.mh-studio:not(.mh-offer) .st-hero{padding-top:calc(var(--nav-h) + clamp(22px,4vh,46px))}
.mh-studio:not(.mh-offer) .st-hero .st-h1{font-size:clamp(40px,4.8vw,78px)}
.mh-studio:not(.mh-offer) .st-hero .st-sub{margin-top:16px}
.mh-studio:not(.mh-offer) .st-hero .st-wins{margin-top:clamp(22px,3.6vh,40px)}
.st-hero .st-hole{aspect-ratio:16/10}
.st-cap{margin-top:12px;font:500 13px/1.5 var(--mono);color:#4a3520}
.st-bill{max-width:780px;margin:0;transform:rotate(-.5deg)}
.st-bill-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0;border-bottom:1px dashed rgba(38,34,26,.3)}
.st-bill-row>span{font:600 clamp(20px,1.8vw,24px)/1.2 var(--serif)}
.st-bill-row b{font:700 clamp(24px,2.4vw,34px)/1 var(--ui);color:#7a3f06;text-align:right}
.st-bill .st-col-h{margin-bottom:6px}
.st-bill-t{margin:18px 0 0;max-width:56ch;font-size:16px;line-height:1.55;color:#4a3520}
.st-bill .st-stamp{right:4%;bottom:auto;top:40%}
.st-more{margin:44px 0 12px}
.st-gates.has-img .st-steps li{padding-top:0;border-top:0}
.st-gates.has-img .st-steps{border-top:0;gap:clamp(18px,2.6vw,36px)}
.st-gates.has-img .st-steps li+li{padding-left:0;border-left:0}
.st-gates.has-img .st-steps img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px;box-shadow:0 0 0 3px #2b1809,0 0 0 4.5px rgba(255,238,206,.55),0 14px 28px rgba(40,22,6,.22);margin-bottom:14px}
.st-yes{position:absolute;top:calc((100% - 120px) * .35);right:calc(-1 * clamp(9px,1.3vw,18px));transform:translate(50%,-50%) rotate(-6deg);z-index:2;background:var(--amber);color:var(--ink);font:700 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:9px 11px;border-radius:6px;box-shadow:0 0 0 3px #2b1809,0 0 0 4.5px rgba(255,238,206,.55);white-space:nowrap}
.st-yes::before{content:"\2713  "}
.st-brief.st-cab{padding:clamp(80px,12vh,140px) 0;color:var(--ink);background-color:var(--ply)}
.st-brief.st-cab::before,.st-brief.st-cab::after{top:16px}
.st-brief.st-cab .st-sub{color:#2c1809}
.st-brief.st-cab label{color:#3a2414}
.st-brief.st-cab .consent label{color:#2c1809}
.st-brief.st-cab [role=status]{color:#2c1809}
.st-brief.st-cab input:not([type=checkbox]):not([type=hidden]),.st-brief.st-cab select,.st-brief.st-cab textarea{background:#fffaf0;box-shadow:inset 0 0 0 1px rgba(38,34,26,.35),0 1px 0 rgba(255,255,255,.6)}
.st-brief.st-cab :focus-visible{outline-color:var(--amber-hot)}
.st-brief.st-cab button.btn{box-shadow:0 0 0 3px #2b1809,0 0 0 4.5px rgba(255,238,206,.5)}
@media (max-width:900px){.st-yes{position:static;display:inline-block;transform:rotate(-3deg);margin-top:12px;justify-self:start}.st-bill .st-stamp{position:static;display:inline-block;margin-top:16px}}
.st-bill .st-stamp{top:auto;bottom:12%;right:5%}
.mh-studio .mh-nav:not(.is-solid){background:rgba(236,218,184,.94);box-shadow:0 1px 0 rgba(80,48,18,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.st-bill .st-stamp{bottom:-20px;right:-16px;font-size:clamp(18px,1.8vw,26px)}
.st-bill-row b{font-size:clamp(20px,1.7vw,24px);font-family:var(--serif);font-weight:600}
.st-bill-row:first-of-type b{font:800 clamp(34px,3.4vw,52px)/1 var(--ui);color:#7a3f06}
.st-bill .st-stamp{bottom:auto;top:50%;right:5%;transform:rotate(-9deg)}
.st-bill-t{max-width:44ch}
@media (min-width:901px){.st-tiers li{grid-template-columns:minmax(0,4fr) minmax(max-content,3fr) minmax(0,7fr)}.st-tiers .p{white-space:nowrap}}
.st-price{padding-bottom:clamp(48px,7vh,80px)}
.st-price+.st-gates{padding-top:clamp(40px,6vh,72px)}
.st-from{margin:16px 0 0;font:500 15px/1.45 var(--ui);color:#2c1809}
.st-from b{font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7a3f06;margin-right:6px}
@media (max-width:900px){.st-bill .st-stamp{position:static;display:inline-block;margin-top:16px}}
.st-bill .st-stamp{top:auto;bottom:16%;right:6%}
@media (min-width:1000px){.st-from{display:none}}
.st-win.is-open .st-door{display:none}
@media (max-width:900px),(hover:none){.st-door{display:none}}
.st-hole{contain:paint}
.st-kicker{color:#4f2503}
.st-note,.st-cap{color:#2e1e0c}
.st-kicker{color:#3a1b02}
/* Dispatch newsletter band (frozen markup from the legacy pages) */
.mh .js-only{display:none}.js .mh .js-only,html.js .js-only{display:flex}
.js .no-js-link{display:none}
.mh .dispatch-band{background:#211c13;color:var(--paper);padding:clamp(64px,10vh,110px) 0;border-top:1px solid rgba(236,214,172,.15)}
.mh .dispatch-band .wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.mh .dispatch-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end}
.mh .dispatch-band .eyebrow{margin:0 0 12px;font:600 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber-hot)}
.mh .dispatch-band .display-heading{color:var(--paper)}
.mh .dispatch-band p{color:rgba(245,239,226,.82)}
.mh .dispatch-form h3{margin:0 0 14px;font:600 24px/1.2 var(--serif);color:var(--paper)}
.mh .dispatch-form .inline-form{gap:10px;flex-wrap:wrap;align-items:center}
.mh .dispatch-form input[type=email]{flex:1 1 220px;font:400 17px/1.4 var(--ui);color:var(--ink);background:#f7f2e6;border:0;border-radius:8px;padding:14px 16px}
.mh .dispatch-form .btn{padding:15px 22px;font-size:17px}
.mh .dispatch-form [role=status]{flex-basis:100%;margin:6px 0 0;font-size:15px}
.mh .dispatch-note{font:500 13px/1.5 var(--mono)}
.mh .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:900px){.mh .dispatch-grid{grid-template-columns:1fr}}
/* impeccable detect pass (07/10) */
.mh-opt b{color:#3d4329}
.mh .dispatch-band .eyebrow{font-size:12px}
.mh .dispatch-form input[type=email]::placeholder{color:#5f574a}