:root{--ink:#18221d;--cream:#faf8f2;--paper:#f2eee6;--lime:#d8ec64;--coral:#a83c1a;--line:#c4c8bb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,sans-serif}h1,h2,h3,blockquote{font-family:Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(50px,6.4vw,88px);letter-spacing:-.05em;margin:20px 0 26px}h2{font-size:42px;letter-spacing:-.03em;margin:0 0 25px}h3{font-size:28px;margin:0 0 16px}p{margin:0 0 20px}a{color:inherit;text-underline-offset:5px}header{background:var(--ink);color:var(--cream);padding:24px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center}.brand{font-weight:bold;font-size:19px}.brand em{color:var(--lime);font:italic 24px Georgia}.preview{background:var(--lime);padding:9px 5%;font-size:12px;font-weight:bold;letter-spacing:.05em}.wrap{width:90%;max-width:1160px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;padding:65px 0}.hero-copy{align-self:center}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.15em;text-transform:uppercase;color:var(--coral)}.intro{font:22px/1.5 Georgia}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.tags span{border:1px solid var(--line);padding:5px 10px;font-size:12px}.photo{position:relative;aspect-ratio:945/1350;overflow:hidden;background:#ddd}.photo img{width:100%;position:absolute;top:-25.8%;height:auto}figure{margin:0}figcaption{font-size:12px;padding-top:12px;color:#526057}.button{display:inline-block;background:var(--lime);border:1px solid var(--ink);padding:13px 20px;font-weight:bold;font-size:13px;text-decoration:none}.contents{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:24px;padding:18px 0;font-size:13px}.section{padding:65px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px}.number{font:18px Georgia;color:var(--coral);margin-bottom:12px}.story{padding:28px 0;border-top:1px solid var(--line)}.story p{max-width:720px}.stories{max-width:850px;margin:auto}.quote{background:var(--ink);color:var(--cream);padding:44px;margin:25px 0}.quote blockquote{font-size:36px;margin:0 0 20px}.quote .eyebrow{color:var(--lime)}.tip{border-left:4px solid var(--coral);padding:12px 20px;background:var(--cream)}.activity-grid,.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:28px;background:var(--cream);border:1px solid var(--line)}.card h3{font-size:25px}.card p{font-size:15px}.dark{background:var(--ink);color:var(--cream)}.dark .eyebrow{color:var(--lime)}.dark .card{background:#24332a;border-color:#556358}.small{font-size:13px;color:#526057}.dark .small{color:#d0d8cd}.placeholder{min-height:170px;background:#e6e0d4;border:1px dashed #989b8c;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}.placeholder span{font:24px Georgia;margin-bottom:8px}.placeholder small{max-width:200px;line-height:1.5}.gallery figcaption{color:var(--ink)}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:bold}details p{margin:15px 0}.cta{padding:40px;background:var(--lime);display:flex;gap:30px;justify-content:space-between;align-items:center}.cta h2{font-size:34px;margin-bottom:12px}.cta button{padding:14px 20px;background:var(--ink);color:white;border:0;font-size:14px;cursor:pointer}.cta button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}footer{padding:35px 0;font-size:13px}#demo-message{margin-top:20px;font-size:14px}@media(max-width:760px){header{align-items:start;flex-direction:column;gap:5px}.hero,.split{grid-template-columns:1fr;gap:30px}.hero{padding:40px 0}.hero figure{max-width:440px;width:100%;margin:auto}.activity-grid,.gallery{grid-template-columns:1fr}.section{padding:45px 0}h2{font-size:34px}.quote{padding:28px}.quote blockquote{font-size:29px}.cta{flex-direction:column;align-items:start;padding:28px}}@media print{.preview,header,.contents,.cta{display:none}.hero{padding:0}.section{padding:25px 0}.story,.card,figure{break-inside:avoid}}

header nav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}header a{text-decoration:none}header nav a:hover{text-decoration:underline;color:var(--lime)}.brand a{display:block}header nav a[aria-current]{color:var(--lime)}.cta .button{background:var(--ink);color:white}a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}