/* Landau Lab · primary navigation with dropdowns (521 Claude, 19 Oct 2026).
   One top bar on every page. Research, Methods and Learn are links to their pages, each with a chevron
   button that opens a panel; the panel also opens on mouse hover. Three looks share this markup:
     ln-v-a  "Atlas"  full-width dark panel in the guided visit's palette
     ln-v-b  "Card"   a compact light card anchored under its label
     ln-v-c  "Pill"   the links sit in a floating pill with a sliding highlight; a dark rounded panel floats below
   Under 861 px all three become accordions in the menu drawer. */

/* ------------------------------------------------------------------ shared */
.ln-item{display:flex;align-items:center;position:relative}
.nav-links .ln-top{padding-right:.18rem}
.nav-links .ln-top::after{right:.18rem}
.nav-links .ln-top.is-current{color:var(--ink)}
.nav-links .ln-top.is-current::after,.ln-item.is-open .ln-top::after{transform:scaleX(1)}
.ln-item.is-open .ln-top{color:var(--ink)}
.ln-trig{display:inline-grid;place-items:center;width:22px;height:30px;margin-right:.3rem;padding:0;
  background:transparent;border:0;border-radius:4px;color:var(--ink-soft);cursor:pointer}
.ln-trig:hover{color:var(--ink)}
.ln-chev{width:9px;height:9px;opacity:.6;transition:transform .25s ease,opacity .2s ease}
.ln-item.is-open .ln-chev{transform:rotate(180deg);opacity:1}
.ln-trig:focus-visible,.nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nav-links .ln-panel a::after{display:none}
.ln-grid{list-style:none;margin:0;padding:0}
.ln-card{position:relative}
.ln-card .n{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em}
.ln-card .t{font-family:var(--serif);line-height:1.22}
.ln-card .t em{font-style:italic;font-weight:300}
.ln-more{display:inline-flex;align-items:baseline;gap:.4rem}

@media (min-width:861px){
  .ln-panel{position:absolute;z-index:120;visibility:hidden;opacity:0;
    transition:opacity .2s ease,transform .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s}
  .ln-item.is-open .ln-panel{visibility:visible;opacity:1;transition-delay:0s}
  html.no-js .ln-item:hover .ln-panel,html.no-js .ln-item:focus-within .ln-panel{visibility:visible;opacity:1}
  .nav-links .ln-panel a{padding:0;border-radius:0}
  .nav-links .ln-more{font-family:var(--sans);font-size:.82rem;line-height:1.4;font-weight:500;letter-spacing:.005em}
  .ln-scrim{position:fixed;inset:0;z-index:90;opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .25s ease,visibility 0s linear .25s}
  .ln-scrim.is-on{opacity:1;visibility:visible;transition-delay:0s}

  /* ================================================================ A · Atlas (full-width dark) */
  html.ln-v-a .ln-item{position:static}
  html.ln-v-a .ln-panel{left:0;right:0;top:100%;transform:translateY(-6px);
    color:rgba(245,242,236,.74);background:#0b1b1e;
    background:radial-gradient(900px 420px at 12% 0%,#14303a 0%,#0b1b1e 58%,#081416 100%);
    border-top:1px solid rgba(210,174,114,.28);box-shadow:0 28px 60px -28px rgba(6,16,18,.75)}
  html.ln-v-a .ln-item.is-open .ln-panel{transform:none}
  html.ln-v-a .ln-in{display:grid;grid-template-columns:minmax(250px,1fr) 3fr;gap:clamp(1.5rem,4vw,3.5rem);padding-block:1.9rem 2.1rem}
  html.ln-v-a .ln-intro{display:flex;flex-direction:column;gap:.5rem;padding-right:1rem;border-right:1px solid rgba(245,242,236,.1)}
  html.ln-v-a .ln-k{display:flex;align-items:center;gap:.6rem;margin:0;font-family:var(--mono);font-size:.62rem;font-weight:500;
    letter-spacing:.22em;text-transform:uppercase;color:#d2ae72}
  html.ln-v-a .ln-k::before{content:"";width:18px;height:1px;background:currentColor;opacity:.8}
  html.ln-v-a .ln-lede{margin:.2rem 0 .5rem;font-family:var(--serif);font-size:1.08rem;font-weight:300;line-height:1.4;color:#f5f2ec}
  html.ln-v-a .nav-links .ln-more{color:rgba(245,242,236,.82)}
  html.ln-v-a .nav-links .ln-more:hover{color:#f5f2ec}
  html.ln-v-a .ln-more span{color:#d2ae72}
  html.ln-v-a .ln-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 1.6rem}
  html.ln-v-a .ln-grid.ln-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem 1.6rem}
  html.ln-v-a .nav-links .ln-card{display:flex;flex-direction:column;gap:.45rem;padding:.95rem 1.4rem .4rem 0;
    color:#f5f2ec;border-top:1px solid rgba(245,242,236,.14)}
  html.ln-v-a .ln-card::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:#d2ae72;
    transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}
  html.ln-v-a .ln-card:hover::before,html.ln-v-a .ln-card:focus-visible::before,html.ln-v-a .ln-card[aria-current="page"]::before{transform:scaleX(1)}
  html.ln-v-a .ln-card .n{color:#d2ae72}
  html.ln-v-a .ln-card .t{font-size:1.1rem;color:#f5f2ec}
  html.ln-v-a .ln-card .t em{color:#9cc8cb}
  html.ln-v-a .ln-card .d{font-size:.8rem;line-height:1.5;color:rgba(245,242,236,.58)}
  html.ln-v-a .ln-card:hover .d{color:rgba(245,242,236,.8)}
  html.ln-v-a .ln-card .go{position:absolute;right:0;top:.9rem;font-size:.86rem;color:rgba(245,242,236,.3);transition:transform .25s ease,color .2s ease}
  html.ln-v-a .ln-card:hover .go,html.ln-v-a .ln-card:focus-visible .go{transform:translateX(4px);color:#d2ae72}
  html.ln-v-a .nav-links .ln-panel a:focus-visible{outline:2px solid #d2ae72;outline-offset:4px}
  html.ln-v-a .ln-scrim{background:rgba(8,20,22,.28)}

  /* ================================================================ B · Card (compact light) */
  html.ln-v-b .ln-panel{top:calc(100% + 16px);left:-.6rem;width:390px;transform:translateY(-4px) scale(.985);transform-origin:top left;
    background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:.5rem;
    box-shadow:0 30px 60px -24px rgba(27,26,22,.30),0 2px 8px rgba(27,26,22,.06)}
  html.ln-v-b .ln-panel::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}   /* hover bridge */
  html.ln-v-b .ln-item.is-open .ln-panel{transform:none}
  html.ln-v-b .ln-in{display:flex;flex-direction:column;max-width:none;padding:0}
  html.ln-v-b .ln-intro{order:2;display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.35rem .2rem 0;padding:.6rem .65rem .35rem;border-top:1px solid var(--line)}
  html.ln-v-b .ln-k,html.ln-v-b .ln-lede{display:none}
  html.ln-v-b .nav-links .ln-more{color:var(--accent-deep)}
  html.ln-v-b .nav-links .ln-more:hover{color:var(--ink)}
  html.ln-v-b .ln-more span{color:var(--sand)}
  html.ln-v-b .ln-grid{display:flex;flex-direction:column;gap:.1rem}
  html.ln-v-b .nav-links .ln-card{display:grid;grid-template-columns:1.8rem 1fr;column-gap:.2rem;row-gap:.12rem;align-items:baseline;
    padding:.62rem .7rem;border-radius:10px;color:var(--ink);transition:background .18s ease}
  html.ln-v-b .ln-card.ln-plain{grid-template-columns:1fr}
  html.ln-v-b .ln-card:hover,html.ln-v-b .ln-card:focus-visible{background:var(--paper-2,#faf8f3)}
  html.ln-v-b .ln-card[aria-current="page"]{background:var(--accent-soft)}
  html.ln-v-b .ln-card .n{color:var(--sand)}
  html.ln-v-b .ln-card .t{font-size:1.02rem;color:var(--ink)}
  html.ln-v-b .ln-card .t em{color:var(--accent)}
  html.ln-v-b .ln-card .d{grid-column:2;font-size:.78rem;line-height:1.45;color:var(--muted)}
  html.ln-v-b .ln-card.ln-plain .d{grid-column:1}
  html.ln-v-b .ln-card .go{position:absolute;right:.75rem;top:.7rem;font-size:.8rem;color:var(--accent);opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease}
  html.ln-v-b .ln-card:hover .go,html.ln-v-b .ln-card:focus-visible .go{opacity:1;transform:none}

  /* ================================================================ C · Pill (floating, sliding highlight) */
  html.ln-h-pill header.site,html.ln-h-pill header.site.scrolled{background:transparent;border-bottom-color:transparent;
    -webkit-backdrop-filter:none;backdrop-filter:none}
  html.ln-h-pill header.site .brand{padding:.3rem .9rem .3rem .4rem;border-radius:999px;
    background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border:1px solid color-mix(in srgb,var(--line-strong) 70%,transparent)}
  html.ln-h-pill header.site .brand-emblem{width:38px;height:36px}
  html.ln-h-pill .nav-links{position:relative;gap:0;padding:.3rem;border-radius:999px;
    background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border:1px solid color-mix(in srgb,var(--line-strong) 70%,transparent);box-shadow:0 10px 30px -18px rgba(27,26,22,.35)}
  html.ln-v-c .ln-item{position:static}
  html.ln-v-c .nav-links{position:relative}
  html.ln-h-pill .nav-links > a,html.ln-h-pill .nav-links .ln-top{position:relative;z-index:1;border-radius:999px;padding:.48rem .95rem}
  html.ln-h-pill .nav-links .ln-top{padding-right:.2rem}
  html.ln-h-pill .nav-links > a::after,html.ln-h-pill .nav-links .ln-top::after{display:none}
  html.ln-h-pill .ln-trig{position:relative;z-index:1;margin-right:.45rem}
  html.ln-h-pill .nav-links > a[aria-current="page"],html.ln-h-pill .nav-links .ln-top.is-current{color:var(--accent-deep);font-weight:500}
  html.ln-h-pill .nav-links a.cta{margin-left:.3rem;border:0;background:var(--accent-deep);color:#f5f2ec}
  html.ln-h-pill .nav-links a.cta:hover{background:var(--accent);color:#fff}
  html.ln-h-pill .ln-hl{position:absolute;z-index:0;top:.3rem;bottom:.3rem;left:0;width:0;border-radius:999px;
    background:rgba(46,88,95,.10);opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),opacity .2s ease}
  html.ln-h-pill .ln-hl.is-on{opacity:1}
  html.ln-v-c .ln-panel{top:calc(100% + 12px);right:0;width:min(760px,94vw);transform:translateY(-6px) scale(.985);transform-origin:top right;
    color:rgba(245,242,236,.74);background:#0b1b1e;
    background:radial-gradient(640px 360px at 0% 0%,#163640 0%,#0b1b1e 60%,#081416 100%);
    border:1px solid rgba(210,174,114,.22);border-radius:20px;padding:1.3rem 1.4rem 1.2rem;
    box-shadow:0 40px 80px -30px rgba(6,16,18,.8)}
  html.ln-v-c .ln-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
  html.ln-v-c .ln-item.is-open .ln-panel{transform:none}
  html.ln-v-c .ln-in{display:flex;flex-direction:column;gap:.9rem;max-width:none;padding:0}
  html.ln-v-c .ln-intro{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem;padding:0 .3rem .8rem;border-bottom:1px solid rgba(245,242,236,.1)}
  html.ln-v-c .ln-k{flex:1 1 auto;margin:0;font-family:var(--mono);font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#d2ae72}
  html.ln-v-c .ln-lede{display:none}
  html.ln-v-c .nav-links .ln-more{color:rgba(245,242,236,.78)}
  html.ln-v-c .nav-links .ln-more:hover{color:#f5f2ec}
  html.ln-v-c .ln-more span{color:#d2ae72}
  html.ln-v-c .ln-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}
  html.ln-v-c .ln-grid.ln-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  html.ln-v-c .nav-links .ln-card{display:grid;grid-template-columns:1.9rem 1fr;row-gap:.2rem;align-items:baseline;
    padding:.8rem .8rem .85rem;border-radius:12px;color:#f5f2ec;transition:background .2s ease}
  html.ln-v-c .ln-card.ln-plain{grid-template-columns:1fr}
  html.ln-v-c .ln-card:hover,html.ln-v-c .ln-card:focus-visible{background:rgba(245,242,236,.06)}
  html.ln-v-c .ln-card[aria-current="page"]{background:rgba(210,174,114,.10)}
  html.ln-v-c .ln-card .n{color:#d2ae72}
  html.ln-v-c .ln-card .t{font-size:1.06rem;color:#f5f2ec}
  html.ln-v-c .ln-card .t em{color:#9cc8cb}
  html.ln-v-c .ln-card .d{grid-column:2;font-size:.78rem;line-height:1.5;color:rgba(245,242,236,.56)}
  html.ln-v-c .ln-card.ln-plain .d{grid-column:1}
  html.ln-v-c .ln-card .go{position:absolute;right:.8rem;top:.85rem;font-size:.82rem;color:#d2ae72;opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease}
  html.ln-v-c .ln-card:hover .go,html.ln-v-c .ln-card:focus-visible .go{opacity:1;transform:none}
  html.ln-v-c .nav-links .ln-panel a:focus-visible{outline:2px solid #d2ae72;outline-offset:2px}
  html.ln-v-c .ln-scrim{background:rgba(8,20,22,.18)}
}
@media (min-width:861px) and (max-width:1100px){
  html.ln-v-a .ln-in{grid-template-columns:1fr}
  html.ln-v-a .ln-intro{border-right:0;padding-right:0}
  html.ln-v-a .ln-grid,html.ln-v-a .ln-grid.ln-cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 1.6rem}
  .nav-links > a,.nav-links .ln-top{padding-left:.5rem;padding-right:.5rem}
  html.ln-h-pill .nav-links > a,html.ln-h-pill .nav-links .ln-top{padding-left:.6rem}
  html.ln-v-c .ln-grid.ln-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:861px){
  .nav-links > a,.nav-links .ln-top,.brand .wordmark{white-space:nowrap}
}
@media (min-width:861px) and (max-width:1000px){
  html.ln-h-pill .nav-links > a,html.ln-h-pill .nav-links .ln-top{padding:.45rem .55rem;font-size:.86rem}
  html.ln-h-pill .nav-links .ln-top{padding-right:.1rem}
  html.ln-h-pill .ln-trig{width:18px;margin-right:.2rem}
  html.ln-h-pill header.site .brand{padding:.3rem}
  html.ln-h-pill header.site .brand .wordmark{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* ------------------------------------------------------------------ strip headers (19 Oct, round 2)
   ln-h-strip  solid paper strip; on the homepage the guided-visit bar docks under it as one two-tier header
   ln-h-prog   solid paper strip only; visit progress is a hairline on the strip, the 7 stops a slim rail at the right edge
   ln-h-dark   the strip in the guided visit's dark palette (the visit bar docks under it, also dark) */
@media (min-width:861px){
  html.ln-h-strip header.site,html.ln-h-prog header.site{background:var(--paper);border-bottom-color:var(--line);
    -webkit-backdrop-filter:none;backdrop-filter:none}
  html.ln-h-strip .ln-panel,html.ln-h-prog .ln-panel,html.ln-h-dark .ln-panel{top:calc(100% + 22px)}
  html.ln-h-strip .ln-panel::before,html.ln-h-prog .ln-panel::before,html.ln-h-dark .ln-panel::before{top:-26px;height:26px}
  html.ln-h-strip .nav-links a.cta,html.ln-h-prog .nav-links a.cta{border:0;background:var(--accent-deep);color:#f5f2ec}
  html.ln-h-strip .nav-links a.cta:hover,html.ln-h-prog .nav-links a.cta:hover{background:var(--accent);color:#fff}

  /* strip: the visit bar becomes the header's second tier */
  html.ln-h-strip .route{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;
    box-shadow:inset 0 1px 0 var(--line),0 14px 30px -26px rgba(27,26,22,.45)}
  html.ln-h-strip:has(.route.is-on) header.site{border-bottom-color:transparent}

  /* prog: one strip; progress hairline + stop rail */
  html.ln-h-prog header.site::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;
    background:linear-gradient(90deg,var(--sand),#d2ae72);transform-origin:left;transform:scaleX(var(--ln-prog,0));
    opacity:var(--ln-prog-on,0);transition:opacity .3s ease}

  /* dark */
  html.ln-h-dark header.site,html.ln-h-dark header.site.scrolled{background:#0b1b1e;
    background:linear-gradient(90deg,#0e2428 0%,#0b1b1e 55%,#091618 100%);border-bottom-color:rgba(245,242,236,.08);
    -webkit-backdrop-filter:none;backdrop-filter:none}
  html.ln-h-dark header.site .wordmark{color:#f5f2ec}
  html.ln-h-dark header.site .brand-emblem{background:#f5f2ec;border-radius:50%;padding:3px;width:44px;height:44px}
  html.ln-h-dark .nav-links > a,html.ln-h-dark .nav-links .ln-top,html.ln-h-dark .ln-trig{color:rgba(245,242,236,.74)}
  html.ln-h-dark .nav-links > a:hover,html.ln-h-dark .nav-links .ln-top:hover,html.ln-h-dark .ln-trig:hover,
  html.ln-h-dark .nav-links > a[aria-current="page"],html.ln-h-dark .nav-links .ln-top.is-current,html.ln-h-dark .ln-item.is-open .ln-top{color:#f5f2ec}
  html.ln-h-dark .nav-links > a::after,html.ln-h-dark .nav-links .ln-top::after{background:#d2ae72}
  html.ln-h-dark .nav-links a.cta{border:1px solid rgba(210,174,114,.6);color:#f5f2ec;background:rgba(210,174,114,.08)}
  html.ln-h-dark .nav-links a.cta:hover{border-color:#d2ae72;background:rgba(210,174,114,.18)}
  html.ln-h-dark .nav-links a:focus-visible,html.ln-h-dark .ln-trig:focus-visible{outline-color:#d2ae72}
  html.ln-h-dark .route{background:#0d1f22;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:rgba(245,242,236,.08);
    box-shadow:inset 0 1px 0 rgba(245,242,236,.07),0 14px 30px -24px rgba(0,0,0,.6)}
  html.ln-h-dark:has(.route.is-on) header.site{border-bottom-color:transparent}
  html.ln-h-dark .route-n{color:#d2ae72}
  html.ln-h-dark .route-of{color:rgba(245,242,236,.45)}
  html.ln-h-dark .route-t,html.ln-h-dark .route-next .rn-t{color:#f5f2ec}
  html.ln-h-dark .route-next{border-left-color:rgba(245,242,236,.12);color:rgba(245,242,236,.55)}
  html.ln-h-dark .rs-dot{background:#0d1f22;border-color:rgba(245,242,236,.3)}
  html.ln-h-dark .route-stops li + li::before{background:rgba(245,242,236,.16)}
  html.ln-h-dark .route-stops a.is-past .rs-dot{background:rgba(210,174,114,.45);border-color:rgba(210,174,114,.45)}
  html.ln-h-dark .route-stops a.is-now .rs-dot{background:#d2ae72;border-color:#d2ae72;box-shadow:0 0 0 4px rgba(210,174,114,.18)}
  html.ln-h-dark .route-bar i{background:#d2ae72}
}
@media (min-width:1100px){
  html.ln-h-prog .route{top:50%;left:auto;right:14px;width:auto;background:none;border:0;box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(14px,-50%)}
  html.ln-h-prog .route.is-on{transform:translate(0,-50%)}
  html.ln-h-prog .route-in{flex-direction:column;height:auto;max-width:none;padding:.45rem .1rem;gap:0;border-radius:999px;
    background:color-mix(in srgb,var(--paper) 90%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    box-shadow:0 10px 26px -18px rgba(27,26,22,.5)}
  html.ln-h-prog .route-now,html.ln-h-prog .route-next,html.ln-h-prog .route-bar{display:none}
  html.ln-h-prog .route-stops{flex-direction:column;margin:0}
  html.ln-h-prog .route-stops li{flex-direction:column}
  html.ln-h-prog .route-stops li + li::before{width:1px;height:14px}
  html.ln-h-prog .route-stops a{width:26px;height:22px}
  html.ln-h-prog .rs-l{top:50%;left:auto;right:calc(100% + 4px);transform:translate(4px,-50%)}
  html.ln-h-prog .route-stops a:hover .rs-l,html.ln-h-prog .route-stops a:focus-visible .rs-l,
  html.ln-h-prog .route-stops a.is-now .rs-l{opacity:1;transform:translate(0,-50%)}
  html.ln-h-prog .route-stops a.is-now .rs-l{background:var(--accent-deep)}
}
@media (min-width:861px) and (max-width:1099px){
  html.ln-h-prog .route{background:var(--paper);box-shadow:inset 0 1px 0 var(--line)}
}
@media (max-width:860px){
  html.ln-h-dark header.site,html.ln-h-dark header.site.scrolled{background:#0b1b1e}
  html.ln-h-dark header.site .wordmark{color:#f5f2ec}
  html.ln-h-dark header.site .brand-emblem{background:#f5f2ec;border-radius:50%;padding:3px}
  html.ln-h-dark .nav-toggle{color:#f5f2ec;border-color:rgba(245,242,236,.3);background:transparent}
}

/* ------------------------------------------------------------------ mobile drawer: accordions (all variants) */
@media (max-width:860px){
  .ln-item{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}
  .nav-links .ln-top{flex:1 1 auto;border-bottom:0;color:var(--ink)}
  .nav-links .ln-top::after{display:none}
  .ln-trig{width:44px;height:44px;margin:0;color:var(--ink)}
  .ln-chev{width:11px;height:11px}
  .ln-panel{display:none;flex-basis:100%;padding:0 0 .7rem}
  .ln-item.is-open .ln-panel{display:block}
  .ln-in{display:flex;flex-direction:column;padding:0}
  .ln-k,.ln-lede,.ln-card .d,.ln-card .go,.ln-hl{display:none}
  .ln-intro{order:2;display:flex;flex-direction:column}
  .nav-links .ln-panel a{border-bottom:0;padding:.5rem .2rem .5rem .9rem;font-size:.95rem}
  .ln-card{display:grid;grid-template-columns:1.8rem 1fr;align-items:baseline}
  .ln-card.ln-plain{grid-template-columns:1fr}
  .ln-card .n{color:var(--sand,#a9864f)}
  .ln-card .t{font-size:1.02rem;color:var(--ink)}
  .ln-card .t em{color:var(--accent)}
  .nav-links .ln-more{font-size:.86rem;color:var(--accent-deep)}
  .ln-more span{color:var(--sand,#a9864f)}
  .ln-scrim{display:none}
}

/* phones: the menu button carries its label */
.ln-menu-l{display:none}
@media (max-width:860px){
  .nav-toggle{width:auto;gap:.55rem;padding:0 .95rem 0 .8rem;border-radius:999px;background:color-mix(in srgb,var(--paper) 90%,transparent)}
  .ln-menu-l{display:inline;font:500 .86rem/1 var(--sans);letter-spacing:.02em}
}

@media (prefers-reduced-motion:reduce){
  .ln-panel,.ln-chev,.ln-card::before,.ln-card .go,.ln-scrim,.ln-hl{transition:none !important}
}

/* preview-only variant switcher */
.ln-switch{position:fixed;z-index:400;right:16px;bottom:16px;display:flex;gap:.25rem;padding:.3rem;border-radius:999px;
  background:#0b1b1e;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);font:500 .72rem/1 var(--mono);letter-spacing:.08em}
.ln-switch button{border:0;border-radius:999px;padding:.5rem .8rem;background:transparent;color:rgba(245,242,236,.7);cursor:pointer;font:inherit;letter-spacing:inherit}
.ln-switch button[aria-pressed="true"]{background:#d2ae72;color:#0b1b1e}

/* ------------------------------------------------------------------ ln-h-line (19 Oct, round 3): the lean strip
   One strip, nothing else. Each stop of the guided visit already opens with its "Stop 0n" label and ends with a
   "next stop" link, so the separate visit bar is dropped; progress is a thin gold line along the strip's lower edge.
   The dark strip uses the same treatment. */
html.ln-h-line .route,html.ln-h-dark .route{display:none !important}
html.ln-h-line header.site::after,html.ln-h-dark header.site::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;
  background:linear-gradient(90deg,var(--sand),#d2ae72);transform-origin:left;transform:scaleX(var(--ln-prog,0));
  opacity:var(--ln-prog-on,0);transition:opacity .3s ease;pointer-events:none}
@media (min-width:861px){
  html.ln-h-line header.site,html.ln-h-line header.site.scrolled{background:var(--paper);border-bottom-color:var(--line);
    -webkit-backdrop-filter:none;backdrop-filter:none}
  html.ln-h-line .ln-panel{top:calc(100% + 22px)}
  html.ln-h-line .ln-panel::before{top:-26px;height:26px}
  html.ln-h-line .nav-links a.cta{border:0;background:var(--accent-deep);color:#f5f2ec}
  html.ln-h-line .nav-links a.cta:hover{background:var(--accent);color:#fff}
}
@media (min-width:861px) and (max-width:1000px){
  html.ln-h-line .nav-links > a,html.ln-h-line .nav-links .ln-top{padding:.45rem .5rem;font-size:.86rem}
  html.ln-h-line .nav-links .ln-top{padding-right:.1rem}
  html.ln-h-line .ln-trig{width:18px;margin-right:.15rem}
  html.ln-h-line .nav-links a.cta{margin-left:.25rem}
  html.ln-h-line header.site .brand .wordmark{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}