@font-face{font-family:'Palmore';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/palmore-bold.woff2) format('woff2')}
/* --display = Palmore Bold, embedded above (headline only, as on the flyer).
   --ui / --body = Helvetica Now Condensed; Archivo Narrow stands in until the files arrive. */
:root{
  --brick:#a3342d; --ink:#292825; --cream:#e3e3d7;
  --deep:#38140f; --ember:#e08a63; --brick-dark:#7e2822;
  --panel:#d6d6c9; --muted:#56544e; --line:#b9b9ab;
  color-scheme:light;
  --surface:var(--cream); --text:var(--ink);
  --focus:#ffdd00;
  --display:"Palmore", Georgia, serif;
  --ui:"Archivo Narrow","Helvetica Neue Condensed","Arial Narrow",sans-serif;
  --body:var(--ui);
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .16  0 0 0 0 .15  0 0 0 0 .14  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background-color:var(--surface);background-image:var(--grain);color:var(--text);font:400 1.1875rem/1.6 var(--body);letter-spacing:.005em;-webkit-text-size-adjust:100%}
a{color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 6px var(--ink)}
.wrap{max-width:76rem;margin:0 auto;padding-inline:clamp(1.25rem,4vw,3rem)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-9999px;background:var(--focus);color:#111;padding:.75rem 1.25rem;font-weight:700;z-index:60}
.skip:focus{left:0;top:0}

/* load-in */
@media (prefers-reduced-motion:no-preference){
  .reveal{animation:rise .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
  @keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:no-preference){
  .inview{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
  .inview.seen{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}

/* buttons + links */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.5rem;
  background:var(--brick);color:#fff;font:700 1.125rem/1 var(--ui);text-transform:uppercase;letter-spacing:.02em;
  text-decoration:none;border:2px solid transparent;border-radius:2px;cursor:pointer}
.btn:hover{background:var(--brick-dark)}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--text)}
.btn.ghost:hover{background:var(--panel)}
.btn.light{background:var(--cream);color:#a3342d}
.btn.light:hover{background:#fff}
.brackets{display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin-top:2rem;font:700 1.05rem/1 var(--ui);text-transform:uppercase;letter-spacing:.03em}
.brackets a{color:var(--brick);text-decoration:none;padding:.4rem 0}
.brackets a::before{content:"( "}.brackets a::after{content:" )"}
.brackets a:hover{color:var(--text)}

/* header */
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background-color:var(--surface);background-image:var(--grain)}
.menu-toggle{display:none;align-items:center;gap:.5rem;min-height:48px;padding:.6rem 1rem;background:transparent;border:2px solid var(--text);
  color:var(--text);font:700 1rem/1 var(--ui);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;border-radius:2px}
.menu-toggle:hover{background:var(--panel)}
.nav-wrap{display:flex;align-items:center;gap:1rem}
.mobile-cta{display:none}
@media (max-width:820px){.mobile-cta{display:inline-flex}.site-nav > .btn{display:none}}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:96px}
.logo{display:flex;align-items:center;gap:.85rem;text-decoration:none}
.logo img{height:64px;width:auto}
.logo span{font:700 1.3rem/1 var(--ui);text-transform:uppercase;letter-spacing:.26em}
@media (max-width:520px){.logo span{display:none}}
.site-nav{display:flex;align-items:center;gap:1.75rem;font:700 1.05rem/1 var(--ui);text-transform:uppercase;letter-spacing:.02em}
.site-nav a:not(.btn){text-decoration:none;padding:.75rem 0}
.site-nav a:not(.btn):hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:820px){
  .menu-toggle{display:inline-flex}
  .site-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;
    background-color:var(--surface);background-image:var(--grain);border-bottom:1px solid var(--line);padding:.5rem clamp(1.25rem,4vw,3rem) 1.25rem}
  .site-nav[hidden]{display:none}
  .site-nav a:not(.btn){padding:1rem 0;border-bottom:1px solid var(--line)}
  .site-nav .btn{margin-top:1rem}
}

/* hero poster */
.hero{position:relative;overflow:clip;min-height:clamp(34rem,calc(100svh - 96px),52rem);display:flex;align-items:center;
  padding-block:clamp(1.5rem,3vw,2.5rem)}
.collage{position:absolute;right:0;bottom:0;width:min(56%,44rem);z-index:1;pointer-events:none}
.collage img{width:100%;height:auto;display:block}
.hero .wrap{width:100%}
.hero-copy{position:relative;z-index:2;width:min(66%,46rem)}
.kicker{font:700 clamp(.95rem,1.3vw,1.15rem)/1.5 var(--ui);text-transform:uppercase;letter-spacing:.22em;color:var(--brick);margin-bottom:1rem}
h1{font:700 1rem/.82 var(--display);text-transform:uppercase;color:var(--brick);letter-spacing:.01em}
h1 .l1{display:block;font-size:min(16vw,7.5rem)}
h1 .l2{display:block;font-size:min(26vw,13rem)}
.rule{height:3px;background:var(--brick);margin:1.35rem 0 1rem;max-width:30rem}
.tagline{font:700 clamp(1rem,1.7vw,1.3rem)/1.3 var(--ui);text-transform:uppercase;letter-spacing:.24em}
.pillars{display:flex;flex-wrap:wrap;gap:.9rem 1.1rem;margin-top:1.1rem;font:600 clamp(.95rem,1.3vw,1.1rem)/1 var(--ui);
  text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.pillars span{display:flex;align-items:center;gap:1.1rem}
.pillars span+span::before{content:"";width:2px;height:1.1em;background:var(--brick)}
.facts{display:flex;flex-wrap:wrap;gap:1.25rem 2.5rem;margin-top:1.75rem}
.fact{display:flex;gap:.85rem;align-items:flex-start}
.fact svg{flex:0 0 26px;width:26px;height:26px;stroke:var(--brick);fill:none;stroke-width:1.8}
.fact b{display:block;font:700 1.1rem/1.25 var(--ui);text-transform:uppercase;letter-spacing:.06em}
.fact span{font:600 .98rem/1.35 var(--ui);color:var(--muted);letter-spacing:.06em}
.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.75rem}
@media (max-width:980px){
  .hero{display:block;min-height:0}
  .collage{position:relative;inset:auto;width:min(100%,30rem);margin:0 auto .5rem}
  .hero-copy{width:auto}
  .pillars{font-size:.92rem;letter-spacing:.12em;gap:.6rem .9rem}
  .pillars span{gap:.9rem}
}

/* countdown */
.countdown{background:#a3342d;color:#fff}
.countdown .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;padding-block:1.25rem}
.clock{display:flex;gap:1.75rem}
.clock div{text-align:center;min-width:3.25rem}
.clock b{display:block;font:700 clamp(2rem,3.4vw,2.6rem)/1 var(--ui);font-variant-numeric:tabular-nums}
.clock span{font:600 .78rem/1 var(--ui);letter-spacing:.06em;text-transform:uppercase}
.countdown p{font:600 1.05rem/1.4 var(--ui);max-width:26rem}

/* sections */
section{padding-block:clamp(3.5rem,8vw,6.5rem)}
.h-big{font:700 clamp(3rem,8.5vw,7rem)/.85 var(--ui);text-transform:uppercase;letter-spacing:-.01em}
h2{font:700 clamp(1.8rem,3.4vw,2.4rem)/1.1 var(--ui);text-transform:uppercase;letter-spacing:.01em;margin-bottom:1.5rem}
.lede{font:700 clamp(1.4rem,2.4vw,1.9rem)/1.25 var(--ui);max-width:30rem;margin-top:1.75rem}
.dim{color:var(--muted);max-width:32rem;margin-top:1.25rem}

/* dark about block */
.dark{background:var(--deep);color:var(--cream);background-image:var(--grain)}
.dark .dim{color:#c7ab9f}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem)}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.sched{list-style:none}
.sched li{display:grid;grid-template-columns:7rem 1fr;gap:1.5rem;padding-block:1.25rem;border-top:1px solid #ffffff2e}
.sched li:last-child{border-bottom:1px solid #ffffff2e}
.sched time{font:700 1.4rem/1.1 var(--ui);color:var(--ember);text-transform:uppercase}
.sched b{font-size:1.15rem}
.sched span{display:block;color:#c7ab9f}
@media (max-width:520px){.sched li{grid-template-columns:1fr;gap:.2rem}}

/* numbers */
.stats{border-block:3px solid var(--brick)}
.stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-block:clamp(2rem,5vw,3.5rem)}
@media (max-width:760px){.stats .wrap{grid-template-columns:1fr;gap:1.5rem}}
.stat b{display:block;font:700 clamp(3rem,7vw,5.5rem)/.9 var(--display);color:var(--brick)}
.stat span{font:700 1.05rem/1.3 var(--ui);text-transform:uppercase;letter-spacing:.03em}
.stat small{display:block;color:var(--muted);font-size:1rem;margin-top:.25rem}

/* pull quote */
.quote{background:var(--panel);background-image:var(--grain)}
.quote blockquote{font:700 clamp(1.9rem,4vw,3.1rem)/1.05 var(--ui);text-transform:uppercase;letter-spacing:-.005em;color:var(--brick);max-width:18ch}
.quote p{max-width:30rem;color:var(--muted)}
.quote .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:end}
@media (max-width:860px){.quote .wrap{grid-template-columns:1fr}}

/* speakers, type-led */
.speakers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0}
.speaker{border-top:3px solid var(--text);padding:1.25rem 1.5rem 1.75rem 0}
.speaker h3{font:700 clamp(2rem,3.6vw,2.8rem)/.95 var(--ui);text-transform:uppercase}
.speaker p{color:var(--muted);margin-top:.4rem;font-size:1.05rem}
.speaker.tba{border-color:var(--line)}
.speaker.tba h3{color:var(--muted)}

/* watch + gallery */
.watch-head{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;justify-content:space-between;align-items:end;margin-bottom:2rem}
.watch-head .dim{margin-top:.5rem}
.teaser-full{margin:0;background:#000;aspect-ratio:16/9}
.teaser-full video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.catch{margin:0 0 clamp(1.5rem,3vw,2.25rem);font:700 clamp(1.7rem,4.2vw,3.2rem)/1.1 var(--ui);text-transform:uppercase;letter-spacing:-.005em;max-width:20ch}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:.75rem}
.tile{position:relative;aspect-ratio:4/3;display:block;text-decoration:none;overflow:hidden;background:
  radial-gradient(ellipse 60% 45% at 50% 30%,rgba(255,236,214,.4),transparent 72%),
  linear-gradient(165deg,#5c3a30,#211714);filter:sepia(.25) contrast(1.05)}
.tile.wide{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.tile.teaser{background:#14100e;filter:none;display:flex;flex-direction:column;margin:0}
.tile.teaser video{width:100%;height:100%;object-fit:contain;background:#000}
.tile.teaser figcaption{position:absolute;inset:auto .7rem .7rem;color:#f0e9dd;font:600 .82rem/1.3 var(--ui);pointer-events:none}
.tile .cap{position:absolute;inset:auto .7rem .7rem;color:#f0e9dd;font:600 .82rem/1.3 var(--ui);z-index:2}
.tile.video::after{content:"";position:absolute;inset:0;background:#0000001f}
.tile .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;
  background:#a3342d;z-index:3;transition:transform .2s}
.tile .play::before{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);
  border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.tile.video:hover .play{transform:translate(-50%,-50%) scale(1.08)}
@media (max-width:820px){.gallery{grid-template-columns:repeat(2,1fr)}.tile.wide{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}}

/* minister cards */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:2rem}
@media (min-width:700px){.cards{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.cards{grid-template-columns:repeat(5,1fr)}}
.card h3{overflow-wrap:break-word}
.card{position:relative;aspect-ratio:4/5;display:flex;align-items:flex-end;overflow:hidden}
.card .shot{position:absolute;inset:0;background:#2a1109}
.card .shot img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.12) brightness(1.18);transition:filter .45s}
.card .shot::before{content:"";position:absolute;inset:0;z-index:1;background:#8e2a1e;mix-blend-mode:multiply;opacity:.92;transition:opacity .45s}
.card:hover .shot img,.card:focus-within .shot img{filter:none}
.card:hover .shot::before,.card:focus-within .shot::before{opacity:0}
.card .shot::after{content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(180deg,rgba(28,7,5,0) 38%,rgba(22,6,4,.8) 74%,rgba(16,4,3,.95) 100%)}
.card .slot{position:absolute;top:.8rem;left:1rem;font:600 .8rem/1 var(--ui);color:#e8d2c6;z-index:2}
.card .cap-block{position:relative;z-index:2;padding:1.25rem}
.card h3{font:700 clamp(1.6rem,2.4vw,2.2rem)/.95 var(--ui);text-transform:uppercase;color:var(--cream)}
.card p{font:600 1rem/1.3 var(--ui);color:#c7ab9f}
.card.tba .shot{background:repeating-linear-gradient(-45deg,#3f1610 0 16px,#4d1c14 16px 32px)}
.card.tba .shot::after{display:none}
.card.tba h3{color:var(--ember)}

/* map */
.mapbox iframe{width:100%;height:100%;border:0;display:block}
.mapbox{position:relative;height:clamp(20rem,42vw,26rem);background:var(--panel);border:2px solid var(--line);overflow:hidden}
.roads{position:absolute;inset:0;background:
  repeating-linear-gradient(90deg,transparent 0 118px,#ffffffcc 118px 128px),
  repeating-linear-gradient(0deg,transparent 0 96px,#ffffffcc 96px 104px),
  linear-gradient(22deg,transparent 47.4%,#ffffffcc 47.4% 49%,transparent 49%),
  linear-gradient(-14deg,transparent 68%,#c9c7bb 68% 70%,transparent 70%)}
.pin-wrap{position:absolute;left:50%;top:52%;transform:translate(-50%,-100%);text-align:center}
.pin-label{display:inline-block;background:#fff;color:#292825;font:700 1rem/1 var(--ui);padding:.7rem .9rem;box-shadow:0 2px 8px #0000002e;margin-bottom:.5rem}
.pin{display:block;width:22px;height:30px;margin:0 auto;background:#a3342d;clip-path:polygon(50% 100%,0 34%,14% 0,86% 0,100% 34%)}
.mapnote{position:absolute;left:0;bottom:0;background:var(--ink);color:var(--cream);font:600 .85rem/1 var(--ui);padding:.5rem .75rem}

/* shop */
#shop .dim{max-width:44rem;margin-bottom:2rem}
.tees{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
@media (max-width:1000px){.tees{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.tees{grid-template-columns:repeat(2,1fr)}}
.tee-img{position:relative;aspect-ratio:1;overflow:hidden;background:var(--panel)}
.tee-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s}
.tee-img .b{opacity:0}
.tee:hover .tee-img .b,.tee:focus-within .tee-img .b{opacity:1}
.tee h3{font:700 1.1rem/1.2 var(--ui);text-transform:uppercase;letter-spacing:.04em;margin-top:.75rem}
.tee .price{font:700 1.25rem/1 var(--ui);color:var(--brick);margin-top:.25rem}
.back-print{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,4rem);margin-top:3rem;align-items:start}
@media (max-width:860px){.back-print{grid-template-columns:1fr}}
.back-print img{width:100%;height:auto;background:var(--panel)}
.back-print h3{font:700 clamp(1.5rem,3vw,2rem)/1.1 var(--ui);text-transform:uppercase;margin-bottom:1rem}
.steps{list-style:none;counter-reset:step;display:grid;gap:1rem;margin-bottom:1.75rem}
.steps li{counter-increment:step;position:relative;padding-left:3rem}
.steps li::before{content:counter(step);position:absolute;left:0;top:-.15rem;font:700 1.6rem/1 var(--display);color:var(--brick)}
.steps b{display:block}
.small{font-size:.95rem;margin-top:1rem}

.size-link{margin:-1rem 0 1.75rem}
.linkbtn{border:0;background:none;padding:0;font:inherit;color:var(--brick);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.linkbtn:hover{color:var(--ink)}
dialog.sizes{max-width:42rem}
.table-wrap{overflow-x:auto;margin:.5rem 0 1rem}
dialog.sizes table{border-collapse:collapse;width:100%;font:600 1rem/1.3 var(--ui)}
dialog.sizes caption{caption-side:bottom;margin-top:.75rem;font:400 .95rem/1.4 var(--body);color:var(--muted);text-align:left}
dialog.sizes th,dialog.sizes td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--line)}
dialog.sizes thead th{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;border-bottom:2px solid var(--brick)}
dialog.sizes tbody th{font-weight:700}
dialog.sizes tbody tr:nth-child(even){background:rgba(0,0,0,.035)}

/* minister bios */
button.card{border:0;padding:0;text-align:left;font:inherit;color:inherit;background:none;cursor:pointer;width:100%}
.card .more{display:block;margin-top:.35rem;font:700 .85rem/1 var(--ui);text-transform:uppercase;letter-spacing:.12em;color:var(--ember)}
.card:hover .more,.card:focus-visible .more{color:#fff}
dialog.bio{position:fixed;inset:0;margin:auto;height:fit-content;max-height:85svh;overflow:auto;max-width:34rem;width:calc(100% - 2rem);border:3px solid var(--brick);background:var(--cream);color:var(--ink);padding:clamp(1.5rem,4vw,2.5rem)}
dialog.bio::backdrop{background:rgba(29,23,20,.72)}
dialog.bio h3{font:700 clamp(1.8rem,4vw,2.4rem)/1 var(--ui);text-transform:uppercase;letter-spacing:.01em;padding-right:2.5rem}
dialog.bio .bio-role{font:700 .95rem/1.4 var(--ui);text-transform:uppercase;letter-spacing:.12em;color:var(--brick);margin:.4rem 0 1rem}
dialog.bio p{font-size:1.05rem}
.bio-close{position:absolute;top:.5rem;right:.5rem;width:48px;height:48px;border:0;background:none;color:var(--ink);font-size:2rem;line-height:1;cursor:pointer}
.bio-close:hover{color:var(--brick)}

/* faq */
.faq{max-width:46rem}
details{border-top:1px solid var(--line)}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;padding-block:1.15rem;min-height:48px;font:700 1.2rem/1.35 var(--ui);display:flex;gap:1rem;justify-content:space-between;align-items:center;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:0 0 12px;width:12px;height:12px;border-right:3px solid var(--brick);border-bottom:3px solid var(--brick);transform:rotate(45deg) translateY(-25%);transition:transform .2s}
details[open] summary::after{transform:rotate(-135deg)}
details > p{padding-bottom:1.2rem;color:var(--muted);max-width:34rem}

/* register */
.register{background:var(--ink);color:var(--cream)}
.register .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,6vw,4.5rem);align-items:start}
@media (max-width:860px){.register .wrap{grid-template-columns:1fr}}
.register p{color:#c8c7ba;max-width:28rem}
form{display:grid;gap:1.4rem}
.field{display:grid;gap:.35rem}
.field label{font:700 1.05rem/1.3 var(--ui)}
.field .hint{font-size:.95rem;color:#c8c7ba}
.field input{font:inherit;min-height:48px;padding:.7rem .9rem;border:2px solid var(--cream);border-radius:2px;background:#fff;color:#292825}
.field input[aria-invalid="true"]{border-color:#ff8f80;border-width:3px}
.field .err{font:700 .98rem/1.4 var(--ui);color:#ff8f80}
.field .err:empty{display:none}
.checkbox{display:flex;gap:.75rem;align-items:flex-start}
.checkbox input{width:24px;height:24px;margin-top:.2rem;accent-color:var(--brick)}
.summary-box{border:4px solid #ff8f80;padding:1.25rem}
.summary-box h3{color:#ff8f80;margin-bottom:.5rem;font:700 1.2rem var(--ui);text-transform:uppercase}
.summary-box ul{margin-left:1.1rem}
.summary-box a{color:#ff8f80}
.legal{font-size:.98rem}
.legal a{color:var(--cream)}
.ticket{border:2px solid #ffffff40;padding:clamp(1.5rem,3vw,2.25rem)}
.ticket-date{font:700 clamp(1.3rem,2.4vw,1.8rem)/1.15 var(--ui);text-transform:uppercase;color:var(--cream)}
.ticket-place{color:#c8c7ba;margin-top:.25rem}
.btn.big{margin:1.5rem 0 1rem;font-size:1.25rem;min-height:56px}

footer{background:var(--panel);background-image:var(--grain);padding-block:2.5rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;font-size:1rem}
footer ul{list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem}

/* inner pages */
.page-title{font:700 clamp(2.2rem,5vw,3.4rem)/1.05 var(--ui);text-transform:uppercase;color:var(--text)}
.prose{max-width:40rem;margin-top:1.5rem}
.prose h2{font:700 1.3rem/1.2 var(--ui);text-transform:uppercase;letter-spacing:.04em;margin:2rem 0 .5rem}
.prose p+p{margin-top:.9rem}
.prose a{color:var(--brick)}