.volunteering-page{background-color:var(--background);min-height:100dvh;color:var(--foreground);padding:2.5rem 1.25rem 4rem}.volunteering-page__inner{--vo1-left:-6rem;--vo1-top:28rem;--vo1-size:25rem;--vo1-rotate:-4deg;--vo2-left:60%;--vo2-top:-2rem;--vo2-size:18rem;--vo2-rotate:-1deg;--vo3-left:58rem;--vo3-top:0rem;--vo3-size:15rem;--vo3-rotate:5deg;--vo4-left:78%;--vo4-top:30rem;--vo4-size:20rem;--vo4-rotate:4deg;max-width:72rem;margin:0 auto;position:relative;overflow:visible}.volunteering-page__back{color:var(--muted);margin-bottom:2rem;font-size:.85rem;text-decoration:none;transition:color .25s;display:inline-block}.volunteering-page__back:hover,.volunteering-page__back:focus-visible{color:var(--foreground)}.volunteering-page__hero{--c1-left:-2.5rem;--c1-top:-2rem;--c1-size:7rem;--c1-rotate:0deg;max-width:36rem;margin-bottom:2.5rem}.volunteering-page__title-row{max-width:100%;display:inline-block;position:relative}.volunteering-page__title{font-family:var(--font-display), Georgia, serif;color:var(--foreground);margin:0 0 .65rem;font-size:clamp(1.85rem,4vw,2.35rem);font-weight:500;line-height:1.2}.volunteering-page__tagline{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.5}.volunteering-page__c1{z-index:2;left:calc(100% + var(--c1-left));top:var(--c1-top);width:var(--c1-size);object-fit:contain;pointer-events:none;max-width:none;height:auto;transform:rotate(var(--c1-rotate));position:absolute}.volunteering-page__vo1,.volunteering-page__vo2,.volunteering-page__vo3,.volunteering-page__vo4{z-index:2;object-fit:contain;pointer-events:none;max-width:none;height:auto;position:absolute}.volunteering-page__vo1{left:var(--vo1-left);top:var(--vo1-top);width:var(--vo1-size);transform:rotate(var(--vo1-rotate))}.volunteering-page__vo2{left:var(--vo2-left);top:var(--vo2-top);width:var(--vo2-size);transform:rotate(var(--vo2-rotate))}.volunteering-page__vo3{left:var(--vo3-left);top:var(--vo3-top);width:var(--vo3-size);transform:rotate(var(--vo3-rotate))}.volunteering-page__vo4{left:var(--vo4-left);top:var(--vo4-top);width:var(--vo4-size);transform:rotate(var(--vo4-rotate))}.volunteering-page__stage{position:relative}.volunteering-wall{--polaroid-width:11.5rem;--polaroid-photo-max-height:none;--polaroid-row-gap:2.75rem;--polaroid-gap-x:2.75rem;--polaroid-gap-y:2rem;--polaroid-lower-row-shift:2.5rem;align-items:center;gap:var(--polaroid-row-gap);flex-direction:column;width:100%;display:flex}.volunteering-wall__row{justify-content:center;align-items:flex-end;gap:var(--polaroid-gap-y) var(--polaroid-gap-x);flex-wrap:wrap;width:100%;display:flex}.volunteering-wall__row--lower{padding-left:var(--polaroid-lower-row-shift)}.volunteering-page button.volunteering-polaroid{box-sizing:border-box;appearance:none;width:min(calc(var(--polaroid-width,11.5rem) * var(--polaroid-scale,1)), 42vw);color:#1a1a1a;min-width:9rem;transform:translate(var(--polaroid-offset-x,0), var(--polaroid-offset-y,0)) rotate(var(--polaroid-rotate,0deg));cursor:pointer;font-family:var(--font-body);text-align:left;background:#f2ede4;border:2px solid #fff;border-radius:.2rem;flex-direction:column;flex-shrink:0;align-items:stretch;margin:0;padding:.65rem .65rem 1.1rem;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:3px 4px #00000059}.volunteering-page button.volunteering-polaroid:hover,.volunteering-page button.volunteering-polaroid:focus-visible{transform:translate(var(--polaroid-offset-x,0), var(--polaroid-offset-y,0)) rotate(0deg) scale(1.03);box-shadow:4px 6px #00000073}.volunteering-page button.volunteering-polaroid--selected{outline:2px solid var(--foreground);outline-offset:3px}.volunteering-polaroid__photo{background:#d8d2c8;width:100%;line-height:0;display:block;position:relative}.volunteering-polaroid__photo img{z-index:1;width:100%;height:auto;max-height:var(--polaroid-photo-max-height,none);object-fit:contain;display:block;position:relative}.volunteering-polaroid__photo img[data-missing=true]{display:none}.volunteering-polaroid__photo:has(img[data-missing=true]){aspect-ratio:4/3;min-height:7rem}.volunteering-polaroid__placeholder{background:linear-gradient(145deg,#e8e2d8 0%,#cfc8bc 100%);position:absolute;inset:0}.volunteering-polaroid__caption{text-align:center;color:#1a1a1a;flex-direction:column;gap:.2rem;margin-top:.65rem;line-height:1.25;display:flex}.volunteering-polaroid__caption-en,.volunteering-polaroid__caption-zh{font-family:var(--font-display), Georgia, serif;display:block}.volunteering-polaroid__caption-en{letter-spacing:.01em;font-size:.68rem}.volunteering-polaroid__caption-zh{font-size:.8rem}.volunteering-page__backdrop{z-index:40;cursor:pointer;opacity:0;visibility:hidden;background:#0000008c;border:none;margin:0;padding:0;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.volunteering-page__backdrop--visible{opacity:1;visibility:visible}@media (min-width:900px){.volunteering-page__backdrop--visible{opacity:.4}}.volunteering-panel{z-index:50;background:var(--card-bg);width:min(22rem,100vw);height:100dvh;color:var(--foreground);visibility:hidden;border-left:2px solid #fff;transition:transform .3s,visibility .3s;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-6px 0 24px #00000059}.volunteering-panel--open{visibility:visible;transform:translate(0)}.volunteering-panel__inner{height:100%;padding:1.5rem 1.35rem 2rem;overflow-y:auto}.volunteering-page button.volunteering-panel__close{z-index:1;color:var(--muted);cursor:pointer;background:0 0;border:none;margin:0 0 .5rem auto;padding:.15rem .5rem;font-size:1.75rem;line-height:1;display:block;position:sticky;top:0}.volunteering-page button.volunteering-panel__close:hover,.volunteering-page button.volunteering-panel__close:focus-visible{color:var(--foreground)}.volunteering-panel__title{font-family:var(--font-display), Georgia, serif;flex-direction:column;gap:.25rem;margin:0 0 .35rem;font-weight:500;display:flex}.volunteering-panel__title-en{font-size:1.05rem;line-height:1.25}.volunteering-panel__title-zh{font-size:1.35rem;line-height:1.3}.volunteering-panel__meta{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.volunteering-panel__section+.volunteering-panel__section{margin-top:1.25rem}.volunteering-panel__heading{font-family:var(--font-display), Georgia, serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .45rem;font-size:.78rem;font-weight:500}.volunteering-panel__text{color:var(--foreground);margin:0;font-size:.95rem;line-height:1.6}.volunteering-panel__text--zh+.volunteering-panel__text--en{margin-top:1.1rem}@media (max-width:899px){.volunteering-wall__row--lower{padding-left:0}}