/* Ergo Snob · legibility layer. Load AFTER c.css (and c-home-v2.css).
   Raises contrast + type size and opens spacing for older readers and glasses wearers.
   Same palette, same layout. */
:root{--body:#f1ebe1;--muted:#d8cfc2;--faint:#d0c6b8;--line:#3a332b;--amber-deep:#6b381b}
body{font-size:18px;line-height:1.7}

/* labels + mono */
.lbl{font-size:15px;letter-spacing:.18em}
.mono{font-size:14px;letter-spacing:.1em}
.h-accent{color:#d6ccbd}
s{color:#b4aa9b!important}

/* header + buttons */
.chdr nav{font-size:15px;gap:clamp(14px,2vw,36px)}
.cartlink,.cta-fill,.cta-line2,.ulink,.submit-btn{font-size:15px;letter-spacing:.12em}
.cta-line2{border-color:rgba(236,230,220,.6)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:3px}

/* sections: more air */
.csec{padding:clamp(104px,12vw,184px) clamp(24px,5vw,72px)}
.sechead{margin-bottom:clamp(64px,6vw,88px)}
.sechead .lbl{margin-bottom:24px}
.chero .sub{font-size:20px;line-height:1.7;max-width:460px}

/* seating cards: description always visible, bigger meta */
.colcard .ctop{font-size:14px;color:var(--muted)}
.colcard .cnm .pr{font-size:16px;color:var(--cream)}
.colcard .cdesc{opacity:1;max-height:none;font-size:16px;line-height:1.55;color:var(--body)}
.colcard .cimg{bottom:40%;filter:sepia(.2) brightness(.92)}
.colcard .csh{bottom:39%}
.colcard{aspect-ratio:3/4.3}

/* chips */
.tchip{font-size:17px;padding:13px 22px;border-color:#5a5045;color:var(--cream)}

/* tiles */
.tile .tbody{padding:40px 36px 44px;gap:20px}
.tile .trow{font-size:14px}
.tile .tdesc{font-size:18px;line-height:1.75}

/* sand band */
.sand .inner2{gap:clamp(64px,7vw,104px);padding:clamp(104px,12vw,170px) clamp(24px,5vw,72px)}
.acc-row .adesc{font-size:18px;color:#1f1a16}

/* faq */
.dacc summary{font-size:clamp(21px,2vw,27px);padding:30px 0}
.dacc .a{font-size:18px;line-height:1.8}

/* marquee */
.cmarq .track{color:#d0c6b8;font-size:28px}

/* footer */
.strip{font-size:16px;padding:20px clamp(24px,5vw,72px)}
.cfoot .cols{font-size:17px}
.cfoot .col{gap:14px}
.cfoot .col b{font-size:14px}
.cfoot .bar{font-size:15px;color:var(--body)}
.cfoot .ghost{color:#7a6f62}

/* homepage v2 additions */
.fopt{font-size:17px;padding:14px 22px;border-color:#8f8576}
.fitres .rd{font-size:18px;color:#1f1a16}
.htag .k,.lfilter .tchip .ct,.tile .opts span{font-size:14px}
.feat .cp p{font-size:20px}

/* paragraph size bump */
body{font-size:20px}
.chero .sub{font-size:22px;max-width:500px}
.tile .tdesc,.dacc .a,.acc-row .adesc{font-size:20px}
.colcard .cdesc{font-size:17px}
.cfoot .cols,.cfoot .brand .ln{font-size:18px}
.strip{font-size:17px}
.fitres .rd,.feat .cp p{font-size:21px}

/* nav: keep one row at large type */
.chdr nav{letter-spacing:.06em;flex-wrap:nowrap}
@media(min-width:861px) and (max-width:1180px){.chdr nav{gap:14px;font-size:14px}.chdr .wm span{letter-spacing:.18em}}

/* light sections: same tokens, inverted. Wrap any section in .light */
.light{--cream:#1a1612;--body:#2a241f;--muted:#4a423a;--faint:#4a423a;--line:#d6cdbf;--amber:#8a4a24;background:#f6f2ea;color:#1a1612}
.light .h-accent{color:#6b6156}
.light .why{padding-bottom:clamp(96px,12vw,160px)}
.light .inuse figcaption,.light .inuse figcaption a,.light .inuse .cap b{color:#ece6dc}
.light .inuse .cap .mono,.light .inuse .cap em{color:#d9905f}
.light .inuse .ulink{border-bottom-color:#d9905f}
.light .dacc summary:after{color:var(--amber)}

/* paragraph + description sizes (v3) */
body{font-size:21px}
.chero .sub{font-size:23px;max-width:520px}
.colcard .cdesc{font-size:19px;line-height:1.55}
.tile .tdesc{font-size:21px;line-height:1.7}
.dacc .a,.acc-row .adesc{font-size:21px;line-height:1.75}
.dacc summary{font-size:clamp(23px,2.1vw,29px)}
.cfoot .cols,.cfoot .brand .ln{font-size:19px}
.strip{font-size:18px}
.fitres .rd,.feat .cp p{font-size:23px}

/* product cards v2: image stage + text block in flow (no overlap), specs as a list */
.colgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))!important}
.colcard{aspect-ratio:auto!important;min-height:0!important;display:flex!important;flex-direction:column}
.colcard .cstage{position:relative;display:block;aspect-ratio:1/1;overflow:hidden}
.colcard .cstage .cimg{left:13%;right:13%;top:15%;bottom:11%}
.colcard .cstage .csh{bottom:9%;width:62%}
.colcard .cstage .ctop{top:22px;left:26px;right:26px}
.colcard .cbot{position:static!important;flex:1;display:flex!important;flex-direction:column;gap:20px;padding:30px 28px 34px;border-top:1px solid var(--line)}
.colcard .cnm{flex-wrap:wrap;row-gap:8px}
.colcard .cnm b{font-size:clamp(30px,2.5vw,38px)}
.colcard .cnm .pr{font-size:18px}
.colcard .cnm .pr s{font-size:15px}
.cspecs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cspecs li{position:relative;padding-left:22px;font-size:18px;line-height:1.45;color:var(--body);text-wrap:pretty}
.cspecs li:before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;background:#E19A6B;transform:rotate(45deg)}
.colcard .cline{margin-top:auto}
@media(max-width:760px){
  .colgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important}
  .colcard{min-height:0!important}
  .colcard .cdesc,.cspecs li{font-size:18px!important}
  .colcard .cstage{aspect-ratio:4/3.4}
  .colcard .cbot{padding:24px 22px 28px;gap:16px}
}

/* tighten the 01 -> 02 seam: the light-section bottom padding and the line
   section top padding were stacking to ~330px of dead space */
.light .why{padding-bottom:clamp(48px,5vw,72px)}
#line.csec{padding-top:clamp(48px,5vw,72px)}