/* ─────────────────────────────────────────────────────────────────────────
   PNC HOME · home-micro.css — god-mode pass
   Architecture untouched. Every pixel elevated.
───────────────────────────────────────────────────────────────────────── */

/* ── HERO EYEBROW ───────────────────────────────────────────────────── */
.hero-eyebrow {
  animation: eyebrowIn 1.6s cubic-bezier(.16,1,.3,1) 0.3s both;
}
@keyframes eyebrowIn {
  from { opacity: 0; letter-spacing: 0.14em; }
  to   { opacity: 1; letter-spacing: 0.42em; }
}

/* ── HERO DECREE ────────────────────────────────────────────────────── */
.hero-decree {
  animation: decreeFadeIn 1.2s cubic-bezier(.16,1,.3,1) 0.55s both;
}
@keyframes decreeFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── HERO PANEL — warm gold cursor sweep ───────────────────────────── */
.hero-panel--bread::after,
.hero-panel--brew::after {
  content: '';
  position: absolute; inset: 0; z-index: 3;
  pointer-events: none;
  background-image: radial-gradient(
    ellipse 65% 55% at calc(var(--sweep-x, 50%)) calc(var(--sweep-y, 110%)),
    rgba(196,149,10,0.14) 0%,
    rgba(184,134,11,0.05) 45%,
    transparent 68%
  );
  opacity: 0;
  transition: opacity 0.45s ease;
}
@media (hover:hover) {
  .hero-panel--bread:hover::after,
  .hero-panel--brew:hover::after { opacity: 1; }
}

/* ── HERO PANEL — 3D tilt (JS activates) ───────────────────────────── */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .hero-panel[data-tilt] {
    transform-style: preserve-3d;
    transition: transform 0.8s cubic-bezier(.16,1,.3,1);
  }
}

/* ── NAV ACTIVE LINK ────────────────────────────────────────────────── */
.nav-link.active {
  animation: navActivePop 0.5s cubic-bezier(.34,1.56,.64,1) 0.1s both;
}
@keyframes navActivePop {
  from { transform: scale(0.93); opacity: 0.5; }
  to   { transform: scale(1);    opacity: 1;   }
}

/* ── FOOTER LINKS — underline draw ─────────────────────────────────── */
.footer-link { position: relative; overflow: hidden; }
.footer-link::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%; right: 50%;
  height: 1px;
  background: rgba(248,244,236,0.4);
  transition: left 0.28s cubic-bezier(.16,1,.3,1),
              right 0.28s cubic-bezier(.16,1,.3,1);
}
.footer-link:hover::after { left: 10%; right: 10%; }

/* ── PROOF STRIP — hero-panel sweep on hover ────────────────────────── */
.proof-item {
  transition: transform 0.36s cubic-bezier(0.16,1,0.3,1);
  cursor:none!important;
}
@media (hover:hover) {
  .proof-item:hover { transform: translateY(-5px); }
  .proof-item:hover .proof-num {
    background: linear-gradient(160deg, #F0E8D8 0%, #E8C87A 40%, #C4950A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .proof-item:hover .proof-label { color: rgba(248,244,236,0.62); }
}

/* ── PRINCIPLES SECTION ─────────────────────────────────────────────── */
.principles-section {
  background: var(--dark);
  padding: clamp(80px,10vw,140px) var(--g);
  overflow: hidden;
  position: relative;
}
/* Fine grid — unified with philosophy/footer (72px cream) */
.principles-section::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(248,244,236,0.028) 1px, transparent 1px),
    linear-gradient(90deg,rgba(248,244,236,0.028) 1px, transparent 1px);
  background-size: 72px 72px;
  pointer-events: none;
}
.principles-inner {
  max-width: var(--max);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.principles-header {
  margin-bottom: clamp(32px,4vh,52px);
}
.principles-eyebrow {
  font-family: 'Courier New', monospace;
  font-size: clamp(11px,0.8vw,13px);
  font-weight: 700;
  letter-spacing: 0.42em;
  text-transform: uppercase;
  color: rgba(248,244,236,0.22);
  display: block;
}
.principles-list { display: flex; flex-direction: column; }

/* ── PRINCIPLE ITEM ─────────────────────────────────────────────────── */
.principle-item {
  display: grid;
  grid-template-columns: 64px 1fr;
  align-items: start;
  gap: 0 clamp(20px,3vw,40px);
  padding: clamp(24px,3.5vh,40px) 0;
  position: relative;
  cursor:none!important;
  -webkit-tap-highlight-color: transparent;
}
.pi-line {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: rgba(248,244,236,0.07);
  transform-origin: left;
}
.pi-num {
  font-family: 'Courier New', monospace;
  font-size: clamp(11px,0.85vw,13px);
  font-weight: 700;
  letter-spacing: 0.28em;
  color: rgba(248,244,236,0.18);
  padding-top: 6px;
  transition: color 0.4s ease, letter-spacing 0.4s cubic-bezier(.16,1,.3,1);
}
.pi-body { overflow: hidden; }
.pi-rule {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: clamp(22px,2.8vw,42px);
  letter-spacing: -0.025em;
  line-height: 1.0;
  color: rgba(248,244,236,0.88);
  transition: color 0.3s ease, letter-spacing 0.4s cubic-bezier(.16,1,.3,1);
  padding-bottom: 2px;
}
.pi-expand {
  font-size: clamp(13px,1.2vw,16px);
  color: rgba(248,244,236,0.42);
  line-height: 1.75;
  max-width: 560px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin-top: 0;
  clip-path: inset(0 0 100% 0);
  transition:
    max-height 0.52s cubic-bezier(.16,1,.3,1),
    opacity 0.42s ease,
    clip-path 0.48s cubic-bezier(.16,1,.3,1),
    margin-top 0.36s ease;
}

/* Hover — rule brightens, expand peeks */
@media (hover:hover) {
  .principle-item:hover .pi-rule {
    color: rgba(248,244,236,1);
    letter-spacing: -0.015em;
  }
  .principle-item:hover .pi-num {
    color: rgba(248,244,236,0.55);
    letter-spacing: 0.34em;
  }
  .principle-item:hover .pi-expand {
    max-height: 200px;
    opacity: 1;
    clip-path: inset(0 0 0% 0);
    margin-top: clamp(12px,1.8vw,18px);
  }
  .principle-item:hover .pi-line {
    background: rgba(248,244,236,0.14);
  }
}

/* Keyboard / .open state */
.principle-item.open .pi-expand {
  max-height: 200px;
  opacity: 1;
  clip-path: inset(0 0 0% 0);
  margin-top: clamp(12px,1.8vw,18px);
}
.principle-item.open .pi-num { color: rgba(248,244,236,0.55); letter-spacing: 0.34em; }
.principle-item.open .pi-rule { color: rgba(248,244,236,1); letter-spacing: -0.015em; }
.principle-item:focus-visible {
  outline: 2px solid rgba(248,244,236,0.55);
  outline-offset: 6px;
  border-radius: 2px;
}
.principle-item:focus:not(:focus-visible) { outline: none; }

/* (gold text sweep removed — hover simply brightens the rule to full cream) */

/* Mobile stacked */
@media (max-width:640px) {
  .principle-item { grid-template-columns: 44px 1fr; }
  .pi-expand { transition: none; clip-path: none; }
}

/* ── PRINCIPLES CTA ROW ─────────────────────────────────────────────── */
.principles-cta-row {
  display: flex;
  gap: clamp(12px,1.5vw,20px);
  margin-top: clamp(40px,5vh,60px);
  padding-top: clamp(28px,4vh,44px);
  border-top: 1px solid rgba(248,244,236,0.08);
  opacity: 0;
}

/* ── MANIFESTO LABEL — Courier uppercase, not too heavy ────────────── */
.mp-label {
  font-family: 'Courier New', monospace;
  font-size: clamp(11px,0.85vw,13px);
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: rgba(248,244,236,0.28);
  margin-bottom: clamp(24px,3.5vh,44px);
  transition: letter-spacing 0.5s ease, color 0.5s ease;
}
.manifesto-panel.mp-active .mp-label {
  letter-spacing: 0.48em;
  color: rgba(248,244,236,0.52);
}
.manifesto-panel.mp-recede .mp-label {
  color: rgba(248,244,236,0.15);
}

/* ── MANIFESTO PANEL — cross-panel dialogue ────────────────────────── */
@media (min-width: 641px) {
  .manifesto-panel.mp-recede .mp-claim  { opacity: 0.28; letter-spacing: -0.04em; }
  .manifesto-panel.mp-recede .mp-num   { opacity: 0.02; animation: none; }
  .manifesto-panel.mp-recede .mp-detail{ opacity: 0.18; }
  .manifesto-panel.mp-ahead  .mp-claim  { opacity: 0.50; }
  .manifesto-panel.mp-ahead  .mp-num   { opacity: 0.03; animation: none; }
  .manifesto-panel.mp-ahead  .mp-detail{ opacity: 0.28; }
}

/* ── SCROLLBAR — none ───────────────────────────────────────────────── */
.manifesto-track { scrollbar-width: none; }
.manifesto-track::-webkit-scrollbar { display: none; }

/* ── PRE-FOOTER — correct font to Helvetica 900 ────────────────────── */
/* The pfs-main uses Helvetica (declared in style.css) —
   the word-by-word reveal is the craft, not the typeface */
.pre-footer-statement {
  background: var(--dark); /* unified with philosophy/principles/footer */
  padding: clamp(100px,14vw,180px) var(--g) clamp(60px,8vw,100px);
  text-align: center;
  position: relative;
  overflow: hidden;
}
/* Fine grid — unified with philosophy/footer (72px cream) */
.pre-footer-statement::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(248,244,236,0.028) 1px, transparent 1px),
    linear-gradient(90deg,rgba(248,244,236,0.028) 1px, transparent 1px);
  background-size: 72px 72px;
  pointer-events: none;
}
.pre-footer-statement > * { position: relative; z-index: 1; }
.pfs-eyebrow {
  display: block;
  font-family: 'Courier New', monospace;
  font-size: clamp(11px,0.75vw,13px);
  font-weight: 700;
  letter-spacing: 0.48em;
  text-transform: uppercase;
  color: rgba(248,244,236,0.18);
  margin-bottom: clamp(28px,4vw,48px);
}
.pfs-main {
  display: block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: clamp(32px,6vw,96px);
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: rgba(248,244,236,0.86);
  user-select: none;
}
.pfs-word {
  display: inline-block;
  white-space: pre;
  will-change: opacity, transform;
}
/* ── Baker's Blessing block (home edition) ─────────────────────────── */
.pfs-mybread {
  display: block;
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 400;
  font-style: italic !important;
  font-size: clamp(1.6rem,3.4vw,3.2rem);
  letter-spacing: -0.01em;
  line-height: 1;
  color: rgba(248,244,236,0.55);
  margin-bottom: clamp(6px,0.8vw,12px);
}
.pfs-translation {
  display: block;
  font-family: 'Courier New', monospace;
  font-size: clamp(0.7rem,1.1vw,0.95rem);
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(248,244,236,0.38);
  line-height: 1.6;
  margin-top: clamp(20px,2.6vw,36px);
}
.pfs-prayer {
  display: block;
  font-family: 'Courier New', monospace;
  font-size: clamp(11px,0.75vw,13px);
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(248,244,236,0.40);
  margin: clamp(16px,2vw,28px) auto 0;
  position: relative;
  padding-top: clamp(12px,1.5vw,20px);
  width: fit-content;
}
.pfs-prayer::before {
  content: '';
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 40px; height: 1px;
  background: rgba(248,244,236,0.18);
}

/* ── MOBILE MANIFESTO — IO-driven reveal ────────────────────────────── */
@media (max-width: 640px) {
  .manifesto-panel {
    padding: clamp(60px,12vw,100px) var(--g);
  }
  .manifesto-panel .mp-claim {
    transition: opacity 0.7s cubic-bezier(.16,1,.3,1),
                letter-spacing 0.7s cubic-bezier(.16,1,.3,1);
  }
  .manifesto-panel:not(.mp-active):not(.mp-recede) .mp-claim { opacity: 0.38; }
  .manifesto-panel.mp-active .mp-claim { opacity: 1; }
  .manifesto-panel.mp-recede .mp-claim { opacity: 0.22; }
  .manifesto-panel.mp-ahead  .mp-claim { opacity: 0.52; }
  .manifesto-panel .mp-detail { transition: opacity 0.7s cubic-bezier(.16,1,.3,1); }
  .manifesto-panel:not(.mp-active) .mp-detail { opacity: 0.28; }
  .manifesto-panel.mp-active .mp-detail { opacity: 1; }
}

/* ── HERO PANEL — 3D tilt (pointer:fine only) ───────────────────────── */
@media (pointer: coarse) {
  .hp2-img-inner { transition: none; will-change: auto; }
}

/* ── HERO SWEEP PANELS — disable 3D on touch ───────────────────────── */
@media (pointer: coarse) {
  .hero-panel { transform: none !important; }
}

/* ── CURSOR LABEL ───────────────────────────────────────────────────── */
#cur-label {
  font-family: 'Courier New', monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  pointer-events: none;
  color: inherit;
}

/* ── SCROLL INDICATOR ───────────────────────────────────────────────── */
.hero-scroll {
  opacity: 0;
}

/* ── SIGNATURE · HERO PRODUCT CARDS ─────────────────────────────────────
   Binds the dormant spring-physics tilt + cursor spotlight (home-micro.js
   drives --rx/--ry/--tz and --cx/--cy; nothing consumed them before).
   Pointer-fine + motion only. Degrades to the flat card everywhere else. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .hero-products{ perspective:1500px; }
  .hero-products .hero-product{
    transform: rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(var(--tz,0px));
    transition: box-shadow .35s ease, border-color .35s ease;
    will-change: transform;
  }
  .hero-products .hero-product:hover{
    box-shadow: 0 22px 70px rgba(42,24,16,0.22);
  }
  /* Warm gold light tracks the cursor across the card face */
  .hero-product--bread{
    background-image:
      radial-gradient(circle at var(--cx,50%) var(--cy,42%), rgba(196,149,10,0.20) 0%, rgba(196,149,10,0) 40%),
      linear-gradient(to top, rgba(42,24,16,0.97) 0%, rgba(42,24,16,0.72) 38%, rgba(42,24,16,0.18) 68%, rgba(42,24,16,0.10) 100%),
      url('/img/bread-hero-v2.webp');
  }
  .hero-product--brew{
    background-image:
      radial-gradient(circle at var(--cx,50%) var(--cy,42%), rgba(196,149,10,0.18) 0%, rgba(196,149,10,0) 40%),
      linear-gradient(to top, rgba(24,14,8,0.97) 0%, rgba(24,14,8,0.74) 38%, rgba(24,14,8,0.20) 68%, rgba(24,14,8,0.10) 100%),
      url('/img/brew-hero.webp');
  }
}

/* ═══ BOTTOM-UP RAMP — HOME (mid tone: between BREAD light / BREW dark) ═══
   Footer = darkest + strongest gridlines; every section above is one step
   brighter with lighter lines. Boundary colors are shared between sections
   so the stack fades seamlessly with no visible seams. */
.philosophy{ background:linear-gradient(180deg,#362312 0%,#30200F 100%); }
.philosophy::after{
  background-image:
    linear-gradient(rgba(248,244,236,0.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(248,244,236,0.018) 1px,transparent 1px);
  background-size:72px 72px;
}
.principles-section{ background:linear-gradient(180deg,#30200F 0%,#281808 100%); }
.principles-section::before{
  background-image:
    linear-gradient(rgba(248,244,236,0.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(248,244,236,0.026) 1px,transparent 1px);
  background-size:72px 72px;
}
.pre-footer-statement{ background:linear-gradient(180deg,#281808 0%,#1E1106 100%); }
.pre-footer-statement::before{
  background-image:
    linear-gradient(rgba(248,244,236,0.036) 1px,transparent 1px),
    linear-gradient(90deg,rgba(248,244,236,0.036) 1px,transparent 1px);
  background-size:72px 72px;
}
footer{ background:linear-gradient(180deg,#1E1106 0%,#150B04 100%); }
footer::before{
  background-image:
    linear-gradient(rgba(248,244,236,0.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(248,244,236,0.05) 1px,transparent 1px);
  background-size:72px 72px;
}

/* ═══ BLESSING TYPE SCALE — readability pass ═══ */
.pfs-eyebrow{
  font-size:clamp(11px,1vw,14px);
  letter-spacing:0.42em;
  color:rgba(248,244,236,0.30);
}
.pfs-mybread{ font-size:clamp(1.8rem,3.5vw,3.4rem); }
.pfs-main{ font-size:clamp(40px,7vw,112px); line-height:0.95; letter-spacing:-0.03em; color:rgba(248,244,236,0.92); }
.pfs-translation{
  font-size:clamp(0.85rem,1.3vw,1.1rem);
  font-weight:700;
  letter-spacing:0.22em;
  color:rgba(248,244,236,0.42);
}
.pfs-prayer{ font-size:clamp(11px,0.9vw,14px); font-weight:700; letter-spacing:0.30em; }

/* ═══ FOOTER — canonical (mirrors BREW): watermark, creed, coords ═══ */
.ft-statement{
  display:flex;flex-direction:column;align-items:center;gap:0;
  margin-bottom:clamp(20px,3vw,32px);
  position:relative;z-index:1;
}
.ft-statement-line{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:900;font-size:clamp(52px,10vw,160px);
  letter-spacing:-0.055em;line-height:0.88;
  color:rgba(248,244,236,0.04);text-transform:uppercase;
  user-select:none;display:block;
}
.ft-creed{
  font-family:"Courier New",monospace;font-size:13px;font-weight:600;
  letter-spacing:0.28em;text-transform:uppercase;
  color:rgba(248,244,236,0.22);text-align:center;
  margin-bottom:clamp(24px,3vw,36px);
  position:relative;z-index:1;
}
.ft-coords{
  font-family:"Courier New",monospace;font-size: 11px;font-weight:600;
  letter-spacing:0.38em;text-transform:uppercase;
  color:rgba(248,244,236,0.08);text-align:center;
  margin-top:clamp(16px,2vw,24px);
  position:relative;z-index:1;
}
.footer-links{border-top:none;padding-top:0;justify-content:center;gap:4px 0}
.footer-link{
  font-family:"Courier New",monospace;font-size:13px;font-weight:600;
  letter-spacing:0.22em;text-transform:uppercase;
  color:rgba(248,244,236,0.25);padding:4px 14px;
  border-right:1px solid rgba(248,244,236,0.08);
}
.footer-link:last-child{border-right:none}
.footer-link:hover{color:rgba(248,244,236,0.7)}
.footer-copy{
  font-family:"Courier New",monospace;font-size:13px;font-weight:600;
  letter-spacing:0.22em;text-transform:uppercase;
  color:rgba(248,244,236,0.18);
  width:100%;text-align:center;padding-top:16px;margin-bottom:0;
  border-top:1px solid rgba(248,244,236,0.04);
}
footer{
  padding:clamp(40px,6vw,60px) var(--g) clamp(32px,5vw,52px);
  flex-direction:column;align-items:center;justify-content:center;gap:0;
  border-top:1px solid rgba(248,244,236,0.04);
}

/* Principles CTAs — centred on the page */
.principles-cta-row{justify-content:center}

/* ═══ OUR BELIEF + RULES WE KEEP — distilled ═════════════════════════ */
/* Belief stands alone, centred weight on the quote */
.philosophy-inner--solo{grid-template-columns:1fr}
.philosophy-inner--solo .phil-quote{max-width:none}

/* Section number 03 — unified with the 02 ghost numeral treatment.
   Sits LEFT, counterbalancing the right-bound rules. */
.prin-accent-num{
  position:absolute;
  left:var(--g);top:50%;transform:translateY(-50%);
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:900;font-size:clamp(120px,18vw,260px);
  letter-spacing:-0.06em;line-height:1;
  color:rgba(248,244,236,0.10);
  pointer-events:none;user-select:none;
}

/* Header headline under the eyebrow */
.principles-h2{
  font:900 clamp(40px,5.5vw,84px)/0.95 'Helvetica Neue',Helvetica,Arial,sans-serif;
  letter-spacing:-0.035em;
  color:var(--cream,#F8F4EC);
  margin:18px 0 0;
}

/* Four essentials — bigger statement lines, no expander, no num column */
.principles-list .principle-item{grid-template-columns:1fr}
.principles-list .pi-rule{font-size:clamp(28px,3.6vw,56px)}

/* Coda line */
.principles-coda{
  font-family:'Courier New',monospace;
  font-size:clamp(11px,1vw,14px);
  font-weight:700;
  letter-spacing:0.42em;
  text-transform:uppercase;
  color:rgba(248,244,236,0.30);
  text-align:center;
  margin:clamp(40px,5vh,64px) 0 0;
}

/* ═══ RULES WE KEEP — right-bound ═══════════════════════════════════ */
.principles-header{text-align:right}
.principles-list .principle-item{justify-items:end}
.principles-list .pi-rule{text-align:right}

/* ═══ TYPOGRAPHY MASTERPASS — contrast & readability, dark sections ═══
   Secondary type lifted out of the murk: eyebrows and codas clearly
   legible, reading text at comfortable contrast, whisper marks kept as
   whispers by intent. */
.pfs-eyebrow{color:rgba(248,244,236,0.36)}
.pfs-mybread{color:rgba(248,244,236,0.62)}
.pfs-translation{color:rgba(248,244,236,0.52)}
.pfs-prayer{color:rgba(248,244,236,0.46)}
.ft-creed{color:rgba(248,244,236,0.34)}
.footer-link{color:rgba(248,244,236,0.42)}
.footer-link:hover{color:rgba(248,244,236,0.85)}
.footer-copy{color:rgba(248,244,236,0.30)}
.principles-eyebrow{color:rgba(248,244,236,0.34)}
.pi-rule{color:rgba(248,244,236,0.94)}
.principles-coda{color:rgba(248,244,236,0.38)}

/* ═══ MOBILE MASTERPASS — home display type ═══ */
@media (max-width:640px){
  .hero-headline{font-size:clamp(44px,13vw,58px)}
  .principles-h2{font-size:clamp(32px,10vw,44px)}
  .principles-list .pi-rule{font-size:clamp(24px,7.5vw,32px)}
  .prin-accent-num,.phil-accent-num{font-size:clamp(90px,28vw,140px)}
  .principles-cta-row{flex-direction:column;align-items:center}
}

/* ═══ NAV LINKS — FINAL UNIFORM SIZE (16px everywhere, all pages) ═══ */
.nav-link{
  font-family:"Courier New",monospace!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:0.18em!important;
  padding:10px 18px!important;
  margin:0 2px!important;
  line-height:1.2!important;
}

/* ═══ "My Bread." — exact gate typography (Fraunces text-cut, not the
   auto display cut): weight 400, opsz 72, WONK 1, true italic ═══ */
.pfs-mybread{
  font-family:"Fraunces","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-weight:400!important;
  font-style:italic!important;
  font-variation-settings:"WONK" 1,"opsz" 72!important;
  letter-spacing:-0.01em!important;
}

/* ── SECTION 3 ENDING + TRANSITION OPTIMIZATION ─────────────────────
   Tighten the dead air after the CTA row and let the principles section
   hand over to the blessing in one continuous tonal ramp. */
.principles-section{padding-bottom:clamp(48px,6vw,84px)}
.principles-coda{margin:clamp(28px,3.5vh,44px) 0 0}
.principles-cta-row{margin-top:clamp(28px,3.5vh,44px);padding-top:clamp(22px,3vh,36px)}
.pre-footer-statement{padding-top:clamp(64px,9vw,120px)}

/* My Bread. — matches the gate's exact Fraunces cut (gate loads italic 900 only) */
.pfs-mybread{
  font-family:'Fraunces',Georgia,serif !important;
  font-weight:900 !important;
  font-style:italic !important;
  font-variation-settings:'WONK' 1,'opsz' 72 !important;
}

/* ═══ CODA AS LARGE DIVIDER + CTAs RELOCATED BELOW BLESSING ═══════════ */
.principles-coda{
  font-family:'Courier New',monospace !important;
  font-size:clamp(13px,1.9vw,26px) !important;
  font-weight:700 !important;
  letter-spacing:0.2em !important;
  text-transform:uppercase !important;
  color:rgba(92,61,46,0.46) !important;
  text-align:center !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:clamp(64px,9vw,120px) clamp(16px,4vw,48px) !important;
  border-top:1px solid rgba(92,61,46,0.12) !important;
  line-height:1.2 !important;
}
@media(max-width:560px){.principles-coda{white-space:normal !important;letter-spacing:0.14em !important}}
.blessing-cta-row{
  display:flex;gap:clamp(12px,1.6vw,20px);justify-content:center;flex-wrap:wrap;
  margin-top:clamp(44px,6vh,72px);
}
.phil-quote .pq-line{display:block;white-space:nowrap}
@media(max-width:640px){.phil-quote .pq-line{white-space:normal}}