*,::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{
--sheet:#FFFBF2;
--deep:#101014;
--blue:#2B4CF2;
--burn:#FF4D2E;
--grey:#5B5B63;
--loud:clamp(2.2rem,6vw,4.2rem);
--mild:clamp(1.7rem,3.6vw,2.5rem);
--hand:clamp(1.06rem,1.9vw,1.32rem);
--body:1.06rem;
--tiny:.74rem;
--edge:clamp(1.2rem,4vw,3.2rem);
--rest:clamp(2.8rem,6vw,5.2rem);
}
body{
background:var(--sheet);
color:var(--deep);
font-family:"Familjen Grotesk",Helvetica,Arial,sans-serif;
font-size:var(--body);
line-height:1.72;
-webkit-font-smoothing:antialiased;
}
h1,h2{font-family:"Bitter",Georgia,"Times New Roman",serif;font-weight:700;line-height:1.1}
h1{font-size:var(--mild)}
h2{font-size:var(--loud)}
.top-hold{max-width:74rem;margin-left:auto;margin-right:auto;padding-left:var(--edge);padding-right:var(--edge)}
.mid-rest{padding-top:var(--rest);padding-bottom:var(--rest)}
.top-item{padding-top:var(--rest)}
.top-name{margin-top:0}
.top-town{margin-top:.7rem;font-size:var(--tiny);letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}
.mid-lead{margin-top:1.1rem;font-family:"Bitter",Georgia,serif;font-size:var(--hand);line-height:1.36;max-width:40ch}
.mid-shot{margin-top:1.8rem;max-width:22rem;box-shadow:8px 8px 0 var(--deep)}
.mid-shot img{width:100%;height:auto;aspect-ratio:6/7;object-fit:cover}
.mid-trio{margin-top:2rem;display:grid;grid-auto-flow:row;grid-auto-rows:auto;gap:1.6rem}
@media (min-width:760px){
.mid-trio{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2rem}
}
.mid-part{max-width:40ch}
.mid-tag{display:block;font-family:"Bitter",Georgia,serif;font-weight:700;font-size:.98rem;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);margin-bottom:.35rem}
.low-note{margin-top:2rem;padding:1.1rem 1.3rem;background:var(--blue);color:var(--sheet);max-width:58ch;box-shadow:8px 8px 0 var(--deep)}
.low-note b{display:block;font-size:var(--tiny);letter-spacing:.26em;text-transform:uppercase;margin-bottom:.3rem}
.end-date{margin-top:1.6rem;font-size:var(--tiny);letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}
.top-hero{margin-top:1.8rem}
.top-hero img{width:100%;height:auto;aspect-ratio:17/8;object-fit:cover;background:var(--deep);box-shadow:8px 8px 0 var(--deep)}
.top-head{max-width:24ch}
.top-stage{display:grid;gap:1.8rem;align-items:start}
.top-stage .top-hero{margin-top:0;max-width:22rem}
.top-hero--plate img{aspect-ratio:1/1;object-fit:cover}
@media (min-width:880px){
.top-stage{grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);gap:clamp(2rem,4.5vw,4.2rem);align-items:end}
.top-stage .top-copy{padding-bottom:.2rem}
.top-stage .top-hero{max-width:none;width:100%}
.top-stage .top-head{max-width:16ch}
}
.mid-open{margin-top:1.1rem;max-width:56ch;font-size:1.12rem;color:var(--grey)}
.top-quiz{margin-top:var(--rest);font-family:"Bitter",Georgia,serif;font-weight:700;font-size:var(--mild);max-width:20ch}
.mid-answ{margin-top:2.2rem}
.mid-line{padding-top:1.1rem;padding-bottom:1.1rem}
.mid-line a{font-family:"Bitter",Georgia,serif;font-weight:700;font-size:clamp(1.2rem,3.2vw,2.1rem);line-height:1.18;text-decoration:none;display:block}
.low-from{margin-top:.3rem;font-size:var(--tiny);letter-spacing:.2em;text-transform:uppercase;color:var(--grey);display:block}
.end-tail{margin-top:var(--rest);padding:1.1rem 1.3rem;background:var(--burn);color:var(--sheet);max-width:70ch;font-size:.95rem;box-shadow:8px 8px 0 var(--deep)}
.mid-tie{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--blue)}
.top-skip{display:block;padding:.5rem var(--edge);font-size:var(--tiny)}
.top-bar{padding:1.1rem var(--edge);max-width:74rem;margin-left:auto;margin-right:auto}
.top-sign{font-family:"Bitter",Georgia,serif;font-weight:700;font-size:1.3rem;text-decoration:none;display:block}
.top-knob{display:none;margin-top:.6rem;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--blue)}
.top-menu{margin-top:.6rem}
.top-menu a{display:inline;text-decoration:none;font-size:var(--tiny);letter-spacing:.18em;text-transform:uppercase;padding-right:1.1rem;line-height:2.2}
.top-menu a[aria-current="page"]{color:var(--blue)}
[data-js="on"] .top-knob{display:block}
[data-js="on"] .top-menu[data-open="false"]{display:none}
[data-js="on"] .top-menu[data-open="true"]{display:block}
@media (min-width:760px){
[data-js="on"] .top-menu[data-open="false"]{display:block}
[data-js="on"] .top-knob{display:none}
}
@media (min-width:1160px){
.top-hold{max-width:80rem}
.top-bar{max-width:80rem}
.mid-shot{max-width:26rem}
.top-stage{grid-template-columns:minmax(0,1fr) minmax(22rem,30rem)}
}
.end-foot{margin-top:var(--rest);padding-top:var(--rest);padding-bottom:var(--rest);background:var(--deep);color:var(--sheet)}
.end-feet a{display:block;font-family:"Bitter",Georgia,serif;font-weight:700;font-size:clamp(1.1rem,2.2vw,1.7rem);text-decoration:none;padding-top:.3rem;padding-bottom:.3rem}
.end-fine{margin-top:1.6rem;max-width:54ch;font-size:.94rem}
.end-mark{margin-top:.9rem;font-size:var(--tiny);letter-spacing:.2em;text-transform:uppercase}
.mid-prose{max-width:62ch}
.mid-prose p{margin-top:1rem}
:focus-visible{outline:4px solid var(--burn);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.top-edge{padding-bottom:.4rem}
.mid-slog{margin-top:1.6rem;font-family:"Bitter",Georgia,serif;font-weight:700;font-size:var(--hand);max-width:40ch}
.low-age{margin-top:1.4rem;max-width:56ch;font-size:.95rem}
.low-turn{margin-top:1.4rem;font-size:1.02rem}
.end-help{margin-top:1.6rem;max-width:58ch;font-size:.94rem}
.mid-form{margin-top:2rem;max-width:34rem}
.mid-field{margin-top:1.4rem}
.mid-field label{display:block;font-size:var(--tiny);letter-spacing:.2em;text-transform:uppercase;color:var(--grey);margin-bottom:.4rem}
.low-slot{display:block;width:100%;padding:.7rem .8rem;border:0;background:#FFFFFF;box-shadow:8px 8px 0 var(--deep)}
.mid-field label .mid-tie{letter-spacing:normal;text-transform:none}
.low-tick{width:1.1rem;height:1.1rem;margin-right:.5rem;vertical-align:middle}
.low-send{margin-top:2rem;padding:.8rem 1.6rem;background:var(--blue);color:var(--sheet);font-family:"Bitter",Georgia,serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.9rem;box-shadow:8px 8px 0 var(--deep)}
.mid-prose b{font-weight:600}
.low-deal label{letter-spacing:normal;text-transform:none;font-size:.98rem;color:var(--deep);line-height:1.6}