.city-stories{width:100%;padding-block:clamp(3rem,5vw,5.5rem) 2rem;scroll-margin-top:7rem}.city-stories-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;padding-inline:5%;display:flex}.city-stories-heading h2{text-transform:uppercase;font-size:clamp(2rem,3.5vw,3.75rem);line-height:1.08}.city-stories-heading>p{color:#aeb5c0;max-width:24rem;font-size:.9375rem;line-height:1.8}.city-stories-flow{gap:clamp(1.25rem,3vw,3.5rem);display:grid}.city-stories-chapter{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.city-stories-photo{grid-area:1/1/auto/8;min-height:clamp(24rem,33vw,38rem);position:relative;overflow:hidden}.city-stories-photo img{object-fit:cover}.city-stories-photo:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent 60%,#0e101209 67%,#0e101226 74%,#0e10126b 81%,#0e1012c2 87%,var(--background)94%),linear-gradient(0deg,var(--background),#0e1012a6 4%,#0e101233 9%,transparent 16%,transparent 86%,#0e101233 92%,#0e1012a6 97%,var(--background));position:absolute;inset:0}.city-stories-copy{grid-area:1/8/auto/13;width:100%;padding:2rem 12% 2rem 0;position:relative}.city-stories-chapter:nth-child(2n) .city-stories-photo{grid-column:6/13}.city-stories-chapter:nth-child(2n) .city-stories-photo:after{background:linear-gradient(90deg,var(--background),transparent 28%,transparent 88%,var(--background)),linear-gradient(0deg,var(--background),transparent 24%,transparent 80%,var(--background))}.city-stories-chapter:nth-child(2n) .city-stories-copy{grid-column:1/6;padding-inline:12% 0}.city-stories-label{color:#68bcf6;text-transform:uppercase;letter-spacing:.18em;margin-bottom:1rem;font-size:.625rem;font-weight:600;line-height:1.5;display:block}.city-stories-copy h3{color:#f4f8fb;text-transform:uppercase;text-wrap:balance;max-width:34rem;margin-bottom:1.25rem;font-size:clamp(1.75rem,2.7vw,3rem);line-height:1.13}.city-stories-copy p{color:#aebcc9;max-width:31rem;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.9}.city-stories-link{color:#a4dbff;font:600 .8125rem/1.5 var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.035em;align-items:center;gap:1rem;padding-block:.75rem;transition:color .16s;display:inline-flex}.city-stories-link svg{width:1.125rem;height:1.125rem;transition:transform .16s}.city-stories-link:hover{color:#fff}.city-stories-link:hover svg{transform:translate(2px,-2px)}@media (max-width:1000px){.city-stories-heading>p{max-width:20rem;font-size:.875rem}.city-stories-copy{grid-column:7/13;padding-right:10%}.city-stories-chapter:nth-child(2n) .city-stories-copy{grid-column:1/7;padding-inline:10% 0}.city-stories-photo{grid-column:1/7;min-height:25rem}.city-stories-copy p{font-size:.875rem}}@media (max-width:700px){.city-stories{padding-block:2.5rem 1rem}.city-stories-heading{margin-bottom:.5rem;padding-inline:6%;display:block}.city-stories-heading>p{max-width:27rem;margin-top:1rem}.city-stories-flow{gap:1.5rem}.city-stories-chapter{display:block}.city-stories-photo{aspect-ratio:1.5;min-height:0}.city-stories-photo:after,.city-stories-chapter:nth-child(2n) .city-stories-photo:after{background:linear-gradient(90deg,var(--background),transparent 8%,transparent 92%,var(--background)),linear-gradient(0deg,var(--background),transparent 36%,transparent 86%,var(--background))}.city-stories-copy,.city-stories-chapter:nth-child(2n) .city-stories-copy{margin-top:-.5rem;padding:0 6% 1rem}.city-stories-label{margin-bottom:.75rem}.city-stories-copy h3{max-width:30rem;font-size:clamp(1.75rem,6.5vw,2.375rem)}.city-stories-copy p{max-width:32rem;margin-bottom:.75rem;line-height:1.8}}