/* ============================================================================
   LOTUS CANYON TRAVEL — site.css
   The shared "longevity" backbone for every page (hub + spokes).
   Editorial system (NYT / Condé Nast Traveler) in the Linen & Leather palette.
   Self-hosted fonts. One source of truth — edit tokens here, all pages follow.
   ============================================================================ */

/* ---------- 1. FONTS (self-hosted from /fonts) ---------- */
@font-face{ font-family:"New York"; src:url("../fonts/NewYork.ttf") format("truetype"); font-weight:300 700; font-style:normal; font-display:swap; }
@font-face{ font-family:"New York"; src:url("../fonts/NewYorkItalic.ttf") format("truetype"); font-weight:300 700; font-style:italic; font-display:swap; }
@font-face{ font-family:"Geneva"; src:url("../fonts/Geneva.ttf") format("truetype"); font-weight:400 700; font-style:normal; font-display:swap; }
@font-face{ font-family:"Monaco"; src:url("../fonts/Monaco.ttf") format("truetype"); font-weight:400 700; font-style:normal; font-display:swap; }

/* ---------- 2. TOKENS ---------- */
:root{
  /* palette */
  --linen:#EBE2D1; --paper:#F6F1E6; --sand:#E2D7C2; --stone:#C3BBA9;
  --grey:#6F6E66; --charcoal:#2C2A26; --leather:#9B6A3C; --oxblood:#6B2D2D;
  --espresso:#3E2A1E; --done:#2E7D46; --active:#C2671A;
  /* derived */
  --ink:var(--charcoal); --ink-soft:rgba(44,42,38,.74); --ink-faint:rgba(44,42,38,.5);
  --line:#2C2A26; --line-soft:rgba(44,42,38,.18); --line-faint:rgba(44,42,38,.1);
  --oxblood-wash:rgba(107,45,45,.08); --leather-wash:rgba(155,106,60,.12); --grey-wash:rgba(111,110,102,.14);
  /* type */
  --serif:"New York",Georgia,"Times New Roman",serif;
  --sans:"Geneva","Helvetica Neue",system-ui,sans-serif;
  --mono:"Monaco","Space Mono",ui-monospace,monospace;
  /* scale */
  --fs-display:clamp(2.6rem,6.2vw,5.4rem);
  --fs-h1:clamp(2.1rem,4.4vw,3.5rem);
  --fs-h2:clamp(1.6rem,3vw,2.4rem);
  --fs-h3:clamp(1.2rem,1.7vw,1.45rem);
  --fs-lede:clamp(1.12rem,1.5vw,1.4rem);
  --fs-body:1.02rem;
  --fs-meta:.72rem;
  /* layout */
  --wrap:1200px; --measure:68ch; --gutter:clamp(1.25rem,4vw,3rem);
  --section:clamp(3.5rem,7vw,6.5rem);
  --rule:1.5px; --hair:1px;
  --ease:cubic-bezier(.22,1,.36,1); --dur:.3s; --dur-slow:.7s;
}

/* ---------- 3. RESET / BASE ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important}}
body{
  font-family:var(--sans); font-size:var(--fs-body); line-height:1.62;
  color:var(--ink); background:var(--linen);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--oxblood);outline-offset:3px}
::selection{background:var(--oxblood);color:var(--paper)}
.wrap{width:min(100% - calc(var(--gutter)*2),var(--wrap));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:0;background:var(--charcoal);color:var(--paper);padding:.6rem 1rem;z-index:200}
.skip-link:focus{left:.5rem;top:.5rem}

/* ---------- 4. EDITORIAL PRIMITIVES ---------- */
.kicker{
  font-family:var(--mono); font-size:var(--fs-meta); font-weight:700;
  letter-spacing:.22em; text-transform:uppercase; color:var(--oxblood);
  display:inline-flex; align-items:center; gap:.7rem;
}
.kicker--leather{color:var(--leather)}
.kicker--grey{color:var(--grey)}
.kicker::before{content:"";width:24px;height:var(--rule);background:currentColor;flex:none}
.kicker--plain::before{display:none}

.headline{font-family:var(--serif);font-weight:500;line-height:1.0;letter-spacing:-.02em;color:var(--ink);font-size:var(--fs-h1)}
.headline em,.serif-em{font-style:italic;color:var(--oxblood)}
.display{font-family:var(--serif);font-weight:500;line-height:.98;letter-spacing:-.025em;font-size:var(--fs-display)}
.display em{font-style:italic;color:var(--oxblood)}
h1,h2,h3,h4{font-family:var(--sans);font-weight:700;letter-spacing:-.015em;line-height:1.12}
.h2{font-size:var(--fs-h2)} .h3{font-size:var(--fs-h3)}

.lede{font-size:var(--fs-lede);line-height:1.5;color:var(--ink);font-weight:500;max-width:46ch}
.dek{font-size:var(--fs-lede);line-height:1.5;color:var(--ink-soft)}
.prose{max-width:var(--measure)}
.prose p{margin-top:1.05em;color:var(--ink-soft)}
.prose p:first-child{margin-top:0}
.prose p.standfirst{font-size:1.18rem;color:var(--ink);font-weight:500}
.dropcap::first-letter{
  font-family:var(--serif); float:left; font-size:4.1rem; line-height:.78;
  padding:.32rem .5rem 0 0; color:var(--oxblood); font-weight:500;
}
.byline{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase}
.byline b{color:var(--ink);font-weight:700}
.pullquote{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.2;color:var(--ink);font-style:italic;border-top:var(--rule) solid var(--line);border-bottom:var(--rule) solid var(--line);padding:1.4rem 0;margin:1.8rem 0}
.pullquote cite{display:block;font-family:var(--mono);font-style:normal;font-size:var(--fs-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--oxblood);margin-top:.9rem}

/* rules / dividers */
.rule{height:var(--rule);background:var(--line);border:0}
.rule--hair{height:var(--hair);background:var(--line-soft)}
.rule--double{height:5px;border-top:var(--rule) solid var(--line);border-bottom:var(--rule) solid var(--line);background:transparent}

/* columns (magazine) */
.columns{columns:2;column-gap:clamp(1.6rem,3vw,3rem);column-rule:var(--hair) solid var(--line-soft)}
.columns p{margin:0 0 1em;break-inside:avoid-column}
@media (max-width:680px){.columns{columns:1}}

/* ---------- 5. MASTHEAD ---------- */
.dateline{background:var(--charcoal);color:var(--linen)}
.dateline .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.42rem 0;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase}
.dateline span{white-space:nowrap}
.dateline .dot{color:var(--leather)}
.dateline-right{color:rgba(235,226,209,.7)}

.masthead{background:var(--linen);border-bottom:var(--rule) solid var(--line);position:sticky;top:0;z-index:60}
.masthead-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.85rem 0}
.mh-left{display:flex;align-items:center;gap:.4rem}
.mh-right{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}
.brand-lockup{display:inline-flex;align-items:center;gap:.6rem;justify-self:center}
.brand-lockup svg{display:block}
.brand-word{font-family:var(--serif);font-weight:600;font-size:clamp(1.15rem,2vw,1.6rem);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.brand-word em{font-style:italic;color:var(--oxblood)}

.nav{border-bottom:var(--rule) solid var(--line);background:var(--linen)}
.nav-inner{display:flex;justify-content:center;flex-wrap:wrap;gap:0;padding:0}
.nav-inner a{
  font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink);padding:.7rem 1.15rem;border-right:var(--hair) solid var(--line-soft);
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);position:relative;
}
.nav-inner a:first-child{border-left:var(--hair) solid var(--line-soft)}
.nav-inner a:hover{background:var(--oxblood-wash);color:var(--oxblood)}
.nav-inner a[aria-current="page"]{color:var(--oxblood)}
.nav-inner a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--oxblood)}

.mh-clock{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap}
.menu-toggle{display:none;background:transparent;border:var(--rule) solid var(--line);border-radius:6px;padding:.4rem .6rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}

@media (max-width:760px){
  .masthead-inner{grid-template-columns:auto 1fr auto}
  .brand-lockup{justify-self:start;grid-column:2}
  .mh-clock{display:none}
  .menu-toggle{display:inline-block}
  .nav[data-open="false"] .nav-inner{display:none}
  .nav-inner{flex-direction:column}
  .nav-inner a{border-right:0;border-bottom:var(--hair) solid var(--line-soft);text-align:center}
  .nav-inner a:first-child{border-left:0}
}

/* ---------- 6. BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--sans);font-weight:600;font-size:.86rem;letter-spacing:.02em;padding:.7rem 1.25rem;border-radius:7px;border:var(--rule) solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease);white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn--solid{background:var(--oxblood);color:var(--paper)}
.btn--solid:hover{background:var(--espresso)}
.btn--outline{border-color:var(--line);color:var(--ink)}
.btn--outline:hover{background:var(--charcoal);color:var(--linen)}
.btn--leather{background:var(--leather);color:var(--paper)}
.btn--leather:hover{background:#855a31}
.btn--ghost{color:var(--oxblood);padding-inline:.2rem;border-radius:0}
.btn--ghost:hover{transform:none}
.btn--ghost .arrow{transition:transform var(--dur) var(--ease)}
.btn--ghost:hover .arrow{transform:translateX(4px)}
.mini-btn{background:transparent;border:var(--hair) solid var(--line-soft);color:var(--ink);font-family:var(--sans);font-size:.74rem;font-weight:600;padding:.36rem .7rem;border-radius:6px;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.mini-btn:hover{border-color:var(--oxblood);color:var(--oxblood)}

/* ---------- 7. FIGURES / IMAGE SLOTS ---------- */
figure{margin:0}
.figure{border:var(--rule) solid var(--line);background:var(--paper);padding:8px}
.figure image-slot{width:100%;display:block}
figcaption{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;padding:.6rem .2rem 0;display:flex;justify-content:space-between;gap:1rem}
figcaption .credit{color:var(--leather)}
image-slot{--slot-bg:var(--sand)}

/* ---------- 8. CARDS / WIRE FRAMES ---------- */
.card{border:var(--rule) solid var(--line);background:var(--paper);border-radius:8px}
.card--flat{background:transparent}
.tag{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.26rem .56rem;border-radius:100px;white-space:nowrap}
.tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tag--go{background:rgba(46,125,70,.16);color:#236236}
.tag--peak{background:rgba(194,103,26,.18);color:#9C4F12}
.tag--soon{background:rgba(111,110,102,.16);color:#54534c}

/* ---------- 9. FORM ---------- */
.field{display:flex;flex-direction:column;gap:.4rem}
.field label{font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--ink)}
.field input,.field textarea{
  font-family:var(--sans);font-size:.96rem;color:var(--ink);background:var(--linen);
  border:var(--rule) solid var(--line-soft);border-radius:7px;padding:.78rem .95rem;width:100%;
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--oxblood);background:var(--paper)}
.field[data-invalid="true"] input,.field[data-invalid="true"] textarea{border-color:var(--oxblood)}
.field-error{font-family:var(--mono);font-size:.66rem;color:var(--oxblood);letter-spacing:.04em;min-height:.9em}

/* ---------- 10. FOOTER ---------- */
.site-footer{background:var(--sand);border-top:var(--rule) solid var(--line);margin-top:var(--section)}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem;padding:clamp(2.4rem,4vw,3.6rem) 0}
@media (max-width:760px){.footer-top{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.footer-top{grid-template-columns:1fr}}
.footer-col h4{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);font-weight:700;margin-bottom:1rem}
.footer-col a{display:block;font-size:.92rem;color:var(--ink-soft);padding:.28rem 0;transition:color var(--dur) var(--ease)}
.footer-col a:hover{color:var(--oxblood)}
.footer-brand .brand-word{font-size:1.35rem}
.footer-brand p{font-size:.9rem;color:var(--ink-soft);margin-top:.8rem;max-width:34ch}
.footer-bottom{border-top:var(--hair) solid var(--line-soft)}
.footer-bottom .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;padding:1.1rem 0;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}

/* ---------- 11. REVEAL ANIMATION ---------- */
.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* ---------- 12. SECTION SCAFFOLD ---------- */
.section{padding-block:var(--section)}
.section-head{display:flex;flex-direction:column;gap:1rem;max-width:48ch;margin-bottom:clamp(1.8rem,3vw,2.8rem)}
.section-head .kicker{margin-bottom:.2rem}
.eyebrow-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.index-num{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;color:var(--ink-faint)}

/* ---------- 13. LIVE ITINERARY TRACKER ---------- */
.tracker{display:grid;grid-template-columns:300px 1fr;gap:clamp(1.2rem,2.5vw,2.4rem);border:var(--rule) solid var(--line);border-radius:10px;background:var(--paper);overflow:hidden}
@media (max-width:820px){.tracker{grid-template-columns:1fr}}
.tracker-list{border-right:var(--rule) solid var(--line);padding:1.3rem}
@media (max-width:820px){.tracker-list{border-right:0;border-bottom:var(--rule) solid var(--line)}}
.tracker-list h3{font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);font-weight:700;margin-bottom:1rem}
.tracker-list ul{list-style:none}
.traveler-btn{width:100%;text-align:left;background:transparent;border:var(--rule) solid transparent;border-radius:7px;padding:.7rem .85rem;display:flex;flex-direction:column;gap:.1rem;margin-bottom:.5rem;color:var(--ink);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.traveler-btn:hover{border-color:var(--line-soft)}
.traveler-btn[aria-selected="true"]{border-color:var(--oxblood);background:var(--oxblood-wash)}
.traveler-btn .t-name{font-weight:600;letter-spacing:-.01em}
.traveler-btn .t-trip{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.tracker-detail{padding:clamp(1.3rem,2.5vw,2rem)}
.detail-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}
.detail-head h3{font-family:var(--serif);font-weight:500;font-size:1.55rem;letter-spacing:-.01em}
.detail-head .t-meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-top:.2rem}
.progress{margin-bottom:1.6rem}
.progress-bar{height:7px;border-radius:100px;background:var(--grey-wash);border:var(--hair) solid var(--line-soft);overflow:hidden}
.progress-fill{height:100%;width:0;border-radius:100px;background:linear-gradient(90deg,var(--status-done),var(--status-active));transition:width var(--dur-slow) var(--ease)}
.progress-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-top:.55rem}
.progress-label b{color:var(--ink)}
.timeline{list-style:none;position:relative}
.timeline::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--line-faint)}
.stage{position:relative;padding:0 0 1.5rem 2.7rem}
.stage:last-child{padding-bottom:0}
.stage-dot{position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--paper);border:2px solid var(--stone);display:grid;place-items:center}
.stage[data-status="completed"] .stage-dot{background:var(--status-done);border-color:var(--status-done)}
.stage[data-status="active"] .stage-dot{border-color:var(--status-active);box-shadow:0 0 0 4px rgba(194,103,26,.18)}
.stage[data-status="active"] .stage-dot::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--status-active)}
.stage-dot svg{width:11px;height:11px}
.stage-row{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline}
.stage-title{font-weight:600;font-size:1.05rem;letter-spacing:-.01em}
.stage-day{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);white-space:nowrap}
.stage-loc{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--leather);margin-top:.18rem;text-transform:uppercase}
.stage-detail{font-size:.94rem;color:var(--ink-soft);margin-top:.4rem}
.stage-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.26rem .56rem;border-radius:100px;margin-top:.55rem}
.stage-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.stage[data-status="completed"] .stage-badge{background:rgba(46,125,70,.16);color:#236236}
.stage[data-status="active"] .stage-badge{background:rgba(194,103,26,.18);color:#9C4F12}
.stage[data-status="upcoming"] .stage-badge{background:var(--grey-wash);color:#54534c}
.stage-notes{list-style:none;margin-top:.6rem}
.stage-note{font-size:.88rem;color:var(--ink-soft);padding-left:.9rem;border-left:2px solid var(--oxblood);margin-top:.4rem}
.stage-actions{display:flex;gap:.5rem;margin-top:.7rem;flex-wrap:wrap}
.detail-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.4rem;padding-top:1.1rem;border-top:var(--hair) solid var(--line-soft)}
.detail-foot .reset-note{font-family:var(--mono);font-size:.64rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}

/* ---- full-bleed page background (set by autofill.js when images/bg.* exists) ---- */
body[data-bg]::before{content:"";position:fixed;inset:0;z-index:-2;background:var(--page-bg) center/cover no-repeat;background-attachment:fixed}
body[data-bg]::after{content:"";position:fixed;inset:0;z-index:-1;background:var(--scrim,linear-gradient(rgba(246,241,230,.90),rgba(235,226,209,.93)))}

/* ============================================================================
   LUXE SITE SKIN — Dior / Saint Laurent restraint. Appended overrides so the
   whole site (Journeys, Studio, World Desk, Plan a Trip) speaks one voice with
   the homepage and the Concierge Desk: ivory ground, near-black ink, hairlines,
   thin uppercase tracked menus, squared buttons, generous air.
   ============================================================================ */
:root{
  --paper:#F6F1E6; --sand:#EFE9DC;
  --ink:#1A1712; --ink-soft:rgba(26,23,18,.66); --ink-faint:rgba(26,23,18,.42);
  --line:#1A1712; --line-soft:rgba(26,23,18,.14); --line-faint:rgba(26,23,18,.08);
  --oxblood-wash:rgba(107,45,45,.06); --rule:1px; --hair:1px;
}
body{background:var(--paper);color:var(--ink)}

/* dateline + masthead */
.dateline{background:var(--ink);color:rgba(246,241,230,.82)}
.dateline .wrap{letter-spacing:.18em;font-size:.62rem}
.masthead{background:var(--paper);border-bottom:1px solid var(--ink)}
.masthead-inner{padding:1.1rem 0}
.menu-toggle{border-radius:0;border-width:1px;letter-spacing:.18em}

/* primary menu: thin uppercase tracked links, no boxed cells */
.nav{background:var(--paper);border-bottom:0}
.nav-inner{gap:clamp(1rem,2.4vw,1.8rem);padding:.1rem 0 1.05rem;flex-wrap:wrap}
.nav-inner a{border:0 !important;background:none !important;padding:.2rem 0;font-size:.64rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);position:relative}
.nav-inner a:hover{background:none !important;color:var(--ink)}
.nav-inner a[aria-current="page"]{color:var(--ink)}
.nav-inner a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:1px;background:var(--oxblood)}
@media (max-width:760px){.nav[data-open="false"] .nav-inner{display:none}.nav-inner{flex-direction:column;gap:.3rem;align-items:center}}

/* buttons — squared, tracked */
.btn{border-radius:0;border-width:1px;text-transform:uppercase;letter-spacing:.2em;font-size:.66rem;padding:.85rem 1.6rem}
.btn:hover{transform:none}
.btn--solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn--solid:hover{background:transparent;color:var(--ink)}
.btn--outline{border-color:var(--line-soft);color:var(--ink)}
.btn--outline:hover{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn--leather{background:var(--leather);color:var(--paper);border-color:var(--leather)}
.btn--leather:hover{background:transparent;color:var(--ink)}
.btn--ghost{color:var(--ink)}

/* accents + rules */
.kicker{color:var(--leather);letter-spacing:.24em}
.kicker--leather{color:var(--leather)}
.headline em,.display em,.serif-em,.headline .serif-em{color:var(--oxblood)}
.tag{border-radius:0;letter-spacing:.14em;font-weight:700}
.pullquote cite{color:var(--oxblood)}

/* footer */
.site-footer{background:var(--paper);border-top:1px solid var(--ink)}
.footer-col h4{letter-spacing:.2em}

/* form fields — hairline, calm */
.field input,.field textarea{border-radius:0}
.field input:focus,.field textarea:focus{border-color:var(--oxblood)}