.city-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:35px 0 64px}.city-hero h1{font-size:clamp(34px,4.2vw,60px);line-height:1.08;margin:18px 0 24px}.city-hero p{max-width:550px}.city-price{font-size:36px;font-weight:600;margin:25px 0}.city-price small{display:block;font-size:14px;font-weight:400;color:#59685d;margin-top:6px}.city-secondary{display:inline-block;margin:16px 0 0 18px;text-decoration:underline;text-underline-offset:5px}.city-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:18px;background:#dce2dc;box-shadow:14px 14px 0 #e9e9df}.city-palette a{position:relative;aspect-ratio:1;min-width:0;overflow:hidden}.city-palette img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.city-palette a:hover img{transform:scale(1.06)}.city-palette span{position:absolute;bottom:5px;left:5px;background:#fffffff0;color:#24332c;font-size:10px;padding:2px 5px}.city-banner{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;background:#e1e7e1;padding:44px 5%;margin-top:64px}.city-banner h2{font-size:clamp(28px,3vw,40px);margin:16px 0}.city-banner p{max-width:550px}.city-banner .city-palette{box-shadow:none;padding:0;background:none;gap:5px}.city-banner-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}.city-banner-bottom strong{font-size:26px;font-weight:500}.city-use,.city-request{display:grid;grid-template-columns:1fr 1fr;gap:64px}.city-use{border-bottom:1px solid #d7ded7}.city-calc{background:#e9ede7;padding:28px;min-width:0}.city-calc h2{font-size:25px;margin:0 0 24px}.city-calc .summary{gap:16px}.city-calc .summary strong{font-size:24px}.city-brief{width:100%;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5;padding:12px;min-height:185px;border:1px solid #d5ddd5;background:#fff;resize:vertical;margin:14px 0}.city-calc input{min-width:0;width:100%;box-sizing:border-box}.city-specs{margin:0}.city-specs>div{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #dfe3dd;padding:14px 0}.city-specs dt{color:#667165;flex:1}.city-specs dd{margin:0;text-align:right;flex:1}.city-faq{padding-top:20px}.city-faq details{border-bottom:1px solid #d6dcd5;padding:20px 0}.city-faq summary{cursor:pointer;font-size:20px}.city-faq p{max-width:850px}.city-callout{padding:20px 24px;background:#e1e7e1;border-left:3px solid #354d3b}.city-callout a{text-decoration:underline;text-underline-offset:3px}.city-banner a:focus-visible,.city-palette a:focus-visible{outline:3px solid #9f452b;outline-offset:4px}
@media(max-width:760px){.city-hero,.city-use,.city-request{grid-template-columns:1fr;gap:30px}.city-hero{padding-top:14px}.city-palette{box-shadow:7px 7px 0 #e9e9df}.city-banner{grid-template-columns:1fr;padding:32px 6%;gap:24px;margin-top:40px}.city-banner .city-palette{grid-template-columns:repeat(8,minmax(0,1fr))}.city-banner .city-palette span{display:none}.city-calc{padding:20px}.city-calc .summary{flex-wrap:wrap}.city-secondary{margin-left:0;margin-right:18px}.city-specs{font-size:14px}.city-specs>div{gap:12px}.city-price{font-size:32px}}
.city-calc .calc-row{align-items:end}.city-calc input{padding:12px;border:1px solid #cbd3c9;background:#fff;color:#24332c;font:inherit;min-height:48px}.city-calc input:focus{outline:2px solid #9f452b;outline-offset:2px}

nav .links a[href="/collections/city/"]{color:#9f452b;font-weight:700}nav .links a[href="/collections/city/"]:hover{color:#79331f}nav .links a[href="/collections/city/"]:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}