/* City layouts reuse the Services package, process, calculator and contact styles. */
.city-v61 .city-v61-hero{min-height:0;padding:132px 48px 76px}
.city-v61 .city-v61-hero .eyebrow{margin-bottom:58px}
.city-v61 .city-v61-hero h1{max-width:1350px;font-size:clamp(64px,7.2vw,112px);line-height:.98;letter-spacing:-.055em;overflow-wrap:normal;word-break:normal}
.city-v61 .city-v61-hero h1 span{font-size:.88em}
.city-v61-hero-bottom{max-width:670px;margin:44px 0 0 auto}
.city-v61-hero-bottom>p{font-size:16px;line-height:1.75;margin:0}
.city-v61-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 30px;margin-top:28px}
.city-v61-actions a,.city-v61-proof>a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;font-size:12px;line-height:1.5;text-decoration:none;color:inherit;max-width:100%;box-sizing:border-box}
.city-v61-primary{background:var(--ink,#151515);color:var(--paper,#dfdfdc)!important;padding:17px 22px;border:1px solid var(--ink,#151515)}
.city-v61-secondary{border-bottom:1px solid var(--line-dark,#bcbcb8)}
.city-v61-primary:hover{background:#303235}.city-v61-secondary:hover{border-color:currentColor}
.city-v61-page-nav{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line-dark,#bcbcb8)}
.city-v61-page-nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:12px;text-decoration:none;text-underline-offset:6px}
.city-v61-page-nav a:hover{text-decoration:underline}
.city-v61 .services-page-section{padding-top:96px;padding-bottom:104px}
.city-v61-package-heading{max-width:1400px;margin:0 auto 38px}
.city-v61-package-heading h2,.city-v61-section-heading h2{font-size:clamp(38px,4.3vw,64px);font-weight:480;line-height:1.06;letter-spacing:-.045em;margin:0;max-width:980px;text-wrap:balance}
.city-v61 .lite-package-intro{max-width:1400px;margin:0 auto 32px;font-size:16px;line-height:1.75}
.city-v61-portfolio{padding:112px 48px 120px;border-top:1px solid var(--line-dark,#bcbcb8)}
.city-v61-section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;align-items:end;margin-bottom:54px}
.city-v61-section-heading>p{font-size:16px;line-height:1.75;max-width:520px;margin:0}
.city-v61 .city-v61-projects{padding:0;gap:62px 24px}
.city-v61-projects[data-project-count="3"]>.project-page-card:last-child{grid-column:1/-1}
.city-v61-projects[data-project-count="3"]>.project-page-card:last-child .project-page-image{aspect-ratio:2.05/1}
.city-v61-proof{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-top:56px;padding-top:32px;border-top:1px solid var(--line-dark,#bcbcb8)}
.city-v61-proof h3{font-size:23px;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:0 0 16px}
.city-v61-proof p:not(.eyebrow){font-size:15px;line-height:1.75;margin:0;max-width:850px}
.city-v61-proof>a{border:1px solid currentColor;padding:16px 22px}
.city-v61-proof>a:hover{background:#d8d8d4}
.city-v61 [id^="city-"]{scroll-margin-top:100px}
.city-v61 a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.city-v61 .project-page-card:focus-visible{outline-offset:8px}
@media(max-width:900px){
 .city-v61 .city-v61-hero{padding:108px 22px 58px}
 .city-v61 .city-v61-hero h1{font-size:clamp(48px,7.8vw,76px)}
 .city-v61-hero-bottom{margin-top:36px}
 .city-v61 .services-page-section{padding-top:76px;padding-bottom:86px}
 .city-v61-portfolio{padding:88px 22px 96px}
 .city-v61-section-heading{grid-template-columns:1fr;gap:26px;margin-bottom:40px}
 .city-v61-proof{grid-template-columns:1fr;gap:24px}
 .city-v61-proof>a{justify-self:start}
 .city-v61 .city-v61-projects{gap:48px 20px}
}
@media(max-width:600px){
 .city-v61 .city-v61-hero .eyebrow{margin-bottom:36px}
 .city-v61 .city-v61-hero h1{font-size:clamp(30px,8.2vw,50px);letter-spacing:-.055em;line-height:1.06}
 .city-v61 .city-v61-hero h1 span{font-size:.88em}
 .city-v61-actions{gap:16px 24px}
 .city-v61-actions a{font-size:12px}
 .city-v61-page-nav{gap:4px 24px;margin-top:36px;padding-top:18px}
 .city-v61-package-heading h2,.city-v61-section-heading h2{font-size:clamp(30px,8.2vw,46px);line-height:1.1}
 .city-v61-projects[data-project-count="3"]>.project-page-card:last-child .project-page-image{aspect-ratio:16/10}
 .city-v61-proof{margin-top:40px;padding-top:28px}
 .city-v61-proof h3{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.city-v61 .project-page-card img{transition:none}}