/* Unpublished motion concept. Original SVG layers remain the still fallback. */
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 42% 38% at 74% 31%,rgba(239,174,115,.14),transparent 75%);animation:desert-light 18s ease-in-out infinite}
.hero-art img{animation:desert-drift 22s ease-in-out infinite}
.hero-tortoise{animation:tortoise-walk 8s ease-in-out infinite;transform-origin:50% 88%}
.interlude-visual img.interlude-tortoise{animation:tortoise-rest 9s ease-in-out infinite;transform-origin:50% 90%}
.motion-toggle{display:none;position:absolute;z-index:4;right:clamp(24px,4vw,76px);top:24px;border:1px solid #e9c8a4;background:rgba(24,37,32,.88);color:#fff;padding:10px 13px;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.motion-ready .motion-toggle{display:block}
.motion-toggle:hover{background:#e9c8a4;color:#203028}
.motion-toggle:focus-visible{outline:3px solid #ef9b6a;outline-offset:4px}
.motion-paused .hero::before,.motion-paused .hero-art img,.motion-paused .hero-tortoise,.motion-paused .interlude-visual img.interlude-tortoise{animation-play-state:paused}
.hero.motion-idle::before,.hero.motion-idle .hero-art img,.hero.motion-idle .hero-tortoise,.interlude.motion-idle .interlude-tortoise{animation-play-state:paused}
@keyframes desert-light{0%,100%{opacity:.48;transform:translateX(-2%)}50%{opacity:1;transform:translateX(2%)}}
@keyframes desert-drift{0%,100%{transform:scale(1.02) translateX(0)}50%{transform:scale(1.035) translateX(-.55%)}}
@keyframes tortoise-walk{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-3px,-2px) rotate(-.25deg)}50%{transform:translate(-6px,0) rotate(0)}75%{transform:translate(-3px,-1px) rotate(.2deg)}}
@keyframes tortoise-rest{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

.support{position:relative;overflow:hidden;background:#d9c6a9;padding-top:115px;padding-bottom:130px}
.support::before{content:"";position:absolute;top:-70px;right:-80px;width:390px;height:410px;background:url('shell-pattern.svg') center/contain no-repeat;opacity:.09;pointer-events:none}
.support-head{position:relative;display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:55px}
.support-head h2{font:500 clamp(56px,7vw,100px)/.98 Manrope,Arial,sans-serif;letter-spacing:-.075em;margin:18px 0 0}
.support-head h2 em{font:400 1em Georgia,serif;color:#995439}
.support-head>p{max-width:370px;font-size:16px;line-height:1.65;color:#45544a}
.support-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:18px}
.support-card{padding:clamp(30px,4vw,58px);min-width:0}
.support-card .section-number{display:block;margin-bottom:45px}
.support-card h3{font:500 clamp(38px,4vw,57px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.07em;margin:0 0 20px}
.support-card>p{line-height:1.7;max-width:580px}
.donation-card{background:#25352d;color:#f8f1e5}
.donation-card .section-number{color:#e9b58e}
.donation-card>p{color:#d3d7cb}
.amount-row{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0 22px}
.amount-row span{border:1px solid #bfc8b5;padding:13px 18px;font:700 14px Manrope,Arial,sans-serif;min-width:78px;text-align:center}
.amount-row span:first-child{background:#e3b78f;color:#203028;border-color:#e3b78f}
.preview-action{display:inline-flex;align-items:center;justify-content:center;min-height:49px;margin:9px 0 17px;padding:13px 18px;border:1px solid currentColor;background:transparent;color:inherit;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.75;cursor:not-allowed}
.preview-note{font-size:12px;line-height:1.6;border-top:1px solid currentColor;padding-top:17px;opacity:.83}
.volunteer-card{background:#f3ede1;color:#23352b}
.volunteer-card .section-number{color:#9b563c}
.volunteer-card>p{color:#506053}
.volunteer-form{margin-top:30px}
.volunteer-form fieldset{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0;border:0;margin:0;padding:0}
.volunteer-form label{display:flex;flex-direction:column;gap:8px;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.volunteer-form label:last-of-type{grid-column:1/-1}
.volunteer-form input,.volunteer-form select{width:100%;border:1px solid #a6ad9f;border-radius:0;background:#faf7ee;color:#45554a;padding:13px 12px;font:500 14px 'DM Sans',Arial,sans-serif;opacity:1}
.volunteer-form input::placeholder{color:#68786c;opacity:1}
.volunteer-form .preview-action{grid-column:1/-1;justify-self:start;margin:4px 0 0}
.volunteer-card .preview-note{margin-top:25px}
@media(max-width:900px){.support-head{display:block}.support-head>p{margin-top:28px}.support-grid{grid-template-columns:1fr}.motion-toggle{top:18px}}
@media(max-width:560px){.motion-toggle{right:22px;top:16px;font-size:9px;padding:8px 10px}.support{padding-top:85px;padding-bottom:90px}.support-head{margin-bottom:35px}.support-head h2{font-size:clamp(53px,12vw,68px)}.support-card{padding:30px 24px}.support-card .section-number{margin-bottom:30px}.volunteer-form fieldset{grid-template-columns:1fr}.volunteer-form label:last-of-type{grid-column:1}.volunteer-form .preview-action{grid-column:1}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-art img,.hero-tortoise,.interlude-visual img.interlude-tortoise{animation:none!important}.motion-toggle{display:none!important}}