.city-front{position:relative;isolation:isolate;min-height:690px;margin:0 -24px;padding:70px 28px 64px;border-bottom:1px solid #ffffff13;overflow:hidden;--pointer-x:70%;--pointer-y:40%;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#804caa17,transparent 42%)}.city-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.city-background-logo{position:absolute;width:76%;max-width:880px;right:-105px;top:-25px;opacity:.29;filter:saturate(.85) drop-shadow(0 0 60px #6740ac44);z-index:-3;pointer-events:none;animation:city-logo-breathe 14s ease-in-out infinite}.city-front-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0a10 0%,#0b0a10b8 30%,#0b0a1012 80%),linear-gradient(0deg,#0b0a10,transparent 40%);z-index:-2;pointer-events:none}.city-front-layout{display:grid;grid-template-columns:1.4fr .85fr;gap:38px;align-items:center;min-height:525px}.city-front-copy>small{display:block;margin-top:38px;font-size:9px;letter-spacing:3px}.city-front h1{font-size:clamp(54px,6.6vw,84px);line-height:1.02;letter-spacing:-4.5px;margin:25px 0;max-width:750px}.city-front h1 span{background:linear-gradient(110deg,#c4a6ff,#7aafdf 65%,#6ee0dc);background-clip:text;color:transparent}.city-front-copy>p{max-width:430px;font-size:16px;color:#b6aebe;line-height:1.8}.city-welcome-pill{display:inline-flex;gap:10px;align-items:center;border:1px solid #856a9c66;background:#2d20313d;border-radius:99px;color:#d6c6e5;padding:10px 13px;text-decoration:none;font-size:8px;letter-spacing:1.3px}.city-welcome-pill>span:last-child{font-size:14px;margin-left:6px}.city-primary{padding:17px 23px;box-shadow:0 0 35px #a57bee20}.city-hero-foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:35px;font-size:8px;letter-spacing:1.4px;color:#9686a5}.city-hero-foot a{color:#a99ab6;letter-spacing:0;text-decoration:none}.city-pathways{position:relative;margin-top:35px}.pathway-caption{font-size:8px;letter-spacing:2.3px;color:#b0a0c1;display:block;margin-bottom:18px}.city-path{display:flex;align-items:center;gap:17px;border:1px solid #8f6da64d;border-radius:16px;background:linear-gradient(110deg,#1d1629b8,#15121bb8);backdrop-filter:blur(16px);padding:23px 18px;text-decoration:none;margin-bottom:12px;box-shadow:0 8px 30px #0003;transition:border-color .25s,transform .25s,background .25s}.city-path:hover{border-color:#a680d8;transform:translateX(-6px);background:#271c35e0}.path-number{font-size:10px;color:#c4a0e8;border:1px solid #79548f66;border-radius:8px;display:grid;place-items:center;min-width:30px;height:34px}.city-path small{font-size:7px;letter-spacing:1.7px;color:#9e7ec7}.city-path h2{font-size:18px;letter-spacing:-.5px;color:#f1eaf7;margin:8px 0}.city-path p{font-size:10px;margin:0;color:#9c8da9}.city-path>b{font-size:21px;color:#b3a0cb;margin-left:auto;font-weight:400}.city-path:nth-of-type(3){border-color:#3b69754d}.city-path:nth-of-type(3) small{color:#71b9c9}.city-corner-mark{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0e;padding-top:18px;margin-top:28px;font-size:8px;letter-spacing:2px;color:#7e708d}.city-corner-mark span{font-size:7px;color:#665a74}.city-grid-floor{position:absolute;bottom:-140px;left:-10%;right:-10%;height:370px;background-image:linear-gradient(#a879ff15 1px,transparent 1px),linear-gradient(90deg,#a879ff15 1px,transparent 1px);background-size:55px 55px;transform:perspective(400px) rotateX(60deg);transform-origin:center bottom;mask-image:linear-gradient(transparent,#000);z-index:-1;pointer-events:none;animation:city-grid-drift 30s linear infinite}.city-ticker{overflow:hidden;border-block:1px solid #ffffff0e;margin:0 -24px;background:linear-gradient(90deg,#1d1229,#101820);padding:20px 0}.city-ticker>div{display:flex;align-items:center;gap:36px;width:max-content;animation:city-ticker-roll 45s linear infinite}.city-ticker span{font-size:10px;letter-spacing:3px;white-space:nowrap;color:#b7a6c5}.city-ticker i{font-size:14px;color:#66bdcf;font-style:normal}.city-discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.discover-card{position:relative;display:flex;flex-direction:column;min-height:330px;overflow:hidden;border:1px solid #5b3b6c77;border-radius:20px;padding:27px;background:radial-gradient(ellipse at 100% 0,#7a36943b,transparent 70%),#15101c;color:inherit;text-decoration:none;transition:transform .25s,border-color .25s}.discover-card:hover{transform:translateY(-7px);border-color:#b186da}.discover-index{font-size:8px;letter-spacing:2px;color:#ad92c8}.discover-art{font-size:83px;font-weight:400;color:#ad87da70;line-height:1;margin:32px 0 24px;transition:transform .6s,text-shadow .6s;align-self:center}.discover-card:hover .discover-art{transform:rotate(8deg) scale(1.07);text-shadow:0 0 35px #a879ff55}.discover-card h3{font-size:24px;letter-spacing:-1px;margin:10px 0}.discover-card p{font-size:12px;max-width:240px}.discover-card>b{position:absolute;right:24px;bottom:25px;color:#bfb0d2;font-size:20px;font-weight:400}.discover-store{background:radial-gradient(ellipse at 100% 0,#226a8330,transparent 70%),#10151c;border-color:#38626a66}.discover-store .discover-art{color:#71ced173}.discover-whitelist{background:radial-gradient(ellipse at 100% 0,#8d46853b,transparent 70%),#18101c}.highlight-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.highlight-heading h2{margin:15px 0 0}.highlight-tabs{display:flex;gap:7px;flex-wrap:wrap}.highlight-tabs button{border:1px solid #44314f;background:#16101f;color:#a99ab7;font-size:10px;padding:12px;border-radius:9px}.highlight-tabs button[aria-pressed=true]{border-color:#b290db;background:#b18cda;color:#1b1124}.highlight-panel{min-height:310px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:45px;padding:42px;border:1px solid #573a6877;border-radius:24px;background:radial-gradient(ellipse at 100% 70%,#56347633,transparent 70%),#15111c}.highlight-panel h3{font-size:35px;max-width:520px;letter-spacing:-1.5px;margin:20px 0}.highlight-panel p{max-width:530px;font-size:14px}.highlight-emblem{text-align:center;position:relative}.highlight-emblem>span{display:block;font-size:135px;font-weight:900;letter-spacing:-11px;background:linear-gradient(#bb98e9,#496c9477);background-clip:text;color:transparent;text-shadow:0 0 75px #a371c322}.highlight-emblem i{font-size:8px;letter-spacing:3px;color:#b29ac6;font-style:normal;display:block;margin-top:10px}.home-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:30px;border-top:1px solid #ffffff12}.home-link-grid>a{text-decoration:none;color:inherit;padding:15px 10px}.home-link-grid small{font-size:8px;letter-spacing:2px}.home-link-grid h3{font-size:23px;letter-spacing:-.8px;max-width:230px;margin:19px 0}.home-link-grid span{font-size:11px;color:#b294d5}.home-link-grid>a:hover span{color:#67d2dc}.city-final-invite{padding:95px 25px 60px;text-align:center;position:relative;background:radial-gradient(ellipse at bottom,#572f6b24,transparent 65%);margin:30px -24px 0}.city-final-invite h2{font-size:clamp(40px,5vw,64px);letter-spacing:-2.5px;margin:22px 0}.city-final-invite p{font-size:14px}.city-final-invite .primary{margin-top:20px}.store-landing-hero{min-height:570px;padding-top:35px}.store-landing-hero h1{font-size:clamp(50px,6vw,78px)}#store-catalog-section{scroll-margin-top:160px}#store-catalog-section .page>h2{font-size:42px;letter-spacing:-1.5px}@keyframes city-logo-breathe{50%{transform:scale(1.04) translateY(-8px);opacity:.34}}@keyframes city-ticker-roll{to{transform:translateX(-50%)}}@keyframes city-grid-drift{to{background-position:0 55px}}@media(max-width:1050px){.city-front{padding-top:45px}.city-front-layout{grid-template-columns:1.2fr .8fr;gap:20px}.city-front h1{font-size:66px}.city-path{padding:20px 14px;gap:10px}.city-path h2{font-size:16px}.city-path small{font-size:6px}.city-path p{font-size:9px}.highlight-heading{display:block}.highlight-tabs{margin-top:24px}.city-background-logo{top:45px;right:-95px;width:85%}}@media(max-width:750px){.city-front{margin:0 -18px;padding:32px 20px 30px}.city-front-layout{grid-template-columns:1fr;gap:20px}.city-front h1{font-size:58px;letter-spacing:-3px}.city-front-copy>small{font-size:8px;letter-spacing:2px;margin-top:30px}.city-front-copy>p{font-size:14px;max-width:350px}.city-welcome-pill{font-size:7px;letter-spacing:1px;padding:10px}.city-hero-foot{gap:15px;font-size:7px;line-height:1.8}.city-pathways{margin-top:30px}.city-path{padding:18px}.city-path h2{font-size:18px}.city-path small{font-size:7px}.city-path p{font-size:10px}.city-background-logo{width:130%;max-width:none;right:-42%;top:10%;opacity:.19;animation:none}.city-front-shade{background:linear-gradient(90deg,#0b0a10b8,#0b0a1044),linear-gradient(0deg,#0b0a10,transparent 70%)}.city-ticker{margin-inline:-18px;padding:18px 0}.city-ticker span{font-size:8px}.city-ticker>div{gap:24px}.city-discover-grid,.home-link-grid{grid-template-columns:1fr}.discover-card{min-height:280px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.discover-index{grid-column:1/-1}.discover-art{grid-column:2;grid-row:2/4;font-size:95px;margin:0}.discover-card>div{grid-column:1;grid-row:2/4;align-self:end}.discover-card h3{font-size:26px}.discover-card p{font-size:12px}.highlight-panel{grid-template-columns:1fr;padding:28px;gap:15px}.highlight-panel h3{font-size:30px}.highlight-emblem>span{font-size:85px;letter-spacing:-7px}.highlight-emblem{padding:20px 0}.highlight-emblem i{font-size:7px}.city-final-invite{padding:65px 24px 35px;margin-inline:-18px}.city-corner-mark{font-size:6px;letter-spacing:1.3px}.city-corner-mark span{font-size:6px}.store-landing-hero{min-height:0;padding-top:20px}.store-landing-hero h1{font-size:55px}#store-catalog-section .page>h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.city-background-logo,.city-ticker>div,.city-grid-floor{animation:none!important}.city-path,.discover-card,.discover-art{transition:none!important}.city-ticker>div{flex-wrap:wrap;width:auto;justify-content:center}.city-ticker [aria-hidden=true]{display:none}}

/* Original community skyline artwork, displayed intact at every width. */
.city-art-feature{padding-top:64px}.city-art-frame{overflow:hidden;border:1px solid #9c79d84d;border-radius:24px 24px 0 0;background:#080d16;box-shadow:0 -12px 65px #9662dc12,0 16px 65px #27ccdc0a}.city-art-frame img{display:block;width:100%;height:auto}.city-art-caption{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border:1px solid #9c79d833;border-top:0;border-radius:0 0 24px 24px;background:linear-gradient(110deg,#20162e,#101f27)}.city-art-caption small{color:var(--cyan);font-size:9px;letter-spacing:2px}.city-art-caption h2{font-size:clamp(26px,3vw,38px);margin:10px 0;letter-spacing:-1px}.city-art-caption p{color:#b4adbf;font-size:14px;margin:0;line-height:1.7}.city-art-caption .secondary{flex-shrink:0}@media(max-width:700px){.city-art-feature{padding-top:35px}.city-art-frame{border-radius:18px 18px 0 0}.city-art-caption{flex-direction:column;align-items:flex-start;padding:24px;border-radius:0 0 18px 18px;gap:20px}.city-art-caption .secondary{width:100%;text-align:center}}

/* Skyline motion stays subtle; original image and surrounding text remain readable. */
.city-art-frame{position:relative;isolation:isolate}.city-art-frame img{animation:city-skyline-camera 22s ease-in-out infinite;transform-origin:center}.city-art-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 70%,#55dce81c,transparent 50%),radial-gradient(ellipse at 85% 35%,#ad75ff20,transparent 48%);mix-blend-mode:screen;animation:city-skyline-light 10s ease-in-out infinite alternate}.city-art-frame:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 45px #090b1633;animation:city-frame-glow 7s ease-in-out infinite}
@keyframes city-skyline-camera{0%,100%{transform:scale(1)}50%{transform:scale(1.025) translateY(-.35%)}}
@keyframes city-skyline-light{from{opacity:.35;transform:translateX(-3%)}to{opacity:1;transform:translateX(3%)}}
@keyframes city-frame-glow{50%{box-shadow:inset 0 0 55px #9c66df18}}
@media(prefers-reduced-motion:reduce){.city-art-frame img,.city-art-frame:after,.city-art-frame:before{animation:none!important;transform:none!important}}