/* Approved desktop reference: real cutaway first, exterior/interior as manual alternatives. */
@media(min-width:801px){
 html:not(.mobile-redesign-active) body.editorial-flow #screen-1.hero-approved{--hero-ground:#a2ddff;--hero-ink:#0b2c43;--hero-muted:#406784;--hero-panel:linear-gradient(120deg,#f5fcffdd,#d2edfae8);--hero-line:#fff;display:block;min-height:100svh;padding:0;background:linear-gradient(115deg,#a2ddff 0%,#8bd4ff 48%,#69b8e8 100%);color:var(--hero-ink)}
 body.editorial-flow #screen-1.hero-approved::before,body.editorial-flow #screen-1.hero-approved::after{display:none!important}
 body.editorial-flow .hero-approved .hero-shell{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-rows:1fr auto;gap:30px 38px;align-items:center;min-height:100svh;max-width:1840px;width:calc(100% - 80px);padding:clamp(118px,14.7svh,170px) 0 36px;pointer-events:none}
 .hero-approved .editorial-hero{width:min(900px,53vw);max-width:none;align-self:start;margin:clamp(24px,6.2svh,65px) 0 0 20px;min-width:0;pointer-events:auto}
 .hero-approved .editorial-hero .eyebrow{font-size:11px;letter-spacing:2.5px;line-height:1.8;color:var(--hero-muted);margin-bottom:30px}
 .hero-approved .editorial-hero h1{font-size:clamp(44px,4.65vw,90px);line-height:1;letter-spacing:-.045em;margin:0 0 26px;color:var(--hero-ink)}
 .hero-approved .editorial-hero h1 span{color:inherit}
 .hero-approved .editorial-hero p{font-size:clamp(18px,1.65vw,28px);line-height:1.4;color:var(--hero-ink);max-width:min(660px,39vw);margin-bottom:36px}
 .hero-approved .editorial-actions{gap:30px;align-items:center;flex-wrap:wrap}
 .hero-approved .editorial-actions .button{min-height:clamp(54px,4.1vw,78px);padding:16px 30px;font-size:clamp(16px,1.2vw,22px)}
 .hero-approved .editorial-actions .button:not(.outline){min-width:clamp(220px,19.7vw,380px);background:linear-gradient(135deg,#ff9b00,#ff7900);box-shadow:0 12px 24px #c8710020}
 .hero-approved .editorial-actions .outline{border:0;border-radius:0;background:transparent;color:var(--hero-ink);padding-inline:8px;text-decoration:underline;text-underline-offset:6px}
 .hero-project{position:absolute;inset:0;margin:0;min-width:0;width:100%;height:100%;border:0;border-radius:0;z-index:1;pointer-events:none}
 .hero-project-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;border:0;border-radius:0;box-shadow:none}
 /* Preserve the interior's room context instead of enlarging a ceiling crop.
    It remains an unframed background, blended into the existing time-of-day wash. */
 .hero-project[data-view=interior] .hero-project-image{left:24%;width:76%;object-position:center center}
 .hero-project::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--hero-ground) 0%,var(--hero-ground) 28%,color-mix(in srgb,var(--hero-ground) 94%,transparent) 40%,color-mix(in srgb,var(--hero-ground) 54%,transparent) 53%,transparent 74%);pointer-events:none}
 .hero-project[data-view=product]{background:url('/local/templates/solargy/assets/home-kz-v1/assets/hero-blueprint-day.png') center/cover no-repeat}
 .hero-project[data-view=product] .hero-project-image{inset:-2.5% 0 auto 38.5%;width:60%;height:94%;object-fit:contain;object-position:center}
 .hero-project[data-view=product]::after{background:linear-gradient(90deg,var(--hero-ground) 0%,color-mix(in srgb,var(--hero-ground) 90%,transparent) 30%,transparent 62%)}
 .hero-project-controls{position:absolute;bottom:calc(15svh + 42px);right:100px;z-index:2;display:flex;gap:8px;padding:5px;border:1px solid #c6e4f3;border-radius:32px;background:#f4fbfff2;box-shadow:0 4px 20px #0b2c4325;pointer-events:auto}
 .hero-project-controls button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid transparent;background:transparent;cursor:pointer}
 .hero-project-controls button[aria-pressed=true]{background:#ff8500;border-color:#d87500}
 .hero-project-controls button:hover{box-shadow:inset 0 0 0 2px #1b7596}
 .hero-project-controls img{display:block;width:22px;height:22px}
 .hero-project-controls button:active{transform:scale(.96)}
 .hero-approved :is(a,button):focus-visible{outline:3px solid #e47700;outline-offset:5px}
 .hero-photo-status{position:absolute;inset:auto 18px 82px;background:#fff;color:#183e54;padding:12px;border-radius:12px;font-size:14px}
 .hero-route-strip{position:relative;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:26px 18px;border:1px solid var(--hero-line);border-radius:28px;background:var(--hero-panel);box-shadow:inset 0 1px 0 #fff9,0 10px 30px #187baa18;backdrop-filter:blur(16px);color:var(--hero-ink);pointer-events:auto}
 .hero-route-strip>a{display:flex;align-items:center;gap:20px;min-height:64px;padding:0 26px;color:inherit;text-decoration:none;cursor:pointer;border-right:1px solid #78aac366}
 .hero-route-strip>a:last-of-type{border-right:0}
 .hero-route-strip>a>img{flex:0 0 40px;width:40px;height:40px;filter:var(--hero-icon,invert(15%) sepia(48%) saturate(1792%) hue-rotate(171deg) brightness(92%))}
 .hero-route-strip>a>span{min-width:0}
 .hero-route-strip strong{display:block;font-size:clamp(16px,1.35vw,24px);line-height:1.3;font-weight:700}
 .hero-route-strip small{display:block;font-size:clamp(12px,.9vw,16px);line-height:1.5;margin-top:6px;color:var(--hero-muted)}
 .hero-route-strip>a>.hero-route-arrow{margin-left:auto;flex-basis:22px;width:22px;height:22px}
 .hero-route-strip>a:hover strong{text-decoration:underline;text-underline-offset:5px}
 .hero-project[hidden],.hero-route-strip[hidden]{display:none!important}
 html:not(.mobile-redesign-active) body.editorial-flow.preview-night #screen-1.hero-approved{--hero-ground:#091c31;--hero-ink:#eef8ff;--hero-muted:#b3d4e8;--hero-panel:linear-gradient(120deg,#183d55e8,#142a43ee);--hero-line:#698ba3;--hero-icon:invert(1);background:linear-gradient(115deg,#091c31,#122b46 70%,#182b47)!important}
 body.preview-night .hero-project[data-view=product]{background:linear-gradient(90deg,#091c31ed,#123b5ad9),url('/local/templates/solargy/assets/home-kz-v1/assets/hero-blueprint-day.png') center/cover no-repeat}
 body.preview-night .hero-project[data-view=product]::after{background:linear-gradient(90deg,#091c31 0%,#091c31 30%,#091c31cc 40%,#091c3100 65%)}
 body.preview-night .hero-approved .editorial-hero h1,body.preview-night .hero-approved .editorial-hero p,body.preview-night .hero-approved .editorial-hero .eyebrow,body.preview-night .hero-approved .editorial-actions .outline{color:var(--hero-ink)}
 html:not(.mobile-redesign-active) body.editorial-flow.palette-preview #screen-1.hero-approved{--hero-ground:var(--palette-hero-ground,#a2ddff);--hero-ink:var(--palette-hero-ink,#0b2c43);--hero-muted:var(--palette-hero-ink,#406784);--hero-panel:var(--palette-panels-bg);--hero-line:color-mix(in srgb,var(--palette-panels-ink) 25%,transparent)}
 body.palette-preview .hero-approved .hero-route-strip{color:var(--palette-panels-ink);--hero-muted:color-mix(in srgb,var(--palette-panels-ink) 80%,transparent);--hero-icon:var(--palette-panels-icon,none)}
}
@media(min-width:1251px){
 body.hero-in-view.site-menu-ready .header{display:flex;align-items:center;gap:16px;width:calc(100% - 112px);max-width:1800px;padding:8px 26px;border:1px solid #aad6ed;background:#e2f4ffb8;color:#12364c;backdrop-filter:blur(16px)}
 body.hero-in-view.site-menu-ready .header .top{display:contents}
 body.hero-in-view.site-menu-ready .header .top :is(.site-utility,.draft),body.hero-in-view.site-menu-ready .header .logo small{display:none!important}
 body.hero-in-view.site-menu-ready .header .logo{font-size:34px;letter-spacing:3px;font-weight:500;flex:0 0 auto;color:#ff7900!important}
 body.hero-in-view.site-menu-ready .header .top>.button{order:3;flex:0 0 auto;font-size:11px;min-height:44px;padding:10px 17px}
 body.hero-in-view.site-menu-ready .header .site-navigation{flex:1;min-width:0;margin:0}
 body.hero-in-view.site-menu-ready .site-menu-row{flex-wrap:nowrap;justify-content:space-evenly;gap:1px}
 body.hero-in-view.site-menu-ready .site-menu-toggle,body.hero-in-view.site-menu-ready .site-menu-row>a{font-size:clamp(10px,.76vw,14px);font-weight:500;text-transform:none;min-height:44px;padding:6px 3px}
 body.hero-in-view.site-menu-ready .site-menu-toggle img{width:9px;height:9px}
 body.hero-in-view.site-menu-ready .site-menu-toggle img{filter:none}
 body.hero-in-view.preview-night.site-menu-ready .header{background:#142d44ed;border-color:#64849d;color:#eef8ff}
 body.hero-in-view.preview-night.site-menu-ready .site-menu-toggle img{filter:invert(1)}
 body.hero-in-view.palette-preview.site-menu-ready .header{background:var(--palette-menu-bg);color:var(--palette-menu-ink)}
 body.hero-in-view.palette-preview.site-menu-ready .site-menu-toggle img{filter:var(--palette-menu-icon)}
 body.hero-in-view .rail a[aria-current=true]{display:flex;flex-direction:column;gap:2px;background:transparent;color:#f58200}
 body.hero-in-view .rail a[aria-current=true] .rail-label{position:static;display:block;order:2;width:auto;padding:0;border:0;background:transparent;box-shadow:none;font-size:10px;opacity:1;visibility:visible;transform:none;color:inherit}
 body.hero-in-view.site-menu-ready .header .top>.button{text-transform:none}
}
@media(min-width:801px) and (max-width:1250px){
 body.editorial-flow .hero-approved .hero-shell{width:calc(100% - 100px);gap:24px;padding-top:190px;padding-bottom:24px}
 .hero-approved .editorial-hero h1{font-size:clamp(34px,4.3vw,54px)}
 .hero-approved .editorial-hero .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:20px}
 .hero-approved .editorial-hero p{font-size:18px}
 .hero-project-controls{right:60px;bottom:calc(16svh + 44px)}
 .hero-route-strip{padding:18px 8px}
 .hero-route-strip>a{gap:12px;padding:0 14px}
 .hero-route-strip>a>img{width:28px;height:28px;flex-basis:28px}
 .hero-route-strip>a>.hero-route-arrow{display:none}
}
@media(min-width:1251px) and (max-width:1550px){
 body.hero-in-view.site-menu-ready .header{width:calc(100% - 80px);gap:10px;padding-inline:18px}
 body.hero-in-view.site-menu-ready .header .logo{font-size:26px;letter-spacing:2px}
 body.hero-in-view.site-menu-ready .header .top>.button{padding-inline:12px;font-size:10px}
}
@media(min-width:801px) and (max-height:740px){
 body.editorial-flow .hero-approved .hero-shell{padding-top:150px;gap:20px}
 .hero-project-controls{bottom:calc(17svh + 36px)}
 .hero-approved .editorial-hero .eyebrow{margin-bottom:14px}
 .hero-approved .editorial-hero h1{font-size:clamp(38px,4vw,66px);margin-bottom:18px}
 .hero-approved .editorial-hero p{font-size:18px;margin-bottom:20px}
 .hero-route-strip{padding:16px 8px}
}
@media(prefers-reduced-motion:reduce){.hero-project-controls button:active{transform:none}}
@media(forced-colors:active){.hero-project-controls button{border:1px solid ButtonText}.hero-project-controls button[aria-pressed=true]{outline:2px solid Highlight}.hero-route-strip{border:1px solid CanvasText}}