:root{--page:#FFFFFF;--ink:#12140E;--body:#3A3D33;--mute:#6C7062;--zing:#A2E000;--line:#E2E4DC;--glade:74rem;--read:62ch}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{background:var(--page);color:var(--body);font-family:"Alegreya",Georgia,serif;font-size:1.1rem;line-height:1.62}
h1,h2,h3,.stem-name,.stem-a,.gr-name,.si-h,.bt-a,.ream-k,.gr-count,.fs-mail{font-family:"Saira",system-ui,sans-serif;color:var(--ink)}
h1{font-weight:700;font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.06;letter-spacing:-.02em;margin:0 0 1rem}
h2{font-weight:600;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.14;margin:0 0 .7rem}
h3{font-weight:600;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.1;margin:0}
p{margin:0 0 1rem}
a{color:var(--ink);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover,a:focus-visible{text-decoration-thickness:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
img{display:block;width:100%;height:auto;border-radius:0}
.glade-w{width:100%;max-width:var(--glade);margin:0 auto;padding:0 1.5rem}
.stem-top{padding:1.8rem 0 0}
.stem-name{display:inline-block;font-weight:700;font-size:clamp(1.2rem,2.4vw,1.6rem);letter-spacing:-.01em;text-decoration:none;margin-bottom:1rem}
.stem-top>hr{border:0;height:16px;background:var(--zing);margin:0}
.stem-key{margin-top:1rem;border:2px solid var(--ink);background:none;color:var(--ink);font-family:"Saira",system-ui,sans-serif;font-weight:600;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;padding:.34rem 1rem;cursor:pointer}
.stem-list[data-open="false"]{display:none}
.stem-list{list-style:none;margin:1rem 0 0;padding:0 0 1.2rem;display:grid;gap:.6rem;border-bottom:1px solid var(--line)}
.stem-a{font-weight:600;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:4px solid transparent;padding-bottom:.2rem}
.stem-a:hover,.stem-a:focus-visible{border-bottom-color:var(--zing)}
.stem-a[aria-current="page"]{border-bottom-color:var(--ink)}
.onset-set{padding:clamp(2rem,4.4vw,3.4rem) 0 clamp(1.6rem,3vw,2.4rem)}
.onset-p{max-width:var(--read);margin:0}
.hero-set{display:grid;grid-template-columns:1fr;gap:1.6rem;align-items:center;padding:clamp(2rem,4.4vw,3.4rem) 0 clamp(1.8rem,3.2vw,2.8rem)}
.hero-copy{min-width:0}
.hero-kicker{margin:0 0 .7rem;font-family:"Saira",system-ui,sans-serif;font-weight:600;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.hero-copy h1{margin-bottom:.9rem}
.hero-side{margin:0;width:min(100%,16.5rem);justify-self:start;position:relative}
.hero-side::before{content:"";position:absolute;inset:auto -0.7rem -0.7rem auto;width:42%;height:42%;background:var(--zing);z-index:0}
.hero-side img{position:relative;z-index:1;aspect-ratio:1/1;object-fit:cover;box-shadow:12px 12px 0 var(--ink)}
.grade-run{list-style:none;margin:0;padding:0}
.gr-row{display:grid;grid-template-columns:1fr;gap:.35rem;padding:1.3rem 0 1.8rem;text-decoration:none}
.gr-row>span{display:block}
.gr-name{font-weight:600;font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1.06;letter-spacing:-.02em}
.gr-say{color:var(--body);max-width:48ch}
.gr-count{font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.gr-row:hover .gr-name,.gr-row:focus-visible .gr-name{text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:3px}
.grade-run li:nth-child(1) .gr-row{border-top:16px solid var(--zing)}
.grade-run li:nth-child(2) .gr-row{border-top:12px solid var(--zing)}
.grade-run li:nth-child(3) .gr-row{border-top:8px solid var(--zing)}
.grade-run li:nth-child(4) .gr-row{border-top:4px solid var(--zing)}
.stave-pic{padding:clamp(2rem,4vw,3rem) 0 0}
.stave-pic img{aspect-ratio:19/8;object-fit:cover}
.stave-note{margin:.6rem 0 0;font-size:.88rem;color:var(--mute)}
.split-index{padding:clamp(2.4rem,5vw,3.6rem) 0 0}
.si-h{font-weight:600;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;margin:1.6rem 0 .4rem;padding-top:.9rem;border-top:4px solid var(--zing)}
.si-row{list-style:none;margin:0;padding:0}
.si-row li{display:grid;grid-template-columns:1fr;gap:.05rem;padding:.5rem 0;border-bottom:1px solid var(--line)}
.si-town{color:var(--mute);font-size:.9rem}
.keeps-part{padding:clamp(2.4rem,5vw,3.6rem) 0 0}
.keeps-part p{max-width:var(--read)}
.bar-toc{list-style:none;margin:1.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1.4rem}
.bar-toc li{flex:1 1 12rem;border-top:8px solid var(--zing);padding-top:.7rem}
.bt-a{display:block;font-weight:600;font-size:1.02rem;text-decoration:none}
.bt-a:hover,.bt-a:focus-visible{text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:3px}
.bt-town{display:block;color:var(--mute);font-size:.86rem;margin-top:.2rem}
.ream-set{border-top:16px solid var(--zing);padding:1.6rem 0 clamp(2rem,4vw,3rem)}
.ream-place{margin:.4rem 0 1.4rem;color:var(--mute);font-size:.96rem}
.ream-p{max-width:var(--read)}
.ream-pic{margin:1.6rem 0}
.ream-pic img{aspect-ratio:14/9;object-fit:cover}
.ream-cap{margin:.6rem 0 0;font-size:.86rem;color:var(--mute)}
.ream-facts{list-style:none;margin:1.6rem 0 0;padding:0;max-width:40rem}
.ream-facts li{display:grid;grid-template-columns:1fr;gap:.1rem;padding:.6rem 0;border-top:2px solid var(--zing);font-size:.95rem}
.ream-k{font-weight:600;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.ream-v{color:var(--ink)}
.stern-note{margin:clamp(2.4rem,5vw,3.4rem) 0 0;padding-top:1.3rem;border-top:4px solid var(--zing);max-width:var(--read);font-size:.96rem;color:var(--mute)}
.foot-stave{margin-top:clamp(3rem,6vw,4.4rem);border-top:16px solid var(--zing);padding:1.8rem 0 2.6rem}
.fs-mail{display:inline-block;font-weight:700;font-size:clamp(1.15rem,2.4vw,1.6rem);text-decoration:none;border-bottom:4px solid transparent}
.fs-mail:hover,.fs-mail:focus-visible{border-bottom-color:var(--zing)}
.fs-row{list-style:none;margin:1.2rem 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.8rem;font-size:.94rem}
.fs-a{text-decoration:none;border-bottom:4px solid transparent}
.fs-a:hover,.fs-a:focus-visible{border-bottom-color:var(--zing)}
.fs-p{margin:0;font-size:.84rem;color:var(--mute)}
html:not([data-js="on"]) .stem-list[data-open="false"]{display:flex}
html:not([data-js="on"]) .stem-key{display:none}
@media (min-width:780px){
.stem-list[data-open="false"]{display:flex}
.stem-list{display:flex;flex-wrap:wrap;gap:2rem}
.stem-key{display:none}
.hero-set{grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(1.6rem,3vw,3rem);align-items:end}
.hero-side{width:min(100%,18rem);justify-self:end;margin-bottom:.4rem}
.gr-row{grid-template-columns:minmax(0,5fr) minmax(0,4fr);column-gap:2.6rem;align-items:baseline}
.gr-count{grid-column:2}
.si-row li{grid-template-columns:minmax(0,1fr) 13rem;column-gap:1.4rem;align-items:baseline}
.ream-facts li{grid-template-columns:10rem minmax(0,1fr);gap:1.2rem;align-items:baseline}
.foot-stave{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.4rem}
.fs-row{margin:0}
}
@media (min-width:1180px){
.onset-set{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:3.4rem;align-items:end}
.hero-side{width:20rem}
.split-index{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3rem;align-items:start}
}
@media (min-width:1500px){
.glade-w{padding:0 2.4rem}
}
@media (prefers-reduced-motion: no-preference){
html{scroll-behavior:smooth}
a,.stem-a,.bt-a,.fs-a,.fs-mail{transition:border-color .15s ease,text-decoration-thickness .15s ease}
.hero-copy{animation:hero-rise .7s ease both}
.hero-side{animation:hero-slide .85s .12s ease both}
.hero-side img{transition:transform .45s ease}
.hero-side:hover img{transform:translate(-4px,-4px)}
}
@keyframes hero-rise{
from{opacity:0;transform:translateY(14px)}
to{opacity:1;transform:none}
}
@keyframes hero-slide{
from{opacity:0;transform:translateX(18px)}
to{opacity:1;transform:none}
}
a[href="#main"]:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}