/* ============================================================
   Send Us Travelling — Naughty Alliance
   Editorial travel aesthetic on the NA brand palette.
   ============================================================ */
:root{
  --ink:#0a0a0a;
  --ink-2:#141110;
  --ink-3:#1d1916;
  --line:rgba(178,122,70,.22);
  --bronze:#b27a46;
  --bronze-2:#caa06e;
  --gold:#d4af37;
  --crimson:#c8102e;
  --crimson-deep:#7d0910;
  --sand:#ece3d6;
  --paper:#f6f1ea;
  --muted:#a89a8c;
  --r:14px;
  --maxw:1180px;
  --read:720px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ink);
  color:var(--sand);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--bronze-2);text-decoration:none}
a:hover{color:var(--gold)}
h1,h2,h3,.display{
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-weight:600;
  line-height:1.12;
  letter-spacing:.2px;
  color:var(--paper);
  margin:0 0 .5em;
}
h1{font-size:clamp(2.4rem,6vw,4.4rem)}
h2{font-size:clamp(1.7rem,3.5vw,2.5rem);margin-top:1.6em}
h3{font-size:1.35rem;margin-top:1.4em}
.eyebrow{
  font-family:"Inter",sans-serif;
  text-transform:uppercase;
  letter-spacing:.32em;
  font-size:.72rem;
  font-weight:600;
  color:var(--bronze);
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* ---- AI disclosure ribbon (clear + conspicuous, every page) ---- */
.ribbon{
  background:linear-gradient(90deg,var(--crimson-deep),var(--crimson));
  color:#fff;
  font-size:.82rem;
  letter-spacing:.02em;
  text-align:center;
  padding:9px 16px;
  font-weight:500;
}
.ribbon strong{font-weight:700;letter-spacing:.04em}
.ribbon a{color:#fff;text-decoration:underline;text-underline-offset:2px}

/* ---- Header ---- */
.site-head{
  position:sticky;top:0;z-index:40;
  background:rgba(10,10,10,.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:12px;color:var(--paper)}
.brand img{width:34px;height:34px;border-radius:7px}
.brand b{font-family:"Cormorant Garamond",serif;font-size:1.35rem;font-weight:600;letter-spacing:.5px}
.brand span{display:block;font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:var(--bronze);margin-top:-3px}
.nav{display:flex;gap:26px;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.nav a{color:var(--sand)}
.nav a:hover{color:var(--gold)}
@media(max-width:680px){.nav{display:none}}

/* ---- Buttons ---- */
.btn{
  display:inline-block;
  font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  padding:14px 26px;border-radius:999px;
  background:var(--gold);color:#1a1206;border:1px solid var(--gold);
  transition:transform .15s ease,box-shadow .15s ease;
}
.btn:hover{color:#1a1206;transform:translateY(-2px);box-shadow:0 10px 30px rgba(212,175,55,.25)}
.btn.ghost{background:transparent;color:var(--sand);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}

/* ---- Hero (home) ---- */
.hero{position:relative;padding:84px 0 64px;overflow:hidden}
.hero:before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(60% 50% at 80% 0%,rgba(200,16,46,.14),transparent 60%),
    radial-gradient(50% 60% at 10% 100%,rgba(178,122,70,.16),transparent 60%);
  pointer-events:none;
}
.hero .wrap{position:relative;max-width:880px;text-align:center}
.hero h1{margin:.2em 0 .35em}
.hero p.lead{font-size:1.18rem;color:var(--sand);max-width:640px;margin:0 auto 1.6em}
.hero .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---- Generic section ---- */
section.band{padding:64px 0;border-top:1px solid var(--line)}
.section-head{max-width:680px;margin:0 auto 40px;text-align:center}
.section-head p{color:var(--muted);margin:.6em 0 0}

/* ---- The two-truths disclosure cards ---- */
.truths{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:980px;margin:0 auto}
@media(max-width:760px){.truths{grid-template-columns:1fr}}
.truth{
  background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);
  padding:30px 28px;position:relative;
}
.truth .tag{
  display:inline-block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:5px 12px;margin-bottom:16px;
}
.truth h3{margin:0 0 .4em;color:var(--paper)}
.truth p{margin:0;color:var(--sand);font-size:.98rem}

/* ---- Destination gallery ---- */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid{grid-template-columns:1fr}}
.card{
  position:relative;border-radius:var(--r);overflow:hidden;background:var(--ink-2);
  border:1px solid var(--line);display:block;
}
.card img{width:100%;height:340px;object-fit:cover;transition:transform .5s ease;filter:saturate(1.02)}
.card:hover img{transform:scale(1.045)}
.card .meta{
  position:absolute;left:0;right:0;bottom:0;padding:46px 20px 18px;
  background:linear-gradient(to top,rgba(8,6,5,.92),rgba(8,6,5,.0));
}
.card .meta .k{font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--bronze-2)}
.card .meta h3{margin:.2em 0 0;font-size:1.5rem;color:#fff}
.card .ai-chip{
  position:absolute;top:12px;left:12px;z-index:2;
  font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  background:rgba(200,16,46,.92);color:#fff;padding:4px 9px;border-radius:6px;
}

/* ---- How-it-works steps ---- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:980px;margin:0 auto}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.step{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px}
.step .n{font-family:"Cormorant Garamond",serif;font-size:2.6rem;color:var(--bronze);line-height:1}
.step h3{margin:.2em 0 .3em}
.step p{margin:0;color:var(--muted);font-size:.96rem}

/* ---- Article ---- */
.article{padding:40px 0 24px}
.breadcrumb{font-size:.76rem;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin-bottom:22px}
.breadcrumb a{color:var(--bronze-2)}
.article-head{max-width:var(--read);margin:0 auto 26px}
.article-head .eyebrow{display:block;margin-bottom:14px}
.article-head h1{font-size:clamp(2.1rem,5vw,3.5rem)}
.article-head .byline{color:var(--muted);font-size:.88rem;margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ai-badge{
  font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  background:var(--crimson);color:#fff;padding:4px 10px;border-radius:6px;
}
.hero-figure{max-width:920px;margin:0 auto 14px}
.hero-figure img{width:100%;border-radius:var(--r);border:1px solid var(--line)}
.hero-figure figcaption{color:var(--muted);font-size:.8rem;text-align:center;margin-top:10px;font-style:italic}

.prose{max-width:var(--read);margin:0 auto}
.prose p{margin:0 0 1.15em}
.prose h2{border-bottom:1px solid var(--line);padding-bottom:.2em}
.prose ul{margin:0 0 1.2em;padding-left:1.2em}
.prose li{margin:.4em 0}
.prose strong{color:var(--paper)}
.prose em{color:var(--sand)}

/* disclosure callout inside articles */
.callout{
  border:1px solid var(--line);border-left:4px solid var(--crimson);
  background:var(--ink-2);border-radius:10px;padding:20px 22px;margin:0 auto 30px;max-width:var(--read);
}
.callout h4{margin:0 0 .5em;font-family:"Inter",sans-serif;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.callout p{margin:.4em 0 0;font-size:.94rem;color:var(--sand)}
.callout p:first-of-type{margin-top:0}

/* fund CTA block */
.fund{
  max-width:var(--read);margin:40px auto;padding:34px 30px;text-align:center;
  background:linear-gradient(140deg,var(--ink-3),var(--ink-2));
  border:1px solid var(--line);border-radius:var(--r);
}
.fund h3{margin-top:0}
.fund p{color:var(--muted);margin:0 auto 1.2em;max-width:520px}

/* related */
.related{max-width:var(--maxw);margin:0 auto}
.related h2{text-align:center}

/* ---- Footer ---- */
.site-foot{border-top:1px solid var(--line);background:var(--ink-2);padding:54px 0 40px;margin-top:30px}
.foot-disc{
  max-width:760px;margin:0 auto 30px;text-align:center;color:var(--muted);font-size:.86rem;
  border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;background:rgba(0,0,0,.25);
}
.foot-disc strong{color:var(--sand)}
.foot-cols{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;max-width:var(--maxw);margin:0 auto;align-items:center}
.foot-cols .links{display:flex;gap:22px;flex-wrap:wrap;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.foot-cols .copy{color:var(--muted);font-size:.78rem}