.volunteer-page{background:radial-gradient(circle at 14% 4%, #c86a2d29, transparent 30rem), var(--bg);overflow-x:clip}.volunteer-hero,.volunteer-details,.volunteer-signup{padding-inline:var(--pad)}.volunteer-hero{isolation:isolate;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#050605fa 0%,#050605c2 58%,#050605e0 100%),linear-gradient(#0506051a,#050605f2),url(/assets/lost-sierra-aid-CtXqQaXU.jpg) 56%/cover no-repeat;align-items:end;min-height:calc(42svh - 72px);display:grid;position:relative}.volunteer-hero:after{z-index:-1;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#f4efe609 1px,#0000 1px),linear-gradient(90deg,#f4efe606 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 74%);mask-image:linear-gradient(#000 0%,#0000 74%)}.volunteer-hero-shell,.volunteer-section-shell,.volunteer-form-shell{width:min(100%, var(--max));margin-inline:auto}.volunteer-hero-shell{padding-block:clamp(42px,8vh,78px) clamp(18px,4vh,34px)}.volunteer-hero-copy{max-width:760px}.volunteer-hero-copy h1{max-width:720px;margin-bottom:12px}.volunteer-hero-copy p{max-width:620px;color:var(--text);margin:0;font-size:clamp(1rem,2vw,1.18rem);font-weight:820;line-height:1.34}.volunteer-hero .cta-row{margin-top:20px}.volunteer-details{padding-block:10px 0}.volunteer-card-row{margin-inline:calc(var(--pad) * -1);overscroll-behavior-inline:contain;padding:0 var(--pad) 12px;scroll-padding-inline:var(--pad);scroll-snap-type:x mandatory;scrollbar-width:thin;gap:10px;display:flex;overflow-x:auto}.volunteer-card-row::-webkit-scrollbar{height:6px}.volunteer-card-row::-webkit-scrollbar-thumb{background:#f4efe633;border-radius:999px}.volunteer-detail-card{scroll-snap-align:start;border:1px solid var(--border);background:linear-gradient(145deg,#c86a2d1f,#0000 56%),#0b0d0be6;border-radius:8px;flex:0 0 min(78vw,270px);min-height:108px;padding:13px}.volunteer-detail-card h2{color:var(--accent-soft);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.7rem;font-weight:950;line-height:1}.volunteer-detail-card p,.volunteer-detail-card span{margin:0;line-height:1.2;display:block}.volunteer-detail-card p{color:var(--text);font-size:1.02rem;font-weight:930}.volunteer-detail-card span{color:var(--muted);margin-top:7px;font-size:.9rem;font-weight:760}.volunteer-signup{padding-block:14px clamp(44px,8vw,78px)}.volunteer-form-shell{gap:16px;display:grid}.volunteer-form-intro{max-width:680px}.volunteer-form-intro h2{margin-bottom:8px}.volunteer-form-intro p{max-width:620px;color:var(--muted);margin:0;font-weight:780}.volunteer-form{border:1px solid var(--border-strong);background:linear-gradient(155deg,#f4efe60b,#0000 44%),#0b0d0bf0;border-radius:8px;gap:15px;padding:clamp(15px,4vw,28px);display:grid}.volunteer-form-grid{gap:12px;display:grid}.volunteer-form .suc-field{gap:7px}.volunteer-form .suc-field span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900;line-height:1.1}.volunteer-form .suc-field em{color:var(--dim);font-style:normal}.volunteer-form .suc-field textarea{resize:vertical;min-height:92px}.volunteer-choice-group{border:0;gap:9px;min-width:0;margin:0;padding:0;display:grid}.volunteer-choice-group legend{color:var(--accent-soft);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1px;font-size:.72rem;font-weight:950;line-height:1.1}.volunteer-choice-group label{border:1px solid var(--border);cursor:pointer;background:#f4efe60b;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:54px;padding:12px;transition:background .16s,border-color .16s,transform .16s;display:grid}.volunteer-choice-group label:hover{background:#c86a2d14;border-color:#c86a2d85;transform:translateY(-1px)}.volunteer-choice-group input{width:18px;height:18px;accent-color:var(--accent)}.volunteer-choice-group span{color:var(--text);gap:4px;font-weight:900;line-height:1.15;display:grid}.volunteer-choice-group small{color:var(--muted);font-size:.82rem;font-weight:760;line-height:1.25}.volunteer-choice-group label:has(input:checked){background:linear-gradient(135deg,#c86a2d2e,#0000 68%),#f4efe60e;border-color:#e0a35cd1}.volunteer-acknowledgment{cursor:pointer;background:#c86a2d14;border:1px solid #e0a35c52;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:58px;padding:13px 14px;display:grid}.volunteer-acknowledgment input{width:19px;height:19px;accent-color:var(--accent)}.volunteer-acknowledgment span{color:var(--text);font-weight:900;line-height:1.25}.volunteer-honeypot{position:absolute;left:-9999px}.volunteer-form-status,.volunteer-success{min-height:1.4em;color:var(--muted);margin:0;font-size:.9rem;font-weight:800}.volunteer-form-status.is-error{color:#f3a58f}.volunteer-success{color:var(--text);background:#7d876824;border:1px solid #7d876873;border-radius:8px;padding:14px}.volunteer-success p{margin:0 0 12px;line-height:1.35}.volunteer-success .button{width:100%}.volunteer-ultrasignup-button{letter-spacing:.02em;text-transform:none}.volunteer-submit-button{width:100%}@media (width>=700px){.volunteer-hero{min-height:calc(58svh - 88px)}.volunteer-details{padding-block:18px 8px}.volunteer-card-row{margin-inline:0;padding-inline:0}.volunteer-detail-card{flex-basis:246px}.volunteer-form-grid,.volunteer-shift-group,.volunteer-compact-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.volunteer-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.volunteer-choice-group legend{grid-column:1/-1}}@media (width>=1040px){.volunteer-hero{min-height:calc(62svh - 94px)}.volunteer-card-row{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:visible}.volunteer-detail-card{min-height:138px}.volunteer-form-shell{grid-template-columns:minmax(260px,.36fr) minmax(0,1fr);align-items:start}}@media (width<=699px){.volunteer-body .site-header{gap:12px;padding-bottom:12px}.volunteer-hero .cta-row{align-items:stretch}.volunteer-hero .button{width:100%}}