:root{
  --property-green:#35d08a;
  --property-blue:#69a7ff;
  --property-gold:#f0bd67;
  --property-red-bright:#ff3640;
}
.property-page{background:radial-gradient(circle at 12% 4%,rgba(53,208,138,.08),transparent 28rem),radial-gradient(circle at 86% 16%,rgba(229,9,20,.16),transparent 32rem),var(--bg)}
.property-page .site-header{background:rgba(7,8,12,.91)}
.property-page .site-nav{font-size:.75rem}
.property-page .site-nav a{padding-inline:10px}
.property-page .site-nav .nav-cta{background:linear-gradient(135deg,#c9000a,var(--red-dark));border-color:transparent}
.property-page .breadcrumb{background:rgba(9,11,16,.92)}
.property-hero{position:relative;isolation:isolate;overflow:hidden;padding:68px 0 58px;border-bottom:1px solid var(--line)}
.property-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(100deg,rgba(7,8,12,.98),rgba(7,8,12,.86) 55%,rgba(7,8,12,.62)),radial-gradient(circle at 82% 22%,rgba(229,9,20,.28),transparent 22rem)}
.property-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 18%,#000 74%)}
.property-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:42px;align-items:center}
.property-hero-copy h1{max-width:850px;margin-bottom:20px;font-size:clamp(3rem,6.6vw,6.7rem);line-height:.94;letter-spacing:-.06em;text-transform:uppercase}
.property-hero-copy h1 span{color:var(--red)}
.property-hero-copy .hero-lead{max-width:720px;font-size:clamp(1.05rem,1.7vw,1.28rem);color:#eef1f5}
.property-hero-copy .hero-detail{max-width:700px;margin-top:16px}
.property-hero-media{position:relative;overflow:hidden;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:0 30px 90px rgba(0,0,0,.48)}
.property-hero-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:19px}
.property-hero-note{display:flex;align-items:center;gap:10px;margin:12px 5px 1px;color:#e8ebf1;font-size:.77rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.property-hero-note::before{content:"";width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--property-green);box-shadow:0 0 18px rgba(53,208,138,.7)}
.property-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.property-trust span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:#dfe3e9;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.property-page .eyebrow,.section-kicker{color:var(--property-red-bright)}
.section-kicker{margin:0 0 12px;font-size:.76rem;font-weight:950;letter-spacing:.22em;text-transform:uppercase}
.property-heading{max-width:860px;margin-bottom:30px}
.property-heading h2{margin-bottom:15px;font-size:clamp(2.35rem,4.5vw,4.05rem);line-height:.97;letter-spacing:-.05em;text-transform:uppercase}
.property-heading p{max-width:760px}
.property-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.proof-card{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:22px;background:#090b10;box-shadow:0 20px 60px rgba(0,0,0,.26)}
.proof-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.proof-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#f2f4f7;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.proof-card figcaption span{color:var(--red)}
.property-note{margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--property-green);border-radius:0 16px 16px 0;background:rgba(53,208,138,.055)}
.property-note p{margin:0}
.property-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.property-card{position:relative;overflow:hidden;padding:25px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.02));box-shadow:0 18px 52px rgba(0,0,0,.16)}
.property-card::before{content:"";position:absolute;right:-44px;top:-44px;width:130px;height:130px;border-radius:50%;background:rgba(229,9,20,.09)}
.property-card .number{display:inline-flex;margin-bottom:30px;color:var(--property-red-bright);font-size:.76rem;font-weight:950;letter-spacing:.18em}
.property-card h3{position:relative;margin-bottom:9px;text-transform:uppercase;font-size:1.04rem}
.property-card p{position:relative;margin-bottom:0}
.property-card a{position:relative;display:inline-flex;margin-top:14px;color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.property-card a::after{content:" \2192";color:var(--red)}
.property-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);gap:34px;align-items:start}
.property-panel{padding:28px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 88% 12%,rgba(229,9,20,.15),transparent 15rem),linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.property-panel h3{font-size:1.1rem;text-transform:uppercase}
.property-panel ul,.plain-checks{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.property-panel li,.plain-checks li{position:relative;padding-left:24px;color:#cbd1da}
.property-panel li::before,.plain-checks li::before{content:"✓";position:absolute;left:0;color:var(--property-green);font-weight:950}
.film-choice-list{display:grid;gap:12px}
.film-choice{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}
.film-choice strong{color:#fff;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}
.film-choice p{margin:0}
.film-choice p a{color:#fff;font-weight:850;white-space:nowrap}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.work-grid figure{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:20px;background:#090b10}
.work-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.work-grid figure.is-portrait img{aspect-ratio:3/4}
.work-grid figcaption{padding:13px 15px;color:#dfe3e9;font-size:.76rem;font-weight:800}
.commercial-visual{position:relative;min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:28px;background:linear-gradient(155deg,#151923,#080a0f);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.commercial-visual::before{content:"";position:absolute;inset:28px;display:block;border:1px solid rgba(105,167,255,.35);background:linear-gradient(90deg,transparent 32.8%,rgba(105,167,255,.28) 33%,transparent 33.4%,transparent 66.2%,rgba(105,167,255,.28) 66.5%,transparent 66.9%),linear-gradient(transparent 48.8%,rgba(105,167,255,.28) 49%,transparent 49.5%),linear-gradient(135deg,rgba(105,167,255,.16),rgba(255,255,255,.015));box-shadow:inset 0 0 70px rgba(105,167,255,.08)}
.commercial-visual::after{content:"SITE-SPECIFIC WINDOW FILM PLAN";position:absolute;left:50%;top:50%;width:min(78%,360px);transform:translate(-50%,-50%);padding:20px;border:1px solid rgba(229,9,20,.55);border-radius:16px;background:rgba(7,8,12,.9);color:#fff;text-align:center;font-size:.88rem;font-weight:950;letter-spacing:.12em;box-shadow:0 18px 60px rgba(0,0,0,.5)}
.scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.scope-card{padding:22px;border-top:3px solid var(--red);border-radius:3px 3px 18px 18px;background:rgba(255,255,255,.045)}
.scope-card h3{font-size:.94rem;text-transform:uppercase}
.scope-card p{margin:0;font-size:.93rem}
.process-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:property-step}
.process-line article{position:relative;padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035);counter-increment:property-step}
.process-line article::before{content:"0" counter(property-step);display:block;margin-bottom:30px;color:var(--red);font-weight:950;letter-spacing:.16em}
.process-line h3{font-size:.95rem;text-transform:uppercase}
.process-line p{margin-bottom:0}
.property-quote-wrap{display:grid;grid-template-columns:minmax(0,.84fr) minmax(420px,1.16fr);gap:30px;align-items:start}
.property-quote-copy{position:sticky;top:118px}
.property-quote-copy h2{font-size:clamp(2.4rem,4.7vw,4.7rem);line-height:.95;letter-spacing:-.055em;text-transform:uppercase}
.property-form-card{padding:30px;border:1px solid rgba(229,9,20,.42);border-radius:24px;background:radial-gradient(circle at 88% 8%,rgba(229,9,20,.16),transparent 17rem),linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 28px 80px rgba(0,0,0,.34)}
.property-form-card h3{font-size:1.25rem;text-transform:uppercase}
.property-form-card .form-intro{margin-bottom:20px}
.property-form-card .quote-form{gap:15px}
.property-form-card .form-grid{align-items:start}
.property-form-card select option{background:#121722}
.field-help{display:block!important;color:#89919d!important;font-size:.72rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
.form-success-note{padding:12px 14px;border:1px solid rgba(53,208,138,.36);border-radius:12px;background:rgba(53,208,138,.1);color:#f0fff8}
.topic-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.topic-link{padding:23px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.02));transition:transform 180ms ease,border-color 180ms ease}
.topic-link:hover{transform:translateY(-2px);border-color:rgba(229,9,20,.55)}
.topic-link strong{display:block;margin-bottom:8px;text-transform:uppercase}
.topic-link span{color:var(--muted);font-size:.92rem}
.topic-link em{display:block;margin-top:16px;color:#fff;font-size:.73rem;font-style:normal;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.topic-link em::after{content:" \2192";color:var(--red)}
.area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.area-card{padding:27px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.065),rgba(255,255,255,.02))}
.area-card h2,.area-card h3{text-transform:uppercase}
.area-card h3{margin-bottom:10px}
.area-card .area-focus{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:#fff;font-size:.78rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.cluster-map{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cluster-column{padding:27px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035)}
.cluster-column h2{font-size:1.2rem;text-transform:uppercase}
.cluster-column a{display:block;padding:11px 0;border-bottom:1px solid var(--line);color:#fff;font-weight:850}
.cluster-column a:last-child{border-bottom:0}
.gallery-disclosure{padding:23px;border:1px solid rgba(240,189,103,.3);border-radius:18px;background:rgba(240,189,103,.06)}
.gallery-disclosure strong{display:block;margin-bottom:7px;color:#fff;text-transform:uppercase}
.gallery-disclosure p{margin:0}
.property-faq details{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);margin-bottom:10px;overflow:hidden}
.property-faq summary{cursor:pointer;padding:18px 20px;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.property-faq details p{padding:0 20px 19px;margin:0}
.property-thank-you{min-height:72vh;display:grid;align-items:center;padding:70px 0}
.thank-you-card{max-width:900px;margin-inline:auto;padding:42px;border:1px solid rgba(53,208,138,.4);border-radius:28px;background:radial-gradient(circle at 88% 12%,rgba(53,208,138,.14),transparent 18rem),linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 30px 90px rgba(0,0,0,.4)}
.thank-you-card h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.94;letter-spacing:-.06em;text-transform:uppercase}
.next-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
.next-step-grid div{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.18)}
.next-step-grid strong{display:block;margin-bottom:8px;color:#fff;text-transform:uppercase;font-size:.78rem}
.mobile-property-cta{display:none}
.property-page .site-footer{padding-bottom:36px}

/* Property hub: two unmistakable funnels */
.hub-hero .property-hero-grid{grid-template-columns:minmax(0,.87fr) minmax(520px,1.13fr);gap:34px}
.hub-hero .property-hero-copy h1{font-size:clamp(3rem,5.7vw,5.8rem)}
.hub-split-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:570px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:#080a0e;box-shadow:0 34px 100px rgba(0,0,0,.5)}
.hub-visual-panel{position:relative;isolation:isolate;overflow:hidden;color:#fff}
.hub-visual-panel+ .hub-visual-panel{border-left:1px solid rgba(255,255,255,.22)}
.hub-visual-panel picture,.hub-visual-panel img{display:block;width:100%;height:100%}
.hub-visual-panel img{position:absolute;inset:0;object-fit:cover;transition:transform 420ms ease,filter 420ms ease}
.hub-visual-panel.is-home img{object-position:60% center}
.hub-visual-panel.is-commercial img{object-position:54% center}
.hub-visual-panel::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,8,12,.06) 25%,rgba(7,8,12,.94) 100%)}
.hub-visual-panel.is-commercial::after{background:linear-gradient(180deg,rgba(9,20,25,.05) 20%,rgba(7,12,16,.95) 100%)}
.hub-visual-panel:hover img{transform:scale(1.035);filter:saturate(1.08)}
.hub-visual-label{position:absolute;z-index:2;left:22px;right:22px;bottom:23px;display:grid;gap:4px}
.hub-visual-label small{color:var(--property-red-bright);font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.hub-visual-panel.is-commercial .hub-visual-label small{color:#b9e5ec}
.hub-visual-label strong{font-size:clamp(1.4rem,2vw,2rem);letter-spacing:-.02em;text-transform:uppercase}
.hub-visual-label em{color:#fff;font-size:.77rem;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.hub-visual-divider{position:absolute;z-index:5;left:50%;top:23px;transform:translateX(-50%);padding:9px 12px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(7,8,12,.88);color:#fff;font-size:.67rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(10px)}
.hub-visual-divider b{padding-inline:6px;color:var(--property-red-bright)}
.hub-path-section{position:relative;overflow:hidden}
.hub-path-section::before{content:"CHOOSE THE BUILDING";position:absolute;right:-25px;top:35px;color:rgba(255,255,255,.022);font-size:clamp(4rem,9vw,8rem);font-weight:950;letter-spacing:-.05em;white-space:nowrap;pointer-events:none}
.hub-route-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.hub-route-card{position:relative;isolation:isolate;overflow:hidden;min-height:370px;padding:34px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 92% 10%,rgba(229,9,20,.18),transparent 19rem),linear-gradient(145deg,#151822,#090b10);color:#fff;box-shadow:0 22px 68px rgba(0,0,0,.24);transition:transform 180ms ease,border-color 180ms ease}
.hub-route-card.is-commercial{border-color:rgba(158,213,223,.25);background:radial-gradient(circle at 92% 10%,rgba(158,213,223,.18),transparent 19rem),linear-gradient(145deg,#142027,#090c11)}
.hub-route-card:hover{transform:translateY(-3px);border-color:rgba(229,9,20,.55)}
.hub-route-card.is-commercial:hover{border-color:rgba(158,213,223,.56)}
.hub-route-card::after{content:"HOME";position:absolute;z-index:-1;right:-10px;bottom:-20px;color:rgba(255,255,255,.035);font-size:clamp(5rem,10vw,9rem);font-weight:950;letter-spacing:-.08em}
.hub-route-card.is-commercial::after{content:"WORK"}
.hub-route-index{display:block;margin-bottom:48px;color:var(--property-red-bright);font-size:.73rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.hub-route-card.is-commercial .hub-route-index{color:#b9e5ec}
.hub-route-card h3{max-width:620px;font-size:clamp(1.55rem,2.8vw,2.65rem);line-height:1;text-transform:uppercase}
.hub-route-card p{max-width:580px}
.hub-route-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 27px;padding:0;list-style:none}
.hub-route-card li{padding:8px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.035);font-size:.68rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.hub-route-card em{font-size:.75rem;font-style:normal;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.hub-proof-rail{display:grid;grid-template-columns:1fr 1fr auto;gap:1px;margin-top:15px;border:1px solid var(--line);border-radius:18px;background:var(--line);overflow:hidden}
.hub-proof-rail>*{padding:17px 19px;background:#0b0e14;color:#cbd1da;font-size:.73rem}
.hub-proof-rail strong{display:block;color:#fff;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase}
.hub-proof-rail a{display:flex;align-items:center;color:#fff;font-weight:900;text-transform:uppercase}

/* Residential visual system */
.residential-page .property-hero{padding-block:78px 68px}
.residential-page .property-hero::before{background:linear-gradient(100deg,rgba(7,8,12,.99),rgba(7,8,12,.88) 54%,rgba(45,5,10,.72)),radial-gradient(circle at 85% 17%,rgba(229,9,20,.34),transparent 24rem)}
.residential-hero-media{isolation:isolate}
.residential-hero-media img{object-position:center 44%}
.residential-hero-media::before{content:"";position:absolute;z-index:1;inset:22px;border:1px solid rgba(255,255,255,.2);border-image:linear-gradient(135deg,rgba(229,9,20,.88),transparent 33%,transparent 67%,rgba(53,208,138,.65)) 1;pointer-events:none}
.residential-hero-media::after{content:"";position:absolute;z-index:1;left:22px;right:22px;top:47%;height:1px;background:linear-gradient(90deg,transparent,rgba(229,9,20,.8),rgba(255,255,255,.82),rgba(229,9,20,.8),transparent);box-shadow:0 0 18px rgba(229,9,20,.72);pointer-events:none}

.proof-showcase{position:relative;overflow:hidden}
.proof-showcase::before{content:"BEFORE / AFTER";position:absolute;right:-26px;top:88px;color:rgba(255,255,255,.025);font-size:clamp(4.2rem,10vw,9rem);font-weight:950;letter-spacing:-.05em;white-space:nowrap;pointer-events:none}
.home-transformation{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:16px;align-items:stretch}
.transformation-shot{position:relative;overflow:hidden;margin:0;border:1px solid var(--line);border-radius:24px;background:#090b10;box-shadow:0 25px 70px rgba(0,0,0,.32)}
.transformation-shot.is-after{border-color:rgba(229,9,20,.58);box-shadow:0 25px 70px rgba(0,0,0,.34),0 0 36px rgba(229,9,20,.09)}
.transformation-shot img{display:block;width:100%;height:100%;min-height:410px;aspect-ratio:4/3;object-fit:cover}
.transformation-shot figcaption{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:13px 15px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(7,8,12,.88);backdrop-filter:blur(12px)}
.transformation-shot figcaption span{grid-row:1/3;color:var(--red);font-size:1.7rem;font-weight:950;line-height:1}
.transformation-shot figcaption strong{color:#fff;text-transform:uppercase;letter-spacing:.08em}
.transformation-shot figcaption small{color:#aeb5c0}
.transformation-bridge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#fff;text-align:center;text-transform:uppercase}
.transformation-bridge::before{content:"";position:absolute;z-index:-1;top:10%;bottom:10%;left:50%;width:1px;background:linear-gradient(transparent,var(--red),transparent);box-shadow:0 0 18px rgba(229,9,20,.65)}
.transformation-bridge span{padding:7px 5px;background:var(--bg);font-size:.62rem;font-weight:900;letter-spacing:.1em}
.transformation-bridge i{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(229,9,20,.65);border-radius:50%;background:#0c0e14;color:var(--red);font-style:normal}

.comfort-section{position:relative;overflow:hidden}
.comfort-section::after{content:"";position:absolute;right:-220px;top:80px;width:520px;height:520px;border:1px solid rgba(229,9,20,.08);border-radius:50%;box-shadow:0 0 0 60px rgba(229,9,20,.025),0 0 0 120px rgba(229,9,20,.018);pointer-events:none}
.comfort-blueprint{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(320px,1.35fr) minmax(0,.82fr);grid-template-areas:"heat core glare" "uv core privacy";gap:14px;align-items:stretch}
.comfort-core{grid-area:core;display:grid;align-content:center;min-height:570px;padding:24px;border:1px solid rgba(229,9,20,.4);border-radius:28px;background:radial-gradient(circle at 20% 18%,rgba(229,9,20,.16),transparent 17rem),linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:0 26px 80px rgba(0,0,0,.3)}
.comfort-core svg{display:block;width:100%;height:auto;overflow:visible}
.comfort-sun{fill:rgba(240,189,103,.18);stroke:var(--property-gold);stroke-width:3}
.comfort-rays,.comfort-energy,.comfort-return,.comfort-house,.comfort-roof,.comfort-window-grid,.comfort-room{fill:none;stroke-linecap:round;stroke-linejoin:round}
.comfort-rays{stroke:var(--property-gold);stroke-width:3}
.comfort-energy{stroke:rgba(240,189,103,.88);stroke-width:3;stroke-dasharray:8 8}
.comfort-return{stroke:var(--red);stroke-width:4}
.comfort-house,.comfort-roof{stroke:#e8ebf1;stroke-width:4}
.comfort-window{stroke:var(--property-blue);stroke-width:3}
.comfort-window-grid{stroke:rgba(255,255,255,.45);stroke-width:2}
.comfort-film-line{stroke:var(--red);stroke-width:7}
.comfort-room{stroke:rgba(53,208,138,.75);stroke-width:3}
.comfort-core-copy{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:4px;color:#9da5b1;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.comfort-core-copy strong{padding:8px 11px;border:1px solid rgba(229,9,20,.38);border-radius:999px;background:rgba(229,9,20,.08);color:#fff}
.comfort-node{position:relative;overflow:hidden;padding:23px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));transition:transform 180ms ease,border-color 180ms ease}
.comfort-node:hover{transform:translateY(-3px);border-color:rgba(229,9,20,.48)}
.comfort-node.is-heat{grid-area:heat}.comfort-node.is-glare{grid-area:glare}.comfort-node.is-uv{grid-area:uv}.comfort-node.is-privacy{grid-area:privacy}
.comfort-node>span{position:absolute;right:18px;top:17px;color:rgba(255,255,255,.13);font-size:1.8rem;font-weight:950}
.comfort-node h3{margin:18px 0 8px;color:#fff;font-size:1rem;text-transform:uppercase}
.comfort-node p{margin:0;font-size:.9rem}
.comfort-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(229,9,20,.38);border-radius:14px;background:rgba(229,9,20,.08);color:var(--red)}
.comfort-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.comfort-footnote{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}
.comfort-footnote span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#dce1e8;font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}

.applications-showcase{position:relative}
.glass-review-visual{overflow:hidden;border:1px solid rgba(105,167,255,.3);border-radius:24px;background:linear-gradient(150deg,rgba(105,167,255,.07),rgba(255,255,255,.02));box-shadow:0 26px 72px rgba(0,0,0,.28)}
.glass-review-photo{position:relative;overflow:hidden}
.glass-review-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,8,12,.9));pointer-events:none}
.glass-review-photo img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.review-photo-label{position:absolute;z-index:2;left:17px;bottom:16px;color:#fff;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.review-hotspot{position:absolute;z-index:3;display:grid;width:30px;height:30px;place-items:center;border:2px solid #fff;border-radius:50%;background:#a30008;color:#fff;font-size:.72rem;font-weight:950;box-shadow:0 0 0 6px rgba(229,9,20,.18),0 8px 24px rgba(0,0,0,.45)}
.hot-1{left:42%;top:37%}.hot-2{left:51%;top:48%}.hot-3{left:60%;top:37%}.hot-4{right:24%;top:48%}.hot-5{right:17%;top:38%}
.review-key{padding:24px}
.review-key h3{margin-bottom:15px;text-transform:uppercase}
.review-key ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.review-key li{display:flex;align-items:center;gap:10px;color:#cbd1da}
.review-key li span{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border:1px solid rgba(229,9,20,.48);border-radius:50%;color:var(--property-red-bright);font-size:.7rem;font-weight:950}
.residential-plan-section{background:radial-gradient(circle at 4% 50%,rgba(229,9,20,.07),transparent 25rem)}

.film-selector-panel{overflow:hidden}
.film-stack-graphic{position:relative;height:220px;margin:-28px -28px 24px;background:radial-gradient(circle at 50% 105%,rgba(229,9,20,.2),transparent 15rem),linear-gradient(150deg,#171b26,#090b10)}
.glass-pane{position:absolute;left:50%;top:32px;width:142px;height:142px;border:1px solid rgba(105,167,255,.65);background:linear-gradient(145deg,rgba(105,167,255,.2),rgba(255,255,255,.025));box-shadow:inset 0 0 30px rgba(105,167,255,.08)}
.pane-1{transform:translateX(-86%) rotate(-7deg)}.pane-2{transform:translateX(-50%);border-color:rgba(229,9,20,.7);background:linear-gradient(145deg,rgba(229,9,20,.18),rgba(105,167,255,.08));box-shadow:0 0 32px rgba(229,9,20,.12)}.pane-3{transform:translateX(-14%) rotate(7deg)}
.film-layer{position:absolute;left:50%;bottom:19px;transform:translateX(-50%);padding:7px 11px;border:1px solid rgba(229,9,20,.45);border-radius:999px;background:rgba(7,8,12,.9);color:#fff;font-size:.65rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}

.project-editorial{position:relative;overflow:hidden}
.home-project-showcase{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.85fr) 44px;gap:13px;min-height:620px}
.project-photo-stack{display:grid;grid-template-rows:1fr 1fr;gap:13px}
.project-photo{position:relative;overflow:hidden;margin:0;border:1px solid var(--line);border-radius:22px;background:#090b10}
.project-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 400ms ease}
.project-photo:hover img{transform:scale(1.025)}
.project-photo figcaption{position:absolute;left:0;right:0;bottom:0;display:grid;gap:4px;padding:44px 18px 17px;background:linear-gradient(transparent,rgba(7,8,12,.94));color:#fff}
.project-photo figcaption span{color:var(--property-red-bright);font-size:.66rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.project-photo figcaption strong{text-transform:uppercase;letter-spacing:.04em}
.project-story-rail{display:flex;flex-direction:column;align-items:center;justify-content:space-around;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(229,9,20,.1),rgba(255,255,255,.02))}
.project-story-rail span{writing-mode:vertical-rl;transform:rotate(180deg);color:#dfe3e9;font-size:.62rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}

.journey-section{background:radial-gradient(circle at 50% 100%,rgba(229,9,20,.1),transparent 25rem)}
.home-project-journey{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none}
.home-project-journey::before{content:"";position:absolute;left:7%;right:7%;top:52px;height:2px;background:linear-gradient(90deg,rgba(229,9,20,.12),var(--red),rgba(229,9,20,.12));box-shadow:0 0 18px rgba(229,9,20,.35)}
.compact-journey{grid-template-columns:repeat(3,minmax(0,1fr))}
.journey-step{position:relative;z-index:1;padding:20px 19px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#11141c,#090b10)}
.journey-number{position:absolute;right:16px;top:11px;color:rgba(255,255,255,.12);font-size:2.1rem;font-weight:950}
.journey-icon{display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(229,9,20,.48);border-radius:50%;background:#0a0c11;color:var(--red);box-shadow:0 0 0 8px #080a0f,0 0 30px rgba(229,9,20,.14)}
.journey-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.journey-step h3{margin:26px 0 8px;color:#fff;font-size:.94rem;text-transform:uppercase}
.journey-step p{margin:0;font-size:.9rem}
.residential-area-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:24px;align-items:center;margin-top:18px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}
.residential-area-band .property-trust{margin:0}
.residential-area-band p{margin:0;font-size:.82rem}
.residential-area-band strong{color:#fff;text-transform:uppercase}

.quote-showcase{position:relative;overflow:hidden}
.quote-showcase::before{content:"CUSTOM HOME FILM";position:absolute;left:-20px;bottom:10%;color:rgba(255,255,255,.025);font-size:clamp(4rem,10vw,8.5rem);font-weight:950;letter-spacing:-.05em;white-space:nowrap;pointer-events:none}
.estimate-stamp{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;margin:24px 0;padding:16px 18px;border:1px solid rgba(229,9,20,.45);border-radius:18px;background:linear-gradient(135deg,rgba(229,9,20,.12),rgba(255,255,255,.025))}
.estimate-stamp span{grid-row:1/3;color:var(--red);font-size:2.9rem;font-weight:950;line-height:1}
.estimate-stamp strong{color:#fff;text-transform:uppercase;letter-spacing:.08em}
.estimate-stamp small{color:#9ca4af}
.quote-showcase .property-form-card{position:relative;overflow:hidden}
.quote-showcase .property-form-card::before{content:"";position:absolute;right:-70px;top:-70px;width:170px;height:170px;border:1px solid rgba(229,9,20,.2);border-radius:50%;box-shadow:0 0 0 35px rgba(229,9,20,.035),0 0 0 70px rgba(229,9,20,.02);pointer-events:none}
.residential-quote-trust{display:grid;gap:9px;margin-top:24px}
.residential-quote-trust span{position:relative;padding:12px 14px 12px 38px;border:1px solid rgba(229,9,20,.2);border-radius:13px;background:rgba(229,9,20,.055);color:#f0e8e9;font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.residential-quote-trust span::before{content:"✓";position:absolute;left:14px;color:var(--property-red-bright);font-weight:950}

@media(max-width:1100px){
  .property-hero-grid,.property-split,.property-quote-wrap{grid-template-columns:1fr}
  .property-hero-media{max-width:760px}
  .property-card-grid,.work-grid,.topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scope-grid,.process-line{grid-template-columns:repeat(2,minmax(0,1fr))}
  .property-quote-copy{position:static}
  .comfort-blueprint{grid-template-columns:1fr 1fr;grid-template-areas:"core core" "heat glare" "uv privacy"}
  .comfort-core{min-height:480px}
  .home-project-showcase{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)}
  .project-story-rail{grid-column:1/-1;flex-direction:row;padding:13px 16px}
  .project-story-rail span{writing-mode:initial;transform:none}
}
@media(max-width:860px){
  .property-page .site-nav{font-size:.78rem}
  .property-hero{padding:52px 0 46px}
  .property-hero-grid{gap:26px}
  .property-hero-copy h1{font-size:clamp(3rem,13vw,5.4rem)}
  .property-card-grid,.topic-links{grid-template-columns:1fr 1fr}
  .work-grid{grid-template-columns:1fr 1fr}
  .work-grid figure.is-portrait img{aspect-ratio:4/3;object-position:center}
  .area-grid,.cluster-map{grid-template-columns:1fr}
  .home-transformation{grid-template-columns:1fr}
  .transformation-bridge{min-height:112px}
  .transformation-bridge::before{top:0;bottom:0}
  .transformation-bridge span{padding:5px 9px}
  .home-project-journey{grid-template-columns:1fr 1fr}
  .home-project-journey::before{display:none}
}
@media(max-width:620px){
  .property-page{padding-bottom:78px}
  .property-hero-copy h1{font-size:clamp(2.8rem,15.5vw,4.8rem)}
  .property-hero-media{padding:9px;border-radius:21px}
  .property-hero-media img{border-radius:14px}
  .property-proof-grid,.property-card-grid,.work-grid,.topic-links,.scope-grid,.process-line,.next-step-grid{grid-template-columns:1fr}
  .proof-card figcaption{align-items:flex-start;flex-direction:column}
  .film-choice{grid-template-columns:1fr;gap:7px}
  .property-form-card,.thank-you-card{padding:22px}
  .property-heading h2,.property-quote-copy h2{font-size:clamp(2.25rem,12vw,3.7rem)}
  .mobile-property-cta{position:fixed;display:flex;left:10px;right:10px;bottom:10px;z-index:115;min-height:56px;align-items:center;justify-content:center;padding:10px 15px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:linear-gradient(135deg,#c9000a,var(--red-dark));color:#fff;font-size:.76rem;font-weight:950;letter-spacing:.06em;text-align:center;text-transform:uppercase;box-shadow:0 18px 50px rgba(0,0,0,.62),0 0 26px rgba(229,9,20,.3);padding-bottom:max(10px,env(safe-area-inset-bottom))}
  .residential-page .property-hero{padding-block:52px 46px}
  .residential-hero-media::before{inset:17px}
  .residential-hero-media::after{left:17px;right:17px}
  .transformation-shot img{min-height:280px}
  .comfort-blueprint{grid-template-columns:1fr;grid-template-areas:"core" "heat" "glare" "uv" "privacy"}
  .comfort-core{min-height:0;padding:15px}
  .comfort-core-copy{grid-template-columns:1fr;gap:6px}
  .comfort-node:hover{transform:none}
  .glass-review-photo img{aspect-ratio:3/4}
  .film-stack-graphic{margin:-22px -22px 22px}
  .home-project-showcase{grid-template-columns:1fr;min-height:0}
  .project-photo-stack{grid-template-rows:auto}
  .project-photo img{height:auto;aspect-ratio:4/3}
  .project-story-rail{display:grid;grid-template-columns:1fr;gap:8px}
  .home-project-journey{grid-template-columns:1fr}
  .journey-step{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}
  .journey-icon{grid-row:1/4;width:56px;height:56px}
  .journey-step h3{margin:8px 0 5px}
  .journey-step p{grid-column:2}
  .journey-number{font-size:1.55rem}
}
@media(prefers-reduced-motion:reduce){.topic-link,.comfort-node,.project-photo img{transition:none}}

/* Commercial frosted-office visual system */
.commercial-page{
  --commercial-ice:#e7f5f7;
  --commercial-blue:#9ed5df;
  --commercial-blue-deep:#417f8b;
}
.commercial-page .site-nav .nav-cta,
.commercial-page .btn-primary,
.commercial-page .mobile-property-cta{background:linear-gradient(135deg,#b9000b,#780007)}
.commercial-hero{padding-block:78px 68px}
.commercial-hero::before{background:linear-gradient(104deg,rgba(7,8,12,.99),rgba(7,8,12,.91) 50%,rgba(20,43,49,.73)),radial-gradient(circle at 85% 18%,rgba(158,213,223,.26),transparent 25rem)}
.commercial-hero::after{opacity:.16;background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 8%,#000 82%)}
.commercial-page .property-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(470px,1.12fr);gap:38px}
.commercial-page .property-hero-copy h1{font-size:clamp(3rem,5.8vw,5.85rem)}
.commercial-page .property-hero-copy h1 span{color:var(--commercial-ice);text-shadow:0 0 38px rgba(158,213,223,.2)}
.commercial-office-hero{position:relative;isolation:isolate;overflow:hidden;margin:0;border:1px solid rgba(231,245,247,.28);border-radius:28px;background:#0a0d12;box-shadow:0 34px 100px rgba(0,0,0,.54),0 0 48px rgba(158,213,223,.08)}
.commercial-office-hero::before{content:"";position:absolute;z-index:2;inset:14px;border:1px solid rgba(255,255,255,.2);border-radius:18px;pointer-events:none}
.commercial-office-hero picture{display:block;overflow:hidden}
.commercial-office-hero img{display:block;width:100%;min-height:510px;aspect-ratio:3/2;object-fit:cover;object-position:center}
.commercial-photo-callout{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(7,8,12,.8);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 28px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
.commercial-photo-callout i{width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--commercial-blue);box-shadow:0 0 0 4px rgba(158,213,223,.22)}
.callout-frost{left:23%;top:53%}
.callout-clear{right:5%;top:29%}
.commercial-photo-strip{position:absolute;z-index:4;left:15px;right:15px;bottom:51px;padding:12px 15px;border-radius:0 0 16px 16px;background:linear-gradient(90deg,rgba(7,8,12,.92),rgba(7,8,12,.72));color:#f5f8fa;font-size:.65rem;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase;backdrop-filter:blur(8px)}
.commercial-photo-strip b{padding-inline:8px;color:var(--commercial-blue)}
.commercial-heading{max-width:960px}
.commercial-heading h2,
.commercial-design-copy h2{font-size:clamp(2.25rem,4.2vw,3.85rem)}
.commercial-solutions{position:relative;overflow:hidden}
.commercial-solutions::before{content:"COMMERCIAL FILM";position:absolute;right:-30px;top:65px;color:rgba(255,255,255,.022);font-size:clamp(4rem,10vw,9rem);font-weight:950;letter-spacing:-.05em;white-space:nowrap;pointer-events:none}
.commercial-bento{position:relative;display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:repeat(2,minmax(190px,1fr));gap:13px}
.commercial-benefit{position:relative;overflow:hidden;padding:23px;border:1px solid rgba(158,213,223,.17);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:0 18px 55px rgba(0,0,0,.16)}
.commercial-benefit::after{content:"";position:absolute;right:-52px;bottom:-52px;width:130px;height:130px;border:1px solid rgba(158,213,223,.09);border-radius:50%;box-shadow:0 0 0 22px rgba(158,213,223,.025)}
.commercial-benefit.is-featured{grid-row:1/3;padding:30px;border-color:rgba(158,213,223,.42);background:radial-gradient(circle at 14% 12%,rgba(158,213,223,.18),transparent 17rem),linear-gradient(150deg,#172127,#0a0d12)}
.benefit-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(158,213,223,.42);border-radius:13px;background:rgba(158,213,223,.08);color:var(--commercial-blue)}
.benefit-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.benefit-icon .ice-fill{fill:rgba(231,245,247,.72);stroke:none}
.commercial-benefit h3{position:relative;margin:18px 0 8px;color:#fff;font-size:1rem;letter-spacing:.025em;text-transform:uppercase}
.commercial-benefit p{position:relative;margin:0;font-size:.88rem;line-height:1.52}
.commercial-benefit a{position:relative;z-index:2;display:inline-flex;margin-top:14px;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.commercial-benefit a::after{content:" \2192";color:var(--commercial-blue)}
.benefit-number{position:absolute;right:25px;top:18px;color:rgba(255,255,255,.13);font-size:2.2rem;font-weight:950}
.mini-frost-glass{position:absolute;left:30px;right:30px;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);height:92px;border:1px solid rgba(158,213,223,.28);background:rgba(158,213,223,.035)}
.mini-frost-glass i{position:relative;border-right:1px solid rgba(158,213,223,.25)}
.mini-frost-glass i:last-child{border-right:0}
.mini-frost-glass i::after{content:"";position:absolute;left:0;right:0;top:39%;height:35%;background:linear-gradient(90deg,rgba(231,245,247,.7),rgba(255,255,255,.88),rgba(231,245,247,.7));box-shadow:0 0 20px rgba(231,245,247,.12)}
.commercial-application-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.commercial-application-strip span{padding:9px 13px;border:1px solid rgba(158,213,223,.2);border-radius:999px;background:rgba(158,213,223,.045);color:#dfe8eb;font-size:.66rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.commercial-design-section{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 50%,rgba(158,213,223,.11),transparent 32rem),#080a0f}
.commercial-design-section::after{content:"";position:absolute;right:-190px;top:-180px;width:460px;height:460px;border:1px solid rgba(158,213,223,.07);border-radius:50%;box-shadow:0 0 0 55px rgba(158,213,223,.018),0 0 0 110px rgba(158,213,223,.012);pointer-events:none}
.commercial-design-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:44px;align-items:center}
.commercial-zone-planner{overflow:hidden;border:1px solid rgba(158,213,223,.32);border-radius:26px;background:linear-gradient(145deg,#152027,#080b10);box-shadow:0 28px 78px rgba(0,0,0,.36)}
.zone-planner-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 19px;border-bottom:1px solid rgba(158,213,223,.2);text-transform:uppercase}
.zone-planner-top span{color:var(--commercial-blue);font-size:.63rem;font-weight:900;letter-spacing:.15em}
.zone-planner-top strong{color:#fff;font-size:.72rem;letter-spacing:.08em}
.zone-window-grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;height:340px;margin:23px;padding:9px;border:1px solid rgba(158,213,223,.25);background:linear-gradient(180deg,rgba(158,213,223,.14),rgba(255,255,255,.018));box-shadow:inset 0 0 50px rgba(158,213,223,.055)}
.zone-pane{position:relative;border:1px solid rgba(202,233,238,.32);background:linear-gradient(150deg,rgba(202,233,238,.09),rgba(255,255,255,.012))}
.zone-pane::before{content:"";position:absolute;left:0;right:0;top:36%;height:34%;background:linear-gradient(90deg,rgba(231,245,247,.76),rgba(255,255,255,.94),rgba(231,245,247,.76));box-shadow:0 0 26px rgba(231,245,247,.12)}
.zone-pane i{position:absolute;left:12%;top:8%;width:1px;height:19%;background:rgba(255,255,255,.3);transform:rotate(28deg)}
.zone-sightline{position:absolute;z-index:2;left:50%;top:53%;transform:translate(-50%,-50%);padding:7px 10px;border:1px solid rgba(7,8,12,.3);border-radius:999px;background:rgba(7,8,12,.84);color:#fff;font-size:.6rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.zone-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid rgba(158,213,223,.17);background:rgba(158,213,223,.17)}
.zone-keys span{display:flex;align-items:center;gap:8px;padding:15px;background:#0b0f14;color:#c6d1d5;font-size:.67rem;font-weight:800;text-transform:uppercase}
.zone-keys b{color:var(--commercial-blue);font-size:.65rem}
.commercial-design-copy h2{margin-bottom:18px;line-height:.98;letter-spacing:-.045em;text-transform:uppercase}
.commercial-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}
.commercial-use-grid span{padding:13px;border-left:2px solid var(--commercial-blue);background:rgba(158,213,223,.055);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.commercial-fineprint{padding-top:15px;border-top:1px solid var(--line);font-size:.75rem}
.commercial-process-section{position:relative;overflow:hidden}
.commercial-process{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:0;padding:0;list-style:none}
.commercial-process li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:17px;min-height:190px;padding:24px;border:1px solid rgba(158,213,223,.18);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016))}
.commercial-process li>span{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(158,213,223,.42);border-radius:50%;background:rgba(158,213,223,.07);color:var(--commercial-blue);font-size:.7rem;font-weight:950;box-shadow:0 0 0 7px rgba(158,213,223,.025)}
.commercial-process h3{margin:4px 0 8px;color:#fff;font-size:.92rem;text-transform:uppercase}
.commercial-process p{margin:0;font-size:.9rem}
.commercial-local-band{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:25px;padding:25px;border:1px solid rgba(158,213,223,.24);border-radius:23px;background:radial-gradient(circle at 0 50%,rgba(158,213,223,.1),transparent 22rem),#0a0d12}
.commercial-local-band h3{font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.18;text-transform:uppercase}
.commercial-local-band p{margin-bottom:0}
.commercial-proof-note{padding-left:22px;border-left:1px solid rgba(158,213,223,.24)}
.commercial-proof-note strong{display:block;color:#fff;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.commercial-proof-note p{font-size:.82rem}
.commercial-proof-note a{display:inline-flex;margin-top:12px;color:#fff;font-size:.69rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.commercial-proof-note a::after{content:" \2192";color:var(--commercial-blue)}
.commercial-faq-section .service-faq-grid{align-items:start}
.commercial-faq-section .property-heading h2{font-size:clamp(2.3rem,4vw,3.6rem)}
.commercial-faq-section .property-faq details{border-color:rgba(158,213,223,.18)}
.commercial-faq-section .property-faq details[open]{border-color:rgba(158,213,223,.42);background:rgba(158,213,223,.055)}
.commercial-quote-section{position:relative;background:radial-gradient(circle at 85% 20%,rgba(158,213,223,.11),transparent 26rem)}
.commercial-quote-section::before{content:"SITE QUOTE";position:absolute;left:-20px;bottom:8%;color:rgba(255,255,255,.022);font-size:clamp(4rem,11vw,9rem);font-weight:950;letter-spacing:-.05em;white-space:nowrap;pointer-events:none}
.commercial-quote-section .property-quote-wrap{position:relative}
.commercial-quote-section .property-form-card{border-color:rgba(158,213,223,.38);background:radial-gradient(circle at 88% 8%,rgba(158,213,223,.14),transparent 17rem),linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.022))}
.commercial-quote-trust{display:grid;gap:9px;margin-top:24px}
.commercial-quote-trust span{position:relative;padding:12px 14px 12px 38px;border:1px solid rgba(158,213,223,.18);border-radius:13px;background:rgba(158,213,223,.045);color:#e7eef0;font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.commercial-quote-trust span::before{content:"✓";position:absolute;left:14px;color:var(--commercial-blue);font-weight:950}
.project-optional-details{overflow:hidden;border:1px solid rgba(158,213,223,.24);border-radius:16px;background:rgba(158,213,223,.035)}
.project-optional-details summary{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;color:#fff;cursor:pointer;font-size:.76rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.project-optional-details summary small{padding:5px 8px;border:1px solid rgba(158,213,223,.28);border-radius:999px;color:var(--commercial-blue,var(--property-red-bright));font-size:.64rem;letter-spacing:.09em}
.project-optional-details[open] summary{border-bottom:1px solid rgba(158,213,223,.18);background:rgba(158,213,223,.05)}
.project-optional-inner{display:grid;gap:15px;padding:17px}
.residential-page .project-optional-details{border-color:rgba(229,9,20,.24);background:rgba(229,9,20,.035)}
.residential-page .project-optional-details summary small{border-color:rgba(229,9,20,.3);color:var(--property-red-bright)}
.residential-page .project-optional-details[open] summary{border-bottom-color:rgba(229,9,20,.18);background:rgba(229,9,20,.05)}

@media(max-width:1100px){
  .commercial-page .property-hero-grid{grid-template-columns:1fr}
  .commercial-office-hero{max-width:900px}
  .commercial-office-hero img{min-height:0}
  .commercial-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .commercial-benefit.is-featured{grid-row:auto;grid-column:1/-1;min-height:370px}
  .commercial-design-grid{grid-template-columns:1fr}
  .commercial-zone-planner{max-width:900px}
}
@media(max-width:860px){
  .commercial-hero{padding-block:52px 46px}
  .commercial-page .property-hero-copy h1{font-size:clamp(3rem,12vw,5.2rem)}
  .commercial-process{grid-template-columns:1fr}
  .commercial-process li{min-height:0}
  .commercial-local-band{grid-template-columns:1fr}
  .commercial-proof-note{padding:18px 0 0;border-top:1px solid rgba(158,213,223,.24);border-left:0}
}
@media(max-width:620px){
  .commercial-office-hero{border-radius:21px}
  .commercial-office-hero::before{inset:9px;border-radius:13px}
  .commercial-office-hero img{aspect-ratio:4/5;object-position:52% center}
  .commercial-photo-callout{font-size:.64rem}
  .callout-frost{left:10%;top:55%}
  .callout-clear{right:6%;top:30%}
  .commercial-photo-strip{bottom:65px;font-size:.55rem}
  .commercial-photo-strip b{padding-inline:3px}
  .commercial-bento{grid-template-columns:1fr}
  .commercial-benefit.is-featured{grid-column:auto;min-height:390px}
  .mini-frost-glass{left:23px;right:23px;bottom:23px}
  .commercial-application-strip{justify-content:flex-start}
  .zone-planner-top{align-items:flex-start;flex-direction:column}
  .zone-window-grid{grid-template-columns:repeat(3,1fr);height:350px;margin:15px}
  .zone-pane:nth-child(n+4){display:none}
  .zone-keys{grid-template-columns:1fr}
  .commercial-use-grid{grid-template-columns:1fr 1fr}
  .commercial-local-band{padding:20px}
  .commercial-process li{padding:20px}
}
@media(max-width:390px){
  .commercial-photo-callout{display:none}
  .commercial-use-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.commercial-benefit{transition:none}}

/* Benchmark pass: responsive hierarchy and shorter mobile path */
@media(max-width:1100px){
  .hub-hero .property-hero-grid{grid-template-columns:1fr}
  .hub-split-visual{max-width:920px;min-height:520px}
  .residential-area-band{grid-template-columns:1fr}
}
@media(max-width:940px){
  .property-page .header-inner{position:relative}
  .property-page .nav-toggle{display:block;position:relative;z-index:70}
  .property-page .site-nav{position:absolute;z-index:60;left:14px;right:14px;top:calc(100% + 10px);display:grid;gap:4px;padding:18px;border:1px solid var(--line-strong);border-radius:20px;background:rgba(8,10,15,.98);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity 180ms ease,transform 180ms ease,visibility 0s linear 180ms}
  .property-page.nav-open .site-nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
  .property-page .site-nav a,.property-page .site-nav .nav-cta{width:100%;margin:0;padding:14px 16px;border-radius:12px}
  .hub-proof-rail{grid-template-columns:1fr 1fr}
  .hub-proof-rail a{grid-column:1/-1}
}
@media(max-width:700px){
  .hub-route-grid{grid-template-columns:1fr}
  .hub-route-card{min-height:330px;padding:27px}
  .hub-route-index{margin-bottom:35px}
  .hub-split-visual{grid-template-columns:1fr;min-height:0}
  .hub-visual-panel{min-height:330px}
  .hub-visual-panel+ .hub-visual-panel{border-top:1px solid rgba(255,255,255,.22);border-left:0}
  .hub-visual-divider{display:none}
  .hub-proof-rail{grid-template-columns:1fr}
  .hub-proof-rail a{grid-column:auto}
  .compact-journey{grid-template-columns:1fr}
}
@media(max-width:620px){
  .property-page .breadcrumb{display:none}
  .property-page .announcement{display:none}
  .property-page .topbar-inner{display:flex;justify-content:center;padding-block:7px}
  .property-page .topbar-actions{justify-content:center}
  .property-page .phone-link{font-size:.76rem}
  .hub-hero .property-hero-copy h1{font-size:clamp(2.75rem,14.5vw,4.6rem)}
  .hub-visual-panel{min-height:290px}
  .hub-visual-label{left:17px;right:17px;bottom:18px}
  .hub-route-card h3{font-size:clamp(1.55rem,8vw,2.25rem)}
  .residential-area-band{padding:18px}
  .residential-area-band .property-trust{gap:6px}
  .residential-area-band .property-trust span{font-size:.62rem}
}
@media(prefers-reduced-motion:reduce){.hub-visual-panel img,.hub-route-card{transition:none}}
