*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
input,select,textarea,button{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit}
:root{
  --deep:#0B3B2C;
  --pale:#F3EDE1;
  --flare:#FF5B3E;
  --gold:#E8B32A;
  --soft:rgba(243,237,225,.72);
  --dusk:rgba(11,59,44,.66);
  --size-vast:clamp(2.6rem,7vw,6rem);
  --size-name:clamp(2rem,4.6vw,3.6rem);
  --size-pass:clamp(1.15rem,2vw,1.65rem);
  --size-read:1.05rem;
  --size-fine:.72rem;
  --room:clamp(18px,5vw,68px);
  --drop:clamp(48px,7vw,110px);
}
.av{
  background:var(--pale);
  color:var(--deep);
  font-family:"Jost",Helvetica,Arial,sans-serif;
  font-size:var(--size-read);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.av h1,.av h2{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-weight:700;line-height:1.05;letter-spacing:-.005em}
.av h1{font-size:var(--size-vast)}
.av h2{font-size:var(--size-name)}
.av p{max-width:44ch}
.av .plate{min-height:100vh;display:grid;align-content:end;padding:var(--drop) var(--room);gap:0 var(--room);grid-template-columns:minmax(0,1fr);grid-template-areas:"tally" "title" "pass" "shot" "body"}
@media (min-width:1000px){
  .av .plate{grid-template-columns:7rem minmax(0,1fr) minmax(0,20rem);grid-template-areas:"tally title shot" "tally pass shot" "tally body shot"}
}
.av .tally{grid-area:tally;font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:var(--size-vast);line-height:.86;color:var(--gold)}
.av .title{grid-area:title;margin-top:14px}
.av .where{font-size:var(--size-fine);letter-spacing:.24em;text-transform:uppercase}
.av .pass{grid-area:pass;font-family:"Cormorant Garamond",Georgia,serif;font-size:var(--size-pass);line-height:1.28;margin-top:18px;max-width:34ch}
.av .body{grid-area:body;margin-top:30px}
.av .shot{grid-area:shot;margin-top:30px;max-width:460px}
.av .glass{overflow:hidden;aspect-ratio:6/5}
.av .glass img{width:100%;height:100%;object-fit:cover}
.av .shot figcaption{margin-top:9px;font-size:var(--size-fine)}
.av .step{margin-top:26px}
.av .roman{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:1.5rem;line-height:1;color:var(--flare)}
.av .heading{display:block;font-size:var(--size-fine);letter-spacing:.26em;text-transform:uppercase;margin-top:6px}
.av .step p{margin-top:10px}
.av .settle{margin-top:34px;max-width:44ch}
.av .settle b{display:block;font-size:var(--size-fine);letter-spacing:.26em;text-transform:uppercase;color:var(--flare);margin-bottom:6px}
.av .checked{margin-top:22px;font-size:var(--size-fine);letter-spacing:.22em;text-transform:uppercase}
.av .onDeep{background:var(--deep);color:var(--pale)}
.av .onPale{background:var(--pale);color:var(--deep)}
.av .onDeep .where,.av .onDeep .checked,.av .onDeep figcaption{color:var(--soft)}
.av .onPale .where,.av .onPale .checked,.av .onPale figcaption{color:var(--dusk)}
.av .opener{display:grid;align-content:end;padding:var(--drop) var(--room) clamp(28px,4vw,52px);grid-template-columns:minmax(0,1fr);grid-template-areas:"shout" "brief"}
.av .shout{grid-area:shout;max-width:20ch}
.av .brief{grid-area:brief;margin-top:22px;font-size:1.2rem;max-width:48ch}
.av .cover{padding:0 var(--room)}
.av .frame{overflow:hidden;aspect-ratio:5/3}
.av .frame img{width:100%;height:100%;object-fit:cover}
.av .under{margin-top:10px;font-size:var(--size-fine)}
.av .hall{background:#160e0a;padding:clamp(36px,6vw,72px) var(--room);display:flex;justify-content:center}
.av .cover.seal{padding:0;width:min(100%,26rem);background:transparent;box-shadow:none}
.av .cover.seal .frame{aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 1px rgba(232,179,42,.28),0 22px 48px rgba(0,0,0,.4)}
.av .cover.seal img{object-position:center}
.av .prose{padding:var(--drop) var(--room)}
.av .prose p{margin-top:16px}
.av .prose h1{max-width:18ch}
.av .tally-list a{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:0 16px;padding:16px 0;text-decoration:none}
@media (min-width:760px){.av .tally-list a{grid-template-columns:3.4rem minmax(0,22rem) minmax(0,1fr)}}
.av .tally-list i{font-family:"Cormorant Garamond",Georgia,serif;font-style:normal;font-weight:700;font-size:1.7rem;line-height:1;color:var(--gold)}
.av .tally-list strong{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:1.4rem;line-height:1.15}
.av .tally-list em{font-style:normal;font-size:.95rem}
.av .band{padding:var(--drop) var(--room)}
.av .lead-in{max-width:56ch;font-size:1.16rem}
.av .tie{text-decoration:none;border-bottom:2px solid var(--flare)}
.av .aside{padding:0 var(--room) var(--drop);max-width:74ch;font-size:.95rem}
.av .jump{padding:6px var(--room);font-size:var(--size-fine)}
.av .head{background:var(--deep);color:var(--pale);padding:14px var(--room);display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.av .sign{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:1.5rem;text-decoration:none;margin-right:auto}
.av .trigger{display:none;padding:5px 14px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.av .sitenav{display:flex;flex-wrap:wrap;gap:9px 20px;width:100%}
.av .sitenav a{text-decoration:none;font-size:.93rem}
.av .sitenav a[aria-current="page"]{color:var(--gold)}
.is-scripted .av .trigger{display:block}
.is-scripted .av .sitenav{display:none}
.is-scripted .av .sitenav.is-open{display:flex;flex-direction:column;gap:12px}
@media (min-width:920px){
  .av .sitenav{width:auto;flex-wrap:nowrap}
  .is-scripted .av .sitenav{display:flex;flex-direction:row}
  .is-scripted .av .trigger{display:none}
}
.av .tailpiece{background:var(--deep);color:var(--pale);padding:var(--drop) var(--room)}
.av .tailpiece h2{max-width:14ch}
.av .rule-line{margin-top:24px;font-size:.95rem;max-width:none}
.av .rule-line a{text-decoration:none}
.av .rule-line span{color:var(--gold);padding:0 8px}
.av .stampline{margin-top:20px;font-size:var(--size-fine);letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}
.av :focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.av .bare{grid-template-areas:"tally" "title" "pass" "body"}
@media (min-width:1000px){
  .av .bare{grid-template-columns:7rem minmax(0,1fr);grid-template-areas:"tally title" "tally pass" "tally body"}
}
@media (min-width:1000px){
  .av .opener{grid-template-columns:minmax(0,1fr) minmax(0,26rem);grid-template-areas:"shout brief"}
  .av .brief{margin-top:0;align-self:end}
}
.av .helpline{margin-top:26px;font-size:.95rem;max-width:74ch;color:var(--soft)}
.av .adults{margin-top:18px;font-size:.95rem;max-width:64ch}
.av .prose h2{font-size:1.5rem;margin-top:38px}
.av .prose ul{margin-top:14px;max-width:60ch}
.av .prose li{margin-top:8px}
.av .quiz{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"one" "two" "three" "four" "six" "seven";gap:18px;max-width:44rem}
.av .one{grid-area:one}
.av .two{grid-area:two}
.av .three{grid-area:three}
.av .four{grid-area:four}
.av .six{grid-area:six}
.av .seven{grid-area:seven}
.av .quiz label{display:block;font-size:var(--size-fine);letter-spacing:.24em;text-transform:uppercase}
.av .quiz input,.av .quiz select,.av .quiz textarea{width:100%;margin-top:8px;padding:10px 12px;background:#E7DFCE;color:var(--deep);border:0}
.av .quiz textarea{min-height:170px;resize:vertical}
.av .six label{letter-spacing:0;text-transform:none;font-size:.95rem;line-height:1.6}
.av .six input{width:auto;margin:0 10px 0 0}
.av .send{background:var(--flare);color:var(--pale);padding:12px 30px;font-size:var(--size-fine);letter-spacing:.24em;text-transform:uppercase}
.av .onDeep .quiz label{color:var(--soft)}
