/* ============================================================
   Ergo Snob — design system C ("the maison")
   Espresso ground · Fraunces display · Manrope body · JetBrains Mono labels
   Amber #d9905f accent · sharp rectangles · 1px hairlines · 2px grid gaps
   ============================================================ */
:root{
  --bg:#0f0d0b; --bg2:#15120f; --panel:#171411; --panel-deep:#0b0a08;
  --line:#2a251f; --line-sand:#c8bfb1;
  --cream:#ece6dc; --body:#e6dfd3; --muted:#bdb3a5; --faint:#b3a898;
  --amber:#d9905f; --amber-deep:#7d4424;
  --sand:#e9e2d6; --sand-ink:#1a1612; --lightpanel:#f6f2ea;
  --serif:'Fraunces',serif; --sans:'Manrope',sans-serif; --mono:'JetBrains Mono',monospace;
}
html,body{margin:0;background:var(--bg);color:var(--cream);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{font-family:var(--sans);font-weight:400;overflow-x:hidden}
a{color:var(--cream);text-decoration:none}a:hover{color:var(--amber)}
img{max-width:100%}
input,textarea,select{font:inherit}
::selection{background:var(--amber);color:var(--bg)}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0}
em{font-style:italic}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:16px;z-index:999;background:var(--amber);color:var(--bg);padding:10px 16px}

/* ---------- chrome ---------- */
.chdr{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(20px,4vw,56px);background:transparent;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background .4s,border-color .4s}
.chdr.tint{background:rgba(15,13,11,.85);border-bottom-color:var(--line)}
.chdr .wm{display:flex;align-items:center;gap:14px}
.chdr .wm span{font-family:var(--serif);font-size:19px;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap}
.chdr nav{display:flex;gap:clamp(12px,1.8vw,32px);font-size:13px;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;flex-wrap:wrap;justify-content:center}
.chdr nav a.cur{color:var(--amber)}
.chdr .tools{display:flex;gap:12px;align-items:center}
.cartlink{font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:12px 20px;border:1px solid var(--amber);color:var(--amber);white-space:nowrap;flex-shrink:0;transition:background .25s,color .25s}
.cartlink:hover{background:var(--amber);color:var(--bg)}
.nav-toggle{display:none}
@media(max-width:860px){
  .chdr{flex-wrap:wrap;row-gap:10px;padding:14px 20px}
  .chdr nav{order:3;width:100%;justify-content:flex-start;gap:16px;font-size:12px}
}

.cfoot{padding:72px clamp(20px,4vw,56px) 40px;border-top:1px solid var(--line);background:var(--panel-deep);color:#e9e2d7}
.cfoot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:40px;margin-bottom:64px;font-size:16px}
.cfoot .brand{display:grid;gap:12px;align-content:start;grid-column:span 2;min-width:0}
.cfoot .brand .bwm{font-family:var(--serif);font-size:20px;letter-spacing:.22em;text-transform:uppercase;color:var(--cream)}
.cfoot .brand .tg{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.cfoot .brand .ln{max-width:30em;line-height:1.7}
.cfoot .col{display:grid;gap:10px;align-content:start}
.cfoot .col b{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);margin-bottom:4px;font-weight:400}
.cfoot .col a{color:#e9e2d7}
.cfoot .ghost{font-family:var(--serif);font-size:clamp(40px,11vw,210px);line-height:.85;letter-spacing:.02em;color:#6b6155;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.cfoot .bar{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--body)}
.cfoot .bar a{color:var(--body)}
.strip{background:var(--panel-deep);border-top:1px solid var(--line);color:var(--body);text-align:center;padding:16px clamp(20px,4vw,56px);font-size:14px}
.strip a{font-weight:600;text-decoration:underline;color:var(--cream)}

/* ---------- primitives ---------- */
.lbl{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}
.lbl--sand{color:var(--amber-deep)}
.mono{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.ulink{font-size:14px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--amber);padding-bottom:6px;display:inline-block}
.cta-fill{display:inline-block;font-size:14px;letter-spacing:.16em;text-transform:uppercase;padding:18px 30px;background:var(--amber);color:var(--bg);font-weight:500;border:none;cursor:pointer;transition:background .25s,color .25s}
.cta-fill:hover{background:var(--cream);color:var(--bg)}
.cta-line2{display:inline-block;font-size:14px;letter-spacing:.16em;text-transform:uppercase;padding:18px 30px;border:1px solid rgba(236,230,220,.35);transition:border-color .25s;cursor:pointer;background:none;color:var(--cream)}
.cta-line2:hover{border-color:var(--cream);color:var(--cream)}
.csec{padding:clamp(80px,10vw,150px) clamp(20px,4vw,56px);max-width:1440px;margin:0 auto}
.csec--flush{padding-top:0}
.sechead{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:56px}
.sechead h2,.h-display{font-size:clamp(40px,5vw,76px);line-height:1}
.sechead .lbl{display:block;margin-bottom:20px}
.h-accent{color:#b3a898}
.gridwrap{display:grid;gap:2px;background:var(--line);border:1px solid var(--line)}
.crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--amber)}

/* ---------- marquee ---------- */
.cmarq{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:26px 0}
.cmarq .track{display:flex;width:max-content;animation:marq 40s linear infinite;gap:72px;font-family:var(--serif);font-size:26px;font-style:italic;color:var(--muted);white-space:nowrap;padding-right:72px}
.cmarq .track span{display:flex;gap:72px;align-items:center}
.cmarq .dia{width:6px;height:6px;background:var(--amber);transform:rotate(45deg);display:inline-block}
@media(prefers-reduced-motion:reduce){.cmarq .track{animation:none}}

/* ---------- hero ---------- */
.chero{position:relative;min-height:max(92vh,640px);display:grid;align-items:end;padding-top:140px;overflow:hidden;background:var(--bg2)}
.chero .room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.14) brightness(.92) contrast(1.04);transform:scale(1);transform-origin:63% 70%;transition:transform 10s ease-out}
.chero .chair{position:absolute;left:66%;bottom:5.8%;height:66%;transform:translateX(-50%) scale(1);transform-origin:50% 100%;transition:transform 10s ease-out;filter:sepia(.14) brightness(.95) drop-shadow(-18px 8px 22px rgba(20,12,6,.3))}
.chero .sh1{position:absolute;left:66%;bottom:5.4%;width:22%;height:4.4%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(20,14,8,.6),rgba(20,14,8,0))}
.chero .sh2{position:absolute;left:66%;bottom:6%;width:40%;height:6%;transform:translateX(-62%) skewX(-38deg);border-radius:50%;background:radial-gradient(closest-side,rgba(30,20,10,.38),rgba(30,20,10,0));filter:blur(8px)}
.chero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,13,11,.65) 0%,rgba(15,13,11,0) 22%),linear-gradient(0deg,#0f0d0b 0%,rgba(15,13,11,.2) 9%,rgba(15,13,11,0) 20%),linear-gradient(90deg,rgba(15,13,11,.82) 0%,rgba(15,13,11,.5) 32%,rgba(15,13,11,0) 52%)}
.chero .inner{position:relative;padding:0 clamp(20px,4vw,56px) clamp(48px,8vh,96px);display:grid;gap:28px;max-width:min(680px,56vw);animation:rise 1s cubic-bezier(.2,.7,.2,1)}
.chero h1{font-size:clamp(48px,7.2vw,120px);line-height:.94;letter-spacing:-.02em;text-wrap:balance}
.chero h1 em{color:var(--amber)}
.chero .sub{font-size:19px;line-height:1.7;color:#e9e2d7;margin:0;max-width:420px;text-wrap:pretty}
.chero .lbl{font-size:14px}
.chero .ctas{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:760px){.chero .inner{max-width:none}.chero .chair{left:72%;height:44%;bottom:30%}.chero .sh1,.chero .sh2{display:none}}

/* page hero (interior pages) */
.phead{padding:clamp(150px,18vh,200px) clamp(20px,4vw,56px) clamp(40px,5vw,72px);max-width:1440px;margin:0 auto;display:grid;gap:22px}
.phead h1{font-size:clamp(44px,6vw,92px);line-height:.96}
.phead h1 em{color:var(--amber)}
.phead .sub{font-size:18px;line-height:1.7;color:var(--body);max-width:46em;margin:0}

/* ---------- statement ---------- */
.cstmt{padding:clamp(96px,14vw,200px) clamp(20px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:56px;max-width:1440px;margin:0 auto}
.cstmt p{grid-column:span 2;font-family:var(--serif);font-size:clamp(28px,3.6vw,52px);line-height:1.22;margin:0;text-wrap:pretty;min-width:0}

/* ---------- collection cards ---------- */
.colgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:2px;background:var(--line);border:1px solid var(--line)}
.colcard{position:relative;display:block;background:var(--bg);aspect-ratio:3/4;overflow:hidden;color:var(--cream)}
.colcard .csh{position:absolute;left:50%;bottom:33%;width:70%;height:7%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),rgba(0,0,0,0))}
.colcard .cimg{position:absolute;left:14%;right:14%;top:12%;bottom:34%;background-repeat:no-repeat;background-position:center bottom;background-size:contain;filter:sepia(.2) brightness(.82);transform-origin:50% 100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .8s}
.colcard:hover .cimg{transform:scale(1.06);filter:sepia(.2) brightness(1)}
.colcard .ctop{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:13px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}
.colcard .cbot{position:absolute;left:24px;right:24px;bottom:24px;display:grid;gap:10px}
.colcard .cnm{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.colcard .cnm b{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1}
.colcard .cnm .pr{font-family:var(--mono);font-size:14px;color:var(--body);white-space:nowrap}
.colcard .cnm .pr s{color:#8d8475;font-size:12px}
.colcard .cdesc{font-size:15px;color:var(--body);line-height:1.6;opacity:0;max-height:0;overflow:hidden;transition:all .6s}
.colcard:hover .cdesc{opacity:1;max-height:90px}
.colcard .cline{height:1px;background:var(--amber);width:32px;transition:width .8s cubic-bezier(.2,.7,.2,1)}
.colcard:hover .cline{width:100%}
.colcard .plate{position:absolute;inset:0;display:grid;place-items:center}
.colcard .plate .pin{display:grid;place-items:center;gap:12px;text-align:center}
.colcard .plate .pnm{font-family:var(--serif);font-size:24px;color:var(--muted)}

/* ---------- tile cards (workstation etc.) ---------- */
.tilegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2px;background:var(--line);border:1px solid var(--line)}
.tile{display:grid;grid-template-rows:auto 1fr;background:var(--bg);color:var(--cream)}
.tile .tmedia{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:var(--bg2);overflow:hidden}
.tile .tmedia .pin{display:grid;place-items:center;gap:12px;text-align:center}
.tile .tmedia .pnm{font-family:var(--serif);font-size:24px;color:var(--muted)}
.tile .tmedia .photo{position:absolute;inset:0;background-color:var(--lightpanel);background-repeat:no-repeat;background-position:center;background-size:contain}
.tile .tbody{padding:32px 28px 36px;display:grid;gap:16px;align-content:start}
.tile .trow{display:flex;justify-content:space-between;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.tile .trow .n{color:var(--amber)}.tile .trow .p{color:var(--body)}
.tile h3{font-size:clamp(26px,2.6vw,32px);line-height:1.05}
.tile .tdesc{font-size:16px;line-height:1.7;color:var(--body)}
.tile .ulink{justify-self:start;margin-top:6px}

/* ---------- sand band (accordion / seal / editorial) ---------- */
.sand{background:var(--sand);color:var(--sand-ink)}
.sand h2{color:var(--sand-ink)}
.sand .inner2{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:64px;padding:clamp(80px,10vw,150px) clamp(20px,4vw,56px)}
.lightbox{position:relative;background:var(--lightpanel);overflow:hidden}
.lightbox .obj{position:absolute;inset:7%;background-repeat:no-repeat;background-position:center;background-size:contain;mix-blend-mode:multiply}
.lightbox .cap{position:absolute;left:20px;bottom:18px;font-family:var(--mono);font-size:13px;letter-spacing:.15em;color:var(--amber-deep);text-transform:uppercase}
.acc-row{all:unset;cursor:pointer;display:grid;grid-template-columns:56px 1fr auto;gap:20px;align-items:baseline;padding:34px 0;border-top:1px solid var(--line-sand);width:100%}
.acc-row .anum{font-family:var(--mono);font-size:13px;color:var(--amber-deep)}
.acc-row .anm{font-family:var(--serif);font-size:clamp(28px,3.2vw,46px);line-height:1;color:var(--sand-ink)}
.acc-row.on .anm{font-style:italic;color:var(--amber-deep)}
.acc-row .adesc{font-size:17px;line-height:1.7;color:#2a241f;max-height:0;overflow:hidden;transition:max-height .6s}
.acc-row.on .adesc{max-height:140px}
.acc-row .asign{font-size:22px;color:var(--amber-deep)}
.acc-body{display:grid;gap:14px}

/* ---------- forms ---------- */
.cform{display:grid;gap:8px}
.cform .fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px 32px}
.cform label{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid #3a332b}
.cform label span{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.cform input,.cform textarea,.cform select{all:unset;font-size:18px;color:var(--cream);line-height:1.5}
.cform select{appearance:none;-webkit-appearance:none;cursor:pointer}
.cform select option{color:#1a1612}
.tchip{all:unset;cursor:pointer;font-size:16px;padding:10px 18px;border:1px solid #3a332b;color:var(--body);background:transparent;transition:all .3s}
.tchip.on{border-color:var(--amber);color:var(--bg);background:var(--amber)}
.submit-btn{all:unset;cursor:pointer;margin-top:28px;justify-self:start;font-size:14px;letter-spacing:.16em;text-transform:uppercase;padding:20px 40px;background:var(--amber);color:var(--bg);font-weight:500;transition:background .25s}
.submit-btn:hover{background:var(--cream)}

/* ---------- PDP ---------- */
.pdpwrap{max-width:1440px;margin:0 auto;padding:clamp(130px,16vh,170px) clamp(20px,4vw,56px) clamp(60px,7vw,100px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
@media(max-width:960px){.pdpwrap{grid-template-columns:1fr}}
.gal .stage{position:relative;aspect-ratio:4/4.4;background:var(--lightpanel);overflow:hidden}
.gal .stage .obj{position:absolute;inset:6%;background-repeat:no-repeat;background-position:center;background-size:contain;mix-blend-mode:multiply}
.gal .stage .plate{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg2)}
.gal .stage .plate .pin{display:grid;place-items:center;gap:14px;text-align:center}
.gal .stage .plate .pnm{font-family:var(--serif);font-size:34px;color:var(--muted)}
.gal .thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.gal .thumbs button{all:unset;cursor:pointer;width:72px;height:72px;background:var(--lightpanel);overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 2px transparent}
.gal .thumbs button.on{box-shadow:inset 0 0 0 2px var(--amber)}
.gal .thumbs button span{width:84%;height:84%;background-repeat:no-repeat;background-position:center;background-size:contain;mix-blend-mode:multiply;display:block}
.buy{display:grid;gap:20px;align-content:start}
.buy .cat{font-family:var(--mono);font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.buy h1{font-size:clamp(44px,5vw,76px);line-height:.96}
.buy .tagline{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}
.buy .fit{font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--faint);text-transform:uppercase;line-height:1.8}
.buy .lede{font-size:17px;line-height:1.7;color:var(--body);margin:0}
.buy .lede strong{color:var(--cream);font-weight:600}
.buy .price{display:flex;align-items:baseline;gap:14px}
.buy .price .amount{font-family:var(--serif);font-size:44px}
.buy .price .was{font-family:var(--mono);font-size:16px;color:#8d8475;text-decoration:line-through}
.buy .price .from{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.buy .sku{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:#8d8475;text-transform:uppercase}
.variants{display:grid;gap:8px}
.variants .vlbl{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.variant{all:unset;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:16px 18px;border:1px solid #3a332b;transition:border-color .25s}
.variant.is-active{border-color:var(--amber)}
.variant .v-name{font-weight:600;font-size:15px;color:var(--cream)}
.variant .v-desc{font-size:13px;color:var(--faint);display:block;margin-top:4px;line-height:1.5}
.variant .v-price{font-family:var(--mono);font-size:14px;color:var(--body);white-space:nowrap}
.qtybuy{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.qty{display:inline-flex;border:1px solid #3a332b}
.qty button{all:unset;cursor:pointer;width:46px;display:grid;place-items:center;color:var(--cream);font-size:18px}
.qty input{all:unset;width:44px;text-align:center;color:var(--cream);font-family:var(--mono)}
.qty input::-webkit-inner-spin-button{display:none}
.bbtn-add{flex:1;min-width:200px;text-align:center}
.shipnote{font-size:14px;line-height:1.7;color:var(--faint);border-top:1px solid var(--line);padding-top:16px}
.shipnote b{color:var(--body);font-weight:600}
.chiprow{display:flex;gap:8px;flex-wrap:wrap}
.chiprow span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--body);border:1px solid #3a332b;padding:8px 13px}
.stockline{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;font-size:14px;color:var(--body)}
.stockline .pill{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);padding:6px 12px}

/* PDP story bands */
.pband2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:2px;background:var(--line);border:1px solid var(--line)}
.pband2 .media{position:relative;min-height:420px;background:var(--lightpanel);overflow:hidden}
.pband2 .media .obj{position:absolute;inset:8%;background-repeat:no-repeat;background-position:center;background-size:contain;mix-blend-mode:multiply}
.pband2 .copy{background:var(--panel);padding:clamp(36px,4vw,64px);display:grid;gap:20px;align-content:center}
.pband2 .copy h3{font-size:clamp(30px,3vw,44px);line-height:1.05}
.pband2 .copy h3 em{color:var(--amber)}
.pband2 .copy p{margin:0;font-size:16.5px;line-height:1.75;color:var(--body)}
.featrows{display:grid}
.featrows .fr{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line);font-size:16.5px;line-height:1.55;color:var(--body)}
.featrows .fr .n{font-family:var(--mono);font-size:12px;color:var(--amber);padding-top:4px}

/* specs */
.specgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:0 56px}
.specgrid .r{display:grid;grid-template-columns:minmax(130px,38%) 1fr;gap:18px;padding:15px 0;border-top:1px solid var(--line);font-size:15px}
.specgrid .k{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding-top:2px}
.specgrid .v{color:var(--body);line-height:1.6}
.dls{display:flex;gap:10px;flex-wrap:wrap}
.dls a{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--body);border:1px solid #3a332b;padding:12px 16px;transition:border-color .25s}
.dls a:hover{border-color:var(--amber);color:var(--amber)}

/* FAQ (dark accordion) */
.dacc{display:grid}
.dacc details{border-top:1px solid var(--line)}
.dacc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding:24px 0;font-family:var(--serif);font-size:clamp(19px,1.8vw,24px);color:var(--cream)}
.dacc summary::-webkit-details-marker{display:none}
.dacc summary:after{content:"+";font-size:22px;color:var(--amber)}
.dacc details[open] summary:after{content:"\2212"}
.dacc .a{padding:0 0 26px;font-size:16px;line-height:1.75;color:var(--body);max-width:68em}

/* seal band */
.sealband{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.sealband img{width:120px;height:120px}
.sealband .txt{max-width:44em;font-size:16px;line-height:1.7;color:#2a241f}
.sealband .tm{display:block;margin-top:8px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-deep)}

/* mobile buy bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;background:rgba(15,13,11,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:12px 18px;align-items:center;justify-content:space-between;gap:14px}
.mbar .nm{display:grid}
.mbar .nm b{font-family:var(--serif);font-weight:400;font-size:17px}
.mbar .nm span{font-family:var(--mono);font-size:12px;color:var(--faint)}
.mbar .cta-fill{padding:13px 22px;font-size:12px}
@media(max-width:760px){.mbar{display:flex}}

/* ---------- compare table ---------- */
.ctable{width:100%;border-collapse:collapse;font-size:14.5px}
.ctable caption{text-align:left}
.ctable th,.ctable td{text-align:left;padding:16px 18px 16px 0;border-top:1px solid var(--line);vertical-align:top;color:var(--body);font-weight:400;line-height:1.55}
.ctable thead th{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);border-top:none}
.ctable tbody th a{font-family:var(--serif);font-size:19px;color:var(--cream)}
.ctable .pr{font-family:var(--mono);white-space:nowrap}
.tscroll{overflow-x:auto}

/* ---------- cart ---------- */
.cartgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2px;background:var(--line);border:1px solid var(--line)}
@media(max-width:860px){.cartgrid{grid-template-columns:1fr}}
.cartlines{background:var(--bg);display:grid}
.cline2{display:grid;grid-template-columns:96px 1fr auto auto;gap:20px;align-items:center;padding:24px clamp(18px,2.5vw,32px);border-bottom:1px solid var(--line)}
.cline2:last-child{border-bottom:none}
.cline2 .ph{width:96px;height:96px;background:var(--lightpanel);display:grid;place-items:center;overflow:hidden}
.cline2 .ph span{width:84%;height:84%;background-repeat:no-repeat;background-position:center;background-size:contain;mix-blend-mode:multiply;display:block}
.cline2 .nm b{font-family:var(--serif);font-weight:400;font-size:20px}
.cline2 .nm .sku{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#8d8475;text-transform:uppercase;margin-top:6px}
.cline2 .sum{font-family:var(--mono);font-size:16px}
.cartsum{background:var(--panel);padding:clamp(28px,3vw,44px);display:grid;gap:14px;align-content:start}
.cartsum h3{font-size:26px}
.cartsum .row{display:flex;justify-content:space-between;font-size:15px;color:var(--body);padding:10px 0;border-top:1px solid var(--line)}
.cartsum .row.total{font-family:var(--mono);font-size:17px;color:var(--cream)}
.small{font-size:13px;color:var(--faint);line-height:1.6}
@media(max-width:620px){.cline2{grid-template-columns:72px 1fr;grid-auto-rows:auto}.cline2 .ph{width:72px;height:72px}}

/* ---------- click-to-play video facade ---------- */
.ytfacade{all:unset;cursor:pointer;position:relative;display:block;width:100%;aspect-ratio:16/9;background:var(--bg2);overflow:hidden;border:1px solid var(--line)}
.ytfacade .poster{position:absolute;inset:0;background-size:cover;background-position:center;filter:sepia(.12) brightness(.9) contrast(1.04);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ytfacade:hover .poster{transform:scale(1.03)}
.ytfacade .playbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:999px;background:rgba(15,19,22,.72);backdrop-filter:blur(8px);border:1px solid rgba(245,239,230,.4);transition:background .25s}
.ytfacade .playbtn:after{content:"";position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);border-left:26px solid #F5EFE6;border-top:16px solid transparent;border-bottom:16px solid transparent}
.ytfacade:hover .playbtn{background:#B5603A}
.ytfacade .ytcap{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;background:linear-gradient(0deg,rgba(15,19,22,.72),rgba(15,19,22,0));color:#F5EFE6;display:flex}
.ytfacade iframe{position:absolute;inset:0;width:100%;height:100%;border:0}