.home-hero:has(.hero-media) .home-hero-grid{grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);gap:clamp(30px,4vw,58px)}
.hero-media{position:relative;min-width:0;z-index:1}
.hero-media-tabs{display:inline-flex;gap:3px;padding:4px;margin-bottom:12px;background:#edf5f7;border:1px solid #d5e8ed;border-radius:100px}
.hero-media-tabs button{appearance:none;border:0;min-height:37px;border-radius:100px;padding:8px 15px;background:transparent;color:#446276;font:600 12px/1.15 Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.hero-media-tabs button[aria-pressed="true"]{background:#fff;color:#061a3a;box-shadow:0 2px 8px #0e35411e}
.hero-media-tabs button:focus-visible,.hero-film-toggle:focus-visible{outline:3px solid #00bcd0;outline-offset:3px}
.hero-media-panel[hidden]{display:none!important}
.hero-film-panel{position:relative;overflow:hidden;aspect-ratio:16/9;background:#123143 url('assets/iviz-hero-poster.webp') center/cover;border:1px solid #d5e8ed;border-radius:16px;box-shadow:0 22px 58px #174e6324}
.hero-media-panel[data-hero-panel="coal"] .hero-film-panel{background-image:url('assets/iviz-coal-poster.webp')}
.hero-film{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-film-shade{position:absolute;inset:39% 0 0;pointer-events:none;background:linear-gradient(180deg,transparent,#071e31c8)}
.hero-film-steps{position:absolute;bottom:17px;left:20px;right:60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.hero-film-steps li{min-width:0;display:flex;align-items:flex-start;gap:7px;border-top:2px solid #ffffff66;padding-top:9px;color:#d8eef3;font-size:11px;line-height:1.25;transition:border-color .25s,color .25s}
.hero-film-steps li span{font-size:9px;letter-spacing:.05em;color:#78dfe7}
.hero-film-steps li.is-active{border-color:#39dce7;color:#fff}
.hero-film-toggle{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffffa9;border-radius:50%;background:#0c2b39af;color:#fff;font:700 17px/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.hero-model-marker{position:absolute;left:49%;top:65%;display:flex;align-items:center;gap:8px;max-width:50%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;transform:translate(-10%,-50%);filter:drop-shadow(0 4px 10px #061a3a8c)}
.hero-model-marker[hidden],.hero-volume-result[hidden],.hero-panorama[hidden],[data-building-film-view][hidden]{display:none!important}
.hero-model-marker-dot{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border:2px solid #fff;border-radius:50%;background:#05b7c9;color:#fff;font:700 26px/1 Arial;box-shadow:0 0 0 6px #02c4d044,0 0 22px #00d6e7}
.hero-model-marker:not([hidden]) .hero-model-marker-dot{animation:hero-marker-pulse 2.4s ease-out infinite}
.hero-model-marker>span:last-child{max-width:135px;border:1px solid #72dfed77;border-radius:7px;background:#082d42e9;padding:8px 10px;font-size:11px;font-weight:700;line-height:1.25;text-align:left}
.hero-model-marker:focus-visible,.hero-media-footer button:focus-visible,.hero-panorama-heading button:focus-visible{outline:3px solid #00c6d8;outline-offset:3px}
.hero-media-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:10px 3px 0;color:#56738a;font-size:11px;line-height:1.35}
.hero-media-footer button{display:inline-flex;align-items:center;gap:6px;border:0;padding:4px 0;background:none;color:#087d91;font:700 11px/1.35 Arial,sans-serif;text-align:left;cursor:pointer}
.hero-media-footer button:hover{text-decoration:underline}.hero-media-footer .icon{width:13px;height:13px;flex:0 0 auto}
.hero-volume-result{position:absolute;left:17px;top:17px;display:grid;gap:4px;padding:10px 12px;border:1px solid #60ebee9c;border-radius:9px;background:#0a2d40e9;box-shadow:0 8px 25px #09283b55;color:#fff;backdrop-filter:blur(8px)}
.hero-volume-result span{font-size:10px;color:#83eaf0}.hero-volume-result strong{font-size:18px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.hero-panorama{overflow:hidden;border:1px solid #c7e2ea;border-radius:16px;background:#eaf7fa;box-shadow:0 22px 58px #174e6324}
.hero-panorama:not([hidden]){animation:hero-panorama-reveal .42s ease-out both}
.hero-panorama-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:7px 10px 7px 16px;min-height:44px;color:#092b45;font-size:13px}
.hero-panorama-heading button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #bdd5df;border-radius:50%;background:#fff;color:#092b45;font:22px/1 Arial;cursor:pointer}
.hero-panorama .sphere{width:100%;height:auto;min-height:0;aspect-ratio:16/9}
.hero-panorama .hero-media-footer{padding:7px 13px 10px}
@keyframes hero-panorama-reveal{from{opacity:.2;transform:scale(.975)}to{opacity:1;transform:scale(1)}}
@keyframes hero-marker-pulse{0%,100%{box-shadow:0 0 0 6px #02c4d044,0 0 22px #00d6e7}50%{box-shadow:0 0 0 12px #02c4d010,0 0 28px #00d6e7}}
.hero-tour-link{display:inline-flex;align-items:center;gap:8px;margin:12px 3px 0;color:#087d91;font-size:12px;font-weight:700;text-decoration:none}.hero-tour-link[hidden]{display:none}.hero-tour-link:hover{text-decoration:underline}.hero-tour-link .icon{width:14px;height:14px}
.hero-compare-panel .hero-visual.compact-comparison{max-width:none;box-shadow:0 22px 58px #174e6324}
@media(max-width:850px){.home-hero:has(.hero-media) .home-hero-grid{grid-template-columns:1fr;gap:30px}.hero-media{max-width:700px;width:100%;margin:auto}.hero-media-tabs{margin-bottom:10px}}
@media(max-width:600px){.home-hero:has(.hero-media) .home-hero-grid{gap:25px}.hero-media-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-inline:auto}.hero-media-tabs button{min-height:40px;padding:7px 5px;font-size:11px}.hero-film-panel,.hero-panorama{border-radius:11px}.hero-film-steps{left:10px;right:45px;bottom:10px;gap:5px}.hero-film-steps li{gap:3px;font-size:9px;padding-top:5px}.hero-film-steps li span{font-size:8px}.hero-film-toggle{right:9px;bottom:8px;width:30px;height:30px}.hero-model-marker{left:43%;top:62%;max-width:54%;gap:6px}.hero-model-marker-dot{width:34px;height:34px;font-size:20px}.hero-model-marker>span:last-child{max-width:105px;padding:6px;font-size:9px}.hero-volume-result{left:9px;top:8px;padding:7px 8px}.hero-volume-result strong{font-size:14px}.hero-volume-result span{font-size:9px}.hero-media-footer{font-size:10px;gap:9px}.hero-media-footer button{font-size:10px}.hero-panorama-heading{font-size:11px}.hero-panorama .sphere-controls button{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.hero-media-tabs button,.hero-film-steps li{transition:none}.hero-model-marker:not([hidden]) .hero-model-marker-dot,.hero-panorama:not([hidden]){animation:none}}