:root{--paper:#faf2db;--ink:#242123;--plum:#49265a;--rust:#a13224;--yellow:#f9cb52;font:17px/1.5 Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #2169a0;outline-offset:4px}.skip{position:absolute;top:-100px;left:15px;background:white;padding:10px;z-index:5}.skip:focus{top:5px}header{position:sticky;top:0;z-index:3;background:var(--paper);border-bottom:2px solid}.bar,.wrap{max-width:1320px;margin:auto;padding-inline:clamp(20px,5vw,64px)}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}.brand{font-size:24px;font-weight:900;line-height:.95;text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:5px}nav{display:flex;gap:14px;align-items:center}nav a{font-size:14px;font-weight:bold;text-decoration:none}nav a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;min-height:44px;background:var(--plum);color:white;text-decoration:none;border:0;padding:8px 13px;font-weight:bold}.support{background:var(--rust)}#menu{display:none}.hero{display:grid;grid-template-columns:5fr 6fr;gap:24px;align-items:center;padding-block:48px}.hero img{display:block;width:100%;border:2px solid}.tag,.number{font:800 12px/1.4 monospace;letter-spacing:.12em;color:var(--rust)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.06em;line-height:.95}h1{font-size:clamp(48px,6.6vw,98px);margin-bottom:20px}h1 span{color:var(--rust)}h2{font-size:clamp(39px,5vw,68px);margin-bottom:22px}h3{font-size:31px;margin:12px 0}.lead{font-size:21px;max-width:30ch}.note{font-size:13px;margin-top:10px}.paths,.letter{padding-block:35px 48px}.cards,.school-links,.letter,.footer{display:grid;gap:16px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cards article{padding:22px;border:2px solid;background:#fff8e8;scroll-margin-top:85px}.cards article:nth-child(2){background:var(--yellow)}.cards a,.school-links a{font-weight:bold}.schools{background:var(--plum);color:white;padding-block:45px;scroll-margin-top:70px}.schools .tag{color:var(--yellow)}.school-links,.letter,.footer{grid-template-columns:1fr 1fr}.school-links a{display:block;padding:14px;border:1px solid;text-decoration:none}.school-links span{display:block;font-weight:400}.letter{align-items:center}.field{display:flex;gap:6px}.field input{min-width:0;flex:1;border:2px solid;padding:8px;background:white}label{font-weight:bold}footer{padding-block:28px;border-top:2px solid;background:#f0e0be}footer .note{grid-column:1/-1}#camps,#events{scroll-margin-top:85px}@media(max-width:880px){#menu{display:inline-flex;min-height:44px;align-items:center;border:2px solid;background:transparent;padding:0 9px;color:inherit;margin-left:auto}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:10px 20px;border-bottom:2px solid;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:10px 0;min-height:44px}}@media(max-width:640px){.hero,.cards,.school-links,.letter,.footer{grid-template-columns:1fr}.hero{padding-block:26px;gap:12px}.hero img{max-height:350px;object-fit:cover}.paths,.letter{padding-block:26px}.field{flex-wrap:wrap}.field input{flex-basis:100%}h1{font-size:clamp(43px,12vw,59px)}}@media(prefers-reduced-motion:no-preference){.cards a:hover,.school-links a:hover{text-decoration-thickness:3px}}
.paper-mark{width:100%;height:62px;margin-top:12px;border-bottom:1px solid var(--ink)}.scraps{background:linear-gradient(164deg,transparent 34%,#49265a 35% 55%,transparent 56%),linear-gradient(12deg,transparent 30%,#f9cb52 31% 64%,transparent 65%)}.paint{background:radial-gradient(ellipse at 25% 48%,#a13224 0 13%,transparent 14%),radial-gradient(ellipse at 54% 62%,#49265a 0 16%,transparent 17%),radial-gradient(ellipse at 78% 34%,#faf2db 0 12%,transparent 13%)}.gather{background:radial-gradient(circle at 31% 53%,#a13224 0 17px,transparent 18px),radial-gradient(circle at 50% 37%,#f9cb52 0 19px,transparent 20px),radial-gradient(circle at 69% 53%,#49265a 0 17px,transparent 18px)}.social{margin:8px 0 0}
.footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.footer-links a{padding:8px 0}
