/* Uganda Coffee Merchants — design system
   Palette: paper / ink / oxide accent / millet highlight. Type: Newsreader (display) + IBM Plex Sans (text). */
:root{
  --paper:#FBFAF7; --surface:#F3F1EB; --surface-2:#EAE7DF; --line:#DCD8CF; --line-2:#C9C4B8;
  --ink:#16181C; --ink-2:#3F434B; --muted:#6F737C; --accent:#A33A2A; --accent-ink:#7A2B1F; --accent-soft:#F4E6E2;
  --gold:#C9962E; --gold-soft:#F6EBD3; --ok:#2E6B4F; --ok-soft:#E3EFE8; --warn:#8A6A12;
  --serif:"Newsreader","Times New Roman",Georgia,serif; --sans:"IBM Plex Sans",-apple-system,"Segoe UI",Arial,sans-serif;
  --max:1180px; --gutter:clamp(18px,4vw,40px); --r:6px; --shadow:0 1px 2px rgba(22,24,28,.06),0 8px 24px -12px rgba(22,24,28,.18);
  --fs-0:.8125rem; --fs-1:.9375rem; --fs-2:1.0625rem; --fs-3:1.25rem; --fs-4:1.5rem; --fs-5:clamp(1.75rem,2.4vw + 1rem,2.25rem); --fs-6:clamp(2.1rem,3.4vw + 1rem,3.4rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-2);line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--accent-ink);text-decoration-thickness:1px;text-underline-offset:.15em}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em;text-wrap:balance;color:var(--ink)}
h1{font-size:var(--fs-6)}
h2{font-size:var(--fs-5);margin-top:2.2em}
h3{font-size:var(--fs-4);margin-top:1.6em}
h4{font-size:var(--fs-3);margin-top:1.4em;font-family:var(--sans);font-weight:600}
p,ul,ol,table,blockquote{margin:0 0 1.1em}
ul,ol{padding-left:1.3em}
li{margin:.25em 0}
strong{font-weight:600}
small,.small{font-size:var(--fs-0)}
hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}
blockquote{border-left:3px solid var(--gold);margin-left:0;padding:.2em 0 .2em 1.2em;color:var(--ink-2);font-family:var(--serif);font-size:var(--fs-3)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--surface);padding:.1em .35em;border-radius:3px}
.eyebrow{font-family:var(--sans);font-size:var(--fs-0);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .9em}
.lede{font-size:var(--fs-3);line-height:1.5;color:var(--ink-2);max-width:62ch;font-family:var(--serif)}
.muted{color:var(--muted)}
.tnum{font-variant-numeric:tabular-nums}
.wrap{width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}
.prose{max-width:72ch}
.prose h2,.prose h3{scroll-margin-top:90px}
.prose img{border-radius:var(--r)}
.prose table{font-size:var(--fs-1)}
.grid{display:grid;gap:var(--gutter)}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.section{padding-block:clamp(44px,7vw,88px)}
.section-tight{padding-block:clamp(28px,4vw,52px)}
.section-alt{background:var(--surface)}
.section-ink{background:var(--ink);color:var(--paper)}
.section-ink h2,.section-ink h3{color:var(--paper)}
.section-ink a{color:var(--gold)}
.section-ink .muted{color:#B9BCC4}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:.5em 1em;z-index:100}
.skip:focus{left:8px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5em;font:600 var(--fs-1)/1 var(--sans);padding:.85em 1.25em;border-radius:var(--r);border:1px solid transparent;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-primary:hover{background:var(--accent-ink);color:#fff}
.btn-secondary{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-secondary:hover{background:var(--ink);color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--ink)}
.section-ink .btn-secondary{color:var(--paper);border-color:var(--paper)}
.section-ink .btn-secondary:hover{background:var(--paper);color:var(--ink)}
.btn-lg{padding:1em 1.5em;font-size:var(--fs-2)}
.btn-sm{padding:.55em .9em;font-size:var(--fs-0)}
.btn-row{display:flex;flex-wrap:wrap;gap:.75em;align-items:center}
.btn[disabled]{opacity:.6;cursor:default}

/* Utility bar + header */
.utility{background:var(--ink);color:#C9CCD3;font-size:var(--fs-0)}
.utility .wrap{display:flex;justify-content:space-between;gap:1em;min-height:34px;align-items:center}
.utility a{color:#E4E6EA;text-decoration:none}
.utility a:hover{color:var(--gold)}
.utility ul{list-style:none;margin:0;padding:0;display:flex;gap:1.4em}
@media (max-width:720px){.utility .u-left{display:none}.utility .wrap{justify-content:center}}
.header{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.94);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}
.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5em;min-height:72px}
.brand{display:flex;align-items:center;gap:.7em;text-decoration:none;color:var(--ink)}
.brand img,.brand svg{width:40px;height:40px;flex:none}
.brand-name{font-family:var(--serif);font-size:1.3rem;font-weight:500;letter-spacing:-.01em;line-height:1}
.brand-sub{display:block;font:500 .62rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.35em}
.nav{display:flex;align-items:center;gap:.25em}
.nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:.25em}
.nav>ul>li{position:relative}
.nav a,.nav button{font:500 var(--fs-1)/1 var(--sans);color:var(--ink);text-decoration:none;padding:.7em .8em;border-radius:var(--r);background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.35em}
.nav a:hover,.nav button:hover,.nav li.is-active>a{background:var(--surface)}
.nav .chev{width:.7em;height:.7em;transition:transform .15s}
.nav li[aria-expanded="true"] .chev{transform:rotate(180deg)}
.nav .sub{position:absolute;top:100%;left:0;min-width:290px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:.5em;margin:.35em 0 0;list-style:none;display:none;z-index:60}
.nav li[aria-expanded="true"]>.sub,.nav li:hover>.sub,.nav li:focus-within>.sub{display:block}
.nav .sub a{display:block;padding:.6em .8em;font-weight:500}
.nav .sub a small{display:block;font-weight:400;color:var(--muted);margin-top:.15em}
.header-cta{display:flex;gap:.5em}
.burger{display:none;background:none;border:1px solid var(--line-2);border-radius:var(--r);padding:.5em .7em;cursor:pointer;color:var(--ink)}
.nav-close{display:none;background:none;border:1px solid var(--line-2);border-radius:var(--r);padding:.5em .8em;font:500 var(--fs-1) var(--sans);cursor:pointer}
.nav .m-cta{display:none}
@media (max-width:1060px){
  .nav,.header-cta{display:none}
  .burger{display:inline-flex;align-items:center;gap:.5em;font:500 var(--fs-1) var(--sans)}
  body.nav-open .nav{display:block;position:fixed;inset:0;background:var(--paper);z-index:70;overflow:auto;padding:1.25em var(--gutter) 6em}
  body.nav-open .nav>ul{flex-direction:column;gap:0;margin-top:3.5em}
  body.nav-open .nav>ul>li{border-bottom:1px solid var(--line)}
  body.nav-open .nav a,body.nav-open .nav button{width:100%;justify-content:space-between;padding:1em .25em;font-size:var(--fs-2)}
  body.nav-open .nav .sub{position:static;display:none;border:0;box-shadow:none;padding:0 0 .5em 1em;background:transparent}
  body.nav-open .nav li:hover>.sub{display:none}
  body.nav-open .nav li[aria-expanded="true"]>.sub,body.nav-open .nav li[aria-expanded="true"]:hover>.sub{display:block}
  body.nav-open .nav-close{position:absolute;top:1em;right:var(--gutter);display:inline-flex}
  body.nav-open .nav .m-cta{display:flex;gap:.6em;margin-top:1.5em}
  body.nav-open .nav .m-cta a{width:auto;justify-content:center}
  body.nav-open{overflow:hidden}
}

/* Sticky mobile CTA bar */
.mobile-bar{display:none}
@media (max-width:760px){
  .mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:.5em;padding:.6em var(--gutter);background:rgba(251,250,247,.96);border-top:1px solid var(--line);backdrop-filter:blur(8px)}
  .mobile-bar .btn{flex:1;justify-content:center}
  body{padding-bottom:70px}
}

/* Breadcrumbs */
.crumbs{font-size:var(--fs-0);color:var(--muted);padding:1em 0 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4em}
.crumbs li+li::before{content:"/";margin-right:.4em;color:var(--line-2)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--accent)}

/* Hero */
.hero{padding-block:clamp(36px,6vw,72px) clamp(28px,4vw,56px)}
.hero h1{max-width:22ch}
.hero .lede{margin-top:1em}
.hero-split{display:grid;gap:var(--gutter);align-items:center;grid-template-columns:1fr}
@media (min-width:900px){.hero-split{grid-template-columns:1.1fr .9fr}}
.hero-media{border-radius:var(--r);overflow:hidden;background:var(--surface);aspect-ratio:4/3}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-home{position:relative;color:var(--paper);background:var(--ink);isolation:isolate;padding-block:clamp(72px,11vw,150px) clamp(60px,9vw,120px)}
.hero-home>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-home::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(22,24,28,.88) 0%,rgba(22,24,28,.72) 45%,rgba(22,24,28,.25) 100%)}
.hero-home h1{color:#fff;max-width:19ch}
.hero-home .lede{color:#E6E7EA;max-width:58ch}
.hero-home .eyebrow{color:var(--gold)}
.hero-home .btn-secondary{color:#fff;border-color:rgba(255,255,255,.7)}
.hero-home .btn-secondary:hover{background:#fff;color:var(--ink)}
.hero-facts{display:flex;flex-wrap:wrap;gap:1.5em 2.5em;margin-top:2.5em;padding-top:1.5em;border-top:1px solid rgba(255,255,255,.2)}
.hero-facts div{font-size:var(--fs-0);color:#C9CCD3}
.hero-facts strong{display:block;font:500 var(--fs-3)/1.2 var(--serif);color:#fff;margin-bottom:.2em}

/* Cards and tiles */
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.4em;display:flex;flex-direction:column;gap:.6em}
.card h3{margin:0;font-size:var(--fs-3)}
.card p{margin:0;color:var(--ink-2);font-size:var(--fs-1)}
.card .more{margin-top:auto;font-weight:600;text-decoration:none;font-size:var(--fs-1)}
.tile{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:var(--ink);color:#fff;text-decoration:none;aspect-ratio:4/3;isolation:isolate}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .5s}
.tile:hover img{transform:scale(1.03)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,24,28,0) 35%,rgba(22,24,28,.85) 100%);z-index:0}
.tile div{position:absolute;left:1.25em;right:1.25em;bottom:1.25em;z-index:1}
.tile h3{color:#fff;margin:0 0 .25em;font-size:var(--fs-4)}
.tile p{color:#D9DBDF;margin:0;font-size:var(--fs-1)}
.tile-plain{aspect-ratio:auto;padding:1.4em;background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.tile-plain::after{display:none}
.tile-plain div{position:static}
.tile-plain h3{color:var(--ink)}
.tile-plain p{color:var(--ink-2)}
.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:1.2em;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.steps li{counter-increment:s;padding-top:1em;border-top:2px solid var(--ink)}
.steps li::before{content:counter(s,decimal-leading-zero);font:500 var(--fs-4)/1 var(--serif);color:var(--accent);display:block;margin-bottom:.4em}
.steps strong{display:block;margin-bottom:.25em}
.steps p{margin:0;font-size:var(--fs-1);color:var(--ink-2)}
.section-ink .steps li{border-top-color:rgba(255,255,255,.35)}
.section-ink .steps li::before{color:var(--gold)}
.section-ink .steps p{color:#C9CCD3}
.fact{border-left:3px solid var(--gold);padding-left:1em}
.fact strong{display:block;font:500 var(--fs-5)/1.1 var(--serif)}
.fact span{font-size:var(--fs-0);color:var(--muted)}
.source{font-size:var(--fs-0);color:var(--muted)}
.source a{color:var(--muted)}

/* Tables */
.table-wrap{overflow-x:auto;margin:1.2em 0 1.6em;border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;font-size:var(--fs-1);font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:.7em .9em;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:var(--surface);font-weight:600;font-size:var(--fs-0);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
tbody tr:last-child td{border-bottom:0}
.table-wrap table{margin:0}
.prose table{display:block;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.prose table thead,.prose table tbody{display:table;width:100%;min-width:520px}
.spec{display:grid;grid-template-columns:minmax(140px,.7fr) 1.3fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:var(--fs-1);margin:0 0 1.4em}
.spec dt,.spec dd{margin:0;padding:.7em .9em;border-bottom:1px solid var(--line)}
.spec dt{background:var(--surface);font-weight:600;color:var(--ink-2)}
.spec dt:last-of-type,.spec dd:last-of-type{border-bottom:0}
.badge{display:inline-block;font:600 .72rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:.35em .6em;border-radius:3px;background:var(--surface-2);color:var(--ink-2)}
.badge-ok{background:var(--ok-soft);color:var(--ok)}
.badge-warn{background:var(--gold-soft);color:var(--warn)}
.badge-accent{background:var(--accent-soft);color:var(--accent-ink)}
.note{background:var(--gold-soft);border-left:3px solid var(--gold);padding:.9em 1.1em;border-radius:0 var(--r) var(--r) 0;font-size:var(--fs-1);margin:1.2em 0}
.note-plain{background:var(--surface);border-left-color:var(--line-2)}
.note p:last-child{margin-bottom:0}

/* FAQ */
.faq details{border-top:1px solid var(--line);padding:.2em 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font:600 var(--fs-2)/1.4 var(--sans);padding:.9em 2em .9em 0;position:relative;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.2em;top:.75em;font:400 1.4em/1 var(--serif);color:var(--accent)}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 0 1.1em;color:var(--ink-2);max-width:70ch}
.faq .a p:last-child{margin-bottom:0}

/* Lots */
.lot-row{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;padding:1em 0;border-top:1px solid var(--line)}
.lot-row:last-child{border-bottom:1px solid var(--line)}
.lot-row h3{margin:0 0 .25em;font-size:var(--fs-3)}
.lot-meta{display:flex;flex-wrap:wrap;gap:.4em 1.2em;font-size:var(--fs-0);color:var(--muted)}
.empty{background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--r);padding:1.4em;color:var(--ink-2)}
.empty p:last-child{margin:0}

/* CTA box */
.cta{background:var(--ink);color:var(--paper);border-radius:var(--r);padding:clamp(1.6em,4vw,2.6em);display:grid;gap:1.2em;grid-template-columns:1fr;align-items:center}
@media (min-width:820px){.cta{grid-template-columns:1.4fr 1fr}}
.cta h2,.cta h3{color:#fff;margin:0 0 .4em}
.cta p{margin:0;color:#C9CCD3}
@media (min-width:820px){.cta .btn-row{justify-content:flex-end}}
.cta .btn-secondary{color:#fff;border-color:rgba(255,255,255,.7)}
.cta .btn-secondary:hover{background:#fff;color:var(--ink)}
.next{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r);padding:1.2em 1.4em;margin:2.5em 0 0;background:var(--paper)}
.next h3{margin:0 0 .3em;font-size:var(--fs-3)}
.next p{margin:0 0 .9em;color:var(--ink-2)}

/* Figures */
figure{margin:1.6em 0}
figure img{border-radius:var(--r);width:100%}
figcaption{font-size:var(--fs-0);color:var(--muted);margin-top:.5em}
.media-band{border-radius:var(--r);overflow:hidden;aspect-ratio:21/9;background:var(--surface)}
.media-band img{width:100%;height:100%;object-fit:cover}
.diagram{border:1px solid var(--line);border-radius:var(--r);padding:1.2em;background:#fff;margin:1.4em 0}
.diagram svg{width:100%;height:auto}

/* Article layout */
.layout{display:grid;gap:clamp(24px,5vw,64px);grid-template-columns:1fr}
@media (min-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 300px}.layout-aside{position:sticky;top:96px;align-self:start}}
.aside-box{border:1px solid var(--line);border-radius:var(--r);padding:1.2em 1.3em;background:var(--surface);font-size:var(--fs-1);margin-bottom:1.2em}
.aside-box h4{margin:0 0 .6em;font:600 var(--fs-0)/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.aside-box ul{list-style:none;padding:0;margin:0}
.aside-box li{padding:.35em 0;border-top:1px solid var(--line);margin:0}
.aside-box li:first-child{border-top:0}
.aside-box a{text-decoration:none;color:var(--ink)}
.aside-box a:hover{color:var(--accent)}
.aside-box p:last-child{margin-bottom:0}
.meta-line{font-size:var(--fs-0);color:var(--muted);display:flex;flex-wrap:wrap;gap:.4em 1.4em;margin:1em 0 0}

/* Forms */
.form{max-width:760px}
.fieldset{border:1px solid var(--line);border-radius:var(--r);padding:1.4em;margin:0 0 1.4em;background:var(--paper)}
.fieldset legend{font:600 var(--fs-0)/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 .5em}
.f-grid{display:grid;gap:1em;grid-template-columns:1fr}
@media (min-width:640px){.f-grid{grid-template-columns:1fr 1fr}.f-full{grid-column:1/-1}}
.f label{display:block;font-weight:600;font-size:var(--fs-1);margin-bottom:.35em}
.f label span{color:var(--muted);font-weight:400}
.f input[type=text],.f input[type=email],.f input[type=tel],.f input[type=url],.f input[type=month],.f select,.f textarea{width:100%;font:400 var(--fs-2) var(--sans);padding:.7em .8em;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;color:var(--ink)}
.f textarea{min-height:130px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--ink);outline:2px solid transparent;box-shadow:0 0 0 3px rgba(163,58,42,.18)}
.f .hint{font-size:var(--fs-0);color:var(--muted);margin-top:.35em}
.f .err{color:var(--accent);font-size:var(--fs-0);margin-top:.35em}
.f .is-invalid{border-color:var(--accent)!important}
.checks{display:grid;gap:.5em .9em;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.check{display:flex;align-items:flex-start;gap:.55em;font-weight:400!important;font-size:var(--fs-1);margin:0!important}
.check input{margin-top:.3em;width:1.05em;height:1.05em;accent-color:var(--accent);flex:none}
.radio-row{display:flex;flex-wrap:wrap;gap:.6em 1.4em}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
.alert{padding:1em 1.2em;border-radius:var(--r);margin:0 0 1.4em;font-size:var(--fs-1)}
.alert-error{background:var(--accent-soft);color:var(--accent-ink);border:1px solid #E5C4BD}
.alert-ok{background:var(--ok-soft);color:var(--ok);border:1px solid #BBD6C7}
.alert ul{margin:.4em 0 0}
.form-side{font-size:var(--fs-1);color:var(--ink-2)}
.form-side ul{padding-left:1.1em}

/* Footer */
.footer{background:var(--ink);color:#B9BCC4;font-size:var(--fs-1);margin-top:clamp(44px,7vw,88px)}
.footer .wrap{padding-block:clamp(40px,6vw,72px) 2em}
.footer h4{font:600 var(--fs-0)/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 1em}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{margin:.45em 0}
.footer a{color:#D9DBDF;text-decoration:none}
.footer a:hover{color:var(--gold)}
.footer-grid{display:grid;gap:2em;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.footer-brand{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5em;align-items:flex-start;padding-bottom:2em;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:.5em}
.footer-brand .brand{color:#fff}
.footer-brand .brand-sub{color:#B9BCC4}
.footer-trust{font-size:var(--fs-0);color:#B9BCC4;max-width:56ch}
.footer-trust p{margin:0 0 .5em}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1em;padding-top:1.5em;margin-top:2em;border-top:1px solid rgba(255,255,255,.14);font-size:var(--fs-0);color:#8E929B}
.footer-bottom a{color:#B9BCC4}

/* Consent */
.consent{position:fixed;left:var(--gutter);right:var(--gutter);bottom:1em;z-index:60;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--r);padding:1em 1.2em;display:flex;flex-wrap:wrap;gap:.8em 1.2em;align-items:center;justify-content:space-between;font-size:var(--fs-1);max-width:820px;margin-inline:auto}
@media (max-width:760px){.consent{bottom:76px}}
.consent p{margin:0;color:var(--ink-2)}

/* Error page */
.error-page{text-align:center;padding-block:clamp(60px,10vw,120px)}
.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media print{.header,.utility,.footer,.mobile-bar,.consent,.cta,.next{display:none!important}body{font-size:11pt}a{color:inherit;text-decoration:none}}