/* Ensure ONEO display rules cannot expose inactive controls or picture variants. */
[data-hxa-glass] [hidden]{display:none!important}
[data-hxa-glass] .glass-stage>[data-hxa-glass-panel]{position:absolute;inset:0}
[data-hxa-glass] .glass-stage picture{display:block;width:100%;height:100%}
[data-hxa-glass] .glass-stage img{opacity:1;position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* Map the approved Smart Glass hero to native ONEO background and content elements. */
.hxa-smart-glass .hxa-native-glass-hero{isolation:isolate;background:#050505}
.hxa-smart-glass .hxa-native-glass-hero>.centered-wrapper-background{background-position:center right!important}
.hxa-smart-glass .hxa-native-glass-hero>.centered-wrapper-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505f5 24%,#050505b3 46%,#05050510 80%),linear-gradient(0deg,#050505,transparent 40%);pointer-events:none}
.hxa-smart-glass .hxa-native-glass-hero>.centered-wrapper-inner{position:relative;z-index:1}
.hxa-smart-glass .hxa-native-glass-hero .glass-eyebrow{max-width:620px;margin:0 0 24px}
.hxa-smart-glass .hxa-native-glass-hero .glass-eyebrow p{margin:0;font-size:14px;letter-spacing:.16em}
.hxa-smart-glass .hxa-native-glass-hero h1{max-width:620px;margin:0 0 28px;font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1.03;letter-spacing:-.035em;overflow-wrap:break-word}
.hxa-smart-glass .hxa-native-glass-hero .glass-intro{max-width:510px;margin:0 0 30px}
.hxa-smart-glass .hxa-native-glass-hero .glass-intro p{margin:0}
.hxa-smart-glass .hxa-native-glass-hero .button-box{display:inline-block;vertical-align:top;margin:0 14px 14px 0;max-width:100%}
.hxa-smart-glass .hxa-native-glass-hero .button{margin:0;font-size:14px;white-space:normal}
@media(max-width:599px){
 .hxa-smart-glass .hxa-native-glass-hero{padding:305px 0 48px!important;min-height:0}
 .hxa-smart-glass .hxa-native-glass-hero>.centered-wrapper-background{height:360px;bottom:auto;background-position:center 45%!important}
 .hxa-smart-glass .hxa-native-glass-hero>.centered-wrapper-background:after{background:linear-gradient(0deg,#050505,transparent 85%)}
 .hxa-smart-glass .hxa-native-glass-hero h1{font-size:40px}
}

/* Contao rich-text normalizes decorative i tags to em; preserve the approved diagram. */
.hxa-smart-glass .glass-principle-grid>.glass-principle{width:auto;margin:0;float:none}
.hxa-smart-glass .glass-molecules em{display:block;width:25px;height:4px;background:#bfc4b8;transform:rotate(var(--angle));border-radius:2px;font-style:normal;font-size:0;line-height:0}
.hxa-smart-glass .glass-molecules.is-aligned em{background:#f4f4f0}
@media(max-width:900px){.hxa-smart-glass .glass-molecules em{width:20px}}

/* Native Core columns wrap each principle card. */
.hxa-smart-glass .glass-principle-grid>.rs-column{width:auto;margin:0;float:none}