:root{
  --app-pinkbg-100:#130b10;
  --app-pinkbg-200:#190f15;
  --app-pinkbg-300:#27101b;
  --app-pinkbg-deep:#361221;
  --app-lavender:#150b11;
  --app-lavender-alt:#1f111f;

  --app-card:#1a1114;
  --app-card-pale:#22141f;
  --app-card-alt:#2b1b24;

  --app-magenta:#f6337b;
  --app-magenta-deep:#ff2b71;
  --pink-ink:#ff719b;
  --app-warm:#ff4d5f;
  --app-warm-alt:#ff3c4d;
  --app-peach:#ff7c3d;
  --app-peach-alt:#fd6a25;
  --app-heart:#fd3c48;
  --app-peri:#99a0e1;
  --app-cta-deep:linear-gradient(95deg,var(--app-peach),var(--app-warm) 55%,var(--app-magenta));

  --app-text:#f2eef2;
  --app-text-pale:#b7abb3;
  --app-dim:#867a83;
  --app-rule:#3c2630;

  --app-invert:#fffefd;
  --app-base:#fffefd;
  --app-success:#90c5ab;
  --app-rule-pale:rgba(255,254,253,.08);
  --app-card-bg:rgba(16,11,14,.82);
  --app-overlay:rgba(0,1,0,.64);
  --app-footer-bg:#0c080a;
  --app-footer:#c9bbc6;
  --app-footer-alt:#f2eef2;
  --app-footer-pale:#8b7e88;
  --app-footer-edge:rgba(255,254,253,.06);

  --app-r-sm:14px;
  --app-r-md:20px;
  --app-r-lg:28px;
  --app-r-xl:36px;
  --app-r-pill:999px;

  --app-shadow-sm:0 6px 16px -8px rgba(0,1,0,.54);
  --app-shadow-md:0 18px 38px -18px rgba(0,1,0,.59);
  --app-shadow-lg:0 30px 60px -24px rgba(0,1,0,.65);

  --app-display:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --app-ff:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --app-maxw:1200px;
  --app-gap:24px;
  --app-block-y:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--app-ff);line-height:1.6;background:
    radial-gradient(1200px 700px at 85% -8%, var(--app-pinkbg-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--app-lavender) 0%, transparent 55%),
    linear-gradient(180deg, var(--app-pinkbg-100) 0%, var(--app-card-pale) 40%, var(--app-pinkbg-100) 100%);-webkit-font-smoothing:antialiased;
  background-attachment:fixed;
  margin:0;color:var(--app-text);
}
img{max-width:100%;display:block}

.statusPill{font-weight:700;border:1px solid var(--app-rule);align-items:center;border-radius:var(--app-r-pill);box-shadow:var(--app-shadow-sm);letter-spacing:.06em;font-size:.82rem;color:var(--app-magenta);display:inline-flex;background:var(--app-card);padding:8px 16px;gap:8px}
.statusPill svg{height:16px;width:16px;color:var(--app-warm)}
button{font-family:inherit}
ul{margin:0;list-style:none;padding:0}
.navA{color:var(--app-text);border-radius:var(--app-r-pill);padding:9px 14px;font-weight:600;font-size:.96rem;transition:background .18s,color .18s}
.navA:hover{background:var(--app-card-alt);color:var(--app-magenta-deep)}
.navStar{align-items:center;font-weight:600;text-decoration:none;border:none;gap:7px;cursor:pointer;font-size:.96rem;background:none;border-radius:var(--app-r-pill);color:var(--app-text);padding:9px 12px;display:inline-flex;position:relative;transition:background .18s ease,color .18s ease}
.navStar:hover{color:var(--app-magenta-deep);background:var(--app-card-alt)}
.navStar svg{width:20px;height:20px;color:var(--app-magenta)}
.navStar:hover svg{color:var(--app-magenta-deep)}
.navStarBody{white-space:nowrap}
.navStar .inboxStatus{top:auto;right:auto;position:static}
.navStarPhone{cursor:pointer;border:none;display:flex;font-weight:600;font-size:15px;border-bottom:1px solid var(--app-rule);align-items:center;background:none;padding:14px 2px;text-align:left;width:100%;text-decoration:none;color:var(--app-text);gap:9px}
.navStarPhone:hover{color:var(--app-magenta-deep)}
.navStarPhone svg{color:var(--app-magenta);width:18px;height:18px}

.navToggle{display:none;z-index:1105;flex-direction:column;gap:5px;background:none;padding:6px;cursor:pointer;border:none}
.navToggle span{display:block;transition:transform .3s ease,opacity .3s ease;background:var(--app-text);height:3px;width:26px;border-radius:2px}
.navToggle.shown span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.navToggle.shown span:nth-child(2){opacity:0}
.navToggle.shown span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.ttl{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}



.membersLayout{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}
.memberPanel{cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;overflow:hidden;position:relative;border-radius:var(--app-r-lg);border:1px solid var(--app-rule-pale);background:var(--app-card)}
.memberPanel:hover{z-index:3;transform:translateY(-8px) scale(1.02);box-shadow:var(--app-shadow-lg)}
.memberPortrait{position:relative;background:linear-gradient(160deg,var(--app-pinkbg-200),var(--app-lavender-alt));aspect-ratio:3/4;display:block;overflow:hidden}
.memberPortrait img{height:100%;width:100%;display:block;transition:transform .5s ease,filter .3s ease;object-fit:cover}
.memberPanel:hover .memberPortrait img{filter:brightness(.7);transform:scale(1.1)}
.memberStatus{font-weight:800;box-shadow:0 2px 8px rgba(0,1,0,.16);z-index:3;top:10px;padding:5px 9px;display:inline-flex;gap:6px;right:10px;font-size:.68rem;position:absolute;border:1px solid #5a9ada;color:#e8f2ff;align-items:center;border-radius:var(--app-r-pill);letter-spacing:.05em;background:linear-gradient(135deg,#112b4c,#0a1c33)}
.memberStatus .led{border-radius:50%;width:8px;box-shadow:0 0 6px rgba(144,197,171,.72);color:transparent;background:var(--app-success);font-size:0;position:relative;height:8px}
.memberStatus .led::after{border-radius:50%;inset:0;position:absolute;background:var(--app-success);content:"";animation:wave 1.8s ease-out infinite}
.memberCore{background:linear-gradient(to top,rgba(0,1,0,.95),rgba(0,1,0,.72) 55%,rgba(0,1,0,.02));left:0;z-index:2;right:0;position:absolute;transition:opacity .3s ease;bottom:0;padding:20px 15px 15px;text-align:left}
.memberPanel:hover .memberCore{opacity:0}
.memberSubtitle{background:rgba(23,47,45,.92);font-size:.68rem;align-items:center;border-radius:var(--app-r-pill);font-weight:700;padding:4px 9px;margin-bottom:8px;display:inline-flex;letter-spacing:.02em;color:#effaf5;border:1px solid rgba(73,118,105,.9);gap:5px;box-shadow:0 2px 8px rgba(0,1,0,.16)}
.memberSubtitle svg{width:14px;height:14px;color:#a6e6cf}
.memberHeading{font-family:var(--app-display);color:#fffefd;font-weight:800;font-size:1.32rem;line-height:1.2}
.memberHeading span{font-weight:600;color:rgba(255,254,253,.82);font-size:.86rem}
.memberAddr{font-size:.82rem;gap:6px;align-items:center;display:flex;margin-top:3px;color:rgba(255,254,253,.9)}
.memberAddr .needle svg{width:14px;color:#fffefd;height:14px}
.memberVeil{align-items:flex-end;display:flex;position:absolute;visibility:hidden;z-index:4;padding:20px;inset:0;justify-content:center;opacity:0;background:linear-gradient(to bottom,rgba(0,1,0,.09),rgba(0,1,0,.9));transition:opacity .3s ease,visibility .3s ease}
.memberPanel:hover .memberVeil{visibility:visible;opacity:1}
.memberHolder{text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(20px);width:100%}
.memberPanel:hover .memberHolder{transform:translateY(0)}
.memberBody{font-size:.85rem;overflow:hidden;-webkit-box-orient:vertical;line-height:1.4;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,1,0,.78);-webkit-line-clamp:2;color:#fffefd;display:-webkit-box}
.memberInbox{display:inline-flex;box-shadow:0 4px 15px rgba(0,1,0,.29);color:var(--app-invert);transition:transform .3s ease,box-shadow .3s ease;justify-content:center;background:linear-gradient(135deg,var(--app-magenta),var(--app-warm));border-radius:50%;width:50px;height:50px;align-items:center}
.memberInbox svg{height:22px;width:22px}
.memberInbox:hover{box-shadow:var(--app-shadow-md);transform:scale(1.1)}
.memberStar{box-shadow:0 2px 8px rgba(0,1,0,.27);display:grid;border-radius:50%;place-items:center;background:rgba(0,1,0,.41);cursor:pointer;top:10px;position:absolute;border:none;left:10px;height:34px;color:#fffefd;width:34px;transition:transform .2s ease,background .2s ease,color .2s ease;z-index:6}
.memberStar svg{width:18px;height:18px}
.memberStar:hover{transform:scale(1.1);background:rgba(0,1,0,.59)}
.memberStar.done{color:var(--app-invert);background:var(--app-warm)}
.memberStar.done svg{fill:currentColor}
figure{margin:0}
.asidePhone{max-width:320px;box-shadow:-6px 0 30px rgba(42,35,50,.22);top:0;background:var(--app-card);padding:84px 22px 22px;height:100vh;transition:right .3s ease;width:80%;overflow-y:auto;height:100dvh;position:fixed;right:-100%;z-index:1100}
.asidePhone.shown{right:0}
.asidePhone nav{flex-direction:column;display:flex}
.asidePhone a:not(.button){padding:14px 2px;font-weight:600;border-bottom:1px solid var(--app-rule);color:var(--app-text);font-size:15px}
.asidePhone a:not(.button):hover{color:var(--app-magenta-deep)}
.asidePhone a.button{margin-top:22px}

.button{
  white-space:nowrap;font-weight:700;font-size:1rem;border:1.5px solid transparent;
  cursor:pointer;border-radius:var(--app-r-pill);justify-content:center;align-items:center;
  gap:9px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;text-align:center;padding:14px 26px;
  display:inline-flex;
}
.button svg{height:18px;width:18px}
.buttonXs{font-size:.9rem;padding:10px 18px}
.buttonWide{width:100%}
.buttonPrimary{box-shadow:0 14px 26px -12px rgba(249,76,101,.75);background:linear-gradient(95deg,var(--app-peach),var(--app-warm) 55%,var(--app-magenta));color:var(--app-invert)}
.buttonPrimary:hover{transform:translateY(-2px);background:var(--app-cta-deep);box-shadow:0 20px 34px -12px rgba(249,76,101,.85);color:var(--app-invert)}
.buttonSecondary{background:var(--app-card);color:var(--app-magenta);border-color:var(--app-rule)}
.buttonSecondary:hover{color:var(--app-magenta-deep);transform:translateY(-2px);background:var(--app-card-alt)}
.buttonPale{color:var(--app-magenta-deep);background:var(--app-base)}
.buttonPale:hover{color:var(--app-magenta-deep);box-shadow:var(--app-shadow-md);transform:translateY(-2px)}
.brand{display:flex;letter-spacing:-.02em;gap:11px;color:var(--app-text);font-family:var(--app-display);font-weight:800;font-size:1.28rem;align-items:center}
.brand:hover{color:var(--app-text)}
.brandIcon{box-shadow:0 8px 18px -8px rgba(237,79,151,.78);color:var(--app-invert);height:42px;background:linear-gradient(135deg,var(--app-magenta),var(--app-warm) 55%,var(--app-peach));display:inline-flex;justify-content:center;border-radius:14px;flex-shrink:0;width:42px;align-items:center}
.brandIcon svg{height:22px;width:22px}
.intro{font-size:1.06rem;margin-top:14px;color:var(--app-text-pale)}

.wrap{max-width:var(--app-maxw);padding-inline:var(--app-gap);margin-inline:auto}

.webHeader{background:var(--app-card);position:sticky;top:0;z-index:60;border-bottom:1px solid var(--app-rule)}
.webHeaderCore{justify-content:space-between;display:flex;padding-block:12px;align-items:center;min-height:74px;gap:20px}
.pop{background:linear-gradient(92deg,var(--app-magenta),var(--app-warm) 60%,var(--app-peach));-webkit-background-clip:text;background-clip:text;color:transparent}
svg{display:block}
.sectionHead{max-width:640px;text-align:center;margin:0 auto 44px}
.sectionHead .button{margin-top:24px}
.navVeil{opacity:0;background:var(--app-overlay);inset:0;z-index:1090;transition:opacity .3s ease;visibility:hidden;position:fixed}
.navVeil.shown{visibility:visible;opacity:1}
.trail a:hover{color:var(--app-magenta-deep)}
.brand,.navA,.asidePhone a,.button,.trail a,.webFoot a,.citiesMenu a,.memberInbox{text-decoration:none}
p{margin:0}
h1,h2,h3,h4{line-height:1.12;font-family:var(--app-display);color:var(--app-text);margin:0;letter-spacing:-.01em}
::selection{background:rgba(237,79,151,.21)}
.eyebrow{font-weight:800;color:var(--app-magenta);letter-spacing:.1em;font-size:.8rem;margin-bottom:10px;text-transform:uppercase}
.band{padding-block:var(--app-block-y)}
.bandOther{background:var(--app-card-alt)}
:focus-visible{outline:3px solid var(--app-magenta);outline-offset:2px;border-radius:6px}
.pageNav{gap:8px;margin-left:auto;align-items:center;display:flex}
.iconDone svg{fill:currentColor;stroke:none}
@media(max-width:768px){.memberVeil{opacity:1;visibility:visible;inset:auto 7px 8px auto;width:auto;height:auto;padding:0;background:none}.memberHolder{width:auto;transform:none}.memberBody{display:none}.memberInbox{width:34px;height:34px}.memberInbox svg{width:16px;height:16px}.memberStar{top:8px;left:8px;width:30px;height:30px}.memberStar svg{width:16px;height:16px}.memberStatus{top:8px;right:8px;gap:4px;padding:3px 7px;font-size:9.5px;letter-spacing:.03em}.memberStatus .led{width:6px;height:6px}.memberPanel .memberCore{padding:10px 9px 9px}.memberSubtitle{gap:3px;margin-bottom:5px;padding:3px 6px;font-size:9.5px}.memberSubtitle svg{width:12px;height:12px}.memberHeading{font-size:.92rem;line-height:1.2;padding-right:40px}.memberHeading span{font-size:.72rem;white-space:nowrap}.memberAddr{font-size:.72rem;gap:4px;margin-top:2px;padding-right:40px}.memberAddr .needle svg{width:12px;height:12px}}
@keyframes wave{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
.filmWindow{pointer-events:none;display:block;width:100%;height:100%;object-fit:cover;background:#000100}
.filmLed{top:50%;width:28px;height:28px;border-radius:50%;pointer-events:none;padding-left:2px;transform:translate(-50%,-50%);box-shadow:var(--app-shadow-sm);position:absolute;place-items:center;background:rgba(0,1,0,.54);left:50%;line-height:1;font-size:.64rem;color:#fffefd;display:grid}
.filmStatus{padding:5px 9px;letter-spacing:.02em;position:absolute;display:inline-flex;bottom:12px;color:#fffefd;gap:4px;box-shadow:var(--app-shadow-sm);align-items:center;background:rgba(0,1,0,.64);font-weight:700;left:12px;border-radius:var(--app-r-pill);font-size:.7rem;z-index:2}
.postBand .trail{display:flex}.postBand .trail li{padding-left:0}.postBand .trail li::before{display:none}
.moment{justify-content:space-between;display:flex;gap:12px;font-size:.9rem;color:var(--app-text-pale)}
.memberFilmPlay{font-size:1.9rem;display:grid;top:50%;place-items:center;cursor:pointer;position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:none;padding-left:6px;background:rgba(0,1,0,.5);transition:transform .15s ease,background .15s ease;box-shadow:var(--app-shadow-md);height:78px;line-height:1;width:78px;z-index:3;color:#fffefd;left:50%}
.memberFilmPlay:hover{transform:translate(-50%,-50%) scale(1.07);background:rgba(0,1,0,.72)}
.memberAside{position:sticky;top:96px}
.memberHeader{display:flex;flex-wrap:wrap;margin-top:14px;align-items:center;gap:12px}
.memberHeader .statusPill{flex:none}
.memberIntro{line-height:1.1;font-family:var(--app-display);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.memberIntro span{font-weight:600;font-size:.62em;color:var(--app-dim)}
.memberNote{align-items:center;font-size:1.02rem;color:var(--app-text-pale);display:flex;gap:7px;margin-top:10px}
.memberNote .needle svg{color:var(--app-magenta);width:18px;height:18px}
.memberNote a{color:var(--app-magenta-deep);transition:border-color .15s ease;border-bottom:1px solid transparent;text-decoration:none;font-weight:600}
.memberNote a:hover{border-bottom-color:currentColor}
.memberMetrics{flex-wrap:wrap;gap:8px;display:flex;margin-top:16px}
.memberAside .intro{margin-top:18px}
.memberItems{flex-wrap:wrap;display:flex;gap:12px;margin-top:24px}
.memberWindowStar{top:14px;height:46px;right:14px;width:46px}
.memberWindowStar svg{width:21px;height:21px}
.memberLayout{gap:clamp(24px,4vw,52px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;align-items:start;margin-top:22px}
.memberCol{min-width:0}
.memberWindow{margin:0;border-radius:var(--app-r-lg);position:relative;box-shadow:var(--app-shadow-md);overflow:hidden;background:linear-gradient(160deg,var(--app-pinkbg-200),var(--app-lavender-alt))}
.memberWindow img{aspect-ratio:4/5;object-fit:cover;height:auto;display:block;width:100%}
.memberArrows{width:44px;position:absolute;transform:translateY(-50%);border-radius:50%;box-shadow:var(--app-shadow-md);height:44px;place-items:center;top:50%;background:var(--app-card-bg);cursor:pointer;transition:transform .15s ease,background .15s ease;color:var(--app-magenta-deep);z-index:2;border:none;display:grid}
.memberArrows:hover{transform:translateY(-50%) scale(1.07);background:var(--app-card-bg)}
.memberArrows svg{width:22px;height:22px}
.memberLeft{left:12px}
.memberFwd{right:12px}
.memberStrip{margin-top:12px;gap:10px;flex-wrap:wrap;display:flex}
.memberItem{background:var(--app-card-alt);border:2px solid transparent;transition:transform .15s ease,border-color .15s ease;border-radius:var(--app-r-sm);padding:0;overflow:hidden;width:72px;aspect-ratio:3/4;flex:0 0 auto;box-shadow:var(--app-shadow-sm);cursor:pointer}
.memberItem img{width:100%;height:100%;display:block;object-fit:cover}
.memberItem:hover{transform:translateY(-2px)}
.memberItem.done{border-color:var(--app-magenta)}
.memberCol [hidden]{display:none!important}
.memberFilm{max-height:70vh;background:#000100;width:100%;display:block;object-fit:contain;height:auto}
.memberItemFilm{position:relative}
.cityhallHeading{margin-bottom:14px;font-family:var(--app-display);font-weight:800}
.cityhallRow{gap:10px;font-size:.94rem;display:flex;color:var(--app-text-pale);align-items:flex-start;margin-top:10px}
.cityhallRow .needle{flex:none;color:var(--app-magenta)}
.cityhallRow .needle svg{height:16px;width:16px}
.copyright{color:var(--app-footer-pale);padding-top:22px;font-size:.86rem;border-top:1px solid var(--app-footer-edge);margin-top:34px}
.trail{margin-bottom:14px;display:flex;justify-content:flex-start;gap:6px;font-size:.86rem;flex-wrap:wrap;color:var(--app-dim)}
.inputRow{grid-template-columns:1fr 1fr;display:grid;gap:18px}
.input{width:100%;font-family:inherit;transition:border-color .16s,box-shadow .16s;color:var(--app-text);background:var(--app-card-pale);border-radius:var(--app-r-sm);border:1.5px solid var(--app-rule);padding:13px 16px;font-size:1rem}
.input:focus{outline:none;box-shadow:0 0 0 3px rgba(237,79,151,.16);border-color:var(--app-magenta)}
textarea.input{min-height:140px;resize:vertical}

.postBand h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.postBand h2{font-size:1.35rem;color:var(--app-magenta-deep);margin-top:34px;font-weight:800}
.postBand p{color:var(--app-text-pale);font-size:1.04rem;margin-top:14px}
.postBand p a{font-weight:600}
.postBand ul{gap:10px;display:grid;margin-top:14px}
.postBand li{color:var(--app-text-pale);padding-left:24px;position:relative}
.postBand li::before{height:10px;background:var(--app-warm);content:"";left:0;position:absolute;border-radius:50%;width:10px;top:.5em}

.webFoot{background:var(--app-footer-bg);color:var(--app-footer)}
.webFoot .wrap{padding-block:56px 22px}
.webFoot a{color:var(--app-footer)}
.webFoot a:hover{color:var(--app-footer-alt)}
.postBand .trail,.trail:has(+ .sectionHead){justify-content:center}
.locatePanel{box-shadow:var(--app-shadow-md);background:var(--app-lavender);border-radius:var(--app-r-lg);aspect-ratio:4/3;position:relative;border:1px solid var(--app-rule-pale);overflow:hidden}
.locatePanel.locateDefer{cursor:pointer}
.locatePlaceholder{gap:10px;background:linear-gradient(160deg,var(--app-lavender-alt),var(--app-card-alt));place-items:center;position:absolute;text-align:center;padding:20px;inset:0;display:grid}
.locatePlaceholder p{color:var(--app-text);font-weight:700}
.locateNeedle{filter:drop-shadow(0 10px 12px rgba(249,76,101,.5));color:var(--app-warm)}
.locateNeedle svg{stroke:none;width:40px;height:40px;fill:currentColor}
.locatePanel iframe{height:100%;width:100%;inset:0;position:absolute;border:0}
.locatePanel.loaded .locatePlaceholder{display:none}

.info{display:grid;align-items:start;grid-template-columns:1.2fr 1fr;gap:clamp(28px,4vw,48px)}
.infoMetrics{grid-template-columns:1fr 1fr;display:grid;gap:16px}

.filterAsk{display:flex;border-radius:var(--app-r-pill);margin:0 auto;background:var(--app-card);padding:12px;gap:12px;box-shadow:var(--app-shadow-md);border:1px solid var(--app-rule-pale)}
.filterAsk .input{border:none;font-size:1.06rem;box-shadow:none;background:transparent}
.filterAsk .input:focus{box-shadow:none}
.filterAsk+.cities{margin-top:40px}

.stickyTrigger{right:22px;text-decoration:none;cursor:pointer;width:60px;border-radius:50%;align-items:center;color:var(--app-invert);box-shadow:var(--app-shadow-lg);display:flex;position:fixed;z-index:80;border:none;background:linear-gradient(135deg,var(--app-magenta),var(--app-warm));justify-content:center;height:60px;bottom:22px}
.stickyTrigger svg{stroke:none;fill:currentColor;height:26px;width:26px}
.stickyTriggerBody{max-width:calc(100vw - 44px);padding:13px 20px;font-family:var(--app-display);border-radius:var(--app-r-pill);gap:9px;height:auto;font-weight:800;width:auto;font-size:.95rem}
.stickyTriggerBody svg{height:20px;width:20px}
.stickyBody{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.askHolder{max-width:640px}
.askPlaceholder{overflow:hidden;width:1px;left:-9999px;height:1px;position:absolute}
.trail li:not(:last-child)::after{color:var(--app-dim);content:"\00203a";margin-left:6px}
.trail a{color:var(--app-text-pale)}

.placeholder{text-align:center;padding-block:clamp(60px,10vw,140px)}
.placeholderIdx{font-family:var(--app-display);font-weight:800;font-size:clamp(6rem,20vw,13rem);line-height:.9}
.placeholderBlock{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}

.inboxStatus{border-radius:var(--app-r-pill);position:absolute;background:var(--app-heart);font-size:.72rem;font-weight:800;top:-3px;box-shadow:var(--app-shadow-sm);min-width:22px;height:22px;line-height:1;color:var(--app-invert);display:grid;border:2px solid var(--app-card);padding:0 6px;place-items:center;right:-3px}
.inboxStatus[hidden]{display:none}

.led{line-height:1;color:var(--app-success);font-size:.6rem}

.ask{border-radius:var(--app-r-lg);background:var(--app-card);padding:clamp(24px,3vw,40px);border:1px solid var(--app-rule-pale);box-shadow:var(--app-shadow-md)}
.askItem{margin-bottom:18px;gap:7px;display:grid}
.askItem label{font-weight:700;font-size:.92rem}
.hours{display:grid;gap:4px;margin-top:10px}
.postBody .button{margin-top:26px}
.askNote{font-weight:700}
.askNoteDone{color:var(--app-success)}
.askNoteClosed{color:var(--app-magenta-deep)}

.cities{display:flex;flex-direction:column;gap:32px}
.citiesBlock h2{font-size:1.15rem;margin-bottom:16px;color:var(--app-text);font-weight:800}
.citiesMenu{gap:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.citiesMenu a{border:1px solid var(--app-rule);box-shadow:var(--app-shadow-sm);gap:10px;padding:13px 16px;color:var(--app-text);font-size:.92rem;border-radius:var(--app-r-md);display:flex;align-items:center;font-weight:600;background:var(--app-card);justify-content:space-between;transition:transform .14s,box-shadow .14s,color .14s}
.citiesMenu a:hover{transform:translateY(-3px);box-shadow:var(--app-shadow-md);color:var(--app-magenta-deep)}
.citiesMenu a .needle{display:grid;flex:none;color:var(--app-magenta);place-items:center}
.citiesMenu a .needle svg{height:16px;width:16px}
.footLayout{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
.footBrand{align-items:center;display:flex;font-family:var(--app-display);margin-bottom:12px;font-weight:800;font-size:1.2rem;color:var(--app-footer-alt);gap:10px}
.footCol>p:not(.footHeading){font-size:.94rem;color:var(--app-footer-pale);max-width:34ch}
.footHeading{font-size:1rem;color:var(--app-footer-alt);font-weight:800;margin-bottom:14px}
.footMenu{font-size:.94rem;gap:10px;display:grid}


.bannerPanel{position:relative;color:var(--app-invert);display:flex;justify-content:space-between;box-shadow:var(--app-shadow-lg);padding:clamp(38px,5vw,64px);overflow:hidden;flex-wrap:wrap;background:linear-gradient(100deg,var(--app-magenta-deep),var(--app-warm) 60%,var(--app-peach));gap:30px;align-items:center;border-radius:var(--app-r-xl)}
.bannerShape{background:rgba(255,254,253,.11);position:absolute;border-radius:50%;width:320px;right:-90px;top:-120px;height:320px}
.bannerBody{position:relative;z-index:2}
.bannerBody h2{max-width:16ch;color:var(--app-invert)}
.bannerBody p{color:rgba(255,254,253,.92);margin-top:10px;max-width:46ch}
.bannerPanel .button{position:relative;z-index:2}
.gainsItems{display:grid;gap:10px;margin-top:14px}
.gainsItems li{position:relative;padding-left:24px;color:var(--app-text)}
.gainsItems li::before{background:var(--app-warm);width:10px;height:10px;position:absolute;border-radius:50%;left:0;top:.5em;content:""}
.metric{display:flex;border-radius:var(--app-r-md);gap:12px;border:1px solid var(--app-rule-pale);background:var(--app-card);padding:14px 16px;box-shadow:var(--app-shadow-sm);align-items:center}
.metricIcon{display:grid;background:var(--app-card-alt);color:var(--app-magenta);border-radius:12px;width:40px;height:40px;flex:none;place-items:center}
.metricIcon svg{width:18px;height:18px}
.metricBody dt{color:var(--app-dim);text-transform:uppercase;font-size:.78rem;letter-spacing:.05em}
.metricBody dd{margin:2px 0 0;font-family:var(--app-display);font-weight:800;font-size:.98rem}

.viewFeature{padding-block:clamp(40px,6vw,80px) 20px}
.viewFeature h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.viewFeature p{font-size:1.08rem;margin:16px auto 0;color:var(--app-text-pale)}

.post{gap:clamp(28px,4vw,56px);grid-template-columns:1fr 1fr;display:grid;align-items:center}
.postBody>p:not(.eyebrow){color:var(--app-text-pale);font-size:1.04rem;margin-top:16px}
.postSubtitle{margin-top:22px;font-family:var(--app-display);color:var(--app-magenta-deep);font-size:1.1rem;font-weight:800}
.infoCityhall{border-radius:var(--app-r-lg);box-shadow:var(--app-shadow-md);border:1px solid var(--app-rule-pale);padding:24px;background:var(--app-card)}

@media (max-width:980px){
  .membersLayout{grid-template-columns:repeat(3,1fr)}
  .memberLayout{grid-template-columns:1fr}
  .memberWindow{width:100%;max-width:380px;justify-self:start}
  .memberAside{position:static}
  .post,.info{grid-template-columns:1fr}
  .footLayout{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .pageNav{display:none}
  .navToggle{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .asidePhone,.navVeil{display:none}
}
@media (max-width:600px){
  :root{--app-block-y:clamp(30px,7vw,48px);--app-gap:8px}
  .footLayout,.inputRow{grid-template-columns:1fr}
  .membersLayout{grid-template-columns:repeat(2,1fr);gap:5px}
  .memberPanel{border-radius:var(--app-r-sm)}
  .memberCore{padding:16px 10px}
  .bannerPanel{flex-direction:column;align-items:stretch;padding:32px 24px}
  .bannerPanel .button{width:100%;white-space:normal}
  .filterAsk{flex-direction:column;border-radius:var(--app-r-lg)}
  .filterAsk .button{width:100%}
  .bandMember{padding-top:0}
  .memberWindow img{aspect-ratio:1/1;max-height:46vh}
  .memberLayout{margin-top:0}
  .memberAside{display:flex;flex-direction:column;margin-top:14px}
  .memberHeader{order:1;margin-top:0}
  .memberNote{order:2}
  .memberItems{order:3;margin-top:16px;gap:10px}
  .memberItems .button{flex:1 1 auto}
  .memberStrip{display:none}
  .memberMetrics{order:4}
  .memberAside .intro{order:5}
  .infoMetrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .metric{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .metricIcon{width:34px;height:34px}
  .metricBody{min-width:0}
  .metricBody dd{font-size:.92rem;overflow-wrap:anywhere}
}