/* Scout Hero — same shared Hero grid; content grows safely on short screens. */
.scout-fundraising{min-height:100vh;min-height:100svh;min-height:100dvh;height:auto;padding-block:clamp(3rem,8svh,7rem);display:flex;align-items:center;color:var(--theme-text);font-family:Georgia,'Times New Roman',serif;box-sizing:border-box}
.scout-fundraising-copy{width:100%;padding-block:clamp(1.5rem,4svh,3rem);border-block:1px solid var(--line)}
.scout-fundraising h1{font-size:clamp(2.5rem,5.6vw,6.4rem);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0 0 clamp(1.5rem,3svh,2.5rem);text-wrap:balance}
.scout-fundraising-description{font-size:clamp(1.1rem,1.65vw,1.6rem);line-height:1.65;color:var(--theme-muted);max-width:60ch;margin:0}
.scout-fundraising-actions{display:grid;grid-template-columns:repeat(2,minmax(0,12rem));gap:1.2rem;margin-top:clamp(2rem,4svh,3rem)}
/* InteractiveHoverButton concept recreated in native CSS. The shared grid and
   padding keep both anchors identical in height and width. */
.scout-hover-button{position:relative;isolation:isolate;display:grid;place-items:center;min-height:3.35rem;padding:1rem 1.2rem;border:1px solid var(--theme-muted);border-radius:6px;background:var(--site-base);color:var(--theme-text);text-decoration:none;font:400 1rem/1.3 Georgia,serif;overflow:hidden;box-shadow:0 4px 0 color-mix(in srgb,var(--theme-muted) 45%,var(--site-base)),0 12px 20px #0002;transform:translateY(-3px);transition:transform .25s ease,box-shadow .25s ease}
.scout-hover-button::before{content:'';position:absolute;left:1rem;top:50%;width:7px;height:7px;background:var(--theme-text);border-radius:50%;transform:translateY(-50%) scale(1);transition:transform .4s cubic-bezier(.2,.75,.3,1);z-index:-1}
.scout-hover-label{display:block;transition:transform .25s,opacity .2s;padding-left:.5rem}
.scout-hover-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--site-base);opacity:0;transform:translateX(12px);transition:opacity .2s,transform .3s;pointer-events:none}
.scout-hover-button:is(:hover,:focus-visible)::before{transform:translateY(-50%) scale(75)}
.scout-hover-button:is(:hover,:focus-visible) .scout-hover-label{transform:translateX(12px);opacity:0}
.scout-hover-button:is(:hover,:focus-visible) .scout-hover-layer{opacity:1;transform:none}
.scout-hover-button:hover{transform:translateY(-5px);box-shadow:0 6px 0 color-mix(in srgb,var(--theme-muted) 45%,var(--site-base)),0 15px 24px #0003}
.scout-hover-button:active{transform:translateY(0)}.scout-hover-button:focus-visible{outline:2px solid var(--theme-text);outline-offset:6px}
.scout-fundraising-note{max-width:none;font-size:.85rem;line-height:1.6;color:var(--theme-muted);margin:2rem 0 0}
@media(max-width:800px){.scout-fundraising{padding-block:2.5rem}.scout-fundraising h1{font-size:clamp(2.25rem,7.5vw,4rem)}.scout-fundraising-actions{gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));max-width:26rem}.scout-hover-button{padding-inline:.75rem;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.scout-hover-button,.scout-hover-button::before,.scout-hover-label,.scout-hover-layer{transition:none}.scout-hover-button:hover{transform:translateY(-3px)}}

/* The full-screen Scout Hero includes the fixed header, like the Bio Hero. */
.destination-page:has(.scout-fundraising){padding-top:0}
.scout-fundraising{padding-top:calc(var(--header-height) + clamp(3rem,8svh,7rem))}