/* Nodalis — site-wide palette.
   One place for the house colours: white pages, rich maroon header and footer,
   black text with gold accents. Loaded last on every public page, so it wins
   over each page's own colours. To change the palette, edit the values below. */
:root{
  --nd-page:#FFFFFF;          /* page background */
  --nd-maroon:#8A6A2E;        /* accent fill: buttons, selected chips (deep gold) */
  --nd-black:#141414;         /* main text */
  --nd-gold:#85652A;          /* gold text: labels, small lines (readable on white) */
  --nd-gold-line:#B08D4A;     /* gold rules, knots, thread */
  --nd-cream:#FFFFFF;         /* text on the accent fill */
  --nd-gold-light:#9A7637;    /* gold text on white */
  --nd-peach:#FBF1E8;         /* soft peach: announcement bar, footer */
}

/* ---------- page: white ---------- */
html{background:var(--nd-page)}
body{
  background:linear-gradient(180deg,var(--nd-page) 0%,var(--nd-page) 100%) !important;
  background-color:var(--nd-page) !important;
  color:var(--nd-black);
}

/* ---------- text: black, with gold for labels and secondary lines ---------- */
:root, body, section, header, .chapter, .profile, #atelier, #enquire, #fitting,
#collection, #mens-collection, #petstore-teaser{
  --ink:var(--nd-black) !important;
  --ink-soft:var(--nd-gold) !important;
  --yarn:var(--nd-gold-line) !important;
  --hairline:rgba(176,141,74,.45) !important;
}

/* ---------- header: rich maroon ---------- */
nav, #nav{
  background:var(--nd-maroon) !important;
  --nav-bg:var(--nd-maroon) !important;
  --ink:var(--nd-cream) !important;
  --ink-soft:var(--nd-gold-light) !important;
  border-bottom:1px solid rgba(226,194,126,.35) !important;
}
nav .nav-links a, #nav .nav-links a{color:var(--nd-cream) !important}
nav .nav-links a:hover, #nav .nav-links a:hover{color:var(--nd-gold-light) !important}
nav .logotype small{color:var(--nd-gold-light) !important;-webkit-text-fill-color:var(--nd-gold-light) !important}

/* ---------- footer: rich maroon ---------- */
footer{
  background:var(--nd-maroon) !important;
  --ink:var(--nd-cream) !important;
  --ink-soft:var(--nd-gold-light) !important;
  --yarn:var(--nd-gold-light) !important;
  --hairline:rgba(226,194,126,.4) !important;
  color:var(--nd-cream) !important;
  border-top:none !important;
}
footer .fine, footer p{color:var(--nd-cream) !important}
footer a{color:var(--nd-gold-light) !important}

/* gold wordmark keeps its shimmer on maroon */
nav .logotype, footer .logotype{color:#C9A45C !important}

/* ---------- old purple accents → maroon and gold ---------- */
.chap-eyebrow{color:var(--nd-gold) !important}
.chapter-num{color:var(--nd-maroon) !important}
.chapter-thread{background:linear-gradient(180deg,var(--nd-gold-line),var(--nd-maroon)) !important}
.cp-loop{stroke:var(--nd-gold-line) !important}
.cp-btn{background:var(--nd-maroon) !important;border-color:var(--nd-maroon) !important;color:var(--nd-cream) !important}
.creator-plate:hover .cp-panel{border-color:var(--nd-maroon) !important}
.chip.on,.size-chip.on{border-color:var(--nd-maroon) !important;color:var(--nd-maroon) !important}
.crumbs a:hover,.filters a:hover{color:var(--nd-maroon) !important}

/* buttons: black outline, maroon fill on hover */
.cta:hover{background:var(--nd-maroon) !important;border-color:var(--nd-maroon) !important;color:var(--nd-cream) !important}

/* creator page: its closing lines were written for a dark ground */
:root{
  --ivory:var(--nd-black);
  --ivory-soft:var(--nd-gold);
  --gold-light:var(--nd-gold);
}
nav{--gold-light:var(--nd-gold-light)}

/* ---------- Instagram line: text centred, button on its own line ---------- */
.collection-note{
  text-align:center !important;
  max-width:none !important;
  color:var(--nd-gold) !important;
}
.collection-note a{
  display:table !important;
  margin:18px auto 0 !important;
  color:var(--nd-black) !important;
  border-color:var(--nd-gold-line) !important;
  outline-color:rgba(176,141,74,.4) !important;
}
.collection-note a:hover{background:var(--nd-maroon) !important;color:var(--nd-cream) !important;border-color:var(--nd-maroon) !important}

/* enquiry form: labels fit on one line and line up with the fields */
.request-form label{letter-spacing:.14em !important}
.request-form .form-actions, .request-form .cta-alt, .request-form .copy-note{text-align:center}

/* ================= typography: Poppins everywhere ================= */
:root{
  --serif:'Poppins', system-ui, sans-serif !important;
  --sans:'Poppins', system-ui, sans-serif !important;
  --story:'Poppins', system-ui, sans-serif !important;
}
html body, html body *{font-family:'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif !important}
body{font-weight:300}
h1, h2, h3, .name, .cp-name, .chapter h2{font-weight:400 !important;letter-spacing:.02em !important}

/* ================= logo: white NODALIS with a moving gold shine ================= */
.logotype{
  background:none !important;border:none !important;padding:0 !important;box-shadow:none !important;
  animation:none !important;-webkit-text-fill-color:initial !important;text-indent:0 !important;
  letter-spacing:normal !important;
}
.logotype::before, .logotype::after{content:none !important}
.nd-logo{
  display:inline-flex;flex-direction:column;align-items:center;line-height:1;position:relative;
  padding:0;
}
.nd-word{
  position:relative;display:block;
  font-weight:600;
  font-size:clamp(16px,1.55vw,20px);
  letter-spacing:.34em;
  padding-left:.34em;              /* balances the space letter-spacing leaves after the last letter */
  background:linear-gradient(100deg, #FFFFFF 0%, #FFFFFF 36%, #E9CB86 46%, #FFF6DC 50%, #E9CB86 54%, #FFFFFF 64%, #FFFFFF 100%);
  background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent !important;color:#fff;
  animation:nd-shine 4.5s linear infinite;
  filter:drop-shadow(0 0 6px rgba(255,240,205,.25));
}
@keyframes nd-shine{from{background-position:150% 50%}to{background-position:0% 50%}}
.nd-tag{
  display:block;margin-top:6px;
  font-weight:500;font-size:7.5px;letter-spacing:.52em;padding-left:.52em;
  text-transform:uppercase;
  color:var(--nd-gold-light) !important;-webkit-text-fill-color:var(--nd-gold-light) !important;
}
footer .nd-word{font-size:18px}
footer .logotype{display:inline-flex;justify-content:center;margin-bottom:16px}
@media (max-width:760px){
  .nd-word{font-size:16px}
  .nd-tag{font-size:6.5px;margin-top:5px}
}
@media (prefers-reduced-motion: reduce){
  .nd-word{animation:none !important}
}

/* creator page accents (italic lines, drop cap) were violet: now maroon */
:root{--violet:var(--nd-maroon) !important}

/* ================= type scale: smaller, calmer, cleaner ================= */
:root{--fs-base:14.5px !important;--hscale:1 !important}
body{font-size:14.5px !important;line-height:1.75 !important}
p{letter-spacing:.005em}

/* small labels above headings */
.eyebrow, .chap-eyebrow, .cp-kicker, .nd-eyebrow, .nd-j-meta, .group-note{font-size:10.5px !important;letter-spacing:.24em !important}

/* page openings */
.hero-caption h1{font-size:clamp(26px,3.1vw,38px) !important;letter-spacing:.005em !important;line-height:1.2 !important;margin-bottom:16px !important}
.page-head h1, .pinfo h1, .basket-title{font-size:clamp(22px,2.3vw,30px) !important;letter-spacing:.005em !important}

/* section headings */
.section-head h2, .atelier-copy h2, .fitting-copy h2, .chapter-copy h2, .nd-j-teaser h2{font-size:clamp(20px,2vw,26px) !important;letter-spacing:.005em !important;line-height:1.3 !important}
.group-head h3{font-size:clamp(15px,1.4vw,18px) !important}
.chapter-copy .chap-line{font-size:14.5px !important}
.chapter-num{font-size:clamp(56px,7vw,96px) !important}
.size-chart h2, .b-sent h2{font-size:20px !important}

/* tiles and product names */
.piece .name{font-size:12.5px !important;font-weight:400 !important;letter-spacing:.16em !important}
.piece .meta{font-size:10.5px !important}
.piece .price{font-size:12.5px !important}
.b-name{font-size:15px !important}

/* buttons and links */
.cta, .order-btn, .co-btn, .nd-btn{font-size:11px !important;letter-spacing:.22em !important;padding:13px 30px !important}
.cta:hover{letter-spacing:.24em !important}
.discover, .collection-note, .collection-note a{font-size:11px !important}
.request-form label{font-size:10.5px !important}
.request-form input, .request-form select, .request-form textarea{font-size:14px !important}

/* creator page */
.chapter-title h1{font-size:clamp(34px,6vw,68px) !important;letter-spacing:.04em !important}
.chapter-title .num{font-size:clamp(90px,15vw,190px) !important}
.chapter-title .tagline{font-size:14px !important}
.sec-head h2{font-size:clamp(24px,2.9vw,36px) !important;line-height:1.25 !important}
.closing-line{font-size:clamp(19px,2.1vw,26px) !important}
.profile .name{font-size:clamp(22px,2.4vw,30px) !important}
.finale .lines{font-size:clamp(20px,2.4vw,30px) !important;line-height:1.5 !important}
.beginning .lead::first-letter{font-size:3.6em !important}

/* journal */
.nd-j-head h1{font-size:clamp(28px,3.2vw,40px) !important}
.nd-article h1{font-size:clamp(24px,2.8vw,34px) !important}
.nd-j-card h3{font-size:17px !important}
.nd-body{font-size:15.5px !important}
.nd-menu > a{font-size:20px !important}

@media (max-width:760px){
  body{font-size:14px !important}
  .hero-caption h1{font-size:24px !important}
  .section-head h2, .chapter-copy h2, .fitting-copy h2{font-size:20px !important}
}
/* body copy on story pages */
.beginning p, .profile p, .chapter-copy p{font-size:15px !important}
.pinfo p, .pinfo .desc{font-size:14.5px !important}
p.chap-eyebrow, .chapter-copy .chap-eyebrow{font-size:10.5px !important;letter-spacing:.24em !important}
header.chapter-title{padding-top:150px !important}
@media (max-width:900px){ header.chapter-title{padding-top:120px !important} }