/* Environment Control: shared ONEO and HXA product components. */
.hxa-environment-control .evc-hero{position:relative;overflow:hidden;min-height:650px;padding:110px 0}
.evc-hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505f2 27%,#05050585 48%,#05050508 72%),linear-gradient(0deg,#050505,transparent 30%),url('/files/hxa/seo-2026/assets/hxa-environment-control-hero.jpg') center/cover}
.evc-hero-text{position:relative;max-width:610px}.evc-hero-text>.font-size-l{max-width:490px}.evc-eyebrow{font-size:14px;letter-spacing:.14em}.evc-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hxa-environment-control .evc-actions .button{margin:0;font-size:14px}.evc-intro{max-width:930px}
.hxa-environment-control :is(.evc-grid,.evc-split){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:36px 0 0}.hxa-environment-control :is(.evc-grid,.evc-split):before,.hxa-environment-control :is(.evc-grid,.evc-split):after{display:none}.hxa-environment-control :is(.evc-grid,.evc-split)>.rs-column{float:none;width:auto;margin:0;min-width:0}.evc-grid>.rs-column{border-top:1px solid #292927;padding-top:10px}.hxa-environment-control .evc-split{grid-template-columns:1fr 1fr;align-items:center;gap:64px}.evc-room-image img{mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}.evc-room-image img{width:100%}.hxa-environment-control .evc-note{margin-top:36px;font-size:14px;color:#aaa}
@media(max-width:900px){.hxa-environment-control .evc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hxa-environment-control .evc-split{grid-template-columns:1fr;gap:24px}.evc-hero-image{background-position:65% center}}
@media(max-width:599px){.hxa-environment-control main>.evc-hero:first-child{padding:290px 0 48px!important;min-height:0}.evc-hero-image{bottom:auto;height:320px;background:linear-gradient(0deg,#050505,transparent 75%),url('/files/hxa/seo-2026/assets/hxa-environment-control-hero.jpg') right center/auto 320px}.hxa-environment-control .evc-hero h1{font-size:40px}.hxa-environment-control .evc-grid{grid-template-columns:1fr;gap:20px}.evc-actions .button{width:100%;text-align:center}.evc-eyebrow{font-size:13px}}

/* Real application examples extracted from the futureSAX nominee film. */
.hxa-environment-control .evc-film-figure{margin:0}
.evc-film-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9}
.evc-film-figure figcaption{margin-top:14px;color:#aaa;font-size:14px;line-height:1.6}
.evc-film-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:64px}
.evc-film-examples article{min-width:0;display:grid;grid-template-rows:auto auto 1fr auto;align-content:start}
.evc-film-examples h3{margin:24px 0 12px}
.evc-film-examples p{margin:0 0 16px}
.evc-film-time{font-size:14px;text-underline-offset:4px}
.hxa-environment-control .evc-film-source{border-top:1px solid #292927;padding-top:24px}
@media(max-width:900px){.evc-film-examples{grid-template-columns:1fr;gap:36px;margin-top:40px}}

/* Native modal keeps focus inside the player and supports Escape. */
html.evc-film-open{overflow:hidden}
.evc-film-dialog{box-sizing:border-box;width:min(1100px,calc(100% - 32px));max-width:1100px;max-height:calc(100dvh - 32px);margin:auto;padding:20px;background:#080808;color:#f4f4f0;border:1px solid #343432;overflow:auto}
.evc-film-dialog::backdrop{background:rgba(0,0,0,.86)}
.evc-film-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.evc-film-dialog .evc-film-dialog-head h2{margin:0;font:500 20px/1.3 Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:0;text-transform:none}
.evc-film-close{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;margin:0;padding:8px 16px;background:transparent;border:1px solid #777;color:#f4f4f0;font:inherit;cursor:pointer;border-radius:0}
.evc-film-close span{font-size:24px;line-height:1}
.evc-film-close:hover{background:#292927}
.evc-film-dialog :is(button,a,video):focus-visible{outline:2px solid #f4f4f0;outline-offset:4px}
.evc-film-dialog video{display:block;width:100%;max-height:calc(100dvh - 150px);aspect-ratio:16/9;background:#000}
.evc-film-error{margin:16px 0 0;font-size:16px}
@media(max-width:599px){.evc-film-dialog{padding:12px}.evc-film-dialog-head{gap:12px}.evc-film-dialog .evc-film-dialog-head h2{font-size:18px}}

/* Native article wrappers retain the approved mobile hero spacing. */
@media(max-width:599px){.hxa-environment-control .evc-hero{padding:290px 0 48px!important;min-height:0}}
.hxa-environment-control .evc-room-image figure{margin:0}

/* Anchor the native hero background to the outer ONEO wrapper. */
.hxa-environment-control .evc-hero > .centered-wrapper-inner{position:static}