*,::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{
--page:#FAFAF7;
--dark:#101010;
--blue:#B4C6E8;
--fire:#F0C4A8;
--plum:#E4B8CC;
--aqua:#B0D4D8;
--blue-ink:#5A7199;
--fire-ink:#9E6240;
--plum-ink:#9A5A76;
--aqua-ink:#4A7A80;
--tone:var(--dark);
--ink:var(--page);
--band:var(--tone);
--loud:clamp(2.4rem,7vw,5.2rem);
--half:clamp(1.7rem,3.6vw,2.6rem);
--lead:clamp(1.1rem,2vw,1.4rem);
--body:1.08rem;
--tiny:.78rem;
--edge:clamp(1.1rem,3.4vw,2.6rem);
--rest:clamp(2.2rem,4.6vw,3.6rem);
}
body{
background:var(--page);
color:var(--dark);
font-family:"Instrument Sans",Helvetica,Arial,sans-serif;
font-size:var(--body);
line-height:1.66;
-webkit-font-smoothing:antialiased;
}
h1,h2{font-family:"Darker Grotesque","Arial Black",Arial,sans-serif;font-weight:700;line-height:.98;letter-spacing:-.01em}
h1{font-size:var(--half)}
h2{font-size:var(--loud)}
.tint-blue{--tone:var(--blue);--ink:var(--dark);--band:var(--blue-ink)}
.tint-fire{--tone:var(--fire);--ink:var(--dark);--band:var(--fire-ink)}
.tint-plum{--tone:var(--plum);--ink:var(--dark);--band:var(--plum-ink)}
.tint-aqua{--tone:var(--aqua);--ink:var(--dark);--band:var(--aqua-ink)}
.hued-blue{color:var(--blue-ink)}
.hued-fire{color:var(--fire-ink)}
.hued-plum{color:var(--plum-ink)}
.hued-aqua{color:var(--aqua-ink)}
.page-hold{max-width:74rem;margin-left:auto;margin-right:auto;padding-left:var(--edge);padding-right:var(--edge)}
.slab-list{display:grid;grid-template-columns:1fr;gap:12px;padding-top:var(--rest);padding-bottom:var(--rest)}
.text-slab{background:var(--tone);color:var(--ink);padding:var(--rest) var(--edge) 0}
.name-band{font-family:"Darker Grotesque","Arial Black",Arial,sans-serif;font-weight:700;font-size:var(--loud);line-height:.98}
.town-note{margin-top:.6rem;font-size:var(--tiny);letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.head-line{margin-top:1.2rem;font-size:var(--lead);line-height:1.34;max-width:44ch;padding-bottom:var(--rest)}
.cuts-band{background:var(--page);color:var(--band);margin-left:calc(var(--edge) * -1);margin-right:calc(var(--edge) * -1);padding:.7rem var(--edge);font-family:"Darker Grotesque","Arial Black",Arial,sans-serif;font-weight:700;font-size:1.24rem;letter-spacing:.02em;text-transform:uppercase}
.body-text{padding-top:1.2rem;padding-bottom:var(--rest);max-width:52ch}
.shot-fill{margin-left:calc(var(--edge) * -1);margin-right:calc(var(--edge) * -1)}
.shot-fill img{width:100%;height:auto;aspect-ratio:11/4;object-fit:cover}
.hero-fill{margin-left:calc(var(--edge) * -1);margin-right:calc(var(--edge) * -1)}
.hero-fill img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
.note-tail{background:var(--page);color:var(--band);margin-left:calc(var(--edge) * -1);margin-right:calc(var(--edge) * -1);padding:1.1rem var(--edge)}
.note-tail b{display:block;font-family:"Darker Grotesque","Arial Black",Arial,sans-serif;font-weight:700;font-size:1.24rem;text-transform:uppercase}
.date-mark{padding-top:1.1rem;padding-bottom:var(--rest);font-size:var(--tiny);letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.four-list{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:900px){
.four-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.open-slab{background:var(--tone);color:var(--ink);padding:var(--rest) var(--edge)}
.open-slab a{text-decoration:none;display:block}
.tail-note{background:var(--dark);color:var(--page);padding:var(--rest) var(--edge);max-width:none;font-size:.95rem}
.menu-line{padding-top:.7rem}
.menu-line a{display:inline;text-decoration:none;font-family:"Darker Grotesque","Arial Black",Arial,sans-serif;font-weight:700;font-size:1.2rem;text-transform:uppercase;padding-right:1rem;line-height:1.9}
.menu-knob{display:none;padding-top:.7rem;font-size:var(--tiny);letter-spacing:.16em;text-transform:uppercase}
.head-rail{padding:1rem var(--edge);max-width:74rem;margin-left:auto;margin-right:auto}
.sign-mark{font-family:"Darker Grotesque","Arial Black",Arial,sans-serif;font-weight:700;font-size:1.6rem;text-decoration:none;display:block;text-transform:uppercase}
[data-js="on"] .menu-knob{display:block}
[data-js="on"] .menu-line[data-open="false"]{display:none}
[data-js="on"] .menu-line[data-open="true"]{display:block}
@media (min-width:900px){
[data-js="on"] .menu-line[data-open="false"]{display:block}
[data-js="on"] .menu-knob{display:none}
}
@media (min-width:1240px){
.page-hold{max-width:80rem}
.head-rail{max-width:80rem}
}
.foot-line{padding-top:var(--rest);padding-bottom:var(--rest);font-size:var(--tiny);letter-spacing:.1em;text-transform:uppercase}
.foot-line a{text-decoration:none;font-weight:600;padding-right:.9rem}
.text-hold{max-width:56ch;padding-top:var(--rest);padding-bottom:var(--rest)}
.text-hold p{padding-top:1rem}
.lead-text{padding-top:1.2rem;padding-bottom:var(--rest);max-width:52ch;font-size:var(--lead);line-height:1.4}
.warn-line{padding-top:1.1rem;padding-bottom:var(--rest);max-width:52ch;font-weight:600}
.sect-link{padding-top:var(--rest);padding-bottom:var(--rest);font-family:"Darker Grotesque","Arial Black",Arial,sans-serif;font-weight:700;font-size:var(--half);line-height:1.2}
.sect-link a{text-decoration:none;padding-right:1.4rem;text-transform:uppercase}
.open-slab h2{padding-bottom:1rem}
.open-slab p{font-size:var(--lead);line-height:1.34}
.tail-note p{max-width:56ch}
.tail-note a{font-weight:600}
.form-line{padding-top:1.4rem;max-width:34rem}
.form-line label{display:block;font-size:var(--tiny);letter-spacing:.14em;text-transform:uppercase;padding-bottom:.4rem}
.form-line input,.form-line select,.form-line textarea{width:100%;padding:.7rem;background:var(--page);color:var(--dark);border:0}
.form-note{padding-top:1.4rem;max-width:34rem;font-size:.95rem}
.form-note label{display:inline}
.form-note input{width:auto}
.send-knob{margin-top:1.4rem;background:var(--dark);color:var(--page);padding:.8rem 1.6rem;font-family:"Darker Grotesque","Arial Black",Arial,sans-serif;font-weight:700;font-size:1.24rem;text-transform:uppercase}
:focus-visible{outline:4px solid var(--dark);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
