*,::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{
--paper:#F7F4EE;
--ink:#221F1B;
--deep:#4A6259;
--mute:#736C64;
--line:#DED6C8;
--linen:#EFE9DD;
--sage:#E3EBE4;
--blush:#F2E6E1;
--sky:#E4EAF0;
--wide:clamp(1.8rem,4vw,2.7rem);
--half:clamp(1.5rem,2.8vw,2.2rem);
--read:1.06rem;
--thin:.78rem;
--side:clamp(1.1rem,3.2vw,2.4rem);
--hush:clamp(1.8rem,3.4vw,3rem);
--pad:clamp(1.4rem,3vw,2.4rem);
}
body{
background:var(--paper);
color:var(--ink);
font-family:"Lora",Georgia,"Times New Roman",serif;
font-size:var(--read);
line-height:1.76;
-webkit-font-smoothing:antialiased;
}
h1,h2{font-family:"Lora",Georgia,"Times New Roman",serif;font-weight:600;line-height:1.2;letter-spacing:0}
h1{font-size:var(--half);background:var(--sage);padding:var(--pad);border-radius:3px}
h2{font-size:var(--wide)}
.lift-zone{font-style:italic;font-weight:400}
.page-zone{max-width:76rem;margin-left:auto;margin-right:auto;padding-left:var(--side);padding-right:var(--side)}
.pair-zone{display:grid;grid-template-columns:1fr;row-gap:var(--hush);padding-top:var(--hush);padding-bottom:var(--hush)}
@media (min-width:1000px){
.pair-zone{grid-template-columns:16rem minmax(0,1fr);column-gap:clamp(1.8rem,3.4vw,3rem)}
.side-zone{background:var(--linen);padding:var(--pad);border-radius:3px}
}
.side-zone{display:grid;grid-template-columns:1fr;row-gap:1.2rem;align-content:start}
.menu-zone{display:grid;grid-template-columns:1fr;row-gap:.5rem;align-content:start;padding-top:1rem;border-top:1px solid var(--line)}
.menu-zone a{font-size:.94rem;letter-spacing:.06em;font-variant:small-caps;text-decoration:none}
.menu-zone a[aria-current="page"]{font-weight:600;color:var(--deep)}
.knob-zone{display:none;font-size:var(--thin);letter-spacing:.18em;text-transform:uppercase;color:var(--deep);padding-top:.5rem}
.hold-zone{display:grid;grid-template-columns:1fr;row-gap:var(--hush)}
.body-zone{display:grid;grid-template-columns:1fr;row-gap:var(--hush)}
.item-zone{display:grid;grid-template-columns:1fr;row-gap:.9rem;background:var(--linen);padding:var(--pad);border-radius:3px}
.name-zone{font-family:"Lora",Georgia,"Times New Roman",serif;font-weight:600;font-size:var(--wide);line-height:1.2}
.town-zone{font-size:var(--thin);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.text-zone{max-width:58ch}
.body-zone>.text-zone{max-width:100%;background:var(--linen);padding:var(--pad);border-radius:3px}
.body-zone>.text-zone p{max-width:58ch}
.text-zone p{padding-bottom:1.1rem}
.mark-zone{font-variant:small-caps;letter-spacing:.1em;font-weight:600;color:var(--deep)}
.lead-zone{max-width:100%;font-size:1.18rem;line-height:1.66;background:var(--blush);padding:var(--pad);border-radius:3px}
.lead-zone p{max-width:52ch}
.lead-zone p::first-letter{font-size:1.6em;font-weight:600;color:var(--deep)}
.shot-zone img{width:100%;height:auto;aspect-ratio:15/11;object-fit:cover;border-radius:2px}
.hero-zone{background:var(--sky);padding:var(--pad);border-radius:3px}
.hero-zone img{width:100%;height:auto;aspect-ratio:18/7;object-fit:cover;border-radius:2px}
.hero-zone.dusk-zone{position:relative;display:grid;grid-template:[stack] auto/[stack] minmax(0,1fr);place-items:center;overflow:hidden}
.hero-zone.dusk-zone::after{content:"";grid-area:stack;width:100%;aspect-ratio:5/4;border-radius:2px}
.hero-zone.dusk-zone::before{content:"";position:absolute;inset:var(--pad);border-radius:2px;background:#141A28 url("/assets/img/og.jpg") 50% 46%/cover no-repeat;filter:blur(22px) saturate(.82) brightness(.52);transform:scale(1.08);pointer-events:none}
.hero-zone.dusk-zone img{grid-area:stack;position:relative;z-index:1;width:min(14rem,52%);max-width:100%;aspect-ratio:1/1;object-fit:cover;height:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(247,244,238,.28)}
@media (min-width:800px){
.hero-zone.dusk-zone::after{aspect-ratio:18/7}
}
.date-zone{font-size:var(--thin);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.note-zone{font-size:.92rem;font-style:italic;color:var(--mute);max-width:34ch;background:var(--blush);padding:var(--pad);border-radius:3px}
.rule-zone{display:grid;grid-template-columns:1fr;row-gap:1.4rem}
.rule-zone p{max-width:52ch}
.link-zone{display:grid;grid-template-columns:1fr;row-gap:.8rem;max-width:100%;background:var(--sage);padding:var(--pad);border-radius:3px}
.link-zone a{font-weight:600;font-size:1.24rem;text-decoration:none;color:var(--deep)}
.link-zone span{display:block;font-size:.94rem;font-style:italic;color:var(--mute)}
.form-zone{display:grid;grid-template-columns:1fr;row-gap:1.4rem;max-width:36rem;background:var(--linen);padding:var(--pad);border-radius:3px}
.field-zone{display:grid;grid-template-columns:1fr;row-gap:.4rem}
.field-zone label{font-size:var(--thin);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.field-zone input,.field-zone select,.field-zone textarea{width:100%;padding:.6rem;background:var(--paper);border:1px solid var(--line);border-radius:2px}
.foot-zone{display:grid;grid-template-columns:1fr;row-gap:.8rem;padding:var(--pad);margin-bottom:var(--hush);font-size:var(--thin);color:var(--mute);background:var(--sky);border-radius:3px}
.foot-zone a{text-decoration:none;padding-right:.9rem}
.tie-zone{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
.bar-zone{padding:1.1rem var(--side);max-width:76rem;margin-left:auto;margin-right:auto}
.sign-zone{font-weight:600;font-size:1.2rem;letter-spacing:.02em;text-decoration:none}
.side-zone .sign-zone{display:none}
[data-js="on"] .knob-zone{display:block}
[data-js="on"] .menu-zone[data-open="false"]{display:none}
[data-js="on"] .menu-zone[data-open="true"]{display:grid;align-content:start}
@media (min-width:1000px){
[data-js="on"] .menu-zone[data-open="false"]{display:grid}
[data-js="on"] .knob-zone{display:none}
.bar-zone .sign-zone{display:none}
.side-zone .sign-zone{display:block}
}
@media (min-width:1360px){
.page-zone{max-width:82rem}
.bar-zone{max-width:82rem}
}
:focus-visible{outline:2px solid var(--deep);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
