/* VESRETH typography, from VESRETH_Website_Font_Guide.pdf. Loaded last, so it decides.
   Headings: Cormorant Garamond 500 · Body and prices: Manrope 400 · Navigation, buttons, labels, product names: Montserrat 500 */
:root{
  --serif:"Cormorant Garamond","Garamond",Georgia,serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ui:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* ---------- Body ---------- */
body{font-family:var(--sans);font-weight:400;letter-spacing:.01em;line-height:1.7}

/* ---------- No italics: the guide asks for upright type throughout ---------- */
em,.panel__num,.pillar .n,.values i,.steps b,.split__text .num,.drawer__nav a:hover{font-style:normal!important}

/* ---------- Hero and section headings ---------- */
.poster__title,.poster--split .right,.head h2,.panel__title,.pillar h3,.editorial h2,.soon h2,
.phero h1,.shead h1,.col-head h1,.split__text h2,.look-intro h2,.tile h3,.modal h3,.doc__body h2,
.auth h1,.summary h2,.nf h1,.values b,.assure b,
#customer_details h3,#order_review_heading,.woocommerce-order-details__title,.woocommerce-column__title{
  font-family:var(--serif);font-weight:500;font-style:normal;letter-spacing:.12em;line-height:1.15
}
/* Longer display sentences keep the face and weight, with tighter tracking so they still read as sentences */
.philosophy blockquote,.manifesto p.big,.look-quote p,.story__text blockquote,.auth__media .quote,
.news p,.callout p,.contact__info p,.contact__info a,.bag__empty p,.cart-empty p,.empty-state p,
.drawer__nav a,.search-bar input,.woocommerce-thankyou-order-received{
  font-family:var(--serif);font-weight:500;font-style:normal;letter-spacing:.04em;line-height:1.15
}
.contact__info small{letter-spacing:.01em;line-height:1.7}
/* Accents keep their case and colour but match the heading around them */
.poster__title em,.head h2 em,.panel__title em,.editorial h2 em,.soon h2 em,.phero h1 em,.shead h1 em,.col-head h1 em,
.split__text h2 em,.look-intro h2 em,.tile h3 em{font-style:normal;letter-spacing:inherit;text-transform:inherit}

/* The wider tracking needs smaller display sizes to hold the same line breaks */
.poster__title{font-size:clamp(34px,6.1vw,92px)}
.col-head h1{font-size:clamp(32px,5.4vw,84px)}
.phero h1{font-size:clamp(34px,5.8vw,88px)}
.shead h1{font-size:clamp(32px,5vw,76px)}
.head h2{font-size:clamp(28px,3.6vw,54px)}
.soon h2{font-size:clamp(28px,4vw,62px)}
.nf h1{font-size:clamp(34px,5.4vw,84px)}
.panel__title{font-size:clamp(24px,2.7vw,42px)}
.split__text h2,.editorial h2,.look-intro h2{font-size:clamp(28px,3.2vw,48px)}
.poster--split .right{font-size:clamp(22px,2.6vw,40px)}
.tile h3{font-size:clamp(22px,2.4vw,36px)}

/* ---------- Navigation and buttons ---------- */
.nav,.nav a,.btn,.link,.drawer__foot,.drawer__foot a,.tabbar a,.tabbar button,.card__quick,.chip,.toolbar,.toolbar button,
.sort__menu button,.tabs button,.bag__remove,.suggest button,.unit-toggle button,.size,
.woocommerce .button,.woocommerce button.button,.woocommerce-MyAccount-navigation a,.doc__nav a{
  font-family:var(--ui);font-weight:500
}
.nav a,.btn,.link,.drawer__foot a,.card__quick,.woocommerce .button,.woocommerce button.button{letter-spacing:.16em;text-transform:uppercase}
.tabbar a,.tabbar button{letter-spacing:.12em}

/* ---------- Small labels ---------- */
.eyebrow,.crumbs,.announce,.card__badge,.footer h4,.footer__bottom,.footer__brand .tag,.fgroup h4,.opt__head,.field label,
.woocommerce form .form-row label,.more__text,.results-meta,.cart__head,.doc__nav h4,.cats,.bag__row,.draft,.updated,.chip,
.acc summary,.contact__info h4,.look figcaption,.suggest span,.sort,.count,.tabs button,.woocommerce-order-overview li{
  font-family:var(--ui);font-weight:500;letter-spacing:.22em
}

/* ---------- Product names and prices ---------- */
.card__name,.info h1{font-family:var(--ui);font-weight:500}
.card__name{letter-spacing:.06em;text-transform:none;font-size:13px;line-height:1.4}
.info h1{font-size:clamp(24px,2.3vw,34px);letter-spacing:.02em;line-height:1.25}
.card__price,.price,.cline__price,.bag__side .card__price,.woocommerce-Price-amount{font-family:var(--sans);font-weight:400;letter-spacing:.01em}

/* Footer: room for the Policies column */
.footer__top{grid-template-columns:1.4fr repeat(4,1fr);gap:40px 28px}
@media (max-width:1024px){.footer__top{grid-template-columns:1fr 1fr}}