.story-flow{position:relative}.story-navigation{top:var(--story-offset,96px);z-index:20;background:var(--story-paper,#101110);color:var(--story-ink,#f2eee4);border-bottom:1px solid var(--story-line,#d1bd8733);isolation:isolate;justify-content:space-between;align-items:center;gap:20px;padding:0 2px;display:flex;position:sticky}.story-navigation nav{scrollbar-width:none;gap:clamp(16px,3vw,46px);display:flex;overflow-x:auto}.story-navigation a{min-height:69px;color:var(--story-muted,#9ca396);white-space:nowrap;align-items:center;gap:9px;font-size:12px;text-decoration:none;transition:color .25s;display:flex}.story-navigation a>span{opacity:.65;font-size:9px}.story-navigation a[aria-current],.story-navigation a:hover{color:var(--story-accent,#d3ba80)}.story-motion{color:var(--story-muted,#9ca396);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:12px 0 12px 14px;font-size:11px;display:flex}.story-progress{pointer-events:none;background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.story-progress span{background:var(--story-accent,#d3ba80);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.story-flow [data-story-chapter]{scroll-margin-top:calc(var(--story-offset,96px) + 100px)}[data-story-reveal]{transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.story-pending{opacity:0;transform:translateY(24px)}.story-eyebrow{letter-spacing:.15em;text-transform:uppercase;font-weight:500;color:var(--story-accent,#d3ba80)!important;margin:0 0 22px!important;font-size:10px!important;line-height:1.7!important}.story-link{min-height:44px;color:var(--story-ink,#f2eee4);border-bottom:1px solid var(--story-line,#d1bd8733);justify-content:space-between;align-items:center;gap:30px;padding:7px 0;font-size:13px;text-decoration:none;display:inline-flex}.story-link svg{transition:transform .25s}.story-link:hover svg{transform:translate(3px,-3px)}.story-gallery{border-top:1px solid var(--story-line,#d1bd8733)}.story-scene-buttons{gap:clamp(15px,3vw,40px);padding:0 0 27px;display:flex;overflow-x:auto}.story-scene-buttons button{min-height:56px;font:inherit;white-space:nowrap;color:var(--story-muted,#9ca396);cursor:pointer;background:0 0;border:0;border-top:2px solid #0000;align-items:center;gap:12px;margin-top:-1px;padding:22px 0 0;font-size:14px;transition:color .25s,border-color .25s;display:flex}.story-scene-buttons button>span{opacity:.7;font-size:10px}.story-scene-buttons button>svg{opacity:0;margin-left:15px;transition:opacity .2s}.story-scene-buttons button[aria-pressed=true]{color:var(--story-ink,#f2eee4);border-top-color:var(--story-accent,#d3ba80)}.story-scene-buttons button[aria-pressed=true]>svg{opacity:1}.story-scene{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.story-scene figure{background:var(--story-line,#d1bd8733);aspect-ratio:1.46;margin:0;animation:.65s both story-image-in;position:relative;overflow:hidden}.story-scene figure img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);display:block}.story-scene figure:hover img{transform:scale(1.035)}.story-scene-number{color:#fff;letter-spacing:.15em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121a22bd;border:1px solid #ffffff40;padding:9px 13px;font-size:11px;position:absolute;bottom:22px;left:22px}.story-scene-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-height:280px;animation:.5s both story-copy-in;display:flex}.story-scene-copy h3{letter-spacing:-.045em;color:var(--story-ink,#f2eee4);margin:0 0 23px;font-size:clamp(27px,3vw,44px);font-weight:400;line-height:1.16}.story-scene-copy>p:not(.story-eyebrow){color:var(--story-muted,#9ca396);max-width:450px;margin:0 0 25px;font-size:15px;line-height:1.9}:is(.story-flow a:focus-visible,.story-flow button:focus-visible){outline:2px solid var(--story-accent,#d3ba80);outline-offset:5px}.story-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.story-still *{transition:none!important;animation:none!important}.story-still .story-pending{opacity:1;transform:none}.story-still .story-scene figure:hover img{transform:none}@keyframes story-image-in{0%{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes story-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:760px){.story-navigation{gap:8px}.story-navigation nav{flex:1;gap:20px}.story-navigation a{gap:6px;min-height:58px;font-size:11px}.story-motion{padding-left:8px}.story-motion span{display:none}.story-scene{grid-template-columns:1fr;gap:26px}.story-scene figure{aspect-ratio:1.4}.story-scene-copy{min-height:0}.story-scene-buttons{gap:23px;padding-bottom:22px}.story-scene-buttons button{gap:7px;font-size:12px}.story-scene-buttons button>svg{display:none}.story-scene-copy>p:not(.story-eyebrow){max-width:none}}@media (prefers-reduced-motion:reduce){.story-flow *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story-pending{opacity:1;transform:none}.story-scene figure:hover img{transform:none}}.city-about{--story-paper:var(--background);--story-ink:var(--ink);--story-muted:var(--dim);--story-line:var(--line);--story-accent:var(--ink);--story-offset:135px;color:var(--ink);padding-bottom:85px}.city-about-hero{grid-template-columns:1.02fr 1fr;align-items:center;gap:6%;padding:65px 0 60px;display:grid}.city-about-hero>div{animation:.7s both story-copy-in}.city-about .story-eyebrow{letter-spacing:.12em;font-weight:700!important}.city-about-hero h1{letter-spacing:-.065em;margin:0 0 27px;font-size:clamp(44px,5.3vw,76px);font-weight:750;line-height:1.02}.city-about-hero h1>span{z-index:0;display:inline-block;position:relative}.city-about-hero h1>span:after{content:"";background:var(--yellow);z-index:-1;transform-origin:0;height:24%;animation:.9s .2s both city-about-line;position:absolute;inset:auto -6px 2px;transform:rotate(-2deg)}.city-about-hero>div>p:not(.story-eyebrow){color:var(--dim);margin-bottom:29px;font-size:16px;line-height:1.85}.city-about-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.city-about-hero .button{min-height:49px;font-size:13px}.city-about-coordinate{letter-spacing:.1em;color:var(--dim);align-items:center;gap:10px;margin-top:46px;font-size:9px;display:flex}.city-about-coordinate>i{background:var(--yellow);width:7px;height:7px;box-shadow:0 0 0 4px var(--soft);border-radius:50%}.city-about-hero>figure{aspect-ratio:.93;background:#172237;border-radius:140px 20px 20px;margin:0;animation:1s both story-image-in;position:relative;overflow:hidden}.city-about-hero>figure>img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s}.city-about-hero>figure:hover>img{transform:scale(1.03)}.city-about-hero>figure:after{content:"";pointer-events:none;background:linear-gradient(#0000,#111d30e6);position:absolute;inset:55% 0 0}.city-about-hero figcaption{z-index:1;color:#e8edfa;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:10px;font-size:8px;display:flex;position:absolute;bottom:23px;left:26px;right:26px}.city-about-photo-corner{color:#172237;background:#ffc333;border-radius:13px;padding:18px;font-size:31px;font-weight:800;line-height:1;position:absolute;top:23px;right:23px}.city-about-photo-corner>span{color:#8b6100}.city-about .story-progress span{background:var(--yellow)}.city-about .story-navigation a[aria-current]{font-weight:700}.city-about-section{border-bottom:1px solid var(--line);padding:88px 0}.city-about h2{letter-spacing:-.05em;margin:0;font-size:clamp(34px,4vw,56px);font-weight:730;line-height:1.08}.city-about h2>span{color:var(--dim)}.city-about-idea{grid-template-columns:1fr 1.1fr;gap:35px 8%;display:grid}.city-about-prose>p{color:var(--dim);margin:0 0 22px;font-size:15px;line-height:1.95}.city-about-prose .city-about-lead{color:var(--ink);letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.6}.city-about-principles{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:38px;margin-top:25px;display:grid}.city-about-principles article{border-top:2px solid var(--line);padding-top:27px}.city-about-principles article>span{color:var(--dim);font-size:11px;font-weight:600}.city-about-principles h3{letter-spacing:-.03em;margin:25px 0 13px;font-size:22px;font-weight:650;line-height:1.3}.city-about-principles p{color:var(--dim);margin:0 0 15px;font-size:13px;line-height:1.9}.city-about-principles a{min-height:44px;color:var(--ink);align-items:center;gap:15px;font-size:12px;font-weight:650;display:inline-flex}.city-about-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px;display:flex}.city-about-heading>p{color:var(--dim);max-width:340px;margin:0 0 4px;font-size:15px;line-height:1.9}.city-about .story-scene figure{border-radius:16px}.city-about .story-scene-copy h3{letter-spacing:-.045em;font-size:clamp(26px,3.3vw,41px);font-weight:650}.city-about-paths{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:35px;padding-top:22px;display:flex}.city-about-paths a{align-items:center;gap:17px;min-height:44px;font-size:12px;font-weight:550;display:flex}.city-about-people{grid-template-columns:1fr 1fr;gap:32px;display:grid}.city-about-people>a{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:16px;align-items:flex-start;gap:25px;padding:32px;transition:transform .3s,border-color .3s;display:flex}.city-about-people>a:hover{border-color:var(--yellow);transform:translateY(-4px)}.city-about-person-mark{background:var(--soft);width:62px;height:62px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.city-about-people small{letter-spacing:.13em;color:var(--dim);margin:4px 0 13px;font-size:8px;font-weight:650;display:block}.city-about-people h3{letter-spacing:-.03em;margin:0 0 18px;font-size:26px;font-weight:650}.city-about-people p{color:var(--dim);margin:0 0 15px;font-size:13px;line-height:1.9}.city-about-people .story-link{gap:15px;font-size:11px}.city-about-history{color:var(--ink);align-items:center;gap:35px;margin-top:38px;padding:35px 0 0;display:flex}.city-about-history>div{flex:1}.city-about-history-year{letter-spacing:-.08em;color:var(--dim);font-size:65px;font-weight:750;line-height:1}.city-about-history small{letter-spacing:.12em;color:var(--dim);margin-bottom:10px;font-size:9px;display:block}.city-about-history h3{margin:0 0 10px;font-size:21px;font-weight:600;line-height:1.35}.city-about-history p{color:var(--dim);margin:0;font-size:13px;line-height:1.85}.city-about-join{color:#f6f8fd;background:radial-gradient(at 100% 0,#34527d55,#0000 65%),#142236;border-radius:22px;margin-top:60px;padding:clamp(28px,5vw,66px);position:relative;overflow:hidden}.city-about-join:after{content:"Z";color:#ffffff04;pointer-events:none;font-size:410px;font-weight:850;line-height:1;position:absolute;bottom:-60px;right:-25px;transform:rotate(-10deg)}.city-about-join-top{color:#ffc333;justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.city-about-open{letter-spacing:.12em;align-items:center;gap:10px;font-size:10px;font-weight:650;display:flex}.city-about-open>i{background:#91d8aa;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #91d8aa13}.city-about-join h2>span{color:#ffc333}.city-about-join>p{color:#c6d0df;max-width:550px;margin:25px 0 0;font-size:16px;line-height:1.9}.city-about-join ol{border-top:1px solid #ffffff25;grid-template-columns:1fr 1fr 1fr;gap:30px;margin:35px 0 0;padding:33px 0;list-style:none;display:grid}.city-about-join li{gap:15px;display:flex}.city-about-join li>span{color:#ffc333;padding-top:3px;font-size:11px;font-weight:650}.city-about-join li strong{margin-bottom:9px;font-size:14px;font-weight:600;display:block}.city-about-join li small{color:#aebcd0;max-width:240px;font-size:12px;line-height:1.85;display:block}.city-about-join-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:25px;margin-top:8px;display:flex;position:relative}.city-about-join-actions .button{color:#172237;background:#ffc333;min-height:52px;font-size:13px}.city-about-join-actions .story-link{color:#e2e8f1;border-color:#ffffff38;font-size:12px}.city-about-disclaimer{color:#9aaac1;max-width:600px;margin-top:35px;font-size:10px;line-height:1.8;display:block}@keyframes city-about-line{0%{transform:rotate(-2deg)scaleX(0)}to{transform:rotate(-2deg)scaleX(1)}}@media (max-width:1100px){.city-about{--story-offset:126px}.city-about-hero h1{font-size:53px}.city-about-hero>figure{border-top-left-radius:90px}.city-about-people>a{padding:25px;display:block}.city-about-person-mark{margin-bottom:25px}.city-about-heading{gap:30px}.city-about-heading>p{max-width:280px}}@media (max-width:760px){.city-about{--story-offset:121px}.city-about-hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.city-about-hero h1{font-size:clamp(44px,9vw,64px)}.city-about-hero>figure{aspect-ratio:1.12;border-top-left-radius:75px}.city-about-coordinate{margin-top:27px}.city-about-section{padding:58px 0}.city-about-idea{grid-template-columns:1fr;gap:30px}.city-about-principles{grid-template-columns:1fr;gap:24px;margin-top:4px}.city-about-principles h3{margin-top:17px}.city-about-heading{margin-bottom:32px;display:block}.city-about-heading>p{max-width:none;margin-top:23px}.city-about-people{grid-template-columns:1fr;gap:18px}.city-about-people>a{gap:20px;display:flex}.city-about-person-mark{width:47px;height:47px;font-size:16px}.city-about-people h3{font-size:23px}.city-about-history{align-items:flex-start;gap:20px}.city-about-history-year{font-size:39px}.city-about-history h3{font-size:18px}.city-about-history>svg{display:none}.city-about-join{border-radius:15px;margin-top:40px;padding:28px}.city-about-join h2{font-size:38px}.city-about-join ol{grid-template-columns:1fr;gap:23px;padding:27px 0}.city-about-join li small{max-width:none}.city-about-join-actions{display:block}.city-about-join-actions .button{gap:10px;width:100%;padding:14px 11px;font-size:12px}.city-about-join-actions .story-link{margin-top:16px}.city-about .story-navigation a>span{display:none}.city-about .story-navigation nav{gap:20px}}@media (prefers-reduced-motion:reduce){.city-about *{transition:none!important;animation:none!important}.city-about-hero>figure:hover>img,.city-about-people>a:hover{transform:none}}.city-about-album{grid-template-columns:.75fr 1.25fr;gap:25px;margin-top:60px;display:grid}.city-about-album>a{background:#172237;border-radius:18px;min-height:320px;display:block;position:relative;overflow:hidden}.city-about-album img{object-fit:cover;width:100%;height:100%;transition:transform 1s;position:absolute;inset:0}.city-about-album>a:hover img{transform:scale(1.04)}.city-about-album>a:after{content:"";background:linear-gradient(#0000 35%,#101b2ee8);position:absolute;inset:0}.city-about-album a>span{z-index:1;color:#f4f7fd;position:absolute;inset:auto 27px 27px}.city-about-album small{letter-spacing:.13em;color:#d3dced;margin-bottom:13px;font-size:8px;display:block}.city-about-album strong{letter-spacing:-.035em;padding-right:28px;font-size:23px;font-weight:600;line-height:1.3;display:block}.city-about-album svg{color:#ffc333;position:absolute;bottom:4px;right:0}@media (max-width:760px){.city-about-album{grid-template-columns:1fr;gap:18px;margin-top:40px}.city-about-album>a{min-height:290px}.city-about-album strong{font-size:23px}}@media (prefers-reduced-motion:reduce){.city-about-album>a:hover img{transform:none}}