.home-roof-embed{position:relative;width:100%;margin:0;background:#fff;min-height:680px}
.home-roof-frame{display:block;width:100%;height:780px;border:0;background:#fff;visibility:hidden;position:absolute;inset:0}
.home-roof-embed.is-ready{min-height:0}.home-roof-embed.is-ready .home-roof-frame{visibility:visible;position:relative}
.home-roof-fallback{display:grid;grid-template-columns:minmax(250px,28%) minmax(0,1fr);align-items:center;max-width:1580px;padding:35px 4.5%;margin:auto;min-height:680px;gap:20px}
.home-roof-fallback[hidden]{display:none}.home-roof-mark{width:189px;height:auto;margin-bottom:24px}.home-roof-fallback h2{font-size:clamp(40px,4.2vw,65px);line-height:1.03;letter-spacing:-.055em;margin:12px 0 22px;color:#1d1d1f}.home-roof-fallback h2 span{display:block}.home-roof-fallback p{font-size:16px;line-height:1.55;color:#66666d}.home-roof-fallback-house{width:100%;height:auto;object-fit:contain}.home-roof-fallback-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:25px;font-size:12px}.home-roof-noscript{padding:20px 5%}
.home-roof-embed.is-cinema{position:fixed!important;inset:0!important;width:100vw!important;height:var(--roof-visible-height,100dvh)!important;z-index:2147482000;margin:0!important;padding:0!important;background:#101722}
.home-roof-embed.is-cinema .home-roof-frame{position:absolute;inset:0;width:100%;height:100%!important}
@media(max-width:760px){.home-roof-embed{min-height:0}.home-roof-frame{height:1060px}.home-roof-fallback{display:flex;flex-direction:column;align-items:stretch;padding:24px 22px 12px;gap:0;min-height:0}.home-roof-fallback h2{font-size:clamp(36px,10.5vw,44px)}.home-roof-fallback-house{order:1;max-height:410px;margin-top:18px}.home-roof-mark{display:none}.home-roof-fallback-actions{gap:12px;font-size:14px}.home-roof-fallback-actions a{min-height:44px;display:inline-flex;align-items:center;white-space:normal}.home-roof-fallback-actions .button{border-radius:6px}}
/* Match the mobile player chrome while the iframe enters its full-screen mode. */
@media(max-width:760px),(max-height:600px){.home-roof-embed.is-cinema{background:#fff}}
/* Keep the loading/no-script composition in the same order as the phone hero. */
@media(max-width:600px){
 .home-roof-fallback{padding:0 20px 18px}
 .home-roof-fallback-house{order:-1;width:calc(100% + 40px);max-width:none;height:clamp(290px,88vw,460px);max-height:none;margin:0 -20px;object-fit:contain}
 .home-roof-fallback>div{min-width:0;padding-top:12px}
 .home-roof-fallback .eyebrow{font-size:11px;line-height:1.4;letter-spacing:.12em;margin:0 0 8px}
 .home-roof-fallback h2{font-size:clamp(32px,9.4vw,40px);line-height:1.08;margin:0 0 10px}
 .home-roof-fallback p:not(.eyebrow){font-size:15px;line-height:1.5;margin:0}
 .home-roof-fallback-actions{margin-top:14px}
}