/* GG's House shared production volunteer visibility component */
.volunteer-visibility{padding:60px 0;background:#f3eadc}
.volunteer-visibility-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.volunteer-visibility-panel{position:relative;overflow:hidden;border:1px solid rgba(239,201,147,.42);border-radius:24px;background:linear-gradient(135deg,#183f2b 0%,#24583d 100%);color:#fff;box-shadow:0 24px 68px rgba(24,63,43,.20)}
.volunteer-visibility-panel:after{content:"";position:absolute;width:270px;height:270px;right:-95px;top:-120px;border-radius:50%;border:44px solid rgba(239,201,147,.10);pointer-events:none}
.volunteer-visibility-copy,.volunteer-visibility-action{position:relative;z-index:1}
.volunteer-visibility-eyebrow{margin:0 0 10px;color:#efc993;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.volunteer-visibility h2{margin:0 0 13px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,48px);line-height:1.05}
.volunteer-visibility-body{max-width:760px;margin:0;color:rgba(255,255,255,.92);font-size:17px;line-height:1.72}
.volunteer-visibility-action{display:flex;align-items:center;justify-content:flex-end}
.volunteer-visibility-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 23px;border:2px solid #efc993;border-radius:999px;background:#efc993;color:#183f2b;font-size:16px;font-weight:900;line-height:1.25;text-align:center;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.18);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
.volunteer-visibility-button:hover{transform:translateY(-2px);background:#f6d9ad;box-shadow:0 18px 42px rgba(0,0,0,.24)}
.volunteer-visibility-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.volunteer-visibility-compact .volunteer-visibility-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;padding:clamp(30px,4.5vw,48px)}
.volunteer-visibility-full{padding:78px 0}
.volunteer-visibility-full .volunteer-visibility-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:42px;align-items:center;padding:clamp(38px,6vw,68px);border-radius:28px;box-shadow:0 28px 78px rgba(24,63,43,.22)}
.volunteer-visibility-full h2{font-size:clamp(38px,5vw,62px);line-height:1.02;margin-bottom:16px}
.volunteer-visibility-full .volunteer-visibility-body{font-size:18px;line-height:1.75}
.volunteer-visibility-full .volunteer-visibility-action{flex-direction:column;align-items:flex-start;gap:18px}
.volunteer-visibility-examples{margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.65;font-weight:700}
@media(max-width:820px){.volunteer-visibility{padding:52px 0}.volunteer-visibility-compact .volunteer-visibility-panel,.volunteer-visibility-full .volunteer-visibility-panel{grid-template-columns:1fr;gap:26px}.volunteer-visibility-action{justify-content:flex-start}.volunteer-visibility-full{padding:60px 0}.volunteer-visibility-full .volunteer-visibility-action{gap:16px}.volunteer-visibility-full .volunteer-visibility-body{font-size:17px}}
@media(max-width:520px){.volunteer-visibility-shell{width:min(100% - 28px,1180px)}.volunteer-visibility-compact .volunteer-visibility-panel,.volunteer-visibility-full .volunteer-visibility-panel{padding:32px 23px;border-radius:21px}.volunteer-visibility h2,.volunteer-visibility-full h2{font-size:36px}.volunteer-visibility-button{width:100%}.volunteer-visibility-examples{font-size:14px}}
@media(prefers-reduced-motion:reduce){.volunteer-visibility-button{transition:none}}