/* ============================================================
   AURENEUM  ·  house style sheet
   One file. Every page loads this and nothing else.
   Served with style-src 'self', so no hash pinning is required.

   The palette of 1 October 2026: black ground, steel greys for the
   interface, gold for the signature alone (the wordmark, its rule
   and the eagle). Times New Roman throughout, as in Aquila and the
   house documents; Tinos (Apache 2.0, metric-compatible) is served
   only to devices that have no Times New Roman.
   ============================================================ */

@font-face{font-family:"Tinos";src:url("fonts/tinos-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Tinos";src:url("fonts/tinos-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Tinos";src:url("fonts/tinos-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Tinos";src:url("fonts/tinos-latin-700-italic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}

:root{
  --ground:#000000;
  --steel-900:#49535A;   /* hairlines and panel borders; never text (2.7:1) */
  --steel-700:#5E6B73;   /* outlines and large numerals only (3.8:1) */
  --steel-300:#9AA5AD;   /* secondary text (8.4:1) */
  --text:#ECEEEF;        /* body and headings (18:1) */
  --gold:#CFB337;        /* the signature only */
  --serif:"Times New Roman",Tinos,Times,serif;

  --measure:62ch;
  --doc-measure:66ch;
  --gutter:clamp(1.25rem,5vw,4rem);
  --band:clamp(4.5rem,9vw,8rem);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;background:var(--ground);color:var(--text);
  font-family:var(--serif);
  font-size:clamp(1.02rem,.5vw + .92rem,1.14rem);
  line-height:1.65;
  font-feature-settings:"kern" 1,"liga" 1;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block;height:auto}   /* height:auto keeps the mark at 224 by 119 */
a{color:inherit}

.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:var(--gutter)}
.measure{max-width:var(--measure)}
.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--text);color:#000;padding:.8em 1.4em}
:where(a,button,input,select,textarea,summary,label):focus-visible{outline:2px solid var(--text);outline-offset:3px}

/* ---------- type ---------- */
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:.005em;margin:0}
h2{font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.12;margin-bottom:1.4rem}
h3{font-size:1.25rem;line-height:1.3}
p{margin:0 0 1.15em}
p:last-child{margin-bottom:0}
.eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--steel-300);margin:0 0 1.3rem;font-weight:700}
.lead{font-size:1.12em;line-height:1.6}
.muted{color:var(--steel-300)}
.note{margin-top:clamp(2.2rem,4vw,3rem);max-width:68ch;font-size:.96rem;color:var(--steel-300)}

/* ---------- actions ---------- */
.btn{
  display:inline-block;font-family:var(--serif);font-size:.76rem;letter-spacing:.22em;
  text-transform:uppercase;text-decoration:none;padding:1.05em 2.2em;border:1px solid transparent;
  transition:background-color .3s ease,color .3s ease,border-color .3s ease;
}
.btn--solid{background:var(--text);color:#000;border-color:var(--text)}
.btn--solid:hover{background:#FFFFFF;border-color:#FFFFFF}
.btn--line{background:transparent;color:var(--text);border-color:var(--steel-700)}
.btn--line:hover{border-color:var(--text)}
.tlink{text-decoration:underline;text-decoration-color:var(--steel-700);text-underline-offset:3px;transition:text-decoration-color .3s ease}
.tlink:hover{text-decoration-color:var(--text)}

.slot{
  display:inline-block;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--steel-300);border:1px dashed var(--steel-700);padding:.45em .85em;
}

/* ============================================================
   THE SIGNATURE  (the only gold on the site)
   ============================================================ */
.sig{text-align:center}
.sig__mark{width:clamp(72px,8vw,96px);margin:0 auto 1.8rem}
.sig__word{font-family:var(--serif);font-weight:700;font-style:italic;color:var(--gold);
  font-size:clamp(3rem,8vw,5.6rem);line-height:1;letter-spacing:.005em;margin:0}
.sig__rule{width:96px;height:0;border:0;border-top:1px solid var(--gold);margin:1.4rem auto 0}
.sig__motto{margin:1.2rem 0 0;font-size:clamp(.66rem,1.4vw,.82rem);letter-spacing:.42em;text-indent:.42em;
  text-transform:uppercase;color:var(--text)}

/* ============================================================
   MASTHEAD
   ============================================================ */
.masthead{position:sticky;top:0;z-index:50;background:var(--ground);border-bottom:1px solid var(--steel-900)}
.masthead__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:.9rem}
.masthead__mark{display:block;width:44px;flex:0 0 auto}
.masthead__mark img{width:100%;height:auto}
.nav{display:flex;align-items:center;gap:clamp(1.2rem,2.6vw,2.4rem)}
.nav a{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text);text-decoration:none;
  padding-bottom:3px;border-bottom:1px solid transparent;transition:border-color .3s ease}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--steel-300)}
.nav .nav__login{border:1px solid var(--steel-700);padding:.55em 1.1em}
.nav .nav__login:hover,.nav .nav__login[aria-current="page"]{border-color:var(--text)}

.menu{display:none}
.menu__button{list-style:none;cursor:pointer;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--text);border:1px solid var(--steel-700);padding:.55em 1.1em}
.menu__button::-webkit-details-marker{display:none}
.menu__nav{position:absolute;right:0;top:calc(100% + .7rem);min-width:14rem;background:var(--ground);
  border:1px solid var(--steel-900);padding:.5rem 0;display:flex;flex-direction:column;z-index:60}
.menu__nav a{display:block;padding:.75rem 1.2rem;font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text);text-decoration:none}
.menu__nav a[aria-current="page"]{color:var(--steel-300)}
@media (max-width:760px){
  .masthead__inner{padding-block:.6rem}
  .masthead__mark{width:36px}
  .nav{display:none}
  .menu{display:block;position:relative}
}

/* ============================================================
   HERO  (home only)
   ============================================================ */
.hero{
  position:relative;background:var(--ground);min-height:62vh;min-height:62svh;
  display:flex;align-items:center;justify-content:center;
  padding-block:clamp(4rem,9vw,7rem);overflow:hidden;
}
@media (max-width:760px){.hero{min-height:52svh}}
.hero__sig{position:relative;z-index:2;width:100%;padding-inline:var(--gutter)}

/* the film behind the signature, FILM on. No script: the poster is drawn first and stays
   behind; the checkbox stills the film; reduced motion never shows it */
.hero__media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero__poster,.hero__poster img,.hero__film{position:absolute;inset:0;width:100%;height:100%}
.hero__poster img,.hero__film{object-fit:cover}
.hero__film::-webkit-media-controls,
.hero__film::-webkit-media-controls-overlay-play-button,
.hero__film::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}
/* the fog behind the motto reaches a luminance of 0.40 in the 13 October preview: 0.42 of black
   over it keeps the motto above 5:1 at the brightest frame */
.hero__shade{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.42) 30%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.62) 100%)}
.hero__still{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.hero__still-label{position:absolute;z-index:3;right:var(--gutter);bottom:1.2rem;display:inline-flex;align-items:center;
  gap:.7em;padding:.5em 0;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--steel-300);cursor:pointer}
.hero__still-label::before{content:"";width:.8em;height:.8em;border:1px solid var(--steel-300)}
.hero__still:checked + .hero__still-label::before{background:var(--steel-300)}
.hero__still:focus-visible + .hero__still-label{outline:2px solid var(--text);outline-offset:4px}
.hero__still:checked ~ .hero__media .hero__film{display:none}
@media (prefers-reduced-motion:reduce){.hero__film,.hero__still,.hero__still-label{display:none}}

.intro{text-align:center}
.intro__statement{font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.22;max-width:24ch;margin:0 auto}
.intro__sub{max-width:56ch;margin:1.6rem auto 0;color:var(--steel-300)}
.intro__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.4rem}
.intro__foot{margin-top:2.6rem;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--steel-300)}

/* ============================================================
   PAGE HEAD  (inner pages): the eagle faint behind, as in Aquila
   ============================================================ */
.phead{position:relative;background:var(--ground);padding-block:clamp(4.5rem,11vw,8rem) clamp(3.5rem,8vw,6rem);
  overflow:hidden;border-bottom:1px solid var(--steel-900)}
.phead::after{content:"";position:absolute;right:clamp(-6rem,-4vw,-1rem);top:50%;width:min(52vw,560px);
  aspect-ratio:224/119;transform:translateY(-50%);background:url("mark.png") no-repeat center/contain;
  opacity:.06;pointer-events:none}
.phead__inner{position:relative;z-index:2}
.phead h1{font-weight:400;font-size:clamp(2.4rem,6.5vw,4.6rem);line-height:1.05;max-width:16ch}
.phead__sub{max-width:52ch;margin-top:1.6rem;color:var(--steel-300);font-size:1.06rem;line-height:1.7}
.phead__rule{width:72px;border:0;border-top:1px solid var(--steel-700);margin:2.2rem 0 0}

/* ============================================================
   BANDS AND BLOCKS
   ============================================================ */
.band{padding-block:var(--band)}
.band + .band{border-top:1px solid var(--steel-900)}

.defs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:clamp(2rem,4vw,3rem);margin-top:clamp(2.6rem,5vw,4rem)}
.def{border-top:1px solid var(--steel-900);padding-top:1.5rem}
.def h3{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700;margin-bottom:.9rem}
.def p{font-size:.98rem;line-height:1.64;color:var(--steel-300)}

.steps{list-style:none;margin:clamp(2.6rem,5vw,4rem) 0 0;padding:0}
.steps li{display:grid;grid-template-columns:4rem 1fr;gap:1.4rem;padding:1.7rem 0;border-top:1px solid var(--steel-900)}
.steps li:last-child{border-bottom:1px solid var(--steel-900)}
.steps .n{font-size:1.6rem;line-height:1;color:var(--steel-700);padding-top:.1rem}
.steps h3{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;margin-bottom:.6rem}
.steps p{font-size:.98rem;color:var(--steel-300);margin:0;max-width:64ch}
@media (max-width:520px){.steps li{grid-template-columns:2.4rem 1fr;gap:.9rem}}

.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.4vw,1.8rem);margin-top:clamp(2.4rem,5vw,3.4rem)}
@media (max-width:940px){.tiers{grid-template-columns:1fr}}
.tier{border:1px solid var(--steel-900);border-top-color:var(--steel-700);padding:clamp(1.6rem,3vw,2.2rem);display:flex;flex-direction:column}
.tier__rank{font-size:1.9rem;line-height:1;color:var(--steel-700);margin:0 0 .5rem}
.tier__name{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;margin:0 0 1.4rem}
.tier__price{font-size:2.4rem;line-height:1;margin:0}
.tier__per{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-300);margin:.6rem 0 0}
.tier__body{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--steel-900)}
.tier__body dl{margin:0}
.tier__body dt{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--steel-300);font-weight:700;margin-bottom:.35rem}
.tier__body dd{margin:0 0 1.2rem;font-size:.96rem;line-height:1.6;color:var(--steel-300)}
.tier__body dd:last-child{margin-bottom:0}
.tier__foot{margin-top:auto;padding-top:1.7rem}

.facts{list-style:none;margin:clamp(2.4rem,5vw,3.4rem) 0 0;padding:0}
.facts li{display:grid;grid-template-columns:minmax(0,15rem) 1fr;gap:1.4rem;padding:1.05rem 0;border-top:1px solid var(--steel-900);font-size:.98rem}
.facts li:last-child{border-bottom:1px solid var(--steel-900)}
.facts .k{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--steel-300);font-weight:700;padding-top:.25rem}
.facts .v{color:var(--text);overflow-wrap:anywhere}
@media (max-width:640px){.facts li{grid-template-columns:1fr;gap:.4rem}}

/* the checkout, as a reader and a reviewer see it before an invitation */
.checkout{border:1px solid var(--steel-700);padding:clamp(1.4rem,3.5vw,2.4rem);margin:clamp(2.4rem,5vw,3.4rem) 0 0;max-width:62rem}
.checkout__row{display:grid;grid-template-columns:minmax(0,12rem) 1fr;gap:1.2rem;padding:.95rem 0;border-top:1px solid var(--steel-900)}
.checkout__row:first-child{border-top:0;padding-top:0}
.checkout__row:last-child{padding-bottom:0}
.checkout dt{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--steel-300);font-weight:700;padding-top:.3rem}
.checkout dd{margin:0;color:var(--text)}
@media (max-width:640px){.checkout__row{grid-template-columns:1fr;gap:.35rem}}


/* ============================================================
   GATE  (client login, not found)
   ============================================================ */
.gate{min-height:100vh;min-height:100svh;background:var(--ground);display:flex;align-items:center;justify-content:center;
  text-align:center;padding:var(--gutter);position:relative}
.gate::after{content:"";position:absolute;inset:clamp(14px,2.2vw,34px);border:1px solid var(--steel-900);pointer-events:none}
.gate__inner{position:relative;z-index:2;max-width:38rem}
.gate__mark{width:86px;margin:0 auto 2rem}
.gate h1{font-weight:400;font-size:clamp(2.1rem,5.2vw,3.2rem);line-height:1.1}
.gate p{margin-top:1.4rem;color:var(--steel-300)}
.gate__actions{margin-top:2.6rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.gate__back{margin-top:3rem;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--steel-300)}

/* ============================================================
   GOVERNANCE DOCUMENTS
   Off-white on black at a reading measure; horizontal hairlines only.
   ============================================================ */
.doc{padding-block:clamp(3.2rem,7vw,5rem)}
.doc__inner{max-width:calc(var(--doc-measure) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.doc__issue{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--steel-300);font-weight:700;
  margin:0 0 2.4rem;padding-bottom:1.1rem;border-bottom:1px solid var(--steel-900)}
.doc__preamble{font-size:1.06rem;line-height:1.7;margin-bottom:2.6rem}
.doc h2{font-size:clamp(1.4rem,2.5vw,1.8rem);line-height:1.2;margin:3rem 0 0;padding-bottom:.6rem;border-bottom:1px solid var(--steel-700)}
.doc h2:first-of-type{margin-top:0}
.doc h2 + *{margin-top:1.3rem}
.doc h3{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;margin:2rem 0 .8rem}
.doc p{font-size:1rem;line-height:1.72;margin:0 0 1.05em}
.doc ul,.doc ol{margin:0 0 1.2em;padding-left:1.3em}
.doc li{margin-bottom:.5em;line-height:1.68}
.doc strong{font-weight:700}
.doc a{text-decoration:underline;text-decoration-color:var(--steel-700);text-underline-offset:3px;overflow-wrap:anywhere}
.doc a:hover{text-decoration-color:var(--text)}
.doc table{width:100%;border-collapse:collapse;margin:1.5rem 0 2rem;font-size:.94rem}
.doc thead th{text-align:left;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-300);font-weight:700;
  padding:0 1rem .7rem 0;border-bottom:1px solid var(--steel-700)}
.doc tbody td{padding:.8rem 1rem .8rem 0;vertical-align:top;line-height:1.6;border-bottom:1px solid var(--steel-900);
  color:var(--steel-300);overflow-wrap:anywhere}
.doc tbody td:first-child{color:var(--text);width:38%}
.doc table.narrow tbody td:first-child{width:26%}
.doc .callout{border:1px solid var(--steel-700);border-left-width:3px;padding:1.4rem 1.6rem;margin:1.7rem 0 2rem}
.doc .callout h3{margin-top:0}
.doc .callout p:last-child{margin-bottom:0}
.doc .aside{margin:1.5rem 0 1.7rem;padding-left:1.3rem;border-left:1px solid var(--steel-700);font-style:italic;color:var(--steel-300);font-size:.96rem}
.doc__sig{margin-top:1.8rem;font-size:.96rem;color:var(--text)}
@media (max-width:560px){.doc table{font-size:.88rem}.doc tbody td:first-child{width:auto}}

/* ============================================================
   FOOTER
   ============================================================ */
.foot{background:var(--ground);color:var(--steel-300);padding-block:clamp(3.6rem,7vw,5.4rem);border-top:1px solid var(--steel-900)}
.foot__top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr);gap:clamp(2.2rem,5vw,3.6rem);
  align-items:start;padding-bottom:clamp(2.4rem,5vw,3.2rem);border-bottom:1px solid var(--steel-900)}
@media (max-width:760px){.foot__top{grid-template-columns:1fr}}
.foot__sig{min-width:0}
.foot__mark{width:52px;margin-bottom:1.4rem}
.foot__word{font-weight:700;font-style:italic;font-size:2rem;line-height:1;color:var(--gold);margin:0}
.foot__rule{width:56px;height:0;border:0;border-top:1px solid var(--gold);margin:1rem 0 0}
.foot__motto{margin:.9rem 0 0;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text)}
.foot__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.4rem,3vw,2.4rem)}
@media (max-width:560px){.foot__links{grid-template-columns:1fr 1fr}}
.foot__h{font-family:var(--serif);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--steel-300);font-weight:700;margin:0 0 1rem}
.foot__links ul{list-style:none;margin:0;padding:0}
.foot__links li{margin-bottom:.65rem}
.foot__links a{font-size:.92rem;color:var(--text);text-decoration:none;border-bottom:1px solid transparent;overflow-wrap:anywhere;
  transition:border-color .3s ease}
.foot__links a:hover{border-bottom-color:var(--steel-300)}
.foot__note{font-size:.8rem;color:var(--steel-300);margin-top:.4rem;line-height:1.6}
.statutory{padding-top:clamp(2.2rem,4.5vw,3rem);font-size:.82rem;line-height:1.75}
.statutory p{margin:0 0 .85rem;max-width:80ch}
.statutory .fca{color:var(--steel-300)}
.foot__base{display:flex;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;margin-top:clamp(2.2rem,4.5vw,3rem);
  padding-top:1.6rem;border-top:1px solid var(--steel-900);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase}
.foot__doctrine{color:var(--text)}

/* ============================================================
   PURCHASE PAGE  (private, reached by invitation only)
   ============================================================ */
[hidden]{display:none !important}
.inv{max-width:46rem;margin-inline:auto;padding-inline:var(--gutter)}
.inv__state{padding-block:clamp(2.6rem,5vw,3.6rem)}
.inv__wait{color:var(--steel-300);font-style:italic}
.inv__notice{border:1px solid var(--steel-900);border-left:3px solid var(--steel-700);padding:1.6rem 1.8rem;max-width:58ch}
.inv__notice p{margin:0 0 .8em}
.inv__notice p:last-child{margin-bottom:0}
.inv__summary{border:1px solid var(--steel-900);border-top:1px solid var(--steel-700);padding:clamp(1.6rem,3.5vw,2.4rem);margin:0 0 2.4rem}
.inv__summary dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 2rem}
.inv__summary dl>div{min-width:0}
.inv__summary dt{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--steel-300);font-weight:700;padding-top:.3rem}
.inv__summary dd{margin:0;line-height:1.55}
.inv__summary dd.price{font-size:1.9rem;line-height:1}
.inv__summary dd.price small{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-300);margin-left:.6rem}
@media (max-width:560px){.inv__summary dl{grid-template-columns:1fr;gap:.2rem 0}.inv__summary dt{margin-top:.8rem}}
.inv__passage{border-top:1px solid var(--steel-900);padding:1.7rem 0}
.inv__passage:last-of-type{border-bottom:1px solid var(--steel-900)}
.inv__passage h3{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--steel-300);font-weight:700;margin:0 0 .9rem}
.inv__passage p{font-size:.98rem;margin:0 0 1rem;max-width:64ch}
.inv__passage .slot{display:block;margin:0 0 1rem;white-space:normal;line-height:1.6;padding:.9em 1.1em;max-width:64ch}
.inv__passage .field{max-width:24rem;margin:0}
.inv__tick{display:flex;gap:.9rem;align-items:flex-start;cursor:pointer;font-size:.97rem;line-height:1.55;max-width:64ch}
.inv__tick input{margin:.3rem 0 0;width:1.05rem;height:1.05rem;flex:0 0 auto;accent-color:var(--text)}
.inv__act{margin-top:2.4rem;display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.inv__act .btn[disabled]{opacity:.45;cursor:not-allowed}
.inv__act p{font-size:.86rem;color:var(--steel-300);margin:0;max-width:36ch}
.inv__links{margin-top:2rem;font-size:.9rem;color:var(--steel-300)}
.inv__links a{text-decoration:underline;text-decoration-color:var(--steel-700);text-underline-offset:3px}
.inv__ref{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--steel-300);font-weight:700;margin:1.2rem 0 0}
.inv__list{list-style:none;margin:0;padding:0}
.inv__list li{padding:.15rem 0 .15rem 1rem;position:relative;line-height:1.5}
.inv__list li::before{content:"";position:absolute;left:0;top:.72rem;width:5px;height:5px;background:var(--steel-300)}
.inv__notice + .inv__summary{margin-top:2rem}
.field label{display:block;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--steel-300);font-weight:700;margin-bottom:.6rem}
.field select,.field input{width:100%;font-family:var(--serif);font-size:1rem;color:var(--text);background:var(--ground);
  border:0;border-bottom:1px solid var(--steel-700);padding:.7em 0;border-radius:0}

/* ---------- motion and print ---------- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}
@media print{
  /* the tokens turn dark on paper, so every rule that uses them prints legibly */
  :root{--text:#000000;--steel-300:#3D464C;--steel-700:#5E6B73;--steel-900:#9AA5AD}
  .masthead,.menu,.intro__actions,.foot__links,.skip{display:none}
  body{background:#FFFFFF;color:#000000}
  .phead,.band,.doc,.foot,.gate,.hero{background:#FFFFFF;color:#000000;border-color:#999999}
  .phead::after,.hero__media,.hero__still,.hero__still-label{display:none}
  .muted,.phead__sub,.doc tbody td,.statutory .fca{color:#333333}
}