/* A full-width, quiet stage for the light sculpture and the Zido community. */
.community-hero{position:relative;isolation:isolate;overflow:hidden;min-height:570px;margin:24px 0 28px;border:1px solid #24383c;border-radius:24px;background:#050e16;color:#eff7f8;box-shadow:0 22px 55px #0b25301a}
.community-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 32% 47%,#0b35412b,transparent 62%),linear-gradient(90deg,transparent 43%,#050e1680 62%,#050e16ec 95%)}
.community-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 35% 45%,#102b32 0,#08141e 37%,#050e16 76%)}
.community-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .7s}
.community-hero.is-ready .community-canvas{opacity:1}
.community-fallback{position:absolute;height:76%;width:24%;object-fit:contain;left:22%;top:9%;transform:rotate(-11deg);filter:drop-shadow(0 0 25px #70dac67a);opacity:.75;transition:opacity .5s}
.community-hero.is-ready .community-fallback{opacity:0;visibility:hidden}
.community-coordinates{position:absolute;top:32px;left:95px;color:#b4ced0;font-size:11px;letter-spacing:1.2px;opacity:.75;display:flex;align-items:center;gap:18px}
.community-coordinates span{font-family:Calibri,"Segoe UI",sans-serif;color:#62858d;font-size:10px;direction:ltr}
.community-pause{position:absolute;left:25px;top:24px;display:flex;align-items:center;justify-content:center;gap:9px;background:#c8eeee10;border:1px solid #93bbb62f;border-radius:50px;color:#dcefee;min-width:38px;min-height:38px;padding:8px;z-index:4;transition:background .2s,border-color .2s}
.community-pause[hidden]{display:none}
.community-pause svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.community-pause span{position:absolute;left:46px;white-space:nowrap;font-size:11px;opacity:0;transition:opacity .2s;pointer-events:none}
.community-pause:hover,.community-pause:focus-visible{background:#80b8b32b;border-color:#87cfcb87;color:#fff}
.community-pause:hover span,.community-pause:focus-visible span{opacity:1}
.community-hero :is(a,button,select):focus-visible{outline:2px solid #b9f9e6;outline-offset:4px}
.community-copy{position:relative;z-index:2;width:43%;margin-inline-start:0;margin-inline-end:auto;padding:68px 46px 90px 15px;pointer-events:none}
.community-copy a{pointer-events:auto}
.community-map-title i{width:5px;height:5px;background:#aee9d3;border-radius:50%;box-shadow:0 0 12px #75d1b5;display:inline-block}
.community-copy h1{font-size:clamp(35px,4.2vw,58px);line-height:1.33;letter-spacing:-1.3px;font-weight:800;margin:15px 0 17px;color:#faf9ef}
.community-copy h1 span{color:#f7c979}
.community-actions{display:flex;align-items:flex-start;gap:11px;flex-direction:column;margin:0}
.community-actions .button{border-radius:11px;padding:11px 20px;font-size:14px;color:#13202a;background:#f4bc57;border-color:#f4bc57;gap:19px;box-shadow:0 3px 22px #f4bc5711}
.community-actions .button:hover{background:#fdd18b;border-color:#fdd18b;color:#13202a;box-shadow:0 3px 24px #f4bc5733}
.community-actions .button.secondary{color:#d6e7e8;background:#ffffff06;border-color:#91b9b829;font-size:13px;padding:10px 14px;gap:9px}
.community-actions .button.secondary:hover{background:#87d1c812;border-color:#91b9b85c;color:#fff}
.community-actions .guarantee-verified{width:23px;height:23px;color:#76d2b8;flex:none}
.community-stats{display:flex;gap:25px;margin-top:30px}
.community-stats>div{display:flex;flex-direction:column;gap:1px}
.community-stats>div+div{border-inline-start:1px solid #8cacb025;padding-inline-start:25px}
.community-stats strong{font:500 30px/1.2 "Zido Numerals",Calibri,"Segoe UI",sans-serif;color:#e5f4ef;letter-spacing:-.5px}
.community-stats span{font-size:11px;color:#7e9a9f}
.community-map-info{position:absolute;z-index:3;left:26px;bottom:73px;max-width:205px;direction:rtl;text-align:right}
.community-map-title{display:flex;align-items:center;gap:8px;font-size:11px;color:#bfd8d7;letter-spacing:.5px;margin-bottom:11px}
.community-map-info select{color:#d1e8e5;border:1px solid #789c9e36;border-radius:8px;background:#081923c4;padding:8px 10px;font-size:12px;width:100%;max-width:205px;min-height:37px;cursor:pointer;color-scheme:dark}
.community-map-info select option{background:#0a1b25;color:#ecf6f3}
.community-location{font-size:12px;margin-top:10px;line-height:1.6;color:#e6c891}
.community-caption{position:absolute;bottom:0;inset-inline:26px;padding:16px 0;color:#8ba8ad;font-size:12px;letter-spacing:.5px;text-align:center;pointer-events:none}
.footer-map-source{font-size:10px;color:var(--muted)}
.footer-map-source:hover{color:var(--ink)}
@media(min-width:1440px){.community-hero{min-height:600px}.community-copy{padding-top:78px}}
@media(max-width:1000px) and (min-width:561px){.community-hero{min-height:550px}.community-copy{width:45%;padding:62px 24px 75px 8px}.community-copy h1{font-size:clamp(30px,4.4vw,42px)}.community-map-info{max-width:150px;left:19px}.community-map-info select{font-size:11px}.community-coordinates{left:78px}.community-actions .button.secondary{font-size:11px;padding:9px 11px}.community-stats{gap:18px}.community-stats>div+div{padding-inline-start:18px}}
@media(max-width:560px){
  .community-hero{min-height:700px;margin-top:15px;border-radius:18px}
  .community-hero::after{background:linear-gradient(180deg,#050e16c7 0,#050e1670 34%,transparent 48%,#050e1633 72%,#050e16 99%)}
  .community-copy{width:100%;padding:51px 24px 0;text-align:center}
  .community-copy h1{font-size:39px;line-height:1.28;margin:13px 0 12px}
  .community-copy h1 br{display:none}
  .community-copy h1 span{display:block}
  .community-actions{align-items:center;gap:9px}
  .community-actions .button{font-size:13px;padding:10px 18px;min-height:40px}
  .community-actions .button.secondary{font-size:12px;padding:8px 12px;min-height:38px}
  .community-stats{position:absolute;top:579px;left:0;right:0;justify-content:center;margin:0;gap:24px;pointer-events:none}
  .community-stats strong{font-size:26px}
  .community-stats span{font-size:10px}
  .community-map-info{left:17px;bottom:198px;max-width:133px}
  .community-map-info select{font-size:10px;padding:6px;width:133px;min-height:33px}
  .community-map-title{font-size:10px;letter-spacing:0;gap:5px;margin-bottom:7px}
  .community-location{font-size:10px;margin-top:7px}
  .community-coordinates{top:23px;left:auto;right:22px;font-size:10px;gap:10px}
  .community-coordinates span{font-size:9px}
  .community-pause{top:17px;left:17px;min-width:31px;min-height:31px;padding:6px}
  .community-pause svg{width:16px;height:16px}
  .community-pause span{left:39px;background:#08141ed9;padding:3px 7px;border-radius:6px}
  .community-caption{inset-inline:17px;font-size:10px;padding:14px 0}
  .community-fallback{height:39%;width:45%;left:34%;top:40%}
}
@media(prefers-reduced-motion:reduce){.community-canvas,.community-fallback{transition:none}}