/* =========================================================
   AMLEA homepage | Community Activities feature
   Sits between the grants panels and the bluebonnet band.
   The event art has a white ground, so the section is white
   and the illustration bleeds into it with no frame.
   ========================================================= */
.cmty{flex:none;position:relative;background:#fff;color:var(--ink)}
.cmty::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#c13bd8 0%,var(--purple) 45%,#3b5bdb 100%)}
.cmty-in{display:grid;align-items:center}
.cmty-eyebrow{display:flex;align-items:center;gap:.9em;margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--purple)}
.cmty-eyebrow::after{content:"";height:1px;flex:1;background:#d9cdf5}
.cmty-head{margin:0;font-weight:500;color:#0a1738;letter-spacing:-.01em}
.cmty-head span{display:block;background:linear-gradient(90deg,#7f06ea,#3b5bdb);-webkit-background-clip:text;background-clip:text;color:transparent}
.cmty-meta{list-style:none;margin:0;padding:0;color:#2f407a;font-weight:400}
.cmty-meta li{position:relative}
.cmty-meta li::before{content:"";position:absolute;left:0;border-radius:50%;background:#b68ef0}
.cmty-role{margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:#0a1738}
.cmty-sponsors{margin:0}
.cmty-sponsors dt{font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--purple)}
.cmty-sponsors dd{margin:0;color:#2f407a;font-weight:400}
.cmty-sponsors b{font-weight:600;color:#0a1738}
.cmty-link{display:inline-flex;align-items:center;color:var(--purple);font-weight:500;text-decoration:none}
.cmty-link .arrow{display:inline-flex}
.cmty-link svg{transition:transform .25s ease}
.cmty-link:hover svg{transform:translateX(4px)}
.cmty-visual{display:block}
.cmty-visual img{display:block;width:100%;height:auto}

@media (min-width:761px){
  .cmty-in{grid-template-columns:calc(440 * var(--u)) 1fr;column-gap:calc(72 * var(--u));padding:calc(48 * var(--u)) calc(88 * var(--u)) calc(44 * var(--u))}
  .cmty-eyebrow{font-size:calc(13 * var(--u))}
  .cmty-head{margin-top:calc(20 * var(--u));font-size:calc(40 * var(--u));line-height:calc(46 * var(--u))}
  .cmty-sponsors{margin-top:calc(20 * var(--u))}
  .cmty-sponsors dt{font-size:calc(11.5 * var(--u))}
  .cmty-sponsors dd{margin-top:calc(4 * var(--u));font-size:calc(16 * var(--u));line-height:calc(23 * var(--u))}
  .cmty-sponsors dd+dt{margin-top:calc(12 * var(--u))}
  .cmty-meta{margin-top:calc(18 * var(--u));padding-top:calc(16 * var(--u));border-top:1px solid #e6dcfa;font-size:calc(17 * var(--u));line-height:calc(26 * var(--u))}
  .cmty-meta li{padding-left:calc(20 * var(--u))}
  .cmty-meta li+li{margin-top:calc(6 * var(--u))}
  .cmty-meta li::before{top:calc(10 * var(--u));width:calc(7 * var(--u));height:calc(7 * var(--u))}
  .cmty-role{margin-top:calc(22 * var(--u));padding-top:calc(18 * var(--u));border-top:1px solid #e6dcfa;font-size:calc(13 * var(--u))}
  .cmty-link{margin-top:calc(22 * var(--u));gap:calc(10 * var(--u));font-size:calc(18 * var(--u))}
  .cmty-link svg{width:calc(18 * var(--u));height:calc(11 * var(--u))}
  .cmty-visual{max-width:calc(900 * var(--u));justify-self:end;width:100%}
}

@media (max-width:760px){
  .cmty-in{grid-template-columns:1fr;padding:34px 20px 16px;row-gap:22px}
  .cmty-eyebrow{font-size:12px}
  .cmty-head{margin-top:14px;font-size:28px;line-height:1.18}
  .cmty-sponsors{margin-top:16px}
  .cmty-sponsors dt{font-size:11px}
  .cmty-sponsors dd{margin-top:3px;font-size:15px;line-height:1.5}
  .cmty-sponsors dd+dt{margin-top:10px}
  .cmty-meta{margin-top:14px;padding-top:14px;border-top:1px solid #e6dcfa;font-size:16px;line-height:1.5}
  .cmty-meta li{padding-left:18px}
  .cmty-meta li+li{margin-top:4px}
  .cmty-meta li::before{top:9px;width:6px;height:6px}
  .cmty-role{margin-top:16px;padding-top:14px;border-top:1px solid #e6dcfa;font-size:12px}
  .cmty-link{margin-top:16px;gap:8px;font-size:16px}
  .cmty-link svg{width:18px;height:11px}
}

/* quote set as live text, landscape, above the art strip (container units scale it with the art) */
.qa{container-type:inline-size;background:#fefefe;text-align:center}
.qa-quote{position:relative;z-index:1;margin:0;padding:4cqw 2cqw 0;font-family:"Montserrat",sans-serif;font-weight:400;font-size:max(15px,2.55cqw);line-height:1.35;color:#0a1738;letter-spacing:-.005em}
.qa-quote span{display:block}
.qa-quote b{font-weight:800}
.qa-quote cite{display:block;margin-top:.7em;font-style:normal;font-weight:400;font-size:.62em;letter-spacing:.08em;color:#4a5680}
.qa img{display:block;width:100%;height:auto;margin-top:1.2cqw}
/* the luncheon's purpose, verbatim from the Round Rock Chamber event page, under the art */
.qa-purpose{margin:0 auto;padding:2.2cqw 4cqw 0;max-width:92cqw;font-family:"Montserrat",sans-serif;font-weight:400;font-size:max(14px,1.9cqw);line-height:1.6;color:#4a5680}