/* City pages (source: site-embeds/build_city_embeds.py) */
/* ── the "show your colours" section ── */
.hzcx{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center;margin:0 0 44px;padding:30px;border-radius:22px;background:radial-gradient(120% 120% at 100% 0%,#0b4a5c 0%,#003848 45%,#001a25 100%);color:#fff;font-family:Inter,system-ui,sans-serif;box-shadow:0 24px 50px rgba(0,26,37,.25);overflow:hidden}
.hzcx-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,163,26,.16);color:#ffb648;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hzcx-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:#ffa31a;box-shadow:0 0 10px #ffa31a;animation:hzcxPulse 1.6s ease-in-out infinite}
@keyframes hzcxPulse{50%{opacity:.35}}
.hzcx h2.hzcx-title{margin:14px 0 10px;color:#fff;font-size:clamp(26px,3vw,34px);line-height:1.12;font-weight:800;letter-spacing:-.01em}
.hzcx p.hzcx-text{margin:0 0 18px;color:#c4d3d9;font-size:16px;line-height:1.6}
.hzcx-looks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.hzcx-look{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#e3edf0;font:600 13px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:background-color .18s,border-color .18s,transform .18s}
.hzcx-look:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.hzcx-look[aria-checked="true"]{border-color:#ffa31a;background:rgba(255,163,26,.18);color:#fff}
.hzcx-look i{display:inline-flex;gap:3px}.hzcx-look i b{width:8px;height:8px;border-radius:50%}
.hzcx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.hzcx-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;background:linear-gradient(135deg,#ffa31a,#e67d00);color:#fff!important;font-weight:800;font-size:16px;text-decoration:none!important;box-shadow:0 8px 22px rgba(230,125,0,.35);transition:transform .18s,box-shadow .18s,filter .18s}
.hzcx-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 28px rgba(230,125,0,.45)}
.hzcx-btn::before{content:"";width:16px;height:16px;background:#fff;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'><path d='M11 2.5l2.1 5.6 5.6 2.1-5.6 2.1L11 17.9l-2.1-5.6-5.6-2.1 5.6-2.1z'/><path d='M18.5 14l1 2.6 2.5 1-2.5 1-1 2.4-1-2.4-2.5-1 2.5-1z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'><path d='M11 2.5l2.1 5.6 5.6 2.1-5.6 2.1L11 17.9l-2.1-5.6-5.6-2.1 5.6-2.1z'/><path d='M18.5 14l1 2.6 2.5 1-2.5 1-1 2.4-1-2.4-2.5-1 2.5-1z'/></svg>") center/contain no-repeat}
.hzcx-note{color:#9fb3bb;font-size:13px}
.hzcx-scene{position:relative;aspect-ratio:8/5;background:#0b1a2a;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.35)}
.hzcx-svg{display:block;width:100%;height:auto}
.hzcx-d{transition:fill .35s,opacity .35s}
.hzcx-wa,.hzcx-wb{transition:stroke .35s}
.hzcx-stars circle{animation:hzcxTw 3.5s ease-in-out infinite}.hzcx-stars circle:nth-child(3n){animation-delay:-1.2s}.hzcx-stars circle:nth-child(3n+1){animation-delay:-2.4s}
@keyframes hzcxTw{50%{opacity:.15}}
.hzcx-tag{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(0,26,37,.7);color:#fff;font:700 12px/1 Inter,system-ui,sans-serif;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (max-width:900px){.hzcx{grid-template-columns:1fr;padding:22px;gap:20px}.hzcx-scene{order:-1}}
@media (prefers-reduced-motion:reduce){.hzcx-pill::before,.hzcx-stars circle{animation:none}}

/* ── night photos of installs ── */
.hzcx-strip{margin:0 0 44px;font-family:Inter,system-ui,sans-serif}
.hzcx-strip-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:16px}
.hzcx-strip-head h2{margin:0;color:#111827;font-size:28px;line-height:1.25;font-weight:700}
.hzcx-strip-head a{color:#e67d00;font-weight:700;text-decoration:none}.hzcx-strip-head a:hover{text-decoration:underline}
.hzcx-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hzcx-ph{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#001a25;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.hzcx-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.hzcx-ph:hover img{transform:scale(1.06)}
.hzcx-ph span{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:rgba(0,26,37,.72);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (max-width:767px){.hzcx-photos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none}.hzcx-photos::-webkit-scrollbar{display:none}.hzcx-ph{flex:0 0 78%;scroll-snap-align:center}}

/* ── the page's own blocks: icon feature cards, neighbourhood chips, FAQ accordion ── */
.hz-g3>.hz-panel,.hz-g4>.hz-panel{margin:0;text-align:center;transition:transform .2s,box-shadow .2s}
.hz-g3>.hz-panel:hover,.hz-g4>.hz-panel:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,26,37,.12)}
.hz-g3>.hz-panel::before,.hz-g4>.hz-panel::before{content:"";display:block;width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#fff5e6 center/26px no-repeat}
.hz-panel.hzcx-i-snow::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2v20M4.9 6.5l14.2 11M19.1 6.5l-14.2 11M9.5 3.5L12 6l2.5-2.5M9.5 20.5L12 18l2.5 2.5'/></svg>")}.hz-panel.hzcx-i-phone::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='6' y='2.5' width='12' height='19' rx='2.5'/><path d='M10.5 18.5h3'/></svg>")}.hz-panel.hzcx-i-wrench::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14.7 6.3a4 4 0 0 0 5 5L21 13l-2 2-1.3-1.3a4 4 0 0 0-5-5L4 17.4a1.8 1.8 0 0 0 2.6 2.6l8.7-8.7'/></svg>")}.hz-panel.hzcx-i-shield::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.5l8 3v6c0 5-3.4 8.6-8 10-4.6-1.4-8-5-8-10v-6z'/><path d='M8.5 12l2.5 2.5 4.5-5'/></svg>")}.hz-panel.hzcx-i-sun::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='4.2'/><path d='M12 2v2.5M12 19.5V22M2 12h2.5M19.5 12H22M4.9 4.9l1.8 1.8M17.3 17.3l1.8 1.8M4.9 19.1l1.8-1.8M17.3 6.7l1.8-1.8'/></svg>")}.hz-panel.hzcx-i-calendar::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3.5' y='5' width='17' height='15.5' rx='2.5'/><path d='M3.5 10h17M8 3v4M16 3v4'/></svg>")}.hz-panel.hzcx-i-wind::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 9h11a3 3 0 1 0-3-3M3 15h15a3 3 0 1 1-3 3M3 12h7'/></svg>")}.hz-panel.hzcx-i-home::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 11L12 4l8.5 7M6 9.5V20h12V9.5'/><path d='M10 20v-5h4v5'/></svg>")}
.hz-ul{list-style:none;padding-left:0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:18px}
.hz-ul .hz-li{display:flex;align-items:center;gap:10px;margin:0;padding:11px 14px;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(0,26,37,.07);color:#003848;font-weight:600;transition:transform .18s,box-shadow .18s}
.hz-ul .hz-li:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(230,125,0,.15)}
.hz-ul .hz-li::before{content:"";flex:none;width:30px;height:30px;border-radius:9px;background:#fff5e6 url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 11L12 4l8.5 7M6 9.5V20h12V9.5'/><path d='M10 20v-5h4v5'/></svg>") center/17px no-repeat}
.hzcx-acc .hz-faq{margin-bottom:10px;padding:0;border:0;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(0,26,37,.07);overflow:hidden}
.hzcx-acc .hz-faq>.hz-row{display:block;margin:0;padding:16px 52px 16px 18px;position:relative;cursor:pointer;user-select:none}
.hzcx-acc .hz-faq>.hz-row:focus-visible{outline:2px solid #ffa31a;outline-offset:-2px}
.hzcx-acc .hz-faq>.hz-row::after{content:"";position:absolute;right:16px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#fff5e6 url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67d00' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 5v14M5 12h14'/></svg>") center/16px no-repeat;transition:transform .25s}
.hzcx-acc .hz-faq.hzcx-open>.hz-row::after{transform:rotate(45deg)}
.hzcx-acc .hz-faq .hz-h3{margin:0;font-size:17px}
.hzcx-acc .hz-faq>p{display:none;margin:0;padding:0 18px 18px}
.hzcx-acc .hz-faq.hzcx-open>p{display:block;animation:hzcxIn .25s ease}
@keyframes hzcxIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}