/* SOCIAL · self-hosted icons, equal hit areas, community artwork above the surface. */
.hero-socials{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;max-width:100%}
.social-button{position:relative;display:inline-grid;place-items:center;flex:0 0 var(--hero-social-size,48px);width:var(--hero-social-size,48px);height:var(--hero-social-size,48px);border:1px solid #add2ba38;border-radius:13px;background:linear-gradient(145deg,#b1e5bf12,transparent 55%),#0a17109c;box-shadow:0 7px 18px -9px #000b,inset 0 1px 0 #effff31a;color:#eaf4ed;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .18s,border-color .18s,background .18s;overflow:hidden}
.social-button:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 0 0,#c9ff2e12,transparent 65%)}
.social-button img{display:block;width:24px;height:24px;max-width:24px;max-height:24px;object-fit:contain;position:relative;z-index:1}
.social-button.social-qevra img{filter:drop-shadow(0 0 5px #a96bff45)}
a.social-button:hover{transform:translateY(-3px);border-color:#c9ff2e70;background-color:#183222cc}
a.social-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.social-unconfigured{cursor:default}
.public-site .community-section.community-popout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr);gap:16px;min-height:var(--community-height,330px);margin-top:calc(var(--section-gap,36px) + min(var(--community-art-lift,60px),120px));overflow:visible;padding:32px;background:radial-gradient(ellipse at 90% 4%,#3b77462e,transparent 64%),linear-gradient(120deg,#112319e8,#0b1510d9);border:1px solid #b2ce7c38;box-shadow:0 22px 44px -24px #000c,inset 0 1px 0 #d5e6b317}
.community-popout:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 80% 50%,transparent 30%,#b4db8c0c 30.2%,transparent 30.6%,transparent 44%,#b4db8c08 44.2%,transparent 44.6%);z-index:0}
.public-site .community-popout .community-art{position:absolute;inset:auto;right:12px;top:calc(-1 * var(--community-art-lift,60px));width:42%;height:var(--community-art-size,360px);margin:0;z-index:1;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}
.public-site .community-popout .community-art img{width:100%;height:100%;object-fit:contain;object-position:center top;filter:drop-shadow(0 -5px 20px #83bf3c14)}
.public-site .community-popout .community-copy{position:relative;grid-column:1;grid-row:1;width:100%;max-width:none;z-index:2}
.public-site .community-popout .community-copy .eyebrow{display:inline-flex;align-items:center;gap:7px;color:#a3b4a7;font-size:8px;letter-spacing:.13em}
.public-site .community-popout .community-copy .eyebrow:before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:#b6d974;box-shadow:0 0 10px #8bbc4455}
.public-site .community-popout .community-copy h2{font-size:clamp(25px,2.4vw,33px)}
.public-site .community-popout .community-copy p{max-width:340px;font-size:12px}
.public-site .community-popout .community-actions{margin-top:22px;position:static;max-width:none;gap:12px;align-items:flex-start}
.public-site .community-popout .community-actions .button{min-height:44px;font-size:11px;padding:12px 18px;box-shadow:0 7px 26px -14px #b7e83e77}
.public-site .community-popout:not(:has(.community-art img)){grid-template-columns:minmax(0,1fr);padding-top:32px;margin-top:var(--section-gap,36px)}
@media(max-width:680px){
 .hero-socials{margin-top:18px;gap:7px}
 .social-button{width:44px;height:44px;flex-basis:44px;border-radius:12px;backdrop-filter:none;-webkit-backdrop-filter:none}
 .social-button img{width:24px;height:24px}
 .public-site .community-section.community-popout{display:block;padding:250px 24px 25px;margin-top:calc(var(--section-gap,36px) + min(var(--community-art-lift,60px),56px));min-height:var(--community-height,330px)}
 .public-site .community-popout .community-art{top:calc(-1 * min(var(--community-art-lift,60px),56px));right:calc(50% - 125px);width:250px;max-width:90%;height:min(var(--community-art-size,360px),300px)}
 .public-site .community-popout .community-copy{width:100%;max-width:none}
 .public-site .community-popout .community-copy h2{font-size:28px}
 .public-site .community-popout .community-copy p{max-width:none;font-size:13px}
 .public-site .community-popout .community-actions{margin-top:20px}
 .public-site .community-popout:not(:has(.community-art img)){padding-top:25px;margin-top:var(--section-gap,36px)}
}
@media(max-width:370px){.hero-socials{gap:6px}.public-site .community-section.community-popout{padding-inline:20px}.public-site .community-popout .community-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.social-button{transition:none}a.social-button:hover{transform:none}}

.public-site .community-popout .community-art{grid-area:auto;align-self:auto;justify-self:auto}
.public-site .community-section.community-popout{scroll-margin-top:var(--community-art-lift,60px)}
@media(max-width:680px){.public-site .community-section.community-popout{scroll-margin-top:min(var(--community-art-lift,60px),56px)}}

/* Keep per-block Studio overrides above the new default composition. */
.public-site .community-section.community-popout[data-block-surface]{background-image:radial-gradient(ellipse at 0 0,rgba(44,181,100,calc(var(--surface-glow)*.42)),transparent 65%),linear-gradient(color-mix(in srgb,var(--block-color,var(--panel)) calc(var(--surface-alpha)*100%),transparent),color-mix(in srgb,var(--block-color,var(--panel)) calc(var(--surface-alpha)*100%),transparent)),var(--block-image,none);background-size:cover;background-position:center;border-color:rgba(184,226,197,var(--glass-border,.12));box-shadow:0 var(--shadow-offset,18px) var(--shadow-blur,44px) -16px rgba(0,0,0,var(--surface-shadow)),inset 0 1px 0 #effff312}
.public-site .community-section.community-popout[style*="--block-padding:"]{padding:var(--block-padding)}
.public-site .community-section.community-popout[style*="--block-height:"]{min-height:var(--block-height)}
.public-site .community-section.community-popout[style*="--block-radius:"]{border-radius:var(--block-radius)}
@media(max-width:680px){.public-site .community-section.community-popout[style*="--block-padding:"]{padding:250px min(var(--block-padding),28px) min(var(--block-padding),28px)}.public-site .community-popout:not(:has(.community-art img))[style*="--block-padding:"]{padding-top:min(var(--block-padding),28px)}}