/* The Antonios — shared styles. Locked design language:
   cream/oxblood/quiet green, Fraunces + Inter + Mrs Saint Delafield,
   editorial imagery, index rows as navigation, no RSVP. */

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --paper:#F8F2E6; --paperwarm:#E2D5BD; --ink:#2A1808;
  --ox:#5C1829; --grn:#2C4A33; --gold:#D9A441; --dark:#0F1B13;
}
body{background:var(--paper);color:var(--ink);
  font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}

/* ---------- top strip ---------- */
.strip{display:flex;justify-content:space-between;align-items:center;
  padding:20px clamp(20px,5vw,48px);border-bottom:1px solid rgba(42,24,8,.15)}
.strip .logo{font-family:'Mrs Saint Delafield',cursive;font-size:28px;
  color:var(--ox);text-decoration:none}
.strip .right{font-size:11px;letter-spacing:.2em;color:rgba(42,24,8,.55);
  text-decoration:none;text-transform:uppercase}
.strip .right:hover{color:var(--ox)}
.strip nav{display:flex;gap:clamp(12px,2.2vw,26px);flex-wrap:wrap;
  justify-content:flex-end;row-gap:6px}
.strip nav a{font-size:11px;letter-spacing:.18em;color:rgba(42,24,8,.55);
  text-decoration:none;text-transform:uppercase;transition:color .15s}
.strip nav a:hover{color:var(--ox)}
.strip nav a.here{color:var(--ox);border-bottom:1px solid var(--ox);padding-bottom:2px}

/* ---------- shared type ---------- */
.kicker{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:rgba(42,24,8,.5)}
.kicker .n{color:var(--grn);font-weight:600}
.aside{font-family:Fraunces,serif;font-style:italic;color:var(--grn)}
.facts{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(42,24,8,.55)}
.tbd{background:rgba(92,24,41,.07);border-left:3px solid var(--ox);
  padding:12px 16px;font-size:14px;color:rgba(42,24,8,.7);margin-top:20px}
.tbd b{color:var(--ox);letter-spacing:.1em;font-size:11px}

/* ---------- content page header ---------- */
.pagehead{padding:clamp(48px,8vw,88px) clamp(20px,5vw,48px) clamp(24px,4vw,40px);
  max-width:860px;margin:0 auto}
.pagehead h1{font-family:Fraunces,serif;font-weight:500;
  font-size:clamp(40px,6.5vw,72px);line-height:1.05;letter-spacing:-.015em;margin-top:14px}
.pagehead h1 em{font-style:italic;color:var(--ox)}
.pagehead .lede{font-size:17px;line-height:1.75;color:rgba(42,24,8,.75);
  margin-top:24px;max-width:560px}

/* ---------- prose sections ---------- */
.sect{padding:clamp(28px,4vw,44px) clamp(20px,5vw,48px);max-width:860px;margin:0 auto}
.sect h2{font-family:Fraunces,serif;font-weight:500;font-size:clamp(24px,3.2vw,32px);
  line-height:1.2}
.sect h2 em{font-style:italic;color:var(--ox)}
.sect p{font-size:16px;line-height:1.8;color:rgba(42,24,8,.75);margin-top:16px;max-width:600px}
.sect .aside{display:block;font-size:15.5px;margin-top:12px}

/* ---------- ruled detail rows ---------- */
.rows{margin-top:24px;max-width:600px}
.krow{display:flex;justify-content:space-between;gap:24px;padding:12px 0;
  border-top:1px solid rgba(42,24,8,.18);font-size:14.5px}
.krow .k{letter-spacing:.16em;font-size:11px;color:rgba(42,24,8,.55);
  text-transform:uppercase;padding-top:3px;flex:none;width:130px}
.krow .v{font-weight:500;flex:1}
.krow .v small{display:block;font-weight:400;color:rgba(42,24,8,.6);margin-top:2px}

/* ---------- index rows (navigation & lists) ---------- */
.toc{padding:clamp(32px,5vw,56px) clamp(20px,5vw,48px)}
.toc .hd{font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:rgba(42,24,8,.5);margin-bottom:14px;border-top:2px solid var(--ink);padding-top:18px}
.irow{display:flex;align-items:center;gap:18px;padding:13px 12px;
  border-bottom:1px solid rgba(42,24,8,.25);cursor:pointer;text-decoration:none;
  transition:background .15s,color .15s;font-family:Fraunces,serif}
.irow:hover{background:var(--ink);color:var(--paper)}
.irow .n{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--grn);width:22px}
.irow:hover .n{color:var(--paperwarm)}
.irow .thumb{width:56px;height:42px;object-fit:cover;flex:none;background:var(--paperwarm)}
.irow .t{flex:1;font-size:19px;font-weight:500}
.irow .d{font-family:Inter,sans-serif;font-size:12.5px;color:rgba(42,24,8,.5);text-align:right}
.irow:hover .d{color:rgba(248,242,230,.6)}
@media(max-width:760px){.irow .d{display:none}}

/* ---------- buttons ---------- */
.btn{display:inline-block;margin-top:28px;background:var(--ox);color:var(--paper);
  padding:15px 34px;font-size:12px;letter-spacing:.18em;font-weight:600;
  text-decoration:none;border-radius:2px;transition:transform .2s}
.btn:hover{transform:rotate(-1.2deg) scale(1.03)}
.quiet{display:inline-block;margin-top:24px;color:var(--ox);font-size:11px;
  letter-spacing:.26em;text-decoration:none;border-bottom:1px solid rgba(92,24,41,.4);
  padding-bottom:4px;transition:border-color .2s;text-transform:uppercase}
.quiet:hover{border-color:var(--ox)}

/* ---------- full-bleed band ---------- */
.band{position:relative;height:min(48vh,420px);overflow:hidden;margin-top:clamp(28px,4vw,44px)}
.band img{width:100%;height:100%;object-fit:cover;background:var(--paperwarm)}
.band .caption{position:absolute;left:clamp(20px,5vw,48px);bottom:24px;color:var(--paper)}
.band .caption .rule{width:44px;height:2px;background:var(--paper);margin-bottom:12px;opacity:.9}
.band .caption .big{font-family:Fraunces,serif;font-style:italic;
  font-size:clamp(18px,2.4vw,23px);text-shadow:0 1px 14px rgba(0,0,0,.35)}
.band .caption .small{font-size:11px;letter-spacing:.22em;margin-top:8px;opacity:.85;
  text-transform:uppercase}

/* ---------- dark atlas band ---------- */
.atlas{position:relative;background:var(--dark);color:#E8E4D8;overflow:hidden;
  margin-top:clamp(28px,4vw,44px)}
.atlas .inner{position:relative;padding:clamp(48px,8vw,88px) clamp(20px,5vw,48px);
  display:flex;flex-direction:column;align-items:center;text-align:center}
.atlas .coords{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:12px;
  letter-spacing:.3em;color:rgba(232,228,216,.5)}
.atlas h3{font-family:Fraunces,serif;font-style:italic;font-weight:400;
  font-size:clamp(26px,4.2vw,42px);line-height:1.2;margin-top:20px;max-width:640px}
.atlas .sub{font-size:15.5px;line-height:1.75;color:rgba(232,228,216,.65);
  margin-top:16px;max-width:440px}
.atlas .ghost{display:inline-block;margin-top:30px;border:1px solid rgba(232,228,216,.45);
  color:#E8E4D8;padding:15px 42px;font-size:11px;letter-spacing:.3em;text-decoration:none;
  text-transform:uppercase;transition:border-color .3s,box-shadow .3s}
.atlas .ghost:hover{border-color:var(--gold);box-shadow:0 0 24px rgba(217,164,65,.25)}

/* ---------- prev / next page nav ---------- */
.pagenav{display:flex;justify-content:space-between;gap:16px;
  padding:clamp(32px,5vw,56px) clamp(20px,5vw,48px);max-width:860px;margin:0 auto}
.pagenav a{font-family:Fraunces,serif;font-size:17px;font-weight:500;
  text-decoration:none;color:var(--ink)}
.pagenav a:hover{color:var(--ox)}
.pagenav .lbl{display:block;font-family:Inter,sans-serif;font-size:10px;
  letter-spacing:.24em;color:rgba(42,24,8,.5);margin-bottom:6px;text-transform:uppercase}
.pagenav .next{text-align:right;margin-left:auto}

/* ---------- footer ---------- */
footer{text-align:center;padding:clamp(48px,7vw,80px) 20px;
  border-top:1px solid rgba(42,24,8,.15);margin-top:clamp(28px,4vw,44px)}
footer .script{font-family:'Mrs Saint Delafield',cursive;font-size:42px;color:var(--ox)}
footer .facts{margin-top:12px}
footer .aside{display:block;font-size:14px;margin-top:20px;color:rgba(42,24,8,.5)}