.activity-library{--a-small:12px;--a-space:24px;--a-large:48px;--a-section:80px;--a-hero:clamp(56px,8vw,106px);--a-heading:clamp(30px,4vw,50px);--a-title:clamp(22px,2.4vw,32px);--a-body:18px;--a-note:14px;--a-target:44px;--a-rule:1px solid var(--line);--a-measure:65ch;--a-mark:64px;--a-mark-type:36px;--a-offset:-5px;--a-ease:cubic-bezier(.23,1,.32,1);padding-bottom:var(--a-section)}.activity-hero{align-items:center;gap:var(--a-large);padding-block:var(--a-section);grid-template-columns:1fr .9fr;display:grid}.activity-hero h1{font:600 var(--a-hero)/.98 "Fraunces",Georgia,serif;letter-spacing:-.05em;margin-block:var(--a-space)}.activity-hero h1 span{color:var(--coral-deep)}.activity-hero>div>p:not(.kicker):not(.activity-count){font-size:var(--a-body);max-width:var(--a-measure);line-height:1.7}.activity-hero img{width:100%;height:auto;transform:rotate(-4deg)}.activity-hero-links{align-items:center;gap:var(--a-space);margin-block:var(--a-space);flex-wrap:wrap;display:flex}.activity-count{font-size:var(--a-note);color:var(--muted)}.activity-starters{padding-bottom:var(--a-section)}.activity-library h2{font:600 var(--a-heading)/1.1 "Fraunces",Georgia,serif;letter-spacing:-.03em}.activity-starters>div{gap:var(--a-large);margin-top:var(--a-large);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.activity-starters a{transition:transform .2s var(--a-ease);text-decoration:none;display:block}.activity-starters a:hover{transform:translateY(var(--a-offset))}.activity-mark{width:var(--a-mark);height:var(--a-mark);background:var(--lavender);font-size:var(--a-mark-type);border-radius:45% 55% 60% 40%;place-items:center;display:grid}.activity-mark--1{background:var(--butter);transform:rotate(7deg)}.activity-mark--2{background:var(--mint);transform:rotate(-6deg)}.activity-starters h3,.activity-list h3{font:600 var(--a-title)/1.18 "Fraunces",Georgia,serif;margin-block:var(--a-small)}.activity-starters p,.activity-heading p,.activity-after p{font-size:var(--a-body);max-width:var(--a-measure);line-height:1.7}.activity-heading{border-top:var(--a-rule);padding-top:var(--a-large)}.activity-filter{align-items:end;gap:var(--a-space);padding-block:var(--a-space);flex-wrap:wrap;display:flex}.activity-filter label{font-size:var(--a-note);font-weight:700;display:block}.activity-filter input,.activity-filter select{min-height:var(--a-target);max-width:100%;margin-top:var(--a-small);padding:var(--a-small);border:0;border-bottom:2px solid var(--ink);font:inherit;color:var(--ink);background:0 0;border-radius:0;display:block}.activity-filter button{min-height:var(--a-target);font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;text-decoration:underline}.activity-list article{align-items:start;gap:var(--a-space);border-top:var(--a-rule);padding-block:var(--a-space);grid-template-columns:.6fr 2fr auto;display:grid}.activity-list article p{margin-block:var(--a-small);line-height:1.6}.activity-kind{font-size:var(--a-note);color:var(--muted)}.activity-spark{font-size:var(--a-title);color:var(--coral-deep);padding-top:var(--a-small)}.activity-list h3 a{text-decoration:none;display:inline-block}.activity-list h3 a:hover{text-decoration:underline;text-decoration-color:var(--coral-deep)}.activity-after{margin-top:var(--a-section);padding-block:var(--a-large);border-top:var(--a-rule)}.activity-after a{min-height:var(--a-target);margin-right:var(--a-space);align-items:center;display:inline-flex}.activity-library [hidden]{display:none!important}.activity-library :focus-visible{outline:3px solid var(--coral-deep);outline-offset:4px}@media (width<=900px){.activity-starters>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.activity-hero{padding-block:var(--a-large);gap:var(--a-space);grid-template-columns:1fr}.activity-hero img{max-height:280px}.activity-list article{grid-template-columns:1fr auto}.activity-kind{grid-column:1/-1}.activity-filter{align-items:stretch}.activity-filter label,.activity-filter input,.activity-filter select{width:100%}}@media (width<=440px){.activity-starters>div{gap:var(--a-space);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.activity-starters a{transition:none}.activity-starters a:hover{transform:none}}