.community-circles{
  --circles-ink:#0d183d;
  --circles-muted:#53658f;
  --circles-line:#dce5f5;
  --circles-blue:#3868ef;
  --circles-purple:#8b5cf6;
  --circles-heading-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --circles-body-font:"Avenir Next","Nunito Sans","Segoe UI",sans-serif;
  --circles-body-letter-spacing:.01em;
  --circles-button-size:14px;
  --circles-button-weight:600;
  width:min(1440px, calc(100% - 28px));
  margin:28px auto 54px;
  overflow:hidden;
  border:1px solid rgba(205,216,235,.78);
  border-radius:20px;
  background:#f8fbff;
  box-shadow:0 18px 46px rgba(39,56,98,.14), 0 2px 9px rgba(39,56,98,.07);
  color:var(--circles-ink);
  font-family:var(--circles-body-font);
  letter-spacing:var(--circles-body-letter-spacing);
}

body.app.auora-stream-theme::before{
  filter:none;
  transform:none;
  background:
    radial-gradient(circle at 18% 8%, rgba(216,238,255,.72), transparent 32%),
    radial-gradient(circle at 82% 12%, rgba(234,225,255,.56), transparent 30%),
    #f7f9fc;
}

body.app.auora-stream-theme::after{ background:rgba(255,255,255,.18); }
body.app.auora-stream-theme .site-main > .container{ max-width:none; padding:0; }

.community-circles *, .community-circles *::before, .community-circles *::after{ box-sizing:border-box; }
.community-circles a{ color:inherit; }

.community-circles__hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(330px,.9fr) minmax(480px,1.2fr);
  align-items:center;
  gap:54px;
  min-height:620px;
  padding:76px 68px 58px 78px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%, rgba(222,242,255,.92), transparent 36%),
    radial-gradient(circle at 86% 16%, rgba(231,219,255,.72), transparent 32%),
    linear-gradient(136deg,#fbfdff 0%,#f5faff 48%,#edf4ff 100%);
}

.community-circles__hero::before,
.community-circles__hero::after{
  content:"";
  position:absolute;
  bottom:-48px;
  width:260px;
  height:310px;
  pointer-events:none;
  opacity:.32;
  background:
    radial-gradient(ellipse at 25% 80%, transparent 0 35%, #8db7aa 36% 38%, transparent 39%),
    radial-gradient(ellipse at 42% 64%, transparent 0 30%, #9bc5b5 31% 34%, transparent 35%),
    radial-gradient(ellipse at 58% 45%, transparent 0 24%, #86b9a8 25% 28%, transparent 29%);
  transform:rotate(-18deg);
}
.community-circles__hero::before{ left:-78px; }
.community-circles__hero::after{ right:-82px; transform:scaleX(-1) rotate(-18deg); }

.community-circles__hero-copy{ position:relative; z-index:2; max-width:505px; }
.community-circles__eyebrow{
  display:inline-flex;
  margin:0 0 22px;
  padding:7px 15px;
  border:1px solid #dce3f7;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#5265a4;
  font-family:var(--circles-heading-font);
  font-size:11px;
  font-weight:850;
  letter-spacing:.19em;
  line-height:1;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(74,91,144,.06);
}
.community-circles__hero h1{
  margin:0;
  color:#101b43;
  font-family:var(--circles-heading-font);
  font-size:clamp(66px,7vw,98px);
  font-weight:700;
  letter-spacing:-.045em;
  line-height:.98;
}
.community-circles__intro{
  max-width:490px;
  margin:27px 0 0;
  color:#26375f;
  font-family:var(--circles-body-font);
  font-size:18px;
  font-weight:400;
  letter-spacing:var(--circles-body-letter-spacing);
  line-height:1.55;
}
.community-circles__promises{
  display:grid;
  gap:17px;
  margin:30px 0 0;
  padding:0;
  list-style:none;
}
.community-circles__promises li{
  display:flex;
  align-items:center;
  gap:14px;
  color:#475a85;
  font-family:var(--circles-body-font);
  font-size:13px;
  font-weight:500;
  letter-spacing:var(--circles-body-letter-spacing);
}
.community-circles__promises li > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  background:rgba(255,255,255,.82);
  color:#5e73db;
  box-shadow:0 7px 18px rgba(62,77,130,.12);
}
.community-circles__hero-actions{ display:flex; flex-wrap:wrap; gap:16px; margin-top:34px; }
.community-circles__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 28px;
  border:1px solid #d1daf0;
  border-radius:999px;
  text-decoration:none;
  font-family:var(--circles-heading-font);
  font-size:var(--circles-button-size);
  font-weight:var(--circles-button-weight);
  letter-spacing:0;
  line-height:1;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.community-circles__button:hover{ transform:translateY(-2px); }
.community-circles__button--primary{
  min-width:174px;
  border-color:transparent;
  background:linear-gradient(120deg,#9159ed,#4478f4);
  color:#fff !important;
  box-shadow:0 15px 30px rgba(86,88,221,.26);
}
.community-circles__button--ghost{ min-width:180px; background:rgba(255,255,255,.76); color:#26365f; }
.community-circles__button--ghost span{ margin-right:8px; font-size:20px; font-weight:400; }

.community-circles__hero-scene{
  --scene-x:0px;
  --scene-y:0px;
  position:relative;
  z-index:2;
  min-height:490px;
  transform:translate3d(var(--scene-x),var(--scene-y),0);
  transition:transform .35s ease-out;
}
.community-circles__hero-photo{
  position:absolute;
  inset:0 148px 0 0;
  margin:0;
  overflow:hidden;
  border-radius:38px;
  background:#dbe8f0;
  box-shadow:0 28px 60px rgba(38,60,100,.16);
}
.community-circles__hero-photo img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.community-circles__hero-total{
  position:absolute;
  top:0;
  right:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:238px;
  min-height:320px;
  padding:36px 32px 30px;
  border:1px solid rgba(203,190,244,.82);
  border-radius:26px;
  background:
    radial-gradient(circle at 78% 16%,rgba(202,170,255,.55),transparent 42%),
    linear-gradient(145deg,rgba(255,249,242,.96),rgba(211,235,255,.94));
  box-shadow:0 22px 40px rgba(44,61,108,.14);
  animation:circlesFloat 7s ease-in-out infinite;
}
.community-circles__hero-mark{ width:124px; height:124px; align-self:center; object-fit:contain; filter:drop-shadow(0 13px 15px rgba(57,74,130,.18)); }
.community-circles__hero-total strong{
  margin-top:12px;
  font-family:var(--circles-heading-font);
  font-size:50px;
  line-height:.98;
  font-weight:700;
  letter-spacing:-.045em;
}
.community-circles__hero-total span,
.community-circles__hero-public div > span{
  margin-top:7px;
  color:#344672;
  font-family:var(--circles-heading-font);
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
  line-height:1.5;
  text-transform:uppercase;
}
.community-circles__hero-total i,
.community-circles__hero-public div > span i{ display:inline-block; width:7px; height:7px; margin-left:5px; border-radius:50%; background:#7ed568; }
.community-circles__hero-public{
  position:absolute;
  right:62px;
  bottom:14px;
  display:flex;
  align-items:center;
  gap:20px;
  width:270px;
  min-height:150px;
  padding:28px;
  border:1px solid rgba(210,218,237,.9);
  border-radius:24px;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 45px rgba(39,55,96,.18);
  backdrop-filter:blur(14px);
  animation:circlesFloat 8.5s ease-in-out infinite reverse;
}
.community-circles__round-icon,
.community-circles__stat-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:64px;
  height:64px;
  border-radius:50%;
  background:linear-gradient(145deg,#f5f2ff,#e7edff);
  color:#6b72da;
  font-size:24px;
}
.community-circles__hero-public strong{ display:block; font-family:var(--circles-heading-font); font-size:36px; line-height:.98; font-weight:700; letter-spacing:-.045em; }

.community-circles__content{
  position:relative;
  z-index:3;
  margin-top:-2px;
  padding:28px 22px 30px;
  border-top:1px solid rgba(214,225,242,.9);
  background:linear-gradient(180deg,rgba(251,253,255,.96),#f8fbff 56%,#f6f9fd);
}
.community-circles__stats,
.community-circles__utility-card,
.community-circles__explore{
  border:1px solid var(--circles-line);
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 30px rgba(45,63,104,.05), inset 0 1px 0 #fff;
}
.community-circles__stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  min-height:152px;
  padding:28px 30px;
  border-radius:18px;
}
.community-circles__stat{
  display:flex;
  align-items:center;
  gap:24px;
  min-width:0;
  padding:4px 34px;
}
.community-circles__stat + .community-circles__stat{ border-left:1px solid #e1e8f4; }
.community-circles__stat-icon{ width:70px; height:70px; font-size:25px; }
.community-circles__stat-icon--private{ color:#5062d2; background:linear-gradient(145deg,#f5f0ff,#e9e9ff); }
.community-circles__stat-icon--active{ color:#4f9a79; background:linear-gradient(145deg,#f0fbf7,#e4f7f1); }
.community-circles__stat div{ display:grid; grid-template-columns:auto 1fr; align-items:end; column-gap:10px; }
.community-circles__stat strong{ font-family:var(--circles-heading-font); font-size:40px; line-height:.98; font-weight:700; letter-spacing:-.045em; }
.community-circles__stat b{ color:#162141; font-family:var(--circles-heading-font); font-size:14px; font-weight:700; line-height:1.14; letter-spacing:-.025em; }
.community-circles__stat span{ grid-column:1/-1; margin-top:8px; color:#64749b; font-family:var(--circles-body-font); font-size:12px; font-weight:400; letter-spacing:var(--circles-body-letter-spacing); }

.community-circles__utility-grid{ display:grid; grid-template-columns:1fr 1.18fr; gap:20px; margin-top:22px; }
.community-circles__utility-card{ min-height:340px; padding:30px 28px 24px; border-radius:17px; }
.community-circles__utility-card header h2,
.community-circles__explore h2{
  margin:0;
  font-family:var(--circles-heading-font);
  font-size:26px;
  line-height:.98;
  font-weight:700;
  letter-spacing:-.045em;
}
.community-circles__utility-card header p,
.community-circles__explore-header p{ margin:9px 0 0; color:#62739b; font-family:var(--circles-body-font); font-size:13px; font-weight:400; line-height:1.55; letter-spacing:var(--circles-body-letter-spacing); }
.community-circles__activity-viewport{ position:relative; min-height:168px; margin-top:24px; }
.community-circles__activity-slide{ position:absolute; inset:0; opacity:0; visibility:hidden; transform:translateX(14px); transition:opacity .3s ease,transform .3s ease; }
.community-circles__activity-slide.is-active{ opacity:1; visibility:visible; transform:none; }
.community-circles__activity-link{
  display:grid;
  grid-template-columns:128px 1fr 38px;
  align-items:center;
  gap:22px;
  height:168px;
  padding:18px;
  border:1px solid #dce4f3;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  text-decoration:none;
  box-shadow:0 15px 30px rgba(41,60,105,.1);
}
.community-circles__activity-image{ display:block; width:128px; height:128px; border-radius:17px; background-size:cover; background-position:center; }
.community-circles__activity-copy{ min-width:0; }
.community-circles__activity-copy > strong{ display:block; color:#172345; font-family:var(--circles-heading-font); font-size:15px; font-weight:700; line-height:1.14; letter-spacing:-.025em; }
.community-circles__activity-copy > span{ display:-webkit-box; margin-top:10px; overflow:hidden; color:#617198; font-family:var(--circles-body-font); font-size:12px; line-height:1.55; letter-spacing:var(--circles-body-letter-spacing); -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.community-circles__activity-copy small{ display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.community-circles__activity-copy small b{ display:inline-flex; align-items:center; gap:5px; padding:6px 9px; border:1px solid #dee5f1; border-radius:999px; color:#53648e; font-size:10px; }
.community-circles__status i{ width:7px; height:7px; border-radius:50%; background:#72d35f; }
.community-circles__activity-arrow,
.community-circles__activity-controls button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border:1px solid #d9e1f1;
  border-radius:50%;
  background:#fff;
  color:#26375f;
  font-size:23px;
}
.community-circles__activity-controls{ display:flex; align-items:center; justify-content:center; gap:22px; margin-top:18px; }
.community-circles__activity-controls button{ cursor:pointer; }
.community-circles__activity-dots{ display:flex; gap:8px; }
.community-circles__activity-dots button{ width:6px; height:6px; padding:0; border:0; background:#c2cae6; }
.community-circles__activity-dots button.is-active{ width:8px; height:8px; background:#7584df; }

.community-circles__search{
  display:grid;
  grid-template-columns:24px 1fr auto;
  align-items:center;
  gap:6px;
  min-height:60px;
  margin-top:28px;
  padding-left:18px;
  border:1px solid #d8e0ef;
  border-radius:999px;
  background:#fff;
}
.community-circles__search > span{ color:#7d8caf; }
.community-circles__search input[type="text"]{ min-width:0; height:56px; padding:0 8px; border:0; outline:0; background:transparent; color:#23345d; font-family:var(--circles-body-font); font-size:13px; font-weight:400; line-height:1.2; letter-spacing:var(--circles-body-letter-spacing); }
.community-circles__search input[type="submit"]{ align-self:stretch; min-width:92px; margin:-1px; border:0; border-radius:999px; background:linear-gradient(135deg,#4e7ff1,#3559bf); color:#fff; cursor:pointer; font-family:var(--circles-heading-font); font-size:var(--circles-button-size); font-weight:var(--circles-button-weight); line-height:1; letter-spacing:0; box-shadow:0 10px 24px rgba(55,84,181,.22); }
.community-circles__finder-actions{ display:grid; grid-template-columns:1fr 1fr; margin-top:34px; }
.community-circles__finder-action{ display:flex; align-items:center; gap:18px; min-width:0; padding:0 24px; text-decoration:none; }
.community-circles__finder-action + .community-circles__finder-action{ border-left:1px solid #e0e7f3; }
.community-circles__finder-action > span{ display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; flex:0 0 64px; border:1px solid #d8e0f1; border-radius:50%; background:linear-gradient(145deg,#f2efff,#f5f9ff); color:#6071da; font-size:23px; }
.community-circles__finder-action strong{ display:block; color:#172345; font-family:var(--circles-heading-font); font-size:13px; font-weight:700; line-height:1.14; letter-spacing:-.025em; }
.community-circles__finder-action small{ display:block; margin-top:6px; color:#62739b; font-family:var(--circles-body-font); font-size:11px; font-weight:400; line-height:1.55; letter-spacing:var(--circles-body-letter-spacing); }

.community-circles__explore{ margin-top:22px; padding:32px 24px 46px; border-radius:17px; }
.community-circles__explore-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:0 4px; }
.community-circles__scope{ display:inline-flex; align-items:center; padding:5px; border:1px solid #dae2f1; border-radius:999px; background:#fff; }
.community-circles__scope a{ display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 18px; border-radius:999px; color:#283961; text-decoration:none; font-family:var(--circles-heading-font); font-size:var(--circles-button-size); font-weight:var(--circles-button-weight); line-height:1; letter-spacing:0; white-space:nowrap; }
.community-circles__scope a.is-active{ background:linear-gradient(120deg,#4c83f2,#9b59ec); color:#fff; box-shadow:0 8px 18px rgba(89,92,214,.24); }
.community-circles__grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:30px 25px; margin-top:34px; }
.community-circles__circle-card{ position:relative; min-width:0; padding-bottom:0; transition:transform .24s ease,opacity .35s ease; }
.community-circles__circle-card:hover{ transform:translateY(-6px); z-index:4; }
.community-circles__circle-card[hidden]{ display:none; }
.community-circles__circle-link{ display:block; position:relative; text-decoration:none; }
.community-circles__circle-image{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:1;
  padding:18px;
  overflow:hidden;
  border:4px solid #fff;
  border-radius:50%;
  background-color:#d9e4f4;
  background-position:center;
  background-size:cover;
  box-shadow:0 14px 28px rgba(37,51,93,.19),0 0 0 1px #dbe3f0;
}
.community-circles__circle-image::after{ content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(180deg,transparent 46%,rgba(9,18,45,.58)); pointer-events:none; }
.community-circles__circle-image-target{ position:absolute; z-index:1; inset:0; border-radius:50%; }
.community-circles__circle-icon{ position:absolute; z-index:2; top:14px; left:50%; display:inline-flex; align-items:center; justify-content:center; width:45px; height:45px; transform:translateX(-50%); border-radius:50%; background:rgba(255,255,255,.94); color:#6875d8; font-size:19px; box-shadow:0 9px 18px rgba(15,27,61,.14); }
.community-circles__circle-content{ position:absolute; z-index:3; display:grid; inset:0; grid-template-rows:1fr auto 1fr; justify-items:center; pointer-events:none; }
.community-circles .community-circles__circle-content > strong{ display:-webkit-box; grid-row:2; max-width:160px; overflow:hidden; color:#fff; font-family:var(--circles-heading-font); font-size:15px; font-weight:700; line-height:1.14; letter-spacing:-.025em; text-align:center; text-shadow:0 2px 5px rgba(5,13,36,.92),0 6px 18px rgba(5,13,36,.72); -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.community-circles__circle-meta{ display:flex; min-height:56px; margin:-14px auto 0; padding:24px 12px 10px; flex-direction:column; align-items:center; border:1px solid #dbe3f1; border-radius:0 0 17px 17px; background:#fff; }
.community-circles__circle-meta b{ padding:5px 12px; border:1px solid #d8e0f3; border-radius:999px; color:#6572d2; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.community-circles__circle-action{ position:relative; z-index:5; display:block; left:auto; right:auto; top:auto; bottom:auto; width:max-content; max-width:calc(100% - 28px); margin-top:12px; grid-row:3; align-self:start; justify-self:center; opacity:1; transform:none; pointer-events:auto; }
.community-circles .community-circles__circle-card:hover .community-circles__circle-action,
.community-circles .community-circles__circle-card:focus-within .community-circles__circle-action{ transform:none; }
.community-circles__circle-action form{ position:relative; display:flex; margin:0; justify-content:center; isolation:isolate; }
.community-circles__circle-action form::before,
.community-circles__circle-action form::after{ content:""; position:absolute; z-index:-1; inset:-13px -20px; border-radius:999px; opacity:0; pointer-events:none; background:radial-gradient(circle at 8% 58%,#fff 0 2px,#78c9ff 3px,transparent 5px),radial-gradient(circle at 24% 12%,#fff 0 1px,#a99cff 2px,transparent 4px),radial-gradient(circle at 73% 5%,#fff 0 2px,#7de5ff 3px,transparent 5px),radial-gradient(circle at 94% 54%,#fff 0 1px,#b194ff 2px,transparent 4px),radial-gradient(circle at 78% 94%,#fff 0 1px,#6bcfff 2px,transparent 4px),radial-gradient(circle at 18% 88%,#fff 0 2px,#9e8cff 3px,transparent 5px); filter:drop-shadow(0 0 5px rgba(111,196,255,.9)); transform:scale(.68) rotate(-5deg); }
.community-circles__circle-action form::after{ inset:-8px -14px; transform:scale(.72) rotate(7deg); }
.community-circles__circle-action button,
.community-circles__circle-action input[type="submit"],
.community-circles__circle-action > span{ display:inline-flex; min-width:124px; min-height:52px; padding:7px 20px; flex-direction:column; gap:3px; align-items:center; justify-content:center; appearance:none; border:1px solid rgba(255,255,255,.92); border-radius:999px; background:linear-gradient(135deg,#fff,#f3f7ff); color:#3048a2; font-family:var(--circles-heading-font); font-size:11px; font-weight:700; line-height:1; letter-spacing:0; text-align:center; box-shadow:0 9px 22px rgba(10,20,48,.3); }
.community-circles__circle-action button > span,
.community-circles__circle-action > span > b{ display:flex; align-items:center; justify-content:center; gap:5px; font:inherit; }
.community-circles__circle-action small{ color:#7180a5; font-size:9px; font-weight:700; line-height:1; }
.community-circles__circle-action button,
.community-circles__circle-action input[type="submit"]{ position:relative; z-index:1; cursor:pointer; transform:none; transition:background .18s ease,color .18s ease,box-shadow .18s ease; }
.community-circles__circle-action > span{ cursor:default; }
.community-circles__circle-action form:hover::before,
.community-circles__circle-action form:focus-within::before{ animation:circlesAuraStardust .76s cubic-bezier(.2,.75,.25,1); }
.community-circles__circle-action form:hover::after,
.community-circles__circle-action form:focus-within::after{ animation:circlesAuraStardust .76s cubic-bezier(.2,.75,.25,1) .1s; }
.community-circles__circle-action button:hover,
.community-circles__circle-action button:focus-visible,
.community-circles__circle-action input[type="submit"]:hover,
.community-circles__circle-action input[type="submit"]:focus-visible{ background:linear-gradient(135deg,#fff,#eef5ff 52%,#f0ebff); color:#20398f; box-shadow:0 0 0 2px rgba(255,255,255,.78),0 0 18px rgba(98,168,255,.82),0 11px 24px rgba(58,67,163,.32); transform:none; }
.community-circles__circle-action button:focus-visible,
.community-circles__circle-action input[type="submit"]:focus-visible{ outline:3px solid rgba(255,255,255,.92); outline-offset:3px; }
.community-circles__load-more{ display:flex; align-items:center; justify-content:center; gap:18px; min-width:250px; min-height:54px; margin:46px auto 0; border:1px solid #d4ddef; border-radius:999px; background:#fff; color:#26375e; cursor:pointer; font-family:var(--circles-heading-font); font-size:var(--circles-button-size); font-weight:var(--circles-button-weight); line-height:1; letter-spacing:0; box-shadow:0 12px 25px rgba(42,60,102,.08); }
.community-circles__empty{ grid-column:1/-1; padding:70px 20px; text-align:center; }
.community-circles__empty > span{ display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; background:#edf5ff; color:#6174db; font-size:23px; }
.community-circles__empty strong{ display:block; margin-top:16px; font-family:var(--circles-heading-font); font-size:25px; font-weight:700; line-height:.98; letter-spacing:-.045em; }
.community-circles__empty p{ color:#66779c; }

[data-community-circles].is-motion-ready [data-circles-reveal]{ opacity:0; transform:translateY(18px); }
[data-community-circles].is-motion-ready [data-circles-reveal].is-visible{ opacity:1; transform:none; transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1); }
@keyframes circlesFloat{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-7px) } }
@keyframes circlesAuraStardust{ 0%{ opacity:0; transform:scale(.68) rotate(-5deg) } 24%{ opacity:1 } 100%{ opacity:0; transform:scale(1.25) rotate(4deg) } }

@media (max-width:1100px){
  .community-circles{ width:min(100% - 20px,1000px); margin-top:104px; }
  .community-circles__hero{ grid-template-columns:.88fr 1.12fr; gap:28px; min-height:520px; padding:46px 34px 40px; }
  .community-circles__hero-scene{ min-height:410px; }
  .community-circles__hero-photo{ right:110px; }
  .community-circles__hero-total{ width:190px; padding:28px 22px; }
  .community-circles__hero-public{ right:30px; width:240px; }
  .community-circles__stat{ padding:4px 18px; gap:15px; }
  .community-circles__utility-card{ min-height:300px; }
}

@media (max-width:820px){
  .community-circles__hero{ grid-template-columns:1fr; padding:48px 28px 40px; }
  .community-circles__hero-copy{ max-width:620px; }
  .community-circles__hero-scene{ min-height:480px; }
  .community-circles__stats{ grid-template-columns:1fr; padding:12px 24px; }
  .community-circles__stat{ padding:20px 10px; }
  .community-circles__stat + .community-circles__stat{ border-left:0; border-top:1px solid #e1e8f4; }
  .community-circles__utility-grid{ grid-template-columns:1fr; }
  .community-circles__grid{ grid-template-columns:repeat(3,1fr); }
  .community-circles__explore-header{ flex-direction:column; }
}

@media (max-width:560px){
  .community-circles{ width:100%; margin:96px 0 30px; border-radius:0; border-left:0; border-right:0; }
  .community-circles__hero{ min-height:0; padding:38px 20px 34px; }
  .community-circles__hero h1{ font-size:66px; }
  .community-circles__intro{ font-size:16px; }
  .community-circles__hero-actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .community-circles__button{ min-width:0; padding:0 14px; font-size:11px; }
  .community-circles__hero-scene{ min-height:390px; }
  .community-circles__hero-photo{ inset:0 68px 42px 0; border-radius:26px; }
  .community-circles__hero-total{ top:10px; right:0; width:142px; min-height:205px; padding:20px 16px; border-radius:20px; }
  .community-circles__hero-mark{ width:78px; height:78px; }
  .community-circles__hero-total strong{ font-size:36px; }
  .community-circles__hero-total span{ font-size:8px; }
  .community-circles__hero-public{ right:10px; bottom:0; width:200px; min-height:106px; gap:12px; padding:18px; border-radius:18px; }
  .community-circles__hero-public .community-circles__round-icon{ width:46px; height:46px; font-size:17px; }
  .community-circles__hero-public strong{ font-size:28px; }
  .community-circles__hero-public div > span{ font-size:8px; }
  .community-circles__content{ padding:18px 12px 24px; }
  .community-circles__stats{ padding:8px 16px; }
  .community-circles__stat-icon{ width:58px; height:58px; }
  .community-circles__utility-card{ min-height:0; padding:24px 18px; }
  .community-circles__activity-viewport{ min-height:248px; }
  .community-circles__activity-link{ grid-template-columns:84px 1fr 30px; height:248px; gap:13px; padding:14px; }
  .community-circles__activity-image{ width:84px; height:112px; }
  .community-circles__activity-copy small{ flex-direction:column; align-items:flex-start; }
  .community-circles__finder-actions{ grid-template-columns:1fr; gap:20px; }
  .community-circles__finder-action{ padding:0 6px; }
  .community-circles__finder-action + .community-circles__finder-action{ padding-top:20px; border-left:0; border-top:1px solid #e0e7f3; }
  .community-circles__search{ grid-template-columns:20px 1fr; border-radius:20px; padding:4px 10px 4px 16px; }
  .community-circles__search input[type="submit"]{ grid-column:1/-1; min-height:44px; margin:0; }
  .community-circles__explore{ padding:26px 12px 38px; }
  .community-circles__scope{ width:100%; overflow-x:auto; justify-content:flex-start; }
  .community-circles__scope a{ flex:1 0 auto; }
  .community-circles__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
  .community-circles__circle-image{ padding:12px; border-width:3px; }
  .community-circles__circle-image > strong{ font-size:12px; }
  .community-circles__circle-icon{ top:10px; width:36px; height:36px; font-size:15px; }
  .community-circles__circle-action{ position:static; width:100%; opacity:1; transform:none; text-align:center; margin-top:6px; }
  .community-circles__circle-card:hover .community-circles__circle-action,
  .community-circles__circle-card:focus-within .community-circles__circle-action{ transform:none; }
  .community-circles__load-more{ min-width:220px; }
}

@media (prefers-reduced-motion:reduce){
  .community-circles *, .community-circles *::before, .community-circles *::after{ animation:none !important; scroll-behavior:auto !important; transition:none !important; }
  [data-community-circles].is-motion-ready [data-circles-reveal]{ opacity:1; transform:none; }
}