/* ==========================================================================
   GARDEN — Doen / Ulla Johnson direction. Sole theme.
   Romantic, warm bone with sage accent, light weight, lowercase metadata.
   ========================================================================== */

:root {
  --paper:   #f5efe6;
  --paper-2: #ece3d4;
  --ink:     #2a2420;
  --muted:   #8a7f6f;
  --line:    rgba(42, 36, 32, 0.18);
  --accent:  #7a8570;
  --sans:    "Figtree","Inter Tight",ui-sans-serif,system-ui,sans-serif;
  --display-family: var(--sans);
  --display-weight: 300;
  --display-tracking: -0.02em;
  --body-weight: 300;
  --case: lowercase;
  --meta-tracking: .02em;
  --meta-weight: 400;
  --grain-opacity: 0.04;
}

body { font-weight: var(--body-weight); }

/* --------------------------------------------------------------------------
   LOWERCASE METADATA
   -------------------------------------------------------------------------- */
.lb-hero__scroll,
.lb-hero__meta,
.lb-nav__center,
.lb-section__num,
.lb-section__meta,
.lb-story__caption .meta,
.lb-cv__block h3,
.lb-colophon,
.lb-foot__meta,
.lb-about__copy .signoff,
.mens-head__eyebrow,
.mens-lb__pageno,
.mens-lb__credit,
.mens-wrap figcaption {
  text-transform: var(--case);
  letter-spacing: var(--meta-tracking);
  font-weight: var(--meta-weight);
}

/* --------------------------------------------------------------------------
   LIGHT DISPLAY TYPE
   -------------------------------------------------------------------------- */
.lb-hero__name,
.lb-section__title,
.lb-about__copy h2,
.lb-cv__head h2,
.lb-foot h2,
.mens-head__title,
.mens-lb__title {
  font-weight: var(--display-weight);
  letter-spacing: var(--display-tracking);
  font-family: var(--display-family);
}

.lb-about__copy p { line-height: 1.75; }
.mens-head__lede   { line-height: 1.7; font-weight: 300; }

/* --------------------------------------------------------------------------
   SUBTLE PAPER GRAIN
   -------------------------------------------------------------------------- */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
  opacity: var(--grain-opacity);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.15  0 0 0 0 0.12  0 0 0 0 0.10  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.9'/></svg>");
  background-size: 280px 280px;
  mix-blend-mode: multiply;
}

/* --------------------------------------------------------------------------
   SOFT DETAILS — hairline rules, rounded corners, chip treatment
   -------------------------------------------------------------------------- */
.lb-cv__row { border-bottom-color: var(--line); }

.mens-wrap figure,
.lb-story__cover,
.lb-story__row .thumb,
.lb-about__img { border-radius: 2px; }

.lb-chip {
  border: 1px solid transparent;
  font-weight: 400;
  text-transform: lowercase;
  letter-spacing: .02em;
}
.lb-chip.on {
  background: #3f4d7f;
  color: #fff;
  border-color: #3f4d7f;
}

.lb-cv__tags span {
  border-color: var(--line);
  font-weight: 400;
}