html{box-sizing:border-box;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}
body,h1,h2,h3,p,figure,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
body{overflow-x:hidden}
img{display:block;width:100%;max-width:100%;height:auto}
a{color:inherit}
button{background:none;border:0;cursor:pointer}
button,input,select,textarea{font:inherit;color:inherit}

:root{
  --pitch:#16181D;
  --chalk:#F3F0E9;
  --grit:#E4DFD4;
  --lead:#1A1B20;
  --smoke:#6A6870;
  --minium:#A8341F;
  --on-pitch:#F3F0E9;
  --edge:2px solid var(--lead);
  --hairline:1px solid #C9C3B6;
  --size-a:clamp(2.35rem,6.2vw,5rem);
  --size-b:clamp(1.5rem,3vw,2.35rem);
  --size-c:clamp(1.05rem,1.5vw,1.3rem);
  --read:1.06rem;
  --tick-size:.68rem;
  --gap:clamp(16px,4.2vw,56px);
  --stride:clamp(40px,5.5vw,84px);
  --span:1180px;
}

body{background:var(--chalk);color:var(--lead);font-family:"Source Serif 4",Georgia,"Times New Roman",serif;font-size:var(--read);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Archivo,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;line-height:1.04;letter-spacing:-.015em}
h1{font-size:var(--size-a)}
h2{font-size:var(--size-b)}
h3{font-size:var(--size-c)}
b,strong{font-weight:600}

.bra-plinth{width:100%;max-width:var(--span);margin:0 auto;padding-left:var(--gap);padding-right:var(--gap)}
.bra-course{padding-top:var(--stride);padding-bottom:var(--stride)}
.bra-tie{text-decoration:none;border-bottom:2px solid var(--minium)}

.bra-lintel{background:var(--pitch);color:var(--on-pitch)}
.bra-lintel-span{width:100%;max-width:var(--span);margin:0 auto;padding:14px var(--gap);display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.bra-chisel{font-family:Archivo,Helvetica,Arial,sans-serif;font-weight:600;font-size:1.1rem;letter-spacing:.02em;text-decoration:none;margin-right:auto}
.bra-chisel b{font-weight:700;color:var(--on-pitch)}
.bra-latch{display:none;border:2px solid var(--on-pitch);padding:6px 14px;font-family:Archivo,Helvetica,Arial,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.bra-jamb{display:block;width:100%}
.bra-jamb-run{display:flex;flex-wrap:wrap;gap:10px 22px}
.bra-jamb a{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding-bottom:3px;display:inline-block}
.bra-jamb a[aria-current="page"]{border-bottom:3px solid var(--minium)}
.bra-scripted .bra-latch{display:block}
.bra-scripted .bra-jamb{display:none}
.bra-scripted .bra-jamb.is-swung{display:block;padding-top:6px}
.bra-scripted .bra-jamb.is-swung .bra-jamb-run{flex-direction:column;gap:14px}
@media (min-width:880px){
  .bra-jamb{width:auto}
  .bra-jamb-run{flex-wrap:nowrap}
  .bra-scripted .bra-jamb{display:block}
  .bra-scripted .bra-jamb .bra-jamb-run{flex-direction:row;gap:10px 22px}
  .bra-scripted .bra-latch{display:none}
}

.bra-reveal{background:var(--pitch);color:var(--on-pitch);padding-top:var(--stride);padding-bottom:var(--stride)}
.bra-tick{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:var(--tick-size);letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--minium)}
.bra-reveal h1{margin-top:14px;max-width:16ch}
.bra-reveal-first h1{max-width:14ch}
.bra-count{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin-top:14px;border-top:2px solid var(--minium);padding-top:10px;display:inline-block}
.bra-preface{margin-top:20px;max-width:60ch;font-size:1.12rem}
.bra-motto{margin-top:22px;max-width:44ch;font-size:clamp(1.15rem,2.1vw,1.5rem);line-height:1.4}
.bra-adults{margin-top:22px;max-width:60ch;font-size:.95rem;border-left:3px solid var(--minium);padding-left:14px}
.bra-reveal .bra-preface,.bra-reveal .bra-adults{color:var(--on-pitch)}
.bra-token{margin:28px 0 0;max-width:clamp(8.75rem,28vw,12.5rem)}
.bra-token img{width:100%;height:auto;border:2px solid var(--on-pitch)}

.bra-frontage-pane{aspect-ratio:3/1;background:var(--grit);border:var(--edge);overflow:hidden}
.bra-frontage-pane img{width:100%;height:100%;object-fit:cover}

.bra-index{margin-top:var(--stride);border-top:var(--edge);padding-top:14px}
.bra-index-head{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:var(--tick-size);letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--smoke)}
.bra-index ul{display:grid;gap:0;grid-template-columns:minmax(0,1fr);margin-top:8px}
.bra-index a{display:block;text-decoration:none;padding:9px 0;border-bottom:var(--hairline);font-family:Archivo,Helvetica,Arial,sans-serif;font-size:.95rem;font-weight:600}
.bra-index a b{color:var(--minium);margin-right:12px;font-weight:700}
@media (min-width:700px){.bra-index ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}
@media (min-width:1000px){.bra-index ul{grid-template-columns:repeat(3,minmax(0,1fr))}}

.bra-slab{margin-top:var(--stride);border-top:6px solid var(--lead);padding-top:0}
.bra-cornice{background:var(--pitch);color:var(--on-pitch);padding:clamp(16px,2.4vw,26px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 20px;align-items:start}
.bra-cipher{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:700;line-height:1;color:var(--minium)}
.bra-locus{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:var(--tick-size);letter-spacing:.2em;text-transform:uppercase;font-weight:600;opacity:.78}
.bra-cornice h2{margin-top:8px}
.bra-sill{font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.4;max-width:48ch;padding:18px 0;border-bottom:var(--edge)}
.bra-bay{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}
.bra-leaf{padding:clamp(16px,2.2vw,26px);border-bottom:var(--hairline)}
.bra-leaf p{margin-top:10px;max-width:52ch}
.bra-leaf-face{background:var(--grit)}
.bra-leaf-why{background:var(--chalk)}
.bra-stamp{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:var(--tick-size);letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--minium)}
.bra-glazing{border-bottom:var(--hairline)}
.bra-glazing-pane{aspect-ratio:4/5;background:var(--grit);border-bottom:var(--edge);overflow:hidden}
.bra-glazing-pane img{width:100%;height:100%;object-fit:cover}
@media (min-width:1000px){
  .bra-bay{grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,4fr)}
  .bra-slab-bare .bra-bay{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bra-leaf{border-bottom:0;border-left:var(--hairline)}
  .bra-glazing{border-bottom:0}
  .bra-glazing-pane{border-bottom:0;border-right:var(--hairline);aspect-ratio:4/5}
}
.bra-footing{border-top:var(--edge);padding-top:14px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.bra-caveat{max-width:56ch}
.bra-caveat span{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:var(--tick-size);letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--minium);margin-right:10px}
.bra-dated{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:var(--tick-size);letter-spacing:.18em;text-transform:uppercase;color:var(--smoke)}
@media (min-width:880px){.bra-footing{grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:baseline}.bra-dated{text-align:right}}

.bra-caution{margin-top:var(--stride);border-top:var(--edge);padding-top:16px;font-size:.95rem;color:var(--smoke);max-width:74ch}
.bra-doors{margin-top:var(--stride);border-top:var(--edge);padding-top:14px}
.bra-doors ul{display:grid;gap:0;grid-template-columns:minmax(0,1fr);margin-top:8px}
.bra-doors a{display:block;text-decoration:none;padding:14px 0;border-bottom:var(--hairline)}
.bra-doors b{display:block;font-family:Archivo,Helvetica,Arial,sans-serif;font-size:1.05rem;font-weight:700}
.bra-doors span{display:block;font-size:.95rem;color:var(--smoke);margin-top:3px}
@media (min-width:880px){.bra-doors ul{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}}

.bra-preface-first{margin-top:var(--stride);color:var(--lead)}
.bra-quarters{display:grid;gap:0;grid-template-columns:minmax(0,1fr);margin-top:var(--stride);border-top:var(--edge)}
.bra-quarter{border-bottom:var(--edge);padding:22px 0}
.bra-quarter-n{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:var(--tick-size);letter-spacing:.24em;font-weight:600;color:var(--minium)}
.bra-quarter h2{margin-top:8px}
.bra-quarter h2 a{text-decoration:none}
.bra-quarter-sub{margin-top:8px;color:var(--smoke);font-size:.98rem}
.bra-quarter-sub b{color:var(--lead)}
.bra-quarter-run{margin-top:16px}
.bra-quarter-run a{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:2px 10px;text-decoration:none;padding:9px 0;border-top:var(--hairline)}
.bra-quarter-run b{font-family:Archivo,Helvetica,Arial,sans-serif;color:var(--minium);font-weight:700}
.bra-quarter-run span{font-family:Archivo,Helvetica,Arial,sans-serif;font-weight:600}
.bra-quarter-run em{grid-column:2;font-style:normal;color:var(--smoke);font-size:.95rem}
@media (min-width:880px){
  .bra-quarter{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:40px;padding:26px 0}
  .bra-quarter-run{margin-top:0}
}
.bra-coda{margin-top:var(--stride);max-width:62ch;font-size:1.1rem}

.bra-tract{display:grid;gap:0}
.bra-tract-part{border-top:var(--edge);padding:22px 0}
.bra-tract-body p{margin-top:14px;max-width:66ch}
@media (min-width:880px){
  .bra-tract-part{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:40px}
  .bra-tract-body p:first-child{margin-top:0}
}

.bra-note{display:grid;gap:18px;max-width:36rem;margin-top:var(--stride);border-top:var(--edge);padding-top:22px}
.bra-note-head{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:var(--tick-size);letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--minium)}
.bra-slot label{display:block;font-family:Archivo,Helvetica,Arial,sans-serif;font-size:var(--tick-size);letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-bottom:7px}
.bra-slot input,.bra-slot select,.bra-slot textarea{width:100%;border:0;border-bottom:var(--edge);background:transparent;padding:9px 2px}
.bra-assent{display:grid;grid-template-columns:1.3rem minmax(0,1fr);gap:12px;align-items:start}
.bra-assent input{width:1.05rem;height:1.05rem;margin-top:.4rem}
.bra-assent label{font-size:.94rem;color:var(--smoke)}
.bra-post{background:var(--pitch);color:var(--on-pitch);border:2px solid var(--pitch);padding:13px 26px;font-family:Archivo,Helvetica,Arial,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:background .15s}
.bra-post:hover{background:var(--minium);border-color:var(--minium)}

.bra-base{background:var(--pitch);color:var(--on-pitch);padding:var(--stride) 0 34px}
.bra-base-span{width:100%;max-width:var(--span);margin:0 auto;padding:0 var(--gap);display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}
.bra-base-chisel{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.02em}
.bra-base-note p{max-width:54ch;font-size:.96rem}
.bra-base-note p:last-child{margin-top:10px;opacity:.82}
.bra-base-run{display:grid;gap:8px}
.bra-base-run a{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.bra-base-band{width:100%;max-width:var(--span);margin:0 auto;padding:20px var(--gap) 0;margin-top:26px;border-top:2px solid var(--minium);display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.bra-base-band p{font-size:.9rem;opacity:.82;max-width:60ch}
.bra-base-copy{font-family:Archivo,Helvetica,Arial,sans-serif;font-size:.8rem;letter-spacing:.1em}
.bra-base-aid{width:100%;max-width:var(--span);margin:22px auto 0;padding:16px var(--gap) 0;border-top:var(--hairline)}
.bra-base-aid p{font-size:.9rem;max-width:70ch}
@media (min-width:880px){
  .bra-base-span{grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:40px}
  .bra-base-band{grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:40px;align-items:baseline}
  .bra-base-copy{text-align:right}
}

:focus-visible{outline:3px solid var(--minium);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}