.roof-film{position:relative;isolation:isolate;min-height:550px;display:flex;align-items:center;background:#201c16;overflow:hidden;color:#fff7eb;font-family:Inter,Arial,sans-serif}
.roof-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:-3}
.roof-film-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#13100de8,#13100da3 48%,#13100d25),linear-gradient(0deg,#13100d80,transparent 40%)}
.roof-film-content{padding-block:85px 95px}
.roof-film-eyebrow{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.13em;color:#ffa05b;margin:0 0 24px}
.roof-film h2{font:750 clamp(36px,4.7vw,70px)/1.05 Inter,Arial,sans-serif;letter-spacing:-.045em;margin:0;color:#fff6e9}
.roof-film h2 em{font-style:normal;color:#ff822a}
.roof-film-content>p:not(.roof-film-eyebrow){font-size:16px;line-height:1.7;color:#d2c8b9;margin:24px 0}
.roof-film-cta{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:49px;padding:15px 20px;background:#ff832b;border:1px solid #ff832b;color:#24190e;border-radius:0;font-size:11px;font-weight:750;text-transform:uppercase;cursor:pointer}
.roof-film-cta span{font-size:21px;font-weight:400}
.roof-film-controls{position:absolute;right:35px;bottom:23px;display:flex;gap:10px}
.roof-film-controls button{display:flex;align-items:center;gap:15px;min-height:39px;padding:10px 13px;border:1px solid #bbae9980;background:#1d1811b8;color:#fff2df;font:8px var(--mono);text-transform:uppercase;cursor:pointer;backdrop-filter:blur(6px)}
.roof-film button:focus-visible{outline:2px solid #ffb270;outline-offset:4px}
@media(max-width:760px){.roof-film{min-height:500px}.roof-film-content{padding-block:65px 105px}.roof-film h2{font-size:clamp(34px,8.5vw,51px)}.roof-film-eyebrow{font-size:9px}.roof-film-content>p:not(.roof-film-eyebrow){font-size:14px}.roof-film-cta{font-size:10px;gap:20px}.roof-film-controls{left:20px;right:auto;bottom:23px}.roof-film-overlay{background:linear-gradient(90deg,#13100de0,#13100d80),linear-gradient(0deg,#13100d80,transparent)}}



/* Clean section boundary: no haze, dark strip, blur, or gradient separator. */
.roof-faq:after,.roof-film:before{content:none;display:none}
.roof-film-video{filter:none;backdrop-filter:none}
.roof-film-content{position:relative;z-index:1;padding-top:90px}
@media(max-width:760px){.roof-film-content{padding-top:75px}}