@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@500;600;700&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Libre+Caslon+Display&display=swap');

:root{
  --page:#f4efe5; --paper:#fffdf8; --ink:#1c1a16; --muted:#665f55; --line:#c8bca7;
  --amber:#d98e1b; --terra:#b95527; --teal:#14707c; --navy:#1f3a5f;
  --shadow:0 24px 80px rgba(42,31,16,.14);
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--teal)}

/* progress bar */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--amber);z-index:200}

/* topbar */
.topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:26px;
  padding:16px clamp(18px,4vw,54px);transition:background .3s,box-shadow .3s}
.topbar .brand{font:700 20px 'Archivo Narrow',sans-serif;letter-spacing:.06em;color:#fff;text-decoration:none;white-space:nowrap}
.topbar .brand b{color:var(--amber);font-weight:700}
.topbar nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.topbar nav::-webkit-scrollbar{display:none}
.topbar nav a{color:#fff;text-decoration:none;font:600 12.5px 'Archivo Narrow',sans-serif;letter-spacing:.12em;
  text-transform:uppercase;padding:8px 12px;border-radius:8px;white-space:nowrap;opacity:.92}
.topbar nav a:hover{background:rgba(255,255,255,.14);opacity:1}
.topbar nav a.here{background:var(--amber);color:#1c1a16;opacity:1}
.topbar.scrolled{background:rgba(250,246,238,.96);backdrop-filter:blur(10px);box-shadow:0 2px 24px rgba(42,31,16,.12)}
.topbar.scrolled .brand,.topbar.scrolled nav a{color:var(--ink)}
.topbar.scrolled nav a:hover{background:rgba(28,26,22,.07)}
.topbar.scrolled nav a.here{background:var(--amber);color:#1c1a16}

/* hero */
.hero{position:relative;min-height:94vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,10,.42) 0%,rgba(20,16,10,.08) 34%,rgba(20,16,10,.72) 100%)}
.hero .inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:120px clamp(20px,4vw,54px) 64px}
.crumb{font:600 12px 'Archivo Narrow',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.75);margin:0 0 18px}
.crumb a{color:rgba(255,255,255,.75);text-decoration:none}
.crumb a:hover{color:#fff}
.hero .kicker{font:600 13px 'Archivo Narrow',sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--amber);margin:0 0 14px}
.hero h1{font-family:'Libre Caslon Display',serif;font-weight:400;font-size:clamp(50px,7.4vw,104px);
  line-height:1.02;color:#fff;margin:0 0 20px;max-width:12ch}
.hero h1 em{font-style:italic;color:var(--amber)}
.hero .lede{font-size:clamp(17px,2vw,21px);color:rgba(255,255,255,.9);max-width:44ch;margin:0}
.hero .cap{position:absolute;right:18px;bottom:14px;z-index:2;color:rgba(255,255,255,.55);font-size:12px;font-style:italic}
.scrollhint{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;color:#fff;opacity:.7;
  font:600 11px 'Archivo Narrow',sans-serif;letter-spacing:.3em;text-transform:uppercase;animation:bob 2.4s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

/* article */
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,54px)}
.prose{max-width:780px;margin:0 auto;padding:clamp(44px,6vw,84px) 0 20px}
.prose>*:first-child{margin-top:0}
.prose h2{font-family:'Libre Caslon Display',serif;font-weight:400;font-size:clamp(30px,3.6vw,44px);
  line-height:1.12;margin:64px 0 18px;letter-spacing:-.01em}
.prose h2:first-child{margin-top:0}
.prose h3{font:700 15px 'Archivo Narrow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);margin:44px 0 12px}
.prose p{margin:0 0 20px;font-size:17.5px;color:#2e2a24}
.prose>p:first-of-type::first-letter{font-family:'Libre Caslon Display',serif;font-size:3.4em;float:left;
  line-height:.8;padding:6px 12px 0 0;color:var(--terra)}
.prose ul,.prose ol{margin:0 0 22px;padding-left:24px;font-size:17px;color:#2e2a24}
.prose li{margin-bottom:8px}
.prose li::marker{color:var(--terra)}
.prose strong{color:var(--ink)}
.prose thead strong{color:#f4efe5}
.prose hr{border:0;border-top:1px solid var(--line);margin:56px 0}

/* at-a-glance facts */
.glance{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px clamp(22px,3vw,38px);
  margin:0 0 8px;border-top:4px solid var(--amber)}
.glance h3{font:700 13px 'Archivo Narrow',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--terra);margin:0 0 18px}
.glance dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 28px;margin:0}
.glance dt{font:600 12px 'Archivo Narrow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.glance dd{margin:2px 0 0;font-size:16.5px;font-weight:500}

/* breakout components: centered on the prose column without using
   transform (transform is owned by the .rv reveal animation) */
.prose .cards,.prose .map-block,.prose .cta-band,.prose .table-wrap{width:min(1180px,94vw);margin-left:calc(50% - min(1180px,94vw)/2)}
/* guard against sub-pixel rounding scrollbars from breakout widths */
html,body{overflow-x:clip}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;margin:34px 0}
.cards.slim{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{display:block;background:var(--paper);border-radius:var(--radius);overflow:hidden;text-decoration:none;
  color:var(--ink);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-6px);box-shadow:0 32px 90px rgba(42,31,16,.2)}
.card img{height:210px;width:100%;object-fit:cover;transition:transform .5s}
.card:hover img{transform:scale(1.04)}
.card>div{padding:22px 24px 26px}
.card small{font:700 11.5px 'Archivo Narrow',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--terra)}
.card strong{display:block;font-family:'Libre Caslon Display',serif;font-weight:400;font-size:27px;margin:8px 0 8px}
.card p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}

/* tables */
.table-wrap{overflow-x:auto;margin:30px 0;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper)}
table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:560px}
thead th{background:var(--ink);color:#f4efe5;font:600 12.5px 'Archivo Narrow',sans-serif;letter-spacing:.14em;
  text-transform:uppercase;text-align:left;padding:14px 18px}
tbody td{padding:13px 18px;border-top:1px solid var(--line);vertical-align:top}
tbody tr:nth-child(even) td{background:rgba(217,142,27,.06)}

/* freshness badges */
.fresh{display:inline-block;background:rgba(20,112,124,.12);color:var(--teal);border:1px solid rgba(20,112,124,.4);
  font:700 11.5px 'Archivo Narrow',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:2px 9px;border-radius:20px;white-space:nowrap;margin-left:6px}
.check{border-bottom:2px dashed var(--amber);cursor:help}
.fresh-note{background:rgba(217,142,27,.1);border-left:4px solid var(--amber);border-radius:0 10px 10px 0;
  padding:16px 20px;margin:26px 0;font-size:15.5px;color:#4a4238}

/* map */
.map-block{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);margin:40px 0;overflow:hidden}
.map-block .map-head{padding:26px 30px 0;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.map-block h3{font:700 13px 'Archivo Narrow',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--terra);margin:0}
.map-block .map-note{font-size:12.5px;color:var(--muted);font-style:italic}
.map-block svg{display:block;width:100%;height:auto;max-height:560px}
.map-block .map-cap{padding:0 30px 26px;font-size:13.5px;color:var(--muted);font-style:italic}
.map-block .map-ext{font-style:normal;font-weight:600;white-space:nowrap}

/* cta band */
.cta-band{background:var(--ink);color:#f4efe5;border-radius:var(--radius);padding:clamp(30px,4vw,50px);
  margin:54px 0;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--amber)}
.cta-band h3{font-family:'Libre Caslon Display',serif;font-weight:400;font-size:clamp(24px,3vw,34px);margin:0 0 10px}
.cta-band h3 em{font-style:italic;color:var(--amber)}
.cta-band p{margin:0;color:rgba(244,239,229,.75);font-size:15.5px;max-width:52ch}
.cta-band .btn{justify-self:end}
.btn{display:inline-block;background:var(--amber);color:#1c1a16;font:700 14px 'Archivo Narrow',sans-serif;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:16px 30px;border-radius:10px;
  transition:transform .2s,background .2s;white-space:nowrap}
.btn:hover{background:#e9a13a;transform:translateY(-2px)}
.btn.ghost{background:transparent;color:#f4efe5;border:2px solid rgba(244,239,229,.4)}
.btn.ghost:hover{border-color:var(--amber);color:var(--amber)}
.disc{font-size:12.5px;color:rgba(244,239,229,.5);margin-top:14px;font-style:italic}

/* related */
.related{padding:20px 0 90px}
.related h2{font-family:'Libre Caslon Display',serif;font-weight:400;font-size:clamp(30px,3.6vw,44px);margin:0 0 6px}
.related .sub{color:var(--muted);margin:0 0 8px;font-size:16px}

/* footer */
footer{background:var(--ink);color:#f4efe5;padding:clamp(44px,6vw,72px) clamp(20px,4vw,54px) 34px}
.foot{max-width:1180px;margin:0 auto}
.foot .brand{font:700 26px 'Archivo Narrow',sans-serif;letter-spacing:.05em;margin:0 0 8px}
.foot .brand b{color:var(--amber)}
.foot .tag{color:rgba(244,239,229,.6);font-size:15px;margin:0 0 30px;max-width:52ch}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0 0 34px}
.foot nav a{color:rgba(244,239,229,.8);text-decoration:none;font-size:14.5px}
.foot nav a:hover{color:var(--amber)}
.foot .fine{border-top:1px solid rgba(244,239,229,.16);padding-top:22px;font-size:13px;color:rgba(244,239,229,.5);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.scrollhint{display:none}}

@media(max-width:760px){
  .topbar{gap:14px}
  .topbar nav a{padding:8px 8px;font-size:11.5px}
  .cta-band{grid-template-columns:1fr}
  .cta-band .btn{justify-self:start}
  .prose p{font-size:16.5px}
  .prose .cards,.prose .map-block,.prose .cta-band,.prose .table-wrap{width:100%;margin-left:0;transform:none}
}

/* email / alert capture */
:root{--coral:#e0655a}
.alert-band{background:var(--ink);color:#f4efe5;position:relative;overflow:hidden}
.alert-band::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--amber)}
.alert-inner{max-width:1180px;margin:0 auto;padding:clamp(30px,4vw,48px) clamp(20px,4vw,54px);
  display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center}
.alert-band h2{font-family:'Libre Caslon Display',serif;font-weight:400;font-size:clamp(26px,3vw,38px);
  line-height:1.08;margin:0 0 10px}
.alert-band h2 em{font-style:italic;color:var(--amber)}
.alert-band .sub{margin:0;color:rgba(244,239,229,.72);font-size:15.5px;max-width:46ch}
.capture-row{display:flex;gap:10px;flex-wrap:wrap}
.capture input[type=email],.capture select{font:500 15px 'DM Sans',sans-serif;color:#f4efe5;
  background:rgba(244,239,229,.08);border:1px solid rgba(244,239,229,.3);border-radius:10px;
  padding:14px 16px;min-width:0}
.capture input[type=email]{flex:2 1 200px}
.capture select{flex:1 1 150px;appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23d98e1b' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.capture select option{color:#1c1a16;background:#fffdf8}
.capture input::placeholder{color:rgba(244,239,229,.45)}
.capture input:focus,.capture select:focus{outline:none;border-color:var(--amber)}
.capture .btn{border:0;cursor:pointer;font-family:'Archivo Narrow',sans-serif}
.capture .btn:disabled{opacity:.6;cursor:wait;transform:none}
.capture-msg{margin:12px 0 0;font-size:14.5px;min-height:1.5em;color:rgba(244,239,229,.6)}
.capture-msg.ok{color:var(--amber)}
.capture-msg.err{color:var(--coral)}
/* compact footer form */
.foot-alert{border-top:1px solid rgba(244,239,229,.16);margin-top:34px;padding-top:28px;
  display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;justify-content:space-between}
.foot-alert .t{font:700 13px 'Archivo Narrow',sans-serif;letter-spacing:.22em;text-transform:uppercase;
  color:var(--amber);margin:0 0 4px}
.foot-alert .d{margin:0;font-size:13.5px;color:rgba(244,239,229,.6);max-width:46ch}
.foot-alert .capture-row{gap:8px}
.foot-alert .capture input[type=email]{flex:1 1 200px;padding:12px 14px;font-size:14px}
.foot-alert .capture .btn{padding:12px 22px;font-size:12.5px}
.foot-alert .capture-msg{margin-top:8px;font-size:13px}
@media(max-width:760px){
  .alert-inner{grid-template-columns:1fr}
}

/* Treasure map */
.tmap{position:relative;border-radius:12px;overflow:hidden;margin:0 30px}
.tmap img{display:block;width:100%;height:auto}
.tmap-city{position:absolute;transform:translate(-50%,-50%);padding:14px;text-decoration:none;z-index:2}
.tmap-dot{display:block;width:12px;height:12px;border-radius:50%;background:#8a5a2b;border:2px solid #fffdf6;box-shadow:0 1px 4px rgba(0,0,0,.45);transition:transform .18s ease}
.tmap-city:hover .tmap-dot,.tmap-city:focus-visible .tmap-dot{transform:scale(1.4)}
.tmap-city.dim{opacity:.35}
.tmap-city.hot .tmap-dot{background:var(--terra);animation:tmap-pulse 2.2s infinite}
.tmap-city.star .tmap-dot{background:var(--coral,#E0655A);width:16px;height:16px;animation:tmap-pulse 2.2s infinite}
.tmap-tag{position:absolute;white-space:nowrap;font:600 12px/1.3 'Archivo Narrow',sans-serif;letter-spacing:.05em;color:#3a2a18;background:rgba(250,246,238,.94);border:1px solid rgba(120,85,40,.4);padding:3px 10px;border-radius:20px;pointer-events:none}
.tpos-top{bottom:calc(100% - 8px);left:50%;transform:translateX(-50%)}
.tpos-bottom{top:calc(100% - 8px);left:50%;transform:translateX(-50%)}
.tpos-left{right:calc(100% - 8px);top:50%;transform:translateY(-50%)}
.tpos-right{left:calc(100% - 8px);top:50%;transform:translateY(-50%)}
@keyframes tmap-pulse{0%,100%{box-shadow:0 0 0 0 rgba(185,85,39,.55)}55%{box-shadow:0 0 0 8px rgba(185,85,39,0)}}
@media(max-width:640px){.tmap{margin:0 16px}.tmap-tag{font-size:10.5px;padding:2px 7px}}