/* SCALIGINE — shared brand tokens & base typography (support pages)
   Per SCALIGINE Brand Foundation (Aug 2026):
     · Newsreader (serif) — editorial headings + "Made for the light." signature (replaces Canela)
     · Inter (sans)       — body, subheads, tracked caps (replaces Neue Haas Grotesk)
   Core palette: Porcelain / Sandstone / Chestnut / Ink. Accents: Sea Mist / Olive. */

:root{
  --porcelain:#F6F2EC;
  --sandstone:#D1BEA9;
  --chestnut:#6C5243;
  --ink:#252422;
  --sea-mist:#AEB8B4;
  --olive:#7D8370;
  --white:#ffffff;
  --hairline:rgba(37,36,34,.16);
  --hairline-strong:rgba(37,36,34,.32);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Inter","Helvetica Neue",Arial,sans-serif;
  /* legacy aliases used by some support-page rules */
  --offwhite:#F6F2EC;
  --cream:#D1BEA9;
  --brown:#6C5243;
  --ink-true:#252422;
  --ink-soft:#6C5243;
  --taupe-deep:#6C5243;
  --taupe-deeper:#7D8370;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--porcelain);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body{font-family:var(--sans);font-weight:400;font-size:16px;line-height:1.65;letter-spacing:.005em}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

.display{font-family:var(--serif);font-weight:400;letter-spacing:.01em}
.serif{font-family:var(--serif)}
.script{font-family:var(--serif);font-style:italic}
.tracked{font-family:var(--sans);letter-spacing:.28em;text-transform:uppercase;font-weight:500;font-size:11px}

.brand-shell{ max-width:880px;margin:0 auto;padding:clamp(72px,8vw,128px) clamp(24px,5vw,72px) clamp(64px,7vw,112px); }

.brand-nav{
  position:sticky;top:0;z-index:10;background:rgba(246,242,236,.86);
  backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--hairline);
}
.brand-nav__inner{ max-width:1280px;margin:0 auto;padding:16px clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px; }
.brand-nav__mark{ display:inline-flex;align-items:center; }
.brand-nav__mark img{ width:170px;height:auto; }
.brand-nav__back{ color:var(--ink);border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .2s; }
.brand-nav__back:hover{ border-color:var(--hairline-strong); }

.page-eyebrow{ color:var(--olive);margin-bottom:20px; }
.page-h1{ font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.8vw,64px);line-height:1.06;letter-spacing:.01em;color:var(--ink); }
.page-rule{ width:64px;height:1px;background:var(--hairline-strong);margin:32px 0 36px; }
.page-body p{ margin-bottom:1.1em;color:var(--ink);font-size:17px;font-weight:300;line-height:1.7; }
.page-body p:last-child{ margin-bottom:0; }
.page-body em{ font-style:italic;color:var(--chestnut); }
.page-body strong{ font-weight:500;color:var(--ink); }
.page-body a{ color:var(--chestnut);border-bottom:1px solid var(--hairline);padding-bottom:1px;transition:border-color .2s; }
.page-body a:hover{ border-color:var(--chestnut); }
.page-body h2{ font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.2vw,28px);letter-spacing:.01em;color:var(--ink);margin:48px 0 18px; }
.page-body ul{ list-style:none;margin:0 0 1.1em;padding:0; }
.page-body ul li{ position:relative;padding-left:22px;margin-bottom:8px;color:var(--ink);font-weight:300; }
.page-body ul li::before{ content:"";position:absolute;left:0;top:.85em;width:8px;height:1px;background:var(--hairline-strong); }

.brand-footer{
  border-top:1px solid var(--hairline);padding:32px clamp(24px,5vw,72px);text-align:center;
  color:rgba(37,36,34,.55);font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.28em;text-transform:uppercase;
}
.brand-footer a{ color:inherit;border-bottom:1px solid transparent;padding-bottom:1px;transition:border-color .2s; }
.brand-footer a:hover{ border-color:var(--hairline-strong); }
.brand-footer .sep{ opacity:.45;margin:0 12px; }

@media (max-width:680px){
  .brand-nav__inner{ padding:14px 20px; }
  .brand-nav__mark img{ width:150px; }
  .brand-shell{ padding:60px 20px 80px; }
  .page-body p{ font-size:16px; }
  .brand-footer{ padding:28px 20px;letter-spacing:.24em; }
  .brand-footer .sep{ margin:0 8px; }
}