/* Figma 2334:749 — user revision, 29 October 2026. Isolated to this section. */
#community .community-figma{display:block;padding:0;min-height:0;aspect-ratio:1328/760;border-radius:40px;background:linear-gradient(152.3931497325597deg,#f3f6fc 2.9123%,#bcd8fc 87.276%);container-type:normal}
.community-stage{position:relative;width:1328px;height:760px;transform:scale(var(--community-scale,1));transform-origin:0 0}
#community .community-copy{position:absolute;left:56px;top:56px;width:520px;max-width:none;gap:30px;z-index:2}
#community .community-copy h2{position:relative;width:347px;max-width:none;font-size:82px;line-height:1.05;letter-spacing:-3.28px;font-weight:500;color:#08143e}
#community .community-copy h2 span{display:block;color:#0249cc}
.community-star{position:absolute;left:276px;top:101px;width:71px;height:71px;max-width:none}
#community .community-copy .statement{width:500px;max-width:100%;font-size:28px;line-height:1.11;letter-spacing:-.28px;color:#003ba8}
#community .community-copy>p:not(.statement){width:470px;max-width:100%;font-size:19px;line-height:1.5;letter-spacing:-.19px;color:#576278}
#community .community-copy .button{width:250px;min-width:0;min-height:56px;height:56px;padding:0 22px;justify-content:center;margin:0;border:1px solid #eaeaea;background:linear-gradient(90deg,#fc5c2b 0%,#fd6a36 25.267%,#fd7841 58.349%,#fe9557 100%);font-size:16px;line-height:22px;letter-spacing:0;color:#fff;font-weight:600}
#community .community-copy .button:hover{filter:brightness(1.04)}
#community .facts{position:absolute;inset:0;width:1328px;height:760px;max-width:none;aspect-ratio:auto;margin:0;padding:0;pointer-events:none}
#community .facts>div{padding:24px;gap:4px;aspect-ratio:1;color:#fff}
#community .facts>div:nth-child(1){left:724px;top:51px;width:330px;background:radial-gradient(circle closest-side,#0249cc 0%,#0249cc 23.558%,#023aa1 61.774%,#012a77 99.99%,#012566 100%)}
#community .facts>div:nth-child(2){left:1030px;top:109px;width:238px;background:radial-gradient(circle closest-side,#fff 49.038%,#f2f2f2 87.981%,#e1e1e1 100%);color:#0249cc}
#community .facts>div:nth-child(3){left:1044px;top:425px;width:200px;background:radial-gradient(circle 174px at center,#aed5fa 0%,#acd4fa 4.9902%,#a7d1f9 5.5818%,#b1d7fb 15.417%,#b3d8fb 47.944%,#87b1d8 62.54%,#5a89b5 77.135%);color:#0249cc}
#community .facts strong{font-size:118px;line-height:1.05;font-weight:500;letter-spacing:-.04em;font-variant-numeric:normal}
#community .facts>div:nth-child(2) strong{font-size:106px}
#community .facts strong[data-count="2021"]{font-size:58px}
#community .facts>div>span{font-size:18px;line-height:1.5;letter-spacing:-.18px;max-width:none}
#community .facts>div:nth-child(2)>span,#community .facts>div:nth-child(3)>span{color:#08143e}
.community-art{position:absolute;inset:0;pointer-events:none;z-index:0}
/* Base location is the unrotated rectangle centre, derived from Figma's transform.
   Rotation includes the initial 12 degrees, so it must not be applied twice. */
#community .community-sculpture{position:absolute;left:389.017px;top:389.619px;bottom:auto;width:596.756px;height:495.761px;max-width:none;object-fit:contain;transform-origin:50% 50%;transform:rotate(var(--rotate-transform,.209rad));animation:kf_2334_750_height_0 4.8s cubic-bezier(.45,0,.2,1),kf_2334_750_rotate_0 4.8s cubic-bezier(.45,0,.2,1),kf_2334_750_width_0 4.8s cubic-bezier(.45,0,.2,1),kf_2334_750_translate_0 4.8s cubic-bezier(.45,0,.2,1);animation-iteration-count:1;animation-fill-mode:both;animation-play-state:paused}
#community .community-in-view .community-sculpture{animation-play-state:running}
/* Preserve Figma endpoints; play one slower, eased pass and retain the final frame. */
@property --rotate-transform{syntax:'<angle>';initial-value:0.209rad;inherits:false}
@keyframes kf_2334_750_height_0{0%{height:495.761px}100%{height:611.953px}}
@keyframes kf_2334_750_rotate_0{0%{--rotate-transform:.209rad}100%{--rotate-transform:1.919rad}}
@keyframes kf_2334_750_width_0{0%{width:596.756px}100%{width:724.602px}}
@keyframes kf_2334_750_translate_0{0%{translate:0px 0px}100%{translate:24.158px -113.653px}}
@media(max-width:999px){
  #community .community-figma{aspect-ratio:auto;padding:36px;border-radius:28px}
  .community-stage{width:100%;height:auto;transform:none;display:flex;flex-direction:column;gap:32px}
  #community .community-copy{position:relative;inset:auto;width:100%;gap:24px}
  #community .community-copy h2{font-size:64px;letter-spacing:-2.56px;width:272px}
  .community-star{left:216px;top:79px;width:55px;height:55px}
  #community .community-copy .statement{font-size:26px}
  #community .community-copy>p:not(.statement){width:540px;font-size:18px}
  #community .facts{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:600/650;max-width:600px;align-self:flex-end;container-type:inline-size}
  #community .facts>div{padding:12px}
  #community .facts>div:nth-child(1){left:0;top:0;width:55%}
  #community .facts>div:nth-child(2){left:51%;top:8.92%;width:39.667%}
  #community .facts>div:nth-child(3){left:53.333%;top:57.54%;width:33.333%;background:radial-gradient(circle closest-side,#aed5fa 0%,#b3d8fb 83.42%,#87b1d8 108.82%,#5a89b5 134.2%)}
  #community .facts strong{font-size:19.667cqw}
  #community .facts>div:nth-child(2) strong{font-size:17.667cqw}
  #community .facts strong[data-count="2021"]{font-size:9.667cqw}
  #community .facts>div>span{font-size:clamp(11px,3cqw,18px);line-height:1.4}
  .community-art{inset:auto auto -210px -170px;width:1328px;height:760px;transform:scale(.6);transform-origin:0 100%}
}
@media(max-width:599px){
  #community .community-figma{padding:28px 20px 20px}
  #community .community-copy h2{font-size:50px;letter-spacing:-2px;width:212px}
  .community-star{left:168px;top:62px;width:43px;height:43px}
  #community .community-copy .statement{font-size:24px}
  #community .community-copy>p:not(.statement){font-size:16px}
  #community .community-copy .button{width:250px;max-width:100%}
  #community .facts{aspect-ratio:600/690}
  .community-art{left:-110px;bottom:-40px;transform:scale(.38)}
}
@media(prefers-reduced-motion:reduce){#community .community-sculpture{animation:none;transform:rotate(.209rad)}}