/* ============================================================
   STORE TYPOGRAPHY (15 Oct 2026)
   Mirrors trnormaillot.com / normaillot.com (Prestige theme):
   headings  Instrument Sans 400, uppercase, letter-spacing .18em
   body      Nunito 400, 14px, line-height 1.65, #1c1c1c
   labels    Instrument Sans 11.2px uppercase .18em (like the header menu)
   ============================================================ */
:root{
  --head:"Instrument Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --text:"Nunito",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --serif:var(--text);--sans:var(--text);--quote:var(--text);
  --ink:#1c1c1c;
}
body{font-family:var(--text);font-size:14px;font-weight:400;line-height:1.65;color:var(--ink);letter-spacing:.01em}
p,li,.body,.prose p,.zw-intro p,.zw-card .txt p,.acc-item .panel p,.zw-you > p,.zw-drawer p,.fibres .col p,.fibres .head p,.fabric .txt p,.slider .txtside .slide p,.statement p.lead,.split .txt p{
  font-family:var(--text)!important;font-size:14px!important;font-weight:400!important;line-height:1.75!important;font-style:normal!important}

/* --- small labels: eyebrows, crumbs, subs, nav --- */
.eyebrow,.phero .crumb,.divider .sub,.gridnav .tile .sub,.hubgrid a .eyebrow,.nextpage a .eyebrow,.zw-card .txt .eyebrow,
.jump,.jump a,.tabs a,.fibres .col .k,.fabric .txt .care b,.fabric .txt .n,.zw-you .d span,.closing .meta,.foot,.foot-links a,
.nav .menu-btn,.nav .right,.nav .lang button,.btn-line,.yalin-teaser .go,.closing a.cta,.zw-drawer .head .eyebrow,.mega h5{
  font-family:var(--head)!important;font-size:11.2px!important;font-weight:400!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-style:normal!important}
.mega h5{font-weight:500!important}
.mega ul{font-family:var(--text);font-size:13px;letter-spacing:.02em}
.btn-line{padding:15px 26px}
.closing a.cta{border-bottom:1px solid #fff;padding-bottom:3px}

/* --- headings: one scale, store style --- */
.hero .quote h1,.phero h1,.divider h2,.gridnav .tile h2,.hubgrid a h2,.nextpage a h3,.yalin-teaser h2,.closing h2,
.prose h3,.zw-intro h3,.zw-you h3,.fibres .head h3,.fabric .txt h3,.principles .pic .cap h3,.zw-practices .acc h4,
.zw-card .img h4,.zw-icons .it h4,.zw-drawer h2,.zw-drawer h3,.slider .imgside .label h3,.statement h2,.split .txt h2,.zw-philo .after{
  font-family:var(--head)!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-style:normal!important;line-height:1.45!important}
.phero h1,.hero .quote h1{font-size:clamp(20px,1.9vw,25.6px)!important;max-width:34ch}
.divider h2{font-size:clamp(20px,1.9vw,25.6px)!important}
.prose h3,.zw-intro h3,.zw-you h3,.fibres .head h3,.closing h2,.zw-drawer h2,.statement h2,.split .txt h2{font-size:clamp(17px,1.6vw,22.4px)!important;max-width:30ch;margin-left:auto;margin-right:auto}
.zw-drawer h2{margin-left:0}
.fabric .txt h3{font-size:clamp(20px,1.9vw,25.6px)!important;margin-bottom:18px}
.gridnav .tile h2,.hubgrid a h2,.nextpage a h3,.yalin-teaser h2,.principles .pic .cap h3,.zw-card .img h4,.zw-icons .it h4,.slider .imgside .label h3{font-size:clamp(15px,1.4vw,19px)!important}
.zw-practices .acc h4,.zw-drawer h3,.zw-philo .after{font-size:15px!important}
.fibres .col h4{font-family:var(--head);font-weight:400;font-size:13px;letter-spacing:.18em;text-transform:uppercase}

/* --- statement sentences over images / quotes: calm body face, no italics --- */
.statsplit .right .q p,.interstitial .tx p,.zw-practices .statement .tx p,.phero p,.yalin-teaser p,.zw-bigtype .card .top,.zw-bigtype .card .btm,.zw-circle .top,.zw-circle .btm,.zw-philo .s p,.fabric .txt .care,.acc-item button{
  font-family:var(--text)!important;font-style:normal!important;font-weight:400!important;letter-spacing:.02em!important}
.interstitial .tx p,.statsplit .right .q p,.zw-practices .statement .tx p{font-size:clamp(16px,1.5vw,20px)!important;line-height:1.6!important;max-width:30ch}
.phero p,.yalin-teaser p{font-size:15px!important}
.zw-bigtype .card .top,.zw-bigtype .card .btm,.zw-circle .top,.zw-circle .btm,.zw-philo .s p,.fabric .txt .care{font-size:14px!important;line-height:1.6!important}
.acc-item button{font-size:14px!important}

/* --- big figures (stats, rings, slogan): heading face, smaller than before --- */
.statsplit .left .fig,.zw-bigtype .card .big,.zw-circle .ring .v,.zw-philo .s .n,.gridnav .tile .num,.divider .num{
  font-family:var(--head)!important;font-weight:400!important;letter-spacing:.12em!important;text-transform:uppercase}
.statsplit .left .fig{font-size:clamp(30px,3.6vw,48px)!important;line-height:1.25!important}
.statsplit .left .top,.statsplit .left .btm{font-family:var(--text)!important;font-size:15px!important;line-height:1.6!important}
.zw-bigtype .card .big,.zw-bigtype .card .big.tr{font-size:clamp(26px,3vw,38px)!important;line-height:1.35!important}
.zw-circle .ring .v{font-size:clamp(26px,2.6vw,36px)!important}
.zw-philo .s .n{font-size:clamp(36px,4vw,52px)!important}
.gridnav .tile .num,.divider .num{font-size:13px!important}
.zw-drawer .lead,.zw-drawer .pull,.zw-drawer ul li{font-family:var(--text)!important;font-style:normal!important;font-size:15px!important;letter-spacing:.02em}
.zw-drawer .sign{font-family:var(--head);font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.principles .list .row{font-family:var(--text)!important;font-size:15px!important;line-height:1.6!important}
.principles .list .row span:first-child{font-family:var(--head);font-size:11.2px;letter-spacing:.18em;margin-right:6px}

/* generic fallback (used by /yalin which has its own markup) */
h1,h2,h3,h4{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.18em;font-style:normal}
p.big,p.pull,p.lead,p.end,p.after,p.purpose{font-family:var(--text)!important;font-style:normal!important}
.zw-intro p{margin-bottom:14px!important}
h1,h2{font-size:clamp(20px,1.9vw,25.6px)!important;line-height:1.45!important}
h3{font-size:clamp(16px,1.5vw,20px)!important;line-height:1.45!important}