/* ZiaState · SMM "products" module. Every rule is scoped under .smm (no global selectors). */
.smm{--smm-cr:#F5EAC9;--smm-k:#070606;--smm-r:#CB0637;--smm-w:#6E0A1E;--smm-mute:rgba(245,234,201,.62);--smm-line:rgba(245,234,201,.18);
 --smm-gut:clamp(16px,4.2vw,72px);--smm-top:clamp(112px,15vh,150px);
 --smm-disp:"Unbounded",system-ui,sans-serif;--smm-body:"Inter Tight",system-ui,sans-serif;--smm-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--smm-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
 position:relative;display:block;background:#000;color:var(--smm-cr);font-family:var(--smm-body);-webkit-font-smoothing:antialiased;overflow-x:clip;isolation:isolate}
.smm *,.smm *:before,.smm *:after{box-sizing:border-box}
.smm h2,.smm h3,.smm p,.smm ul,.smm li,.smm figure{margin:0;padding:0}
.smm ul{list-style:none}
:where(.smm) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.smm a{color:inherit;-webkit-tap-highlight-color:transparent}
.smm i.smm-it-i,.smm .smm-h i{font-family:var(--smm-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;text-transform:none;color:var(--smm-r)}

/* ---------------------------------------------------------------- stage */
.smm-track{position:relative}
.smm-pin{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;background:#000;contain:layout paint} /* large viewport: no black band when Safari's toolbar collapses */
.smm-bg{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 78% at var(--gx,50%) var(--gy,42%),var(--c1,#000) 0%,var(--c2,#000) 48%,var(--c3,#000) 100%)}
.smm-glow{position:absolute;left:50%;bottom:-24vh;width:120vw;height:46vh;transform:translateX(-50%);z-index:1;pointer-events:none;opacity:0;
 background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(203,6,55,.55),rgba(203,6,55,.12) 45%,rgba(0,0,0,0) 72%)}
.smm-giant{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}
.smm-giant-w{font:900 clamp(40px,10.4vw,190px)/.84 var(--smm-disp);letter-spacing:-.045em;text-transform:uppercase;text-align:center;color:var(--smm-cr);opacity:0;
 transform:scaleY(1.55);will-change:opacity,filter,transform;white-space:nowrap}
.smm-giant-w.smm-two{font-size:clamp(40px,12vw,220px)}
.smm-cbig{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.smm-cbig span{position:absolute;font:italic 400 clamp(300px,52vw,820px)/1 var(--smm-serif);color:rgba(245,234,201,.07);opacity:0;transform:translateY(4%);will-change:opacity,transform}
.smm-fogs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.smm-fogb{z-index:3}.smm-fogf{z-index:5}
.smm-fog{position:absolute;left:0;top:0;width:70vmax;height:70vmax;background-size:100% 100%;opacity:0;mix-blend-mode:screen;will-change:transform,opacity}
.smm-gl{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:4}
.smm-vig{position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse 85% 80% at 50% 48%,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%)}
.smm-ui{position:absolute;inset:0;bottom:calc(100lvh - 100svh);z-index:7;pointer-events:none} /* copy stays clear of the expanded toolbar */
.smm-dark{position:absolute;inset:0;z-index:6;background:#000;pointer-events:none;opacity:1}
.smm-grain{position:absolute;inset:-50%;z-index:9;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-size:220px 220px;animation:smm-grain 1.2s steps(6) infinite}
@keyframes smm-grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.smm-load{position:absolute;left:50%;top:50%;width:120px;height:1px;margin-left:-60px;background:rgba(245,234,201,.14);z-index:10;overflow:hidden;transition:opacity .6s}
.smm-load i{position:absolute;inset:0;background:var(--smm-r);transform-origin:0 50%;animation:smm-load 1.4s cubic-bezier(.6,0,.2,1) infinite}
@keyframes smm-load{0%{transform:scaleX(0)}60%{transform:scaleX(1);transform-origin:0 50%}61%{transform-origin:100% 50%}100%{transform:scaleX(0);transform-origin:100% 50%}}
.smm.smm-ready .smm-load{opacity:0}

/* ---------------------------------------------------------------- shared type */
.smm-tag{display:inline-flex;align-items:center;gap:9px;font:500 12px/1 var(--smm-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smm-mute)}
.smm-tag:before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--smm-r);box-shadow:0 0 10px 2px rgba(203,6,55,.6)}
.smm-tag-r{background:var(--smm-cr);color:#16070b;padding:7px 10px 6px 9px}
.smm-tag-r:before{box-shadow:none}
.smm-h{font:800 clamp(30px,3.7vw,64px)/.98 var(--smm-disp);letter-spacing:-.035em;text-transform:uppercase;color:var(--smm-cr)}
.smm-h i{font-size:1.12em;line-height:.8;text-transform:none}
.smm-h .smm-ln{display:block;overflow:hidden;padding:.16em 0 .1em;margin:-.16em 0 -.1em}
.smm-h .smm-ln>span{display:block;transform:translateY(140%);transition:transform 1s cubic-bezier(.2,.75,.1,1)}
.smm-h .smm-ln:nth-child(2)>span{transition-delay:.08s}.smm-h .smm-ln:nth-child(3)>span{transition-delay:.16s}
.smm-blk p,.smm-lab p{font:400 clamp(15px,1.12vw,17px)/1.55 var(--smm-body);color:var(--smm-mute);max-width:36ch}
.smm-blk{position:absolute;opacity:0;will-change:opacity}
.smm-blk>.smm-tag,.smm-blk>p{opacity:0;transform:translateY(12px);transition:opacity .8s ease .2s,transform 1s cubic-bezier(.2,.7,.1,1) .2s}
.smm-blk.is-on>.smm-h .smm-ln>span{transform:none}
.smm-blk.is-on>.smm-tag,.smm-blk.is-on>p{opacity:1;transform:none}
.smm-blk .smm-h{margin:18px 0 18px}

/* chapter indicator */
.smm-chap{position:absolute;left:var(--smm-gut);bottom:18px;display:flex;align-items:baseline;gap:8px;font:500 12px/1 var(--smm-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smm-mute);opacity:0;transition:opacity .5s}
.smm-chap b{font:500 15px/1 var(--smm-disp);color:var(--smm-cr);letter-spacing:0}
.smm-chap i{font-style:normal;opacity:.5}
.smm-chap span{margin-left:10px;display:inline-block;min-width:16ch}
.smm-prog{position:absolute;right:var(--smm-gut);bottom:23px;width:min(220px,20vw);height:1px;background:rgba(245,234,201,.16);opacity:0;transition:opacity .5s}
.smm-prog i{position:absolute;inset:0;background:var(--smm-cr);transform-origin:0 50%;transform:scaleX(0)}
.smm-hint{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);font:500 12px/1 var(--smm-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--smm-mute);opacity:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.smm-hint:after{content:"";width:1px;height:38px;background:linear-gradient(var(--smm-cr),rgba(245,234,201,0));animation:smm-drop 2s cubic-bezier(.6,0,.2,1) infinite;transform-origin:50% 0}
@keyframes smm-drop{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:50% 0}51%{transform-origin:50% 100%}100%{transform:scaleY(0);transform-origin:50% 100%}}

/* ---------------------------------------------------------------- ENERGY */
.smm-e-intro{opacity:1;left:50%;top:38%;transform:translate(-50%,-50%);width:min(90vw,900px);text-align:center}
.smm-e-intro .smm-h{font-size:clamp(40px,6vw,108px);line-height:.9}
.smm-e-intro p{margin:0 auto}
.smm-e-name{left:50%;bottom:clamp(24px,4.2vh,46px);transform:translateX(-50%);width:min(92vw,720px);text-align:center}
.smm-roll{position:relative;height:clamp(38px,4.4vw,72px);overflow:hidden}
.smm-roll span{position:absolute;left:0;right:0;top:0;font:800 clamp(34px,4.2vw,68px)/1 var(--smm-disp);letter-spacing:-.035em;text-transform:uppercase;color:var(--smm-cr);transform:translateY(125%);transition:transform .9s cubic-bezier(.2,.75,.1,1)}
.smm-roll span.is-up{transform:translateY(-125%)}
.smm-roll span.is-on{transform:none}
.smm-e-ln{position:relative;height:3.2em;margin-top:10px}
.smm-blk .smm-e-ln p{position:absolute;left:0;right:0;margin:0 auto;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.1,1);max-width:42ch}
.smm-blk .smm-e-ln p.is-on{opacity:1;transform:none;transition-delay:.15s}
.smm-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:6px}
.smm-dots{display:flex;justify-content:center;gap:8px}
.smm-dots i{width:22px;height:2px;background:rgba(245,234,201,.2);transition:background .5s}
.smm-dots i.is-on{background:var(--smm-r)}
.smm-arr{position:relative;flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:rgba(8,8,10,.74);border:1px solid rgba(245,234,201,.34);box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);
 display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s,background .3s,transform .3s}
.smm-arr svg{width:18px;height:18px;stroke:var(--smm-cr);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.smm-arr.is-live{pointer-events:auto}
.smm-arr:active{transform:scale(.94)}
@media (hover:hover){.smm-arr:hover{background:rgba(203,6,55,.9);border-color:rgba(203,6,55,1)}}

.smm-e-det{left:var(--smm-gut);top:50%;transform:translateY(-50%);width:min(40vw,560px)}
.smm-e-det .smm-h{font-size:clamp(54px,7.6vw,140px);line-height:.86}
.smm-icons{right:var(--smm-gut);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}
.smm-ic{width:48px;height:48px;border-radius:50%;border:1px solid rgba(245,234,201,.28);display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:background .45s,border-color .45s,transform .45s cubic-bezier(.2,.7,.1,1)}
.smm-ic svg{width:20px;height:20px;fill:none;stroke:var(--smm-cr);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .45s}
.smm-ic.is-on{background:var(--smm-cr);border-color:var(--smm-cr);transform:scale(1.08)}
.smm-ic.is-on svg{stroke:#1a0409}
.smm-ic.is-done{border-color:rgba(245,234,201,.55)}
.smm-e-ing{left:var(--smm-gut);top:50%;transform:translateY(-50%);width:min(34vw,470px);height:340px}
.smm-it{position:absolute;left:0;top:0;right:0}
.smm-it .smm-tag,.smm-it p{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.1,1)}
.smm-it .smm-h{font-size:clamp(34px,4.1vw,70px);line-height:.92}
.smm-it .smm-h .smm-ln>span{transition-duration:.8s}
.smm-it.is-on .smm-tag,.smm-it.is-on p{opacity:1;transform:none;transition-delay:.18s}
.smm-it.is-on .smm-h .smm-ln>span{transform:none}
.smm-it.is-up .smm-h .smm-ln>span{transform:translateY(-140%)}
.smm-e-zero{left:var(--smm-gut);top:50%;transform:translateY(-50%);width:min(40vw,560px)}
.smm-e-zero ul{margin:22px 0 22px}
.smm-e-zero li{font:800 clamp(26px,3.1vw,52px)/1.04 var(--smm-disp);letter-spacing:-.035em;text-transform:uppercase;padding:.16em 0;border-bottom:1px solid var(--smm-line);overflow:hidden}
.smm-e-zero li span{display:block;transform:translateY(130%);transition:transform .9s cubic-bezier(.2,.75,.1,1)}
.smm-e-zero li:nth-child(2) span{transition-delay:.1s}.smm-e-zero li:nth-child(3) span{transition-delay:.2s}
.smm-e-zero.is-on li span{transform:none}
.smm-e-zero li.is-hot{color:var(--smm-cr)}
.smm-e-zero li:not(.is-hot){color:rgba(245,234,201,.42);transition:color .4s}
.smm-e-gp{left:50%;bottom:clamp(30px,8vh,80px);transform:translateX(-50%);text-align:center;width:min(90vw,560px)}
.smm-e-gp p{margin:0 auto;color:var(--smm-cr)}
.smm-e-line{left:var(--smm-gut);top:var(--smm-top);width:min(42vw,600px)}
.smm-lnames{position:absolute;inset:0}
.smm-ln-n{position:absolute;left:0;top:0;font:500 12px/1 var(--smm-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smm-cr);white-space:nowrap;opacity:0;display:flex;align-items:center;gap:8px}
.smm-ln-n:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px rgba(245,234,201,.55)}

/* ---------------------------------------------------------------- COMBO */
.smm-b-hero{left:var(--smm-gut);top:50%;transform:translateY(-50%);width:min(38vw,540px)}
.smm-b-hero .smm-h{font-size:clamp(38px,5vw,88px);line-height:.92}
.smm-labs{position:absolute;inset:0}
.smm-lab{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity}
.smm-lead{position:absolute;left:0;top:0;height:1px;background:rgba(245,234,201,.55);transform-origin:0 50%;font-style:normal}
.smm-lead b{position:absolute;left:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--smm-cr);box-shadow:0 0 0 4px rgba(245,234,201,.14)}
.smm-lab-t{position:absolute;left:0;top:0;transform:translateY(-50%);width:min(24vw,330px)}
.smm-lab-t .smm-mono{display:block;font:500 12px/1 var(--smm-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smm-mute)}
.smm-lab-t strong{display:block;font:800 clamp(20px,1.9vw,32px)/1 var(--smm-disp);letter-spacing:-.03em;text-transform:uppercase;margin:8px 0 6px;color:var(--smm-cr)}
.smm-lab-t p{font-size:clamp(13px,.98vw,15px);line-height:1.45;max-width:30ch}
.smm-lab.is-dim .smm-lab-t{opacity:.42;transition:opacity .5s}
.smm-b-box{left:var(--smm-gut);top:var(--smm-top);width:min(36vw,500px)}
.smm-b-box .smm-h{font-size:clamp(34px,4vw,70px);line-height:.94}

/* ---------------------------------------------------------------- KOFE */
.smm-c-txt{left:var(--smm-gut);top:50%;transform:translateY(-50%);width:min(34vw,470px)}
.smm-c-items{position:relative;height:190px;margin-top:6px}
.smm-ci{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.1,1)}
.smm-ci.is-on{opacity:1;transform:none;transition-delay:.1s}
.smm-ci .smm-mono{font:500 12px/1 var(--smm-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smm-r)}
.smm-ci strong{display:block;font:700 clamp(19px,1.6vw,26px)/1.2 var(--smm-disp);letter-spacing:-.02em;margin:10px 0 10px;color:var(--smm-cr)}
.smm-ci p{opacity:1;transform:none}
.smm-c-pills{display:flex;gap:10px;margin-top:6px}
.smm-pill{min-width:52px;height:48px;padding:0 16px;border-radius:24px;border:1px solid rgba(245,234,201,.42);background:rgba(12,9,7,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:600 15px/1 var(--smm-disp);display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:background .4s,color .4s,border-color .4s}
.smm-pill.is-on{background:var(--smm-cr);color:#1a0d07;border-color:var(--smm-cr)}
.smm-c-note{margin-top:18px !important;font-size:13px !important;font-family:var(--smm-mono) !important;letter-spacing:.06em}

/* ---------------------------------------------------------------- EAU DE BRAND */
.smm-p-txt{left:var(--smm-gut);top:var(--smm-top);width:min(34vw,470px)}
.smm-p-txt .smm-h{font-size:clamp(40px,5.4vw,96px);line-height:.9}
.smm-p-pyr{left:0;top:0;right:0;bottom:0}
.smm-p-pyr svg{position:absolute;left:39%;top:31%;width:clamp(240px,21vw,330px);height:auto;overflow:visible;will-change:filter}
.smm-p-pyr polygon{fill:rgba(245,234,201,.04);stroke:rgba(245,234,201,.55);stroke-width:1;transition:fill .6s,stroke .6s;vector-effect:non-scaling-stroke}
.smm-p-pyr polygon.is-on{fill:rgba(245,234,201,.24);stroke:var(--smm-cr)}
.smm-p-pyr path{fill:none;stroke:rgba(245,234,201,.35);stroke-width:1;vector-effect:non-scaling-stroke}
.smm-p-pyr text{font:500 22px var(--smm-mono);letter-spacing:.08em;fill:rgba(245,234,201,.6);transition:fill .6s}
.smm-p-pyr text.is-on{fill:var(--smm-cr)}
.smm-p-notes{position:absolute;left:var(--smm-gut);top:54%;width:min(30vw,440px);height:220px}
.smm-p-sub{display:none}
.smm-pn{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.1,1)}
.smm-pn.is-on{opacity:1;transform:none;transition-delay:.1s}
.smm-pn .smm-mono{font:500 12px/1 var(--smm-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smm-r)}
.smm-pn strong{display:block;font:800 clamp(22px,2.2vw,38px)/1 var(--smm-disp);letter-spacing:-.03em;text-transform:uppercase;margin:12px 0 12px;color:var(--smm-cr)}
.smm-pn p{opacity:1;transform:none}
.smm-p-end{left:40%;bottom:clamp(26px,7vh,70px);transform:translateX(-50%);text-align:center;width:min(52vw,600px)}
.smm-p-end p{margin:0 auto;max-width:none;font:italic 400 clamp(24px,2.3vw,38px)/1.15 var(--smm-serif);color:var(--smm-cr)}

/* ---------------------------------------------------------------- FAQ */
.smm-faq{position:relative;background:#000;padding:clamp(110px,16vh,180px) var(--smm-gut) clamp(90px,14vh,160px)}
.smm-faq-h{position:relative;text-align:center;margin-bottom:clamp(40px,7vh,80px)}
.smm-faq-h .smm-tag{justify-content:center}
.smm-faq-t{position:relative;display:block;margin-top:22px;font:800 clamp(44px,8.6vw,150px)/.86 var(--smm-disp);letter-spacing:-.045em;text-transform:uppercase;color:var(--smm-cr)}
.smm-faq-t span{display:block}
.smm-faq-t .smm-echo{position:absolute;left:0;right:0;top:0;color:transparent;-webkit-text-stroke:1px rgba(245,234,201,.28);pointer-events:none}
.smm-faq-l{max-width:900px;margin:0 auto;border-top:1px solid var(--smm-line)}
.smm-fq{border-bottom:1px solid var(--smm-line)}
.smm-fq-q{width:100%;min-height:72px;display:flex;align-items:center;gap:18px;text-align:left;padding:18px 0}
.smm-fq-q b{font:500 12px/1 var(--smm-mono);letter-spacing:.12em;color:var(--smm-r);flex:0 0 auto;width:30px}
.smm-fq-q span{flex:1 1 auto;font:500 clamp(18px,1.6vw,24px)/1.25 var(--smm-body);letter-spacing:-.01em}
.smm-fq-q i{position:relative;flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid rgba(245,234,201,.25);transition:transform .5s cubic-bezier(.2,.7,.1,1),background .4s}
.smm-fq-q i:before,.smm-fq-q i:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;margin:-.75px 0 0 -7px;background:var(--smm-cr);transition:transform .5s cubic-bezier(.2,.7,.1,1)}
.smm-fq-q i:after{transform:rotate(90deg)}
.smm-fq.is-open .smm-fq-q i{transform:rotate(180deg);background:rgba(245,234,201,.08)}
.smm-fq.is-open .smm-fq-q i:after{transform:rotate(0)}
.smm-fq-a{height:0;overflow:hidden}
.smm-fq-a p{padding:0 62px 26px 48px;font:400 clamp(15px,1.15vw,18px)/1.6 var(--smm-body);color:var(--smm-mute);max-width:64ch}
@media (hover:hover){.smm-fq-q:hover span{color:#fff}}

/* ---------------------------------------------------------------- RECEIPT */
.smm-end{position:relative;background:#000}
.smm-end-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(ellipse 60% 70% at 64% 40%,#1d1012 0%,#0a0607 50%,#000 100%)}
.smm-end-l{position:absolute;left:var(--smm-gut);top:50%;transform:translateY(-50%);width:min(44vw,640px);opacity:0;transition:opacity .8s}
.smm-end-l .smm-h{font-size:clamp(36px,4.2vw,80px);line-height:.9;margin:18px 0 18px}
.smm-end-l p{font:400 clamp(15px,1.12vw,17px)/1.55 var(--smm-body);color:var(--smm-mute);max-width:36ch}
.smm-end-l.is-on{opacity:1}
.smm-end-l.is-on .smm-h .smm-ln>span{transform:none}
.smm-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.smm-btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 24px;border-radius:30px;font:600 15px/1 var(--smm-body);letter-spacing:.01em;text-decoration:none;transition:background .35s,color .35s,transform .35s}
.smm-btn svg{width:18px;height:18px;flex:0 0 auto}
.smm-btn-r{background:var(--smm-r);color:#fff}
.smm-btn-o{border:1px solid rgba(245,234,201,.32);color:var(--smm-cr)}
@media (hover:hover){.smm-btn-r:hover{background:#e2083f}.smm-btn-o:hover{background:rgba(245,234,201,.08)}}
.smm-printer{position:absolute;left:var(--smm-rx,62%);top:calc(var(--smm-top) - 26px);width:calc(var(--smm-rw,380px) + 56px);height:30px;transform:translateX(-50%);border-radius:10px 10px 6px 6px;
 background:linear-gradient(#2a2527,#121011);box-shadow:0 10px 30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);z-index:3}
.smm-printer:after{content:"";position:absolute;left:22px;right:22px;bottom:7px;height:4px;border-radius:2px;background:#030303;box-shadow:inset 0 1px 2px rgba(0,0,0,.9)}
.smm-printer i{position:absolute;right:16px;top:9px;width:6px;height:6px;border-radius:50%;background:#2bd46f;box-shadow:0 0 8px #2bd46f}
.smm-rc-clip{position:absolute;left:var(--smm-rx,62%);top:calc(var(--smm-top) - 2px);width:var(--smm-rw,380px);transform:translateX(-50%);height:calc(100% - var(--smm-top) + 2px);overflow:hidden;z-index:2}
.smm-rc-wrap{position:relative;transform-origin:50% 0;will-change:transform}
.smm-rc{position:relative;width:var(--smm-rw,380px);color:#1b1613;font:400 13px/1.45 var(--smm-mono);padding:30px 26px 34px;
 background-color:#f6f0e2;background-image:var(--smm-paper);
 -webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 9px) no-repeat,conic-gradient(from -45deg at 50% 100%,#000 90deg,transparent 0) bottom/12px 9px repeat-x;
 mask:linear-gradient(#000,#000) top/100% calc(100% - 9px) no-repeat,conic-gradient(from -45deg at 50% 100%,#000 90deg,transparent 0) bottom/12px 9px repeat-x;
 filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.smm-rc-logo{display:block;width:150px;height:auto;margin:4px auto 10px}
.smm-rc-t{text-align:center;font:700 14px/1.2 var(--smm-mono);letter-spacing:.3em;text-transform:uppercase}
.smm-rc-meta{display:flex;justify-content:space-between;margin-top:14px;font-size:12px;color:#5c524b}
.smm-rc hr{border:0;border-top:1.5px dashed #b9ad9a;margin:14px 0}
.smm-rc-row{display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:6px 0;opacity:0;transform:translateY(-4px);transition:opacity .4s,transform .5s}
.smm-rc-row.is-on{opacity:1;transform:none}
.smm-rc-row b{font-weight:700;font-size:13px;letter-spacing:.02em}
.smm-rc-row small{grid-column:1;font-size:12px;color:#6d6158}
.smm-rc-row em{grid-row:1;grid-column:2;font-style:normal;font-size:12px;color:#3b332d}
.smm-rc-tot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:700 14px/1.3 var(--smm-mono);text-transform:uppercase;letter-spacing:.06em}
.smm-rc-tot span:last-child{text-align:right;color:var(--smm-r);text-transform:none;letter-spacing:0;font-size:14px}
.smm-rc-qr{display:flex;align-items:center;gap:16px;margin-top:4px;text-decoration:none;color:inherit;min-height:44px}
.smm-rc-qr svg{width:112px;height:112px;flex:0 0 auto;display:block}
.smm-rc-qr span{font-size:12px;line-height:1.5;color:#3b332d}
.smm-rc-qr span b{display:block;font-size:13px;color:#1b1613}
.smm-rc-ph{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:6px;font:700 15px/1 var(--smm-mono);letter-spacing:.04em;color:#1b1613;text-decoration:none}
.smm-rc-ph small{font:400 12px/1 var(--smm-mono);color:#6d6158;letter-spacing:.06em}
.smm-rc-ty{text-align:center;font-size:12px;color:#4a413a;margin-top:10px}
.smm-rc-bar{height:34px;margin:14px auto 0;width:78%;background:repeating-linear-gradient(90deg,#1b1613 0 2px,transparent 2px 4px,#1b1613 4px 5px,transparent 5px 8px,#1b1613 8px 11px,transparent 11px 12px)}
.smm-stamp{position:absolute;left:50%;top:var(--smm-sy,64%);width:190px;height:190px;margin:-95px 0 0 -95px;opacity:0;pointer-events:none;z-index:4;mix-blend-mode:multiply}
.smm-stamp svg{width:100%;height:100%;display:block}
.smm-end-cta-m{display:none}
.smm-foot{position:relative;background:#000;border-top:1px solid var(--smm-line);padding:28px var(--smm-gut) calc(28px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font:500 12px/1.4 var(--smm-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--smm-mute)}
.smm-foot a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid transparent}
@media (hover:hover){.smm-foot a:hover{color:var(--smm-cr)}}

/* ---------------------------------------------------------------- phone / portrait */
@media (max-aspect-ratio:9/10),(max-width:760px){
 .smm{--smm-gut:18px;--smm-top:104px}
 .smm-chap{display:none}
 .smm-blk p,.smm-lab p{font-size:14px;line-height:1.5}
 .smm-blk .smm-h{margin:12px 0 12px}
 .smm-e-intro{width:auto;left:var(--smm-gut);right:var(--smm-gut);top:32%;transform:translateY(-50%)}
 .smm-e-intro .smm-h{font-size:clamp(34px,10.4vw,50px)}
 .smm-e-name{bottom:clamp(22px,4.5vh,40px)}
 .smm-roll{height:clamp(36px,10vw,48px)}
 .smm-roll span{font-size:clamp(32px,9.6vw,46px)}
 .smm-e-ln{height:4.6em}
 .smm-nav{gap:16px;margin-top:2px}
 .smm-e-det,.smm-e-zero{top:auto;bottom:clamp(26px,5vh,48px);transform:none;width:auto;right:var(--smm-gut)}
 .smm-e-det .smm-h{font-size:clamp(46px,14vw,64px)}
 .smm-icons{right:8px;top:26%;transform:none;flex-direction:column;gap:6px}
 .smm-ic{width:44px;height:44px}
 .smm-ic svg{width:18px;height:18px}
 .smm-e-ing{top:auto;bottom:clamp(22px,4vh,40px);transform:none;width:auto;right:var(--smm-gut);height:200px}
 .smm-it .smm-h{font-size:clamp(26px,7.6vw,36px)}
 .smm-it .smm-h,.smm-e-zero .smm-h{margin:10px 0 8px}
 .smm-e-zero ul{margin:14px 0 14px}
 .smm-e-zero li{font-size:clamp(20px,6.2vw,28px)}
 .smm-e-line{width:auto;right:var(--smm-gut)}
 .smm-giant{align-items:flex-start;padding-top:24vh}
 .smm-b-hero{top:auto;bottom:clamp(24px,5vh,48px);transform:none;width:auto;right:var(--smm-gut)}
 .smm-b-hero .smm-h{font-size:clamp(32px,9.6vw,46px)}
 .smm-lab-t{width:calc(50vw - 34px)}
 .smm-lab-t strong{font-size:clamp(14px,4.3vw,18px);margin:6px 0 4px;overflow-wrap:anywhere}
 .smm-lab-t p{font-size:12px;line-height:1.38}
 .smm-lab.is-dim .smm-lab-t p{display:none}
 .smm-vig{background:radial-gradient(ellipse 90% 70% at 50% 40%,rgba(0,0,0,0) 50%,rgba(0,0,0,.45) 100%),linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0) 48%)}
 .smm-lab-t .smm-mono{font-size:12px;letter-spacing:.1em}
 .smm-b-box{width:auto;right:var(--smm-gut);top:auto;bottom:clamp(24px,5vh,48px)}
 .smm-b-box .smm-h{font-size:clamp(28px,8.4vw,40px)}
 .smm-c-txt{top:auto;bottom:clamp(20px,4vh,40px);transform:none;width:auto;right:var(--smm-gut)}
 .smm-c-txt .smm-h{display:none}
 .smm-c-items{height:150px}
 .smm-ci strong{font-size:17px;margin:8px 0 6px}
 .smm-c-note{margin-top:10px !important}
 .smm-p-txt{width:auto;right:var(--smm-gut)}
 .smm-p-txt .smm-h{font-size:clamp(34px,10vw,48px)}
 .smm-p-txt p{display:none}
 .smm-p-pyr svg{left:var(--smm-gut);top:27%;width:min(56vw,230px)}
 .smm-p-pyr text{font-size:26px;letter-spacing:.04em}
 .smm-p-notes{left:var(--smm-gut);right:var(--smm-gut);top:auto;bottom:clamp(22px,4vh,40px);width:auto;height:150px}
 .smm-p-sub{display:block;left:var(--smm-gut);right:var(--smm-gut);bottom:clamp(30px,6vh,56px)}
 .smm-p-sub p{font-size:15px !important;color:var(--smm-cr) !important;max-width:30ch}
 .smm-pn strong{font-size:clamp(20px,6vw,26px);margin:8px 0 8px}
 .smm-p-end{left:50%;width:min(90vw,600px);bottom:auto;top:calc(var(--smm-top) + 4px)}
 .smm-p-end p{font-size:24px}
 .smm-faq-t{margin-top:30px}
 .smm-stamp{width:140px;height:140px;margin:-70px 0 0 -70px}
 .smm-fq-q{min-height:64px;gap:12px}
 .smm-fq-q b{width:24px}
 .smm-fq-a p{padding:0 8px 22px 36px}
 .smm-end-l{display:none}
 .smm-rc{font-size:13px;padding:26px 20px 30px}
 .smm-rc-meta,.smm-rc-row small,.smm-rc-row em,.smm-rc-qr span,.smm-rc-ty,.smm-rc-ph small{font-size:12px}
 .smm-rc-qr svg{width:104px;height:104px}
 .smm-end-cta-m{display:block;position:relative;background:#000;padding:56px var(--smm-gut) 64px}
 .smm-end-cta-m .smm-h{font-size:clamp(30px,8.6vw,44px);line-height:.92;margin:16px 0 14px}
 .smm-end-cta-m p{font-size:14px;line-height:1.55;color:var(--smm-mute);max-width:36ch}
 .smm-end-cta-m .smm-h .smm-ln>span{transform:none}
 .smm-btn{flex:1 1 auto;justify-content:center}
 .smm-hint{bottom:22px}
}
@media (prefers-reduced-motion:reduce){
 .smm-grain{animation:none}
 .smm-h .smm-ln>span,.smm-roll span,.smm-it .smm-tag,.smm-it p{transition-duration:.01s !important}
}