/* ==========================================================================
   Not An Atlas 5.0 — "Field edition"
   The reading, layout and interaction layer. Loaded last; overrides only.
   Same identity (Cormorant Garamond + Jost; forest, sand, graphite, paper).

   0. Tokens, focus, selection, fallback fonts
   1. Header: never clipped; quieter glass
   2. Story: hero, breadcrumbs, the rail (share + contents), the brief, prose furniture, end mark, author
   3. Mobile action bar, highlight-to-share, lightbox, toast
   4. Cards, rivers, desks, search, 404, author, pages
   5. Motion (scroll-driven, no JS to strip), content-visibility
   6. Print
   ========================================================================== */

/* ---------- 0. Tokens ---------- */
:root{
  --ff-display:'Cormorant Garamond','Cormorant Fallback',Georgia,serif;
  --ff-body:'Jost','Jost Fallback','Helvetica Neue',Arial,sans-serif;
  --n5-ease:cubic-bezier(.2,.7,.2,1);
  --n5-rule:rgba(21,23,22,.12);
  --n5-rule-2:rgba(21,23,22,.2);
  --n5-ink-3:#6b716d;
  --n5-forest:#1c2b1e;
  --n5-moss:#4a6741;
  --n5-sand:#ede8df;
  --n5-paper:#fbfaf7;
  --n5-glass:rgba(22,24,23,.78);
  --n5-rail-w:196px;
  --n5-prose:700px;
  --n5-brief:300px;
}

::selection{background:rgba(74,103,65,.22)}
:focus-visible{outline:2px solid var(--n5-moss);outline-offset:3px;border-radius:2px}
.cv-nav :focus-visible,.site-footer :focus-visible,.naa-drawer :focus-visible{outline-color:#b8ccb4}
.skip-link:focus{font-family:var(--ff-body);font-size:13px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--n5-forest)}
img{font-style:italic;color:var(--n5-ink-3);font-size:12px}
button,input,select,textarea{font-family:inherit}

/* ---------- 1. Header ---------- */
/* The actions were pushed past the right edge at 1440px (Subscribe clipped). Keep the row inside the viewport
   at every width: tighter spacing first, then the menu button takes the links. */
.cv-nav{gap:28px;padding:0 40px;min-width:0}
.cv-brand{flex:none}
.cv-links{flex:0 1 auto;margin-left:auto;min-width:0}
.cv-actions{flex:none}
.cv-ask-btn,.cv-sub{flex:none}
@media (max-width:1520px){
  .cv-nav{gap:22px}
  .cv-links{gap:20px}
  .cv-ask-btn .cv-hide-m,.cv-ask-btn kbd{display:none}
}
@media (max-width:1360px) and (min-width:1101px){
  .cv-links{display:none}
  .cv-menu{display:block}
  .cv-actions{margin-left:auto}
}
@media (max-width:860px){
  .cv-nav{gap:10px;padding:0 16px}
  .cv-actions{gap:8px}
  .cv-ask-btn{padding:0 11px;gap:7px}
  .cv-menu{flex:none;padding:6px 0 6px 4px}
}
@media (max-width:400px){
  .cv-brand{gap:10px}
  .cv-brand svg{width:32px;height:32px}
  .cv-word b{font-size:19px;letter-spacing:.3em;margin-right:-.3em}
  .cv-word i{font-size:13px}
}
/* a calmer glass bar once the page has scrolled */
.cv-nav.is-solid{background:rgba(20,22,21,.78);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-color:rgba(244,241,234,.08);box-shadow:0 1px 0 rgba(0,0,0,.25)}
.cv-links a::after{height:1px;bottom:-1px}
.cv-sub{transition:transform .35s var(--n5-ease),background .25s}
.cv-sub:hover{transform:translateY(-1px);background:#fff}
.cv-ask-btn{transition:background .25s,border-color .25s}
.cv-ask-btn:hover{background:rgba(244,241,234,.18);border-color:rgba(244,241,234,.35)}

/* ---------- 2. Story ---------- */
.naa-article-hero{min-height:min(84vh,860px);isolation:isolate}
.naa-article-hero::before{background:
  linear-gradient(180deg,rgba(10,12,11,.5) 0%,rgba(10,12,11,.12) 28%,rgba(10,12,11,.1) 48%,rgba(10,12,11,.86) 100%),
  linear-gradient(90deg,rgba(10,12,11,.35) 0%,rgba(10,12,11,0) 55%)}
.naa-article-hero-in{padding-bottom:72px}
.naa-article-title{font-weight:300;letter-spacing:-.022em;line-height:.98;font-size:clamp(42px,5.6vw,84px)}
.naa-article-title em{font-style:italic;font-weight:300}
.naa-article-dek{font-size:clamp(17px,1.35vw,20px);line-height:1.6;max-width:62ch;color:rgba(244,241,234,.92)}
.naa-article-meta{gap:0 22px;flex-wrap:wrap;row-gap:8px;margin-top:28px;color:rgba(244,241,234,.72)}
.naa-article-meta>span{display:inline-flex;align-items:center;gap:8px}
.naa-article-meta>span+span::before{content:"";width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6;margin-right:4px}
.naa-article-credit{font-size:9.5px;letter-spacing:.14em;color:rgba(244,241,234,.55)}
.naa-article-actions{margin-top:22px}
.naa-act{transition:background .25s,border-color .25s,transform .3s var(--n5-ease)}
.naa-act:hover{transform:translateY(-1px)}

/* breadcrumbs: Home › Desk › Story, where the kicker used to sit */
.naa5-crumbs{margin-bottom:18px;font-family:var(--ff-body);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,241,234,.7)}
.naa5-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:0}
.naa5-crumbs li{display:inline-flex;align-items:center}
.naa5-crumbs li+li::before{content:"›";margin:0 10px;opacity:.5;font-weight:400}
.naa5-crumbs a{color:#b8ccb4;transition:color .2s}
.naa5-crumbs a:hover{color:#fff}
.naa5-crumbs [aria-current] span{opacity:.6;max-width:36ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}
.naa5-crumbs~.cv-kicker{display:none}
.naa5-crumbs script{display:none}
@media (max-width:600px){.naa5-crumbs [aria-current]{display:none}}

/* the body grid: rail | prose (| brief) */
.naa5-body{position:relative;max-width:1240px;margin:0 auto;padding:0 24px}
.naa5-body .naa-prose{padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
.naa5-body .naa-read{max-width:none;padding:0;justify-content:start}
.naa5-body .naa-read>.naa-prose{padding-top:72px}
.naa5-rail{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:22px 0 0;border-top:0}
.naa5-rail-k{display:none;font-family:var(--ff-body);font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--n5-ink-3);margin-bottom:12px}
.naa5-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.naa5-sh{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--n5-rule-2);background:transparent;color:var(--n5-forest);padding:0;cursor:pointer;transition:background .25s,border-color .25s,transform .3s var(--n5-ease),color .25s}
.naa5-sh svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.naa5-sh:hover{background:var(--n5-forest);border-color:var(--n5-forest);color:#f4f1ea;transform:translateY(-1px)}
.naa5-sh.is-done{background:var(--n5-moss);border-color:var(--n5-moss);color:#fff}
.naa5-sh[data-share="print"]{display:none}
.naa5-toc{display:none}
@media (min-width:1240px){
  .naa5-body{display:grid;grid-template-columns:var(--n5-rail-w) minmax(0,1fr);column-gap:48px;padding:0 40px;align-items:start}
  .naa5-body.has-brief{max-width:1360px}
  .naa5-rail{position:sticky;top:104px;display:block;padding:76px 0 0;align-self:start;max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:none}
  .naa5-rail::-webkit-scrollbar{display:none}
  .naa5-rail-k{display:block}
  .naa5-share{display:grid;grid-template-columns:repeat(4,36px);gap:8px;padding-bottom:22px;border-bottom:1px solid var(--n5-rule);margin-bottom:22px}
  .naa5-share .naa5-rail-k{grid-column:1/-1;margin-bottom:4px}
  .naa5-sh[data-share="print"]{display:inline-grid}
  .naa5-rail .naa5-sh{width:36px;height:36px}
  .naa5-rail .naa5-sh svg{width:15px;height:15px}
  .naa5-toc{display:block}
  .naa5-toc[hidden]{display:none}
  .naa5-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--n5-rule)}
  .naa5-toc li{margin:0}
  .naa5-toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:1px solid transparent;font-family:var(--ff-body);font-size:12.5px;line-height:1.4;color:var(--n5-ink-3);text-decoration:none;transition:color .2s,border-color .2s}
  .naa5-toc a:hover{color:var(--n5-forest)}
  .naa5-toc a.is-on{color:var(--n5-forest);border-left-color:var(--n5-forest);font-weight:500}
  .naa5-toc-left{display:block;margin-top:16px;font-family:var(--ff-body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--n5-ink-3)}
  .naa5-toc-left:empty{display:none}
  .naa5-body .naa-prose{max-width:var(--n5-prose);margin-left:0}
  .naa5-body.has-brief .naa-read{grid-template-columns:minmax(0,var(--n5-prose)) var(--n5-brief);gap:64px}
  .admin-bar .naa5-rail{top:136px}
}
@media (min-width:1240px) and (max-width:1399px){
  .naa5-body.has-brief{grid-template-columns:minmax(0,1fr)}
  .naa5-body.has-brief .naa5-rail{position:static;display:flex;padding:22px 0 0;max-height:none}
  .naa5-body.has-brief .naa5-rail-k,.naa5-body.has-brief .naa5-toc{display:none}
  .naa5-body.has-brief .naa5-share{display:flex;border:0;margin:0;padding:0}
  .naa5-body.has-brief .naa-read{justify-content:center}
}
@media (max-width:1100px){.naa5-body .naa-read>.naa-prose{padding-top:56px}}
@media (max-width:700px){.naa5-body{padding:0 20px}.naa5-rail{padding-top:18px}.naa-article-hero{min-height:min(78vh,720px)}.naa-article-hero-in{padding-bottom:40px}}

/* prose furniture */
.naa-prose{font-variant-numeric:oldstyle-nums proportional-nums;hyphens:manual}
.naa-prose>p:first-of-type::first-letter{font-size:92px;line-height:.78;padding:8px 12px 0 0;font-weight:400;color:var(--n5-forest)}
.naa-prose h2{letter-spacing:-.01em;scroll-margin-top:110px}
.naa-prose h3{font-family:var(--ff-display);font-weight:500;font-size:clamp(22px,1.9vw,26px);line-height:1.2;margin:1.6em 0 .4em;scroll-margin-top:110px}
.naa-prose h4{font-family:var(--ff-body);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--n5-moss);margin:1.8em 0 .5em}
.naa-prose blockquote{position:relative;margin:2.2em 0;padding:0 0 0 28px;border-left:2px solid var(--n5-forest)}
.naa-prose blockquote p{font-family:var(--ff-display);font-size:clamp(24px,2.2vw,30px);line-height:1.25;font-weight:400;font-style:italic;color:var(--n5-forest);text-wrap:balance}
.naa-prose blockquote p+p{margin-top:.6em}
.naa-prose blockquote cite{display:block;margin-top:12px;font-family:var(--ff-body);font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--n5-ink-3)}
.naa-prose hr{border:0;height:auto;margin:2.6em auto;text-align:center;background:none}
.naa-prose hr::before{content:"◆  ◆  ◆";display:block;font-size:9px;letter-spacing:.3em;color:var(--n5-moss);opacity:.8}
.naa-prose figure{margin:2.2em 0}
.naa-prose figure img,.naa-prose>img,.naa-prose p>img{width:100%;height:auto;border-radius:2px}
.naa-prose img[data-naa5-zoom]{cursor:zoom-in}
.naa-prose figcaption,.naa-prose .wp-caption-text{margin-top:10px;font-family:var(--ff-body);font-size:13px;line-height:1.5;color:var(--n5-ink-3)}
.naa-prose figcaption::before,.naa-prose .wp-caption-text::before{content:"";display:inline-block;width:18px;height:1px;background:var(--n5-moss);vertical-align:middle;margin-right:10px}
.naa-prose .wp-block-image.alignwide,.naa-prose figure.alignwide{margin-left:calc(50% - 50vw + 20px);margin-right:calc(50% - 50vw + 20px)}
@media (min-width:1240px){.naa5-body .naa-prose .alignwide{margin-left:0;margin-right:min(-80px,calc(var(--n5-prose) - 100%))}}
.naa-prose table{font-family:var(--ff-body);font-size:14.5px;line-height:1.45;border-collapse:collapse;width:100%}
.naa-prose th{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--n5-ink-3);font-weight:500;text-align:left;padding:0 14px 10px 0;border-bottom:1px solid var(--n5-rule-2);vertical-align:bottom}
.naa-prose td{padding:12px 14px 12px 0;border-bottom:1px solid var(--n5-rule);vertical-align:top}
.naa-prose tr:hover td{background:rgba(237,232,223,.35)}
.naa5-tbl{overflow-x:auto;margin:1.6em 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.naa5-tbl table{min-width:520px;margin:0}
.naa-prose ul li::marker{color:var(--n5-moss)}
.naa-prose ol{padding-left:1.2em}
.naa-prose ol li::marker{font-family:var(--ff-display);font-style:italic;color:var(--n5-moss);font-size:1.05em}
.naa-prose a{text-decoration-color:rgba(74,103,65,.5);text-decoration-thickness:1px;text-underline-offset:.22em}
.naa-prose a:hover{text-decoration-color:currentColor;text-decoration-thickness:1.5px}
.naa-prose kbd,.naa-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--n5-sand);padding:.1em .4em;border-radius:3px}
/* the end mark */
.naa5-end{display:flex;align-items:center;justify-content:center;gap:14px;margin:56px 0 0}
.naa5-end::before,.naa5-end::after{content:"";height:1px;width:64px;background:var(--n5-rule-2)}
.naa5-end span{width:7px;height:7px;background:var(--n5-forest);transform:rotate(45deg)}
/* author box: a proper card */
.naa-article-foot .naa-author{display:grid;grid-template-columns:84px 1fr;gap:6px 22px;align-items:start;padding:28px 0 0;margin-top:28px;border-top:1px solid var(--n5-rule)}
.naa-article-foot .naa-author-photo{grid-row:1/span 3;display:block;width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--n5-sand)}
.naa-article-foot .naa-author-photo img{width:100%;height:100%;object-fit:cover}
.naa-article-foot .naa-author-name{font-family:var(--ff-display);font-size:24px;font-weight:500;line-height:1.1}
.naa-article-foot .naa-author-name a{color:inherit}
.naa-article-foot .naa-author-role{display:block;font-family:var(--ff-body);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--n5-moss);margin-top:6px}
.naa-article-foot .naa-author>p{grid-column:2;font-family:var(--ff-body);font-size:15px;line-height:1.6;color:#3b403d;margin:0}
.naa-article-foot .naa-author-std{font-size:12.5px;color:var(--n5-ink-3)}
.naa-article-foot .naa-author-std a{text-decoration:underline;text-underline-offset:.2em}
@media (max-width:600px){.naa-article-foot .naa-author{grid-template-columns:64px 1fr}.naa-article-foot .naa-author-photo{width:64px;height:64px}}
/* tags */
.naa-tags a{transition:background .2s,border-color .2s,color .2s}
.naa-tags a:hover{background:var(--n5-forest);border-color:var(--n5-forest);color:#fff}

/* ---------- 3. Mobile bar, highlight-to-share, lightbox, toast ---------- */
.naa5-bar{position:fixed;left:0;right:0;bottom:0;z-index:140;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:0;padding:0 8px calc(8px + env(safe-area-inset-bottom));background:var(--n5-glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);color:#f4f1ea;border-top:1px solid rgba(244,241,234,.1);transform:translateY(110%);transition:transform .45s var(--n5-ease);box-shadow:0 -10px 30px rgba(0,0,0,.18)}
.naa5-bar[hidden]{display:grid}
.naa5-bar.is-on{transform:none}
.naa5-bar.is-on.is-hid{transform:translateY(calc(100% - 3px))}
.naa5-bar-p{position:absolute;left:0;top:-1px;height:2px;width:100%;background:#b8ccb4;transform-origin:0 50%;transform:scaleX(var(--p,0));transition:transform .15s linear}
.naa5-bar-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;background:none;border:0;color:#f4f1ea;font-family:var(--ff-body);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.naa5-bar-b svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.naa5-bar-b .cv-wave{height:14px}
.naa5-bar-b.is-saved{color:#b8ccb4}
.naa5-bar-left{padding:0 10px 0 14px;font-family:var(--ff-display);font-style:italic;font-size:15px;color:rgba(244,241,234,.7);white-space:nowrap}
.naa5-bar-left:empty{display:none}
@media (min-width:901px){.naa5-bar{display:none!important}}
@media (max-width:900px){
  body.naa-5-story.has-bar .naa-next{bottom:calc(72px + env(safe-area-inset-bottom))}
  body.naa-5-story.has-bar .naa-nlp{bottom:calc(72px + env(safe-area-inset-bottom))}
  body.naa-5-story.has-bar{padding-bottom:64px}
}
/* share this line */
.naa5-pop{position:absolute;z-index:150;display:flex;gap:2px;padding:4px;border-radius:24px;background:var(--n5-forest);color:#f4f1ea;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translate(-50%,-100%) translateY(-10px);opacity:0;pointer-events:none;transition:opacity .2s,transform .25s var(--n5-ease)}
.naa5-pop.is-on{opacity:1;pointer-events:auto;transform:translate(-50%,-100%) translateY(-14px)}
.naa5-pop::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:var(--n5-forest);transform:translateX(-50%) rotate(45deg)}
.naa5-pop button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:0;border-radius:18px;background:transparent;color:inherit;font-family:var(--ff-body);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.naa5-pop button:hover{background:rgba(244,241,234,.14)}
.naa5-pop svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
/* lightbox */
.naa5-lb{border:0;padding:0;margin:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;background:transparent;color:#f4f1ea}
.naa5-lb::backdrop{background:rgba(10,12,11,.94);backdrop-filter:blur(6px)}
.naa5-lb-in{display:grid;grid-template-rows:1fr auto;width:100%;height:100%;padding:min(5vh,48px) min(5vw,48px) 24px}
.naa5-lb img{width:100%;height:100%;object-fit:contain;cursor:zoom-out}
.naa5-lb figcaption{padding:16px 0 0;text-align:center;font-family:var(--ff-body);font-size:13px;line-height:1.5;color:rgba(244,241,234,.75);max-width:70ch;margin:0 auto}
.naa5-lb-x{position:fixed;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(244,241,234,.3);background:rgba(10,12,11,.4);color:#f4f1ea;font-size:24px;line-height:1;cursor:pointer}
.naa5-lb-x:hover{background:rgba(244,241,234,.15)}
/* toast */
.naa5-toast{position:fixed;left:50%;bottom:28px;z-index:400;transform:translate(-50%,16px);opacity:0;padding:12px 20px;border-radius:24px;background:var(--n5-forest);color:#f4f1ea;font-family:var(--ff-body);font-size:12.5px;letter-spacing:.06em;box-shadow:0 12px 36px rgba(0,0,0,.25);transition:opacity .25s,transform .35s var(--n5-ease);pointer-events:none}
.naa5-toast.is-on{opacity:1;transform:translate(-50%,0)}
@media (max-width:900px){body.naa-5-story.has-bar .naa5-toast{bottom:calc(84px + env(safe-area-inset-bottom))}}

/* ---------- 4. Cards, rivers, desks, search, 404, pages ---------- */
/* photographs in frames: layout holds while they load, then they ease in */
.naa5-ph{display:block;position:relative;overflow:hidden;background:var(--n5-sand);width:100%;height:100%}
.naa5-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--n5-ease),opacity .6s}
.naa5-ph.is-empty{background:linear-gradient(135deg,var(--n5-sand),#e2dbcf)}
.naa5-ph.is-empty::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(28,43,30,.08),transparent 60%)}
a:hover .naa5-ph img,.naa5-card:hover .naa5-ph img,.river-item:hover .naa5-ph img,.desk-lead:hover .naa5-ph img,.desk-side-card:hover .naa5-ph img,.naa-more-card:hover .naa5-ph img{transform:scale(1.04)}
.river-img,.desk-lead-img,.desk-side-img,.naa-more-img,.card-v-img{background-image:none}
.river-img{aspect-ratio:3/2;overflow:hidden;border-radius:2px}
.desk-lead-img{aspect-ratio:16/9;overflow:hidden}
.desk-side-img{overflow:hidden}
.naa-more-img{overflow:hidden;border-radius:2px}
/* the card */
.naa-grid,.naa5-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;padding:48px 56px 24px;background:var(--n5-paper);border:0}
.naa5-card{display:flex;flex-direction:column;background:transparent;min-width:0}
.naa5-card-img{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:2px;margin-bottom:18px}
.naa5-card .naa-chip{margin-bottom:8px}
.naa5-card-t{font-family:var(--ff-display);font-weight:400;font-size:clamp(22px,1.8vw,26px);line-height:1.18;margin:0 0 10px;text-wrap:balance}
.naa5-card-t a{color:inherit;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .4s var(--n5-ease)}
.naa5-card:hover .naa5-card-t a{background-size:100% 1px}
.naa5-card-t em{font-style:italic;color:var(--forest-mid,#2e4a31)}
.naa5-card-d{font-family:var(--ff-body);font-size:14.5px;line-height:1.6;color:#3b403d;margin:0 0 14px}
.naa5-card-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:auto;font-family:var(--ff-body);font-size:12px;color:var(--n5-ink-3)}
.naa5-card-m>span+span::before{content:"·";margin-right:10px;opacity:.6}
.naa5-card-by{display:inline-flex;align-items:center;gap:8px}
.naa5-card-by .naa-headshot,.naa5-card-by img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.naa5-card-by a{color:inherit}
@media (max-width:1000px){.naa-grid,.naa5-cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:40px 24px 16px}}
@media (max-width:600px){.naa-grid,.naa5-cards{grid-template-columns:1fr;gap:36px;padding:32px 20px 8px}}
/* rivers (desk, search, author): larger photographs, a line that draws under the headline */
.river-item{grid-template-columns:260px 1fr;gap:32px;padding:30px 0;transition:background .25s}
.river-title a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .4s var(--n5-ease)}
.river-item:hover .river-title a{background-size:100% 1px}
.river-dek{text-wrap:pretty}
@media (max-width:1100px){.river-item{grid-template-columns:200px 1fr;gap:22px}}
@media (max-width:600px){.river-item{grid-template-columns:1fr;gap:14px;padding:22px 0}.river-img{aspect-ratio:16/10}}
/* desk hero and subsections */
.desk-hero::after{background:linear-gradient(180deg,rgba(15,17,16,.3) 0%,rgba(15,17,16,.25) 35%,rgba(15,17,16,.9) 100%)}
.desk-title{letter-spacing:-.02em}
.desk-subs{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.86);padding:14px 40px}
.desk-subs a{transition:background .2s,border-color .2s,color .2s,transform .25s var(--n5-ease)}
.desk-subs a:hover{transform:translateY(-1px)}
.desk-lead{transition:background .3s}
.desk-lead-title{transition:color .25s}
.desk-lead:hover .desk-lead-title{color:var(--forest-mid,#2e4a31)}
.desk-side-card .desk-side-title{transition:color .25s}
.desk-side-card:hover .desk-side-title{color:var(--forest-mid,#2e4a31)}
/* pagination */
.naa-pagination{gap:6px;font-size:12.5px;letter-spacing:.08em}
.naa-pagination a,.naa-pagination span{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:20px;border:1px solid transparent;transition:border-color .2s,background .2s}
.naa-pagination a:hover{border-color:var(--n5-rule-2)}
.naa-pagination .current{border:1px solid var(--n5-forest);background:var(--n5-forest);color:#fff}
/* trending rail: the number sits in the margin */
.naa-trending li{align-items:baseline}
.naa-trending a{transition:color .2s}
/* 404 */
.naa5-404{padding:140px 56px 56px;min-height:60vh;display:flex;align-items:flex-end}
.naa5-404-in{position:relative;z-index:2;max-width:760px}
.naa5-404 .desk-eyebrow{margin-bottom:14px}
.naa5-404 h1{font-size:clamp(44px,6vw,84px);letter-spacing:-.02em;line-height:.98}
.naa5-404 h1 em{font-style:italic}
.naa5-404 p{max-width:58ch;font-size:16.5px;line-height:1.65;margin-top:16px}
.naa5-404-search{margin-top:28px;max-width:560px}
.naa5-404-search input{border-color:var(--n5-rule-2);background:#fff;color:var(--ink,#0c0c0c)}
.naa5-404-search button{background:var(--n5-forest);color:#f4f1ea}
.naa5-404-desks{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.naa5-404-desks a{font-family:var(--ff-body);font-size:12.5px;padding:8px 14px;border:1px solid var(--n5-rule-2);border-radius:20px;transition:background .2s,color .2s,border-color .2s}
.naa5-404-desks a:hover{background:var(--n5-forest);border-color:var(--n5-forest);color:#fff}
.naa5-404-latest{padding:40px 0 8px;background:var(--n5-paper);border-top:1px solid var(--n5-rule)}
.naa5-404-latest>.naa-section-label{padding:0 56px}
@media (max-width:700px){.naa5-404{padding:120px 20px 40px}.naa5-404-latest>.naa-section-label{padding:0 20px}}
/* plain pages */
.naa-page-head h1{letter-spacing:-.02em}
/* footer */
.footer-links a{transition:color .2s,padding-left .3s var(--n5-ease)}
.footer-links a:hover{padding-left:4px}
/* newsletter band */
.nl-btn,.cv-read,.desk-search button{transition:transform .3s var(--n5-ease),background .25s}
.nl-btn:hover,.desk-search button:hover{transform:translateY(-1px)}

/* ---------- 5. Motion ---------- */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .river-item,.naa5-card,.naa-more-card,.desk-side-card,.naa-trending li,.naa-after-col{animation:naa5-rise linear both;animation-timeline:view();animation-range:entry 0% entry 28%}
    .naa-article-hero-in{animation:naa5-hero-drift linear both;animation-timeline:scroll(root);animation-range:0 90vh}
  }
  @keyframes naa5-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @keyframes naa5-hero-drift{to{transform:translateY(-56px);opacity:.1}}
  .naa5-toc a,.naa5-sh,.naa5-card-t a,.river-title a{will-change:auto}
}

/* ---------- 6. Print ---------- */
@media print{
  .cv-nav,.naa-drawer,.naa5-rail,.naa5-bar,.naa-next,.naa-nlp,.naa-progress,.naa-ad,.naa-after,.naa-related,.nl-section,.site-footer,.naa-article-actions,.naa-guides-strip,.naa-readnext,.naa5-toast,.naa5-pop,.gw-web,.naa-open-band{display:none!important}
  body{background:#fff;color:#000}
  .naa-article-hero{min-height:0;background:none!important;color:#000;padding:24px 0 0}
  .naa-article-hero::before{display:none}
  .naa-article-hero-in{padding:0}
  .naa-article-title{font-size:34pt;color:#000}
  .naa-article-dek{color:#333}
  .naa-article-meta,.naa5-crumbs{color:#555}
  .naa5-crumbs a{color:#555}
  .naa-prose{max-width:none;padding:24px 0;font-size:11.5pt;line-height:1.5;color:#000}
  .naa-prose a{color:#000;text-decoration:underline}
  .naa-prose a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555;word-break:break-all}
  .naa-prose img{max-width:60%;page-break-inside:avoid}
  .naa-brief{break-inside:avoid;border:1px solid #999}
  .naa5-end{margin-top:24px}
  @page{margin:18mm}
}

/* ---------- 7. 5.0 design pass: trust line, home jump bar, back to top, grids that degrade ---------- */
.naa5-trust{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:16px;font-family:var(--ff-body);font-size:12px;letter-spacing:.04em;color:rgba(244,241,234,.78)}
.naa5-trust svg{width:15px;height:15px;fill:none;stroke:#b8ccb4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.naa5-trust>span:first-of-type{color:#b8ccb4;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:10.5px}
.naa5-trust>span+span::before{content:"·";margin-right:12px;opacity:.5}
.naa5-trust a{color:inherit;text-decoration:underline;text-decoration-color:rgba(244,241,234,.35);text-underline-offset:.2em}
.naa5-trust a:hover{text-decoration-color:currentColor}
@media print{.naa5-trust{color:#555}.naa5-trust svg{stroke:#555}.naa5-trust>span:first-of-type{color:#333}}

/* the jump bar: every section of the long home, one tap away; shows once the cover has scrolled past */
.naa5-jump{position:sticky;top:64px;z-index:40;display:flex;align-items:center;gap:4px;height:46px;padding:0 max(16px,calc((100vw - 1240px)/2 + 16px));background:rgba(251,250,247,.86);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--n5-rule);overflow-x:auto;scrollbar-width:none;transform:translateY(-110%);opacity:0;transition:transform .45s var(--n5-ease),opacity .3s;pointer-events:none}
.naa5-jump::-webkit-scrollbar{display:none}
.naa5-jump.is-on{transform:none;opacity:1;pointer-events:auto}
.naa5-jump-k{flex:none;font-family:var(--ff-display);font-style:italic;font-size:15px;color:var(--n5-ink-3);margin-right:12px;white-space:nowrap}
.naa5-jump a{flex:none;font-family:var(--ff-body);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--n5-ink-3);padding:6px 11px;border-radius:16px;white-space:nowrap;transition:color .2s,background .2s}
.naa5-jump a:hover{color:var(--n5-forest);background:rgba(28,43,30,.06)}
.naa5-jump a.is-on{color:#f4f1ea;background:var(--n5-forest)}
.naa-trade-page .naa5-jump{background:rgba(18,19,18,.84);border-color:rgba(244,241,234,.1)}
.naa-trade-page .naa5-jump a{color:rgba(244,241,234,.7)}
.naa-trade-page .naa5-jump a:hover{color:#fff;background:rgba(244,241,234,.1)}
.naa-trade-page .naa5-jump a.is-on{color:#121312;background:#f4f1ea}
.admin-bar .naa5-jump{top:96px}
@media (max-width:860px){.naa5-jump{top:64px;height:42px}.naa5-jump-k{display:none}}
@media (prefers-reduced-motion:reduce){.naa5-jump{transition:none}}
/* the cover sits under a transparent bar, so the jump bar has nothing to stick to until the cover has passed */
body.naa-5 .naa5-jump{margin-bottom:-46px}
@media (max-width:860px){body.naa-5 .naa5-jump{margin-bottom:-42px}}

/* back to top */
.naa5-top{position:fixed;right:22px;bottom:22px;z-index:130;width:44px;height:44px;border-radius:50%;border:1px solid var(--n5-rule-2);background:rgba(251,250,247,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--n5-forest);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .4s var(--n5-ease),background .2s;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.naa5-top svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.naa5-top.is-on{opacity:1;transform:none;pointer-events:auto}
.naa5-top:hover{background:var(--n5-forest);color:#f4f1ea}
.naa-trade-page .naa5-top,.h2-dark~.naa5-top{background:rgba(22,24,23,.85);color:#f4f1ea;border-color:rgba(244,241,234,.2)}
body.naa-5-story .naa5-top{right:22px;bottom:22px}
@media (max-width:900px){body.naa-5-story.has-bar .naa5-top{bottom:calc(76px + env(safe-area-inset-bottom))}body.naa-5-story .naa5-top{display:none}}
@media (max-width:600px){.naa5-top{right:14px;bottom:14px;width:40px;height:40px}}
.naa-next{z-index:135}
.naa-next:not([hidden])~.naa5-top{bottom:150px}

/* grids that degrade: four section tiles become two by two; one or two trends fill the row */
.h4-secs-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.h4-secs-grid:has(> :nth-child(4):last-child) .h4-secc{aspect-ratio:16/8}
.trend-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* ---------- 8. 5.0.0 second pass ---------- */
/* Italic highlights on photographs and dark heroes read in the text's own colour (the pale sage sat badly on photos). */
[data-naa-hero] h1 em,[data-naa-hero] .desk-title em,.naa-author-hero .desk-title em{color:inherit;font-style:italic}
/* House promos: one editorial ribbon, every variant, every shape. Kicker above, headline, line, button; italics in the text's own colour. */
.naa-ad.naa-house .naa-house-in,.naa-v4 .naa-ad.naa-house .naa-house-in{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"k b" "h b" "p b"!important;align-items:center;column-gap:32px;row-gap:6px!important;padding:26px 32px!important;border-radius:2px}
.naa-ad.naa-house .naa-house-k,.naa-v4 .naa-ad.naa-house .naa-house-k{grid-area:k!important;max-width:none;white-space:normal!important;font:500 10.5px/1.3 var(--ff-body)!important;letter-spacing:.22em;text-transform:uppercase;color:var(--n5-moss)!important;margin-bottom:2px}
.naa-ad.naa-house .naa-house-h,.naa-v4 .naa-ad.naa-house .naa-house-h{grid-area:h!important;font:300 clamp(24px,2.2vw,32px)/1.1 var(--ff-display)!important;letter-spacing:-.01em;text-wrap:balance}
.naa-ad.naa-house .naa-house-h em,.naa-house.is-night .naa-house-h em,.naa-house.is-paper .naa-house-h em{color:inherit!important;font-style:italic}
.naa-ad.naa-house .naa-house-p,.naa-v4 .naa-ad.naa-house .naa-house-p{grid-area:p!important;font:400 14px/1.5 var(--ff-body)!important;opacity:1;max-width:60ch}
.naa-ad.naa-house .naa-house-b,.naa-v4 .naa-ad.naa-house .naa-house-b{grid-area:b!important;align-self:center;justify-self:end;font:500 10.5px/1 var(--ff-body);letter-spacing:.16em;text-transform:uppercase;padding:14px 22px;border-radius:24px;transition:transform .3s var(--n5-ease),background .25s}
/* paper: a hairline ribbon on the page's own ground */
.naa-house.is-paper .naa-house-in,.naa-v4 .naa-ad.naa-house.is-paper .naa-house-in{background:transparent!important;border:0!important;border-top:1px solid var(--n5-rule)!important;border-bottom:1px solid var(--n5-rule)!important;color:var(--ink,#0c0c0c)}
.naa-house.is-paper .naa-house-p,.naa-v4 .naa-ad.naa-house.is-paper .naa-house-p{color:#3b403d!important}
.naa-house.is-paper .naa-house-b,.naa-v4 .naa-ad.naa-house.is-paper .naa-house-b{background:var(--n5-forest);color:#f4f1ea}
/* forest and night: deep ground, cream text, no neon */
.naa-house.is-forest .naa-house-in,.naa-v4 .naa-ad.naa-house.is-forest .naa-house-in{background:var(--n5-forest)!important;border:0!important;color:#f4f1ea}
.naa-house.is-night .naa-house-in,.naa-v4 .naa-ad.naa-house.is-night .naa-house-in{background:radial-gradient(120% 140% at 85% 0%,#1d3a2c 0%,#0c1110 60%)!important;border:0!important;color:#f4f1ea}
.naa-house.is-forest .naa-house-k,.naa-house.is-night .naa-house-k,.naa-v4 .naa-ad.naa-house.is-forest .naa-house-k,.naa-v4 .naa-ad.naa-house.is-night .naa-house-k{color:#b8ccb4!important}
.naa-house.is-forest .naa-house-h,.naa-house.is-night .naa-house-h,.naa-v4 .naa-ad.naa-house.is-forest .naa-house-h,.naa-v4 .naa-ad.naa-house.is-night .naa-house-h{color:#f4f1ea!important}
.naa-house.is-forest .naa-house-p,.naa-house.is-night .naa-house-p,.naa-v4 .naa-ad.naa-house.is-forest .naa-house-p,.naa-v4 .naa-ad.naa-house.is-night .naa-house-p{color:rgba(244,241,234,.78)!important}
.naa-house.is-forest .naa-house-b,.naa-house.is-night .naa-house-b{background:#f4f1ea;color:var(--n5-forest)}
.naa-house.is-night .naa-house-in::after{opacity:.5}
/* a promo directly under the map joins its dark ground */
.naa-v4 .af + .naa-ad.naa-house .naa-house-in{background:rgba(244,241,234,.05)!important;border:1px solid rgba(244,241,234,.12)!important;color:#f4f1ea}
.naa-v4 .af + .naa-ad.naa-house .naa-house-k{color:#b8ccb4!important}
.naa-v4 .af + .naa-ad.naa-house .naa-house-b{background:#f4f1ea;color:var(--n5-forest)}
/* card shapes (in feeds, in stories, in the rail) stack */
.naa-ad--infeed.naa-house .naa-house-in,.naa-ad--incontent.naa-house .naa-house-in,.naa-ad--rail.naa-house .naa-house-in,.naa-v4 .naa-ad--infeed.naa-house .naa-house-in,.naa-v4 .naa-ad--incontent.naa-house .naa-house-in,.naa-v4 .naa-ad--rail.naa-house .naa-house-in{grid-template-columns:1fr!important;grid-template-areas:"k" "h" "p" "b"!important;row-gap:10px!important;padding:26px 28px 26px!important}
.naa-ad--infeed.naa-house .naa-house-b,.naa-ad--incontent.naa-house .naa-house-b,.naa-ad--rail.naa-house .naa-house-b,.naa-v4 .naa-ad--infeed.naa-house .naa-house-b,.naa-v4 .naa-ad--incontent.naa-house .naa-house-b,.naa-v4 .naa-ad--rail.naa-house .naa-house-b{justify-self:start!important;margin-top:6px}
.naa-ad--incontent.naa-house.is-paper .naa-house-in,.naa-v4 .naa-ad--incontent.naa-house.is-paper .naa-house-in{border:1px solid var(--n5-rule)!important;border-top:2px solid var(--n5-forest)!important;background:var(--n5-paper)!important}
.naa-ad--rail.naa-house.is-paper .naa-house-in{border:1px solid var(--n5-rule)!important;background:var(--n5-paper)!important}
@media (max-width:760px){
  .naa-ad.naa-house .naa-house-in,.naa-v4 .naa-ad.naa-house .naa-house-in{grid-template-columns:1fr!important;grid-template-areas:"k" "h" "p" "b"!important;padding:24px 22px!important}
  .naa-ad.naa-house .naa-house-b,.naa-v4 .naa-ad.naa-house .naa-house-b{justify-self:start!important;margin-top:8px}
}
/* the Travellers / Trade switch in the phone drawer: both labels readable on the dark sheet */
.naa-drawer .naa-mode{border-color:rgba(244,241,234,.28);background:rgba(244,241,234,.08)}
.naa-drawer .naa-mode a{color:rgba(244,241,234,.78)}
html:not([data-naa-mode=trade]) .naa-drawer .naa-mode a[data-naa-mode-to=travel],html[data-naa-mode=trade] .naa-drawer .naa-mode a[data-naa-mode-to=trade]{color:#121312}
/* menu panels for the year lists */
.cv-dd-in.is-sm{width:360px;padding:20px 24px 20px}
.cv-dd-in.is-sm .cv-dd-list a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;white-space:normal}
.cv-dd-in.is-sm .cv-dd-list a small{font-family:var(--ff-body);font-size:11px;letter-spacing:.08em;color:rgba(244,241,234,.5);white-space:nowrap}
.cv-links .cv-has-dd>a{padding-right:14px}
.naa-drawer .has-sub .naa-drawer-sub{display:flex;flex-wrap:wrap;gap:4px 18px;padding:2px 0 12px}
.naa-drawer .has-sub .naa-drawer-sub a{font-family:var(--ff-body);font-size:13px;letter-spacing:.04em;color:rgba(244,241,234,.75);border:0;padding:4px 0}
.naa-drawer .has-sub>a{border-bottom:0;padding-bottom:4px}
.naa-drawer .has-sub{border-bottom:1px solid rgba(244,241,234,.1)}

/* ---------- 9. 5.0.4 ---------- */
/* Who's reporting: the five faces in one row */
@media (min-width:1100px){.naa-voices-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.naa-voice{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;row-gap:12px;padding:22px 20px}.naa-voice .naa-headshot{grid-row:auto;width:64px;height:64px}.naa-voice-who b{font-size:20px}.naa-voice-t{font-size:16px}}
@media (min-width:700px) and (max-width:1099px){.naa-voices-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Footer: Trade tools under Company */
.footer-top{grid-template-columns:2fr 1fr 1fr 1fr 1fr}
.naa-gl.is-under{margin-top:26px}
/* Trade menu: links stay on the bar down to 1101px, compact */
@media (min-width:1101px) and (max-width:1480px){
  html[data-naa-mode="trade"] .naa-v4 .cv-links.naa-menu-trade{display:flex!important;gap:16px}
  html[data-naa-mode="trade"] .naa-v4 .cv-links.naa-menu-trade a{font-size:10px;letter-spacing:.1em;white-space:nowrap;width:auto}
  html[data-naa-mode="trade"] .naa-v4 .cv-menu{display:none}
  html[data-naa-mode="trade"] .naa-v4 .cv-ask-btn .cv-hide-m,html[data-naa-mode="trade"] .naa-v4 .cv-ask-btn kbd{display:none}
  html[data-naa-mode="trade"] .naa-v4 .cv-actions{margin-left:0}
}
@media (min-width:1101px) and (max-width:1280px){
  html[data-naa-mode="trade"] .naa-v4 .cv-links.naa-menu-trade{gap:12px}
  html[data-naa-mode="trade"] .naa-v4 .cv-links.naa-menu-trade a{font-size:9.5px;letter-spacing:.08em}
  html[data-naa-mode="trade"] .naa-v4 .cv-sub{display:none}
}
/* mood glyphs */
.naa-glyph-mood{display:block;overflow:visible;flex:none}
.naa-glyph-mood .g-ring{opacity:.35}.naa-glyph-mood .g-point,.naa-glyph-mood .g-halo{fill:currentColor}.naa-glyph-mood .g-halo{opacity:.15}.naa-glyph-mood .g-accent{stroke:currentColor}
.gw-f.is-type .naa-glyph-mood{width:18px;height:18px;margin-right:2px}
.h4-mood-g .naa-glyph-mood{width:24px;height:24px}
/* the panel caret sits inside its own label, not in front of the next one */
.cv-links .cv-has-dd>a{padding-right:16px}
.cv-links .cv-has-dd>a::before{right:3px}

/* ---------- 10. 5.0.5: footer regroup, page heads, header signature ---------- */
.footer-top{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px 36px}
.footer-col-head.is-under{margin-top:28px}
.footer-watch .footer-col-head{display:flex;align-items:center;gap:8px}
.footer-watch .footer-col-head::before{content:"";width:6px;height:6px;border-radius:50%;background:#b8ccb4;box-shadow:0 0 0 0 rgba(184,204,180,.5);animation:eFigPulse 2.6s ease-out infinite}
@media (prefers-reduced-motion:reduce){.footer-watch .footer-col-head::before{animation:none}}
@media (max-width:1000px){.footer-top{grid-template-columns:1fr 1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}}
@media (max-width:600px){.footer-top{grid-template-columns:1fr 1fr}}
/* plain pages: an editorial head instead of a bare title */
.naa5-page-head{padding:120px 56px 40px;border-bottom:1px solid var(--n5-rule)}
.naa5-page-head-in{position:relative;z-index:2;max-width:860px}
.naa5-page-head .desk-eyebrow{margin-bottom:14px}
.naa5-page-head h1{font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.02em}
.naa5-page-dek{font-family:var(--ff-body);font-size:17px;line-height:1.6;color:#3b403d;max-width:60ch;margin-top:16px}
.naa5-page-head .desk-meta{margin-top:18px;color:var(--n5-ink-3)}
.naa5-body.is-page .naa-prose{padding-top:56px}
.naa5-body.is-page .naa5-rail{padding-top:60px}
@media (max-width:1239px){.naa5-body.is-page .naa5-rail{display:none}}
@media (max-width:700px){.naa5-page-head{padding:100px 20px 28px}}
/* a header signature: a short rule before every eyebrow on page and hub heads */
.desk-eyebrow,.naa5-page-head .desk-eyebrow{display:inline-flex;align-items:center;gap:12px}
.desk-eyebrow::before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}
.desk-meta{display:flex;flex-wrap:wrap;gap:6px 0;font-variant-numeric:tabular-nums}
.desk-meta>span+span::before{content:"·";margin:0 12px;opacity:.5}
.desk-title{text-wrap:balance}
.desk-dek{text-wrap:pretty;max-width:58ch}
.desk-hero-in{padding-bottom:64px}
.desk-credit{font-size:9.5px;letter-spacing:.14em;opacity:.7}
.naa-author-hero .desk-eyebrow::before{display:none}
.naa5-page-head .desk-eyebrow,.naa5-404 .desk-eyebrow{color:var(--n5-moss)}

/* ── 5.0.11 ─────────────────────────────────────────────────────────────
   1. Mediavine's bottom banner (adhesion). naa5.js measures any full-width bar fixed to
      the bottom of the screen that isn't ours and sets --naa-adh to its height; our own
      bottom elements lift by that much. `translate` composes with each element's own
      transform, so the slide-in and tuck-away animations are untouched. */
:root{--naa-adh:0px}
.naa-next,.naa-nlp,.naa5-bar,.naa5-top,.naa5-toast,.naa-player,.naa4-adv{translate:0 calc(-1 * var(--naa-adh))}
.naa-has-adh .naa-next-link{padding-bottom:14px}
.naa-has-adh .naa-nlp{padding-bottom:16px}
/* 2. Landing-page ad positions (Mediavine content hints): full width, centred, room around them. */
.naa-mv-hint{clear:both;max-width:1328px;margin:0 auto;padding:0 20px;text-align:center}
.naa-mv-hint:has(.content_hint > *){padding:28px 20px} /* space only once an ad has filled it */
@media (max-width:700px){.naa-mv-hint{padding:0}.naa-mv-hint:has(.content_hint > *){padding:20px 0}}
/* 3. Phones and tablets: the tilted photo cards and tickets in the guide heroes sat on the last
      row of figures (hotels, school holidays, trade calendar, getaways, long weekends, ships,
      destinations, guides). They get their own space below the text and stop floating. The contour map's small figure labels are hidden on phones. */
@media (max-width:1100px){
  .naa-v4 [data-naa-hero] > .h4-hcards{margin-top:56px}
}
@media (max-width:700px){
  .naa-v4 [data-naa-hero] > .h4-hcards{margin-top:44px;margin-bottom:48px}
  .naa-v4 .h4-hcards .h4-hc{animation:none}
  .naa-contours text{display:none}
}