/* ==========================================================================
   AUREMONT FUNDS MANAGEMENT — SITE STYLESHEET
   Separation is carried by space and by a change of ground, not by ruling
   the page. Hairlines appear only inside structures that need them:
   figure strips, definition rows, list rows and form fields.
   Square corners. No shadows, no gradients, no rounding.
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  margin:0;background:var(--paper);color:var(--ink);
  min-height:100vh;display:flex;flex-direction:column;
  font-family:var(--font);font-size:var(--size-lead);line-height:var(--lh-lead);
  font-weight:var(--w-regular);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}

img{max-width:100%;height:auto;display:block}

/* Short pages: the footer sits at the foot, not mid-screen. */
main{flex:1 0 auto}
.site-footer{flex-shrink:0}

/* --- Type ----------------------------------------------------------------- */

h1,h2,h3{margin:0;font-weight:var(--w-semi);color:var(--ink)}
h1{font-size:var(--size-h1);line-height:var(--lh-h1);letter-spacing:var(--track-h1)}
h2{font-size:var(--size-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h2)}
h3{font-size:var(--size-h3);line-height:var(--lh-h3);letter-spacing:var(--track-h3)}

p{margin:0 0 var(--space-3)}
p:last-child{margin-bottom:0}
strong{font-weight:var(--w-semi)}
sup{font-size:0.62em;font-weight:var(--w-regular);line-height:0;
  vertical-align:super;color:var(--steel)}

p,li,dd,dt,h1,h2,h3{text-align:left;hyphens:none;-webkit-hyphens:none}

a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;text-decoration-color:var(--rule-strong);
  transition:color var(--transition),text-decoration-color var(--transition)}
a:hover{color:var(--accent);text-decoration-color:var(--accent)}

a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px}

/* One scale: 60 / 44 / 32 / 20 / 16. Nothing below 16px anywhere, and no
   uppercase micro-labels — Macquarie has no such element. */
.eyebrow{font-size:var(--size-body);line-height:var(--lh-body);
  letter-spacing:0;text-transform:none;
  font-weight:var(--w-semi);color:var(--steel);margin:0 0 var(--space-2)}
/* Section and page labels duplicated the heading below them; the direct-child
   form of this selector missed the ones nested inside .wrap. */
.section-head .eyebrow,.section-head-wide .eyebrow,
.page-head .eyebrow,.gate-inner .eyebrow{display:none}

.lead{font-size:var(--size-lead);line-height:var(--lh-lead);color:var(--ink);
  max-width:46em}
.small{font-size:var(--size-lead);line-height:var(--lh-lead)}
.muted{color:var(--steel)}

.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;
  padding:var(--space-2) var(--space-3);z-index:100;text-decoration:none}
.skip:focus{left:0}

/* --- Layout --------------------------------------------------------------- */

.wrap{max-width:var(--container);margin:0 auto;
  padding-left:var(--gutter);padding-right:var(--gutter)}
.measure{max-width:var(--measure)}
section{padding-top:var(--section-y);padding-bottom:var(--section-y)}

/* A band is a change of ground. It carries no border — the tonal step and
   the space around it are the separation. */
.band{background:var(--surface)}
.ruled{}

.grid{display:grid;grid-template-columns:repeat(12,1fr);
  gap:var(--space-6) var(--space-4)}
.col-head,.col-body,.col-full{grid-column:1 / -1}
.col-half{grid-column:span 6}

/* --- Section heads: label, heading, space. No rule. ----------------------- */

.section-head,.section-head-wide{max-width:none;margin-bottom:var(--space-4)}
.section-head h2,.section-head-wide h2{margin-bottom:var(--space-2);max-width:18em}
.section-head h2:last-child,.section-head-wide h2:last-child{margin-bottom:0}
.section-head p,.section-head-wide p{font-size:var(--size-lead);
  line-height:var(--lh-small);color:var(--steel);max-width:62ch;margin-bottom:0}

/* --- Header --------------------------------------------------------------- */

.site-header{background:var(--footer-bg);position:sticky;top:0;z-index:40}
/* Artwork is already reversed for dark grounds - no filter, so the silver survives. */
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;
  gap:var(--space-6);min-height:148px;
  padding-top:var(--space-4);padding-bottom:var(--space-4)}

.logo{display:inline-block;line-height:0;text-decoration:none}
.logo img{height:100px;width:auto}

.nav ul{list-style:none;margin:0;padding:0;display:flex;
  gap:var(--space-4);align-items:center}
.nav a{color:var(--white);text-decoration:none;font-size:var(--size-body);
  letter-spacing:0;padding:var(--space-1) 0;
  border-bottom:2px solid transparent;display:inline-block;
  transition:border-color var(--transition),color var(--transition)}
.nav a:hover{color:var(--white);border-bottom-color:rgba(255,255,255,0.45)}
.nav a[aria-current="page"]{border-bottom-color:var(--white);
  font-weight:var(--w-semi);color:var(--white)}

.nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,0.45);
  color:var(--white);font-family:var(--font);font-size:var(--size-body);
  letter-spacing:0;text-transform:none;
  font-weight:var(--w-semi);padding:0 var(--space-3);min-height:44px;
  border-radius:0;cursor:pointer}
.nav-close{display:none}

/* --- Banner (home) and page head (interior) ------------------------------- */

.banner{background:var(--paper);
  padding-top:var(--space-12);padding-bottom:var(--space-6)}
.banner .eyebrow{line-height:var(--lh-display);
  /* the company name holds one line at every width */
  font-size:min(var(--size-banner-eyebrow),5.5vw);white-space:nowrap;
  letter-spacing:0;text-transform:uppercase;font-weight:var(--w-semi);
  color:var(--ink);margin-bottom:var(--space-8);max-width:none}
.banner h1{font-size:var(--size-display);line-height:var(--lh-display);
  letter-spacing:var(--track-display);max-width:14em}

.page-head{padding-top:var(--space-12);padding-bottom:var(--space-3)}
.page-head + section{padding-top:var(--space-6)}
.page-head h1{margin-bottom:var(--space-4);max-width:16em}
.page-head .lead{color:var(--ink)}

/* --- Intro and columnised prose ------------------------------------------- */

.intro{padding-top:var(--section-y);padding-bottom:var(--section-y)}
.intro-col{max-width:var(--measure)}
.intro .lead{margin-bottom:var(--space-4)}

.cols-3,.cols-2{column-count:2;column-gap:var(--space-8);column-rule:none;
  max-width:1040px;margin-bottom:0}
.cols-3 > *,.cols-2 > *{margin:0 0 var(--space-3);break-inside:avoid-column}
.cols-3 > *:last-child,.cols-2 > *:last-child{margin-bottom:0}
.cols-2 > ul,.cols-2 > ol{padding-left:var(--space-3)}

/* --- Audience router ------------------------------------------------------ */

.router{padding-top:var(--section-y);padding-bottom:var(--section-y)}
.router-inner{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}
.router-label{font-size:var(--size-h2);line-height:1.2;letter-spacing:0;
  font-weight:var(--w-semi);margin:0;color:var(--ink)}
.router-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}
.router-buttons .btn{min-width:320px;min-height:68px;justify-content:center;
  font-size:var(--size-h3);padding:0 var(--space-6);
  background:transparent;color:var(--accent);border:1px solid var(--accent)}
.router-buttons .btn:hover{background:var(--accent);color:var(--white);
  border-color:var(--accent)}

/* --- Figures: hairlines between the figures, none across the page --------- */

.figures{padding-top:var(--section-y);padding-bottom:var(--section-y)}
.facts{display:grid;grid-template-columns:repeat(4,1fr)}
.facts > div{padding:0 var(--space-6) 0 0;border-right:var(--hairline)}
.facts > div:nth-child(n+2){padding-left:var(--space-6)}
.facts > div:last-child{border-right:none;padding-right:0}
.fact-value{font-size:var(--size-h1);line-height:1.04;
  letter-spacing:var(--track-h1);font-weight:var(--w-semi);display:block;
  color:var(--ink)}
.fact-value sup{font-size:0.34em;vertical-align:super}
.fact-label{display:block;font-size:var(--size-body);line-height:var(--lh-body);
  letter-spacing:0;text-transform:none;
  font-weight:var(--w-regular);color:var(--steel);margin-top:var(--space-2)}
.figures-note{margin-top:var(--space-8);font-size:var(--size-lead);
  line-height:var(--lh-lead);color:var(--ink);max-width:76ch}

/* --- Scope: panels defined by ground, not by outline ---------------------- */

.scope{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}
.scope-item{background:var(--surface);padding:var(--space-4)}
.band .scope-item{background:var(--paper)}
.scope-item h3{margin-bottom:var(--space-2)}
.scope-item p{font-size:var(--size-lead);line-height:var(--lh-lead);
  color:var(--steel);margin-bottom:0}
.scope-note{margin-top:var(--space-6);font-size:var(--size-lead);
  line-height:var(--lh-lead);color:var(--steel);max-width:76ch}

/* --- Process: the numeral is the structure -------------------------------- */

.process{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(4,1fr);gap:var(--space-6) var(--space-6)}
.process li{padding:0}
.step-no{display:block;font-size:var(--size-h3);line-height:1;
  letter-spacing:0;font-weight:var(--w-semi);color:var(--accent);
  margin-bottom:var(--space-3)}
.process h3{margin-bottom:var(--space-2)}
.process p{font-size:var(--size-lead);line-height:var(--lh-lead);
  color:var(--steel);margin-bottom:0}

/* --- Definition rows: a table, so the rows are ruled ---------------------- */

.defs{margin:0;padding:0}
.def-row{display:grid;grid-template-columns:300px 1fr;gap:var(--space-6);
  padding:var(--space-3) 0;border-bottom:var(--hairline)}
.def-row:last-child{border-bottom:none}
.def-row dt{font-weight:var(--w-semi);font-size:var(--size-lead);
  line-height:var(--lh-lead);color:var(--ink)}
.def-row dd{margin:0;font-size:var(--size-lead);line-height:var(--lh-lead);
  color:var(--steel);max-width:72ch}

/* --- Prose ---------------------------------------------------------------- */

.prose,.prose.cols-2,.col-body.prose{max-width:1040px}
.prose > p,.prose > ul,.prose > ol{max-width:76ch}
.prose > .cols-2,.prose > .cols-3{max-width:none}
.prose h2{margin-top:var(--space-10);margin-bottom:var(--space-4);max-width:none}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:var(--space-6);margin-bottom:var(--space-2)}
.prose ul,.prose ol{margin:0 0 var(--space-3);padding-left:var(--space-3)}
.prose li{margin-bottom:var(--space-1)}
.prose li:last-child{margin-bottom:0}

.exclusions{list-style:none;margin:0;padding:0}
.exclusions li{border-bottom:var(--hairline);padding:var(--space-3) 0;
  font-size:var(--size-lead);line-height:var(--lh-lead);margin:0}
.exclusions li:last-child{border-bottom:none}
.exclusions li strong{color:var(--ink)}

/* --- Risk ----------------------------------------------------------------- */

.risk{background:var(--grey-05)}
.risk-inner{max-width:76ch}
.risk p{font-size:var(--size-lead);line-height:var(--lh-lead);max-width:none}
/* The wholesale restriction is the most consequential sentence on its
   page: set at lead size, one weight throughout. */
.risk-line{font-size:var(--size-lead);line-height:var(--lh-lead);
  color:var(--ink);max-width:46em}
.risk-line strong{font-weight:var(--w-regular)}

.risk-foot{padding-top:var(--section-y);padding-bottom:var(--section-y);
  background:var(--paper)}
.risk-foot p{font-size:var(--size-lead);line-height:var(--lh-lead);
  color:var(--steel);margin:0;max-width:92ch}

/* --- Placeholder slot ------------------------------------------------------ */

/* Scaffolding: a pale tint so it reads as unfinished, and leaves no
   trace once the content lands. */
.slot{background:var(--accent-tint);border-left:2px solid var(--accent);
  padding:var(--space-3);margin:var(--space-3) 0}
.slot .eyebrow{color:var(--accent);margin-bottom:var(--space-1);
  font-size:var(--size-body)}
.slot p{font-size:var(--size-lead);line-height:var(--lh-lead);
  color:var(--ink-soft);margin:0}

/* --- Footnotes and notes --------------------------------------------------- */

.notes{padding-top:0;padding-bottom:var(--section-y)}
.footnotes{padding-top:0;margin-top:var(--space-10)}
.notes .footnotes{margin-top:0}
.footnotes ol{margin:0;padding-left:var(--space-3)}
/* Each note is a term and its explanation on one row: terms flush left in
   their own column, explanations flush left in theirs, a clear gap between
   one note and the next. */
.footnotes dl{display:grid;grid-template-columns:320px minmax(0,1fr);
  column-gap:var(--space-6);row-gap:var(--space-4);margin:0;max-width:1040px}
.footnotes dt{grid-column:1;margin:0;font-weight:var(--w-semi);
  font-size:var(--size-lead);line-height:var(--lh-lead);color:var(--ink)}
.footnotes dd{grid-column:2;margin:0;font-size:var(--size-lead);
  line-height:var(--lh-lead);color:var(--ink);max-width:78ch}
.footnotes li,.footnotes p{font-size:var(--size-lead);line-height:var(--lh-lead);
  color:var(--ink);margin-bottom:var(--space-2);max-width:92ch}

/* --- People ----------------------------------------------------------------- */

.people{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}
.person{background:var(--surface);padding:var(--space-6);
  display:flex;gap:var(--space-4);align-items:flex-start}
.band .person{background:var(--paper)}
.person-initial{flex:0 0 auto;width:64px;height:64px;
  background:var(--accent-tint);color:var(--accent);
  display:flex;align-items:center;justify-content:center;
  font-size:var(--size-h3);font-weight:var(--w-semi);letter-spacing:0.02em}
.person h3{margin-bottom:var(--space-1)}
.person-role{font-size:var(--size-body);letter-spacing:0;
  text-transform:none;font-weight:var(--w-regular);color:var(--steel);
  margin-bottom:var(--space-3)}
.person p{font-size:var(--size-lead);line-height:var(--lh-lead);
  color:var(--steel)}
.person .accountable{margin-top:var(--space-3);font-size:var(--size-lead);
  color:var(--steel)}
.person .accountable strong{color:var(--ink)}

/* --- Forms -------------------------------------------------------------------- */

.form{max-width:var(--container)}
.field{margin-bottom:var(--space-3)}
.field label{display:block;font-size:var(--size-body);
  letter-spacing:0;text-transform:none;
  font-weight:var(--w-semi);color:var(--ink);margin-bottom:var(--space-1)}
.field input,.field select,.field textarea{
  width:100%;background:var(--white);border:1px solid var(--rule-strong);
  border-radius:0;color:var(--ink);font-family:var(--font);
  font-size:var(--size-body);line-height:var(--lh-body);
  padding:var(--space-2);min-height:48px;
  -webkit-appearance:none;appearance:none;
  transition:border-color var(--transition)}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--steel)}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--accent);outline:1px solid var(--accent);outline-offset:0}
.field textarea{min-height:160px;resize:vertical}
/* Checkboxes and radios are not text fields: the sizing above must not
   reach them, and a consent sentence is not a field label. */
.field input[type="checkbox"],.field input[type="radio"]{
  width:16px;height:16px;min-height:0;padding:0;border:none;background:none;
  -webkit-appearance:auto;appearance:auto;accent-color:var(--accent)}
.field label.limb{text-transform:none;letter-spacing:0;
  font-size:var(--size-lead);line-height:var(--lh-lead);
  font-weight:var(--w-regular);color:var(--ink);margin-bottom:0}

.field-note{font-size:var(--size-lead);line-height:var(--lh-lead);color:var(--steel);
  margin-top:var(--space-1);max-width:80ch}
.field-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}
.field-row .field{margin-bottom:var(--space-3)}
.hp{position:absolute;left:-9999px}

.btn{display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink);color:var(--white);border:1px solid var(--ink);
  border-radius:0;font-family:var(--font);font-size:var(--size-body);
  font-weight:var(--w-semi);letter-spacing:0;text-transform:none;
  padding:0 var(--space-4);min-height:48px;text-decoration:none;cursor:pointer;
  transition:background var(--transition),color var(--transition),
    border-color var(--transition)}
.btn:hover{background:var(--accent);border-color:var(--accent);
  color:var(--white);text-decoration:none}
.btn-quiet{background:transparent;color:var(--accent);border-color:var(--accent)}
.btn-quiet:hover{background:var(--accent);color:var(--white);
  border-color:var(--accent)}
.btn-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;
  margin-top:var(--space-6)}

.limbs{border:none;margin:0;padding:0}
.limbs legend{font-size:var(--size-body);letter-spacing:0;
  text-transform:none;font-weight:var(--w-semi);color:var(--ink);
  margin-bottom:var(--space-2);padding:0}
.limb{display:grid;grid-template-columns:18px 1fr;gap:var(--space-2);
  align-items:start;border-bottom:var(--hairline);padding:var(--space-3) 0;
  cursor:pointer;font-size:var(--size-lead);line-height:var(--lh-lead);
  max-width:var(--measure)}
.limb input{margin:3px 0 0;width:16px;height:16px;accent-color:var(--accent)}

/* --- Gate screens --------------------------------------------------------------- */

.gate-page{min-height:100vh;display:flex;flex-direction:column;
  background:var(--paper)}
.gate-head{background:var(--footer-bg);padding:var(--space-4) 0}
.gate-head .wordmark,.gate-head .wordmark:hover{color:var(--white)}
.gate-head .wordmark-sub{color:var(--footer-text)}
/* gate header uses the reversed artwork directly */
.gate-head .logo img{height:48px}
.gate-main{flex:1;padding-top:var(--space-12);padding-bottom:var(--space-12)}
.gate-inner{max-width:var(--measure)}
.gate-inner h1{font-size:var(--size-h1);margin-bottom:var(--space-4)}
.wordmark{display:inline-block;text-decoration:none;color:var(--ink);
  font-size:var(--size-h3);font-weight:var(--w-semi);
  letter-spacing:var(--track-h3);line-height:1.2}
.wordmark:hover{color:var(--ink);text-decoration:none}
.wordmark-sub{display:block;font-size:var(--size-body);
  letter-spacing:0;text-transform:none;
  font-weight:var(--w-regular);color:var(--steel);margin-top:4px}
.stub{max-width:var(--measure)}
.stub h1{margin-bottom:var(--space-3)}

/* --- Footer ----------------------------------------------------------------------- */

.site-footer{background:var(--footer-bg);color:var(--footer-text);
  padding-top:var(--space-8);padding-bottom:var(--space-6);
  font-size:var(--size-small);line-height:var(--lh-small)}
.site-footer a{color:var(--white);text-decoration:none}
.site-footer a:hover{color:var(--white);text-decoration:underline;
  text-underline-offset:3px;text-decoration-color:var(--footer-text)}
.footer-grid{display:grid;grid-template-columns:repeat(12,1fr);
  gap:var(--space-6) var(--space-4)}
/* one row gap governs the footer: rows add no margins of their own */
/* Row 1: the mark, with the advisers' marks ranged across beside it.
   Row 2: the entity and address. Row 3: the notices. */
.footer-entity{grid-column:1 / -1;display:flex;align-items:center;
  gap:var(--space-10);flex-wrap:wrap}
.footer-entity .logo{flex:0 0 auto}
.footer-entity .logo img{height:var(--logo-footer);width:auto;display:block}

.footer-partners{flex:1 1 420px;display:flex;align-items:center;
  justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;
  /* drop the advisers' marks onto the wordmark's line, not the lockup's centre */
  align-self:flex-end;margin-bottom:12px}
.footer-partners img{height:48px;width:auto;display:block;flex:0 0 auto}
.footer-partners img.gadens{height:34px}

.footer-address{grid-column:1 / -1}
.footer-address p{margin-bottom:0;font-size:var(--size-lead);
  line-height:var(--lh-lead);color:var(--white);text-align:left;
  max-width:104ch}
.footer-address .footer-ar{margin-bottom:var(--space-4)}

.footer-notices{grid-column:1 / -1;padding-top:0;margin-top:0}
.footer-notices p{margin-bottom:var(--space-2);max-width:none;
  font-size:var(--size-fineprint);line-height:1.6}
/* Base row: the notice on the left, the legal links ranged right. */
.footer-base{display:flex;align-items:baseline;justify-content:space-between;
  gap:var(--space-6);flex-wrap:wrap;margin-top:var(--space-6)}
.footer-legal{list-style:none;margin:0;padding:0;
  display:flex;gap:var(--space-10);flex-wrap:wrap}
.footer-legal a{color:var(--footer-text)}
.footer-legal a:hover{color:var(--white)}
.footer-copyright{margin:0;font-size:var(--size-footnote);
  color:var(--footer-text)}

/* --- Legacy blocks kept available ------------------------------------------------- */

.hero{padding-top:var(--section-y);padding-bottom:var(--section-y)}
.hero-title{grid-column:1 / span 7}
.hero-title h1{font-size:var(--size-display);line-height:var(--lh-display);
  letter-spacing:var(--track-display)}
.hero-side{grid-column:8 / span 5}
.hero-side p{font-size:var(--size-lead);line-height:var(--lh-lead)}
.hero-rule{display:none}
.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}
.route{background:var(--surface);padding:var(--space-6);
  text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.route:hover{color:var(--ink);text-decoration:none;background:var(--grey-05)}
.route h3{margin-bottom:var(--space-2)}
.route p{font-size:var(--size-lead);line-height:var(--lh-lead);
  color:var(--steel);flex:1}
.route-go{margin-top:var(--space-4);font-size:var(--size-body);
  letter-spacing:0;text-transform:none;
  font-weight:var(--w-semi);color:var(--accent)}

/* --- Responsive --------------------------------------------------------------------- */

@media (max-width:1199px){
  .def-row{grid-template-columns:260px 1fr;gap:var(--space-4)}
  .process{grid-template-columns:repeat(2,1fr)}
  .scope{grid-template-columns:repeat(2,1fr)}

}

@media (max-width:899px){
  .nav{display:none}
  .nav-toggle{display:inline-flex;align-items:center}
  .nav.open{display:block;position:fixed;inset:0;background:var(--footer-bg);
    z-index:50;padding:var(--space-10) var(--gutter);overflow-y:auto}
  .nav.open ul{flex-direction:column;align-items:flex-start;gap:var(--space-4)}
  .nav.open a{font-size:var(--size-h3);font-weight:var(--w-semi);
    border-bottom:none}
  .nav.open .nav-close{display:inline-flex;align-items:center;position:absolute;
    top:var(--space-3);right:var(--gutter);background:none;
    border:1px solid rgba(255,255,255,0.45);font-family:var(--font);
    font-size:var(--size-body);letter-spacing:0;
    text-transform:none;font-weight:var(--w-semi);color:var(--white);
    padding:0 var(--space-3);min-height:44px;border-radius:0;cursor:pointer}
  .site-header .wrap{min-height:116px}
  .logo img{height:76px}
  .grid,.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}
  .grid > *,.footer-grid > *{grid-column:1 / -1}
  .footer-entity{gap:var(--space-4)}
  .footer-partners{flex-basis:100%;justify-content:space-between;
    gap:var(--space-6);row-gap:var(--space-4);align-self:auto;margin-bottom:0}
  .footer-partners img{height:38px}
  .footer-partners img.gadens{height:27px}
  .footer-entity .logo img{height:110px}
  .footer-base{margin-top:var(--space-6)}
  .footer-notices{padding-top:0}
  .cols-3,.cols-2{column-count:1}
  .facts{grid-template-columns:repeat(2,1fr);gap:var(--space-6) 0}
  .facts > div{padding:0 var(--space-4) 0 0}
  .facts > div:nth-child(2n){padding-left:var(--space-4);border-right:none}
  .facts > div:nth-child(2n+1){padding-left:0}
  .people{grid-template-columns:1fr}
  .router-inner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
  .router-buttons{width:100%;flex-direction:column}
  .router-buttons .btn{width:100%;min-width:0}
  .field-row{grid-template-columns:1fr;gap:0}
  .def-row{grid-template-columns:1fr;gap:4px}
  .prose h2{margin-top:var(--space-8)}
  .footnotes dl{grid-template-columns:1fr;row-gap:var(--space-1)}
  .footnotes dt,.footnotes dd{grid-column:1}
  .footnotes dd{margin-bottom:var(--space-4)}
  .footnotes dd:last-child{margin-bottom:0}
  .banner{padding-top:var(--space-10);padding-bottom:var(--space-10)}
  .page-head{padding-top:var(--space-8);padding-bottom:var(--space-3)}
  .gate-main{padding-top:var(--space-8);padding-bottom:var(--space-8)}
}

@media (max-width:639px){
  /* Header: a phone cannot spare a third of its screen for a bar. */
  .site-header .wrap{min-height:76px;
    padding-top:var(--space-2);padding-bottom:var(--space-2)}
  .logo img{height:46px}
  .nav-toggle{min-height:40px;padding:0 var(--space-2);
    font-size:var(--size-small)}

  .scope,.process{grid-template-columns:1fr}
  /* Stacked figures sit flush left: the two-column indents must not survive
     the collapse, and nth-child outranks the plain selector. */
  .facts{grid-template-columns:1fr;gap:var(--space-6)}
  .facts > div,
  .facts > div:nth-child(2n),
  .facts > div:nth-child(2n+1),
  .facts > div:last-child{border-right:none;padding-left:0;padding-right:0}
  .person{flex-direction:column}

  /* Footer: three marks across one line, links and copyright close together */
  .footer-partners{justify-content:space-between;gap:var(--space-2);
    row-gap:var(--space-4)}
  .footer-partners img{height:34px}
  .footer-partners img.gadens{height:24px}
  .footer-legal{flex-direction:column;gap:var(--space-2)}
  .footer-base{gap:var(--space-3);margin-top:var(--space-4)}
  .footer-entity .logo img{height:88px}

  .banner{padding-top:var(--space-6);padding-bottom:var(--space-6)}
  /* The company name still holds one line, with room to breathe at the edge. */
  .banner .eyebrow{font-size:min(var(--size-banner-eyebrow),4.9vw);
    margin-bottom:var(--space-4)}
}

@media print{
  body{background:#fff}
  .site-header,.nav-toggle,.footer-legal{display:none}
  .site-footer{background:#fff;color:#000}
  .footer-entity .logo img{filter:none}
}


/* --- Entry gateway ----------------------------------------------------------
   Shown once per browser session before the site can be read. */

.gateway{position:fixed;inset:0;z-index:200;background:var(--paper);
  display:flex;align-items:center;justify-content:center;
  padding:var(--gutter);overflow-y:auto}
.gateway-inner{max-width:720px;width:100%;text-align:center}
.gateway .mark{margin-bottom:var(--space-8)}
/* Mountains only, sized to the width so the aspect never distorts. */
.gateway .mark img{width:min(100%,560px);height:auto;
  display:block;margin-left:auto;margin-right:auto}
.gateway .gateway-inner h2{text-align:center;font-size:var(--size-h1);line-height:var(--lh-h1);
  letter-spacing:var(--track-h1);margin-bottom:var(--space-4)}
.gateway .gateway-inner p{text-align:center;font-size:var(--size-lead);line-height:var(--lh-lead);
  color:var(--ink);margin:0 auto var(--space-3);max-width:40em}
.gateway .gateway-inner p a{color:var(--accent);text-decoration-color:var(--accent);
  /* the citation stays on one line */
  white-space:nowrap}
.gateway .gateway-actions{margin-top:var(--space-6)}
.gateway .btn{min-width:280px}
body.gateway-open{overflow:hidden}

@media (max-width:899px){
  .gateway .mark img{width:min(100%,480px)}
}
@media (max-width:639px){
  /* Centred, but margin:auto so a tall block scrolls instead of clipping.
     Narrow side padding so the mark keeps its lead over the heading. */
  .gateway{align-items:center;padding-top:var(--space-8);
    padding-left:var(--space-2);padding-right:var(--space-2)}
  .gateway .gateway-inner{margin-top:auto;margin-bottom:auto}
  /* On a phone the mark leads the screen: sized to the width, not a fixed height. */
  .gateway .mark img{width:100%}
  .gateway .btn{width:100%;min-width:0}
  /* Too narrow to hold the citation on one line without overflowing. */
  .gateway .gateway-inner p a{white-space:normal}
}