/* The film action participates in the text layout instead of floating on scene coordinates. */
.data-on .headline{top:max(var(--home-content-top,150px),23%);width:calc(100% - 130px);max-width:none;display:grid;grid-template-columns:minmax(0,430px) 210px;column-gap:clamp(40px,9vw,150px);align-items:start}
.data-on .headline .kicker,.data-on .headline h1,.data-on .headline>p{grid-column:1}
.data-on .headline h1{font-size:clamp(34px,4.2vw,64px);line-height:1.08;margin:24px 0 18px}
.data-on .headline>p{margin:0;max-width:410px;line-height:1.65}
.data-on.interior .headline{opacity:1}
.headline .ai-layer{position:static;inset:auto;grid-column:2;grid-row:1 / span 3;align-self:center;z-index:auto;margin:0;pointer-events:none}
.headline .ai-hub{position:relative;inset:auto;transform:none;translate:none;animation:none;width:100%;min-width:0;margin:0;padding:22px 20px;gap:8px}
.headline .ai-hub:before{display:none}.headline .ai-hub strong{font-size:23px}.headline .ai-hub small{font-size:13px}.headline .ai-hub-film{margin-top:8px;padding-top:12px}
.data-on .connections{display:none}
@media(min-width:601px) and (max-width:1000px){.data-on .headline{left:28px;width:calc(100% - 90px);grid-template-columns:minmax(0,1fr) 180px;column-gap:30px}.data-on .headline h1{font-size:36px}.data-on .headline>p{font-size:14px}.headline .ai-hub{padding:18px 14px}.headline .ai-hub strong{font-size:21px}}
@media(max-width:600px){
 .headline,.data-on .headline{top:var(--home-content-top,150px)}
 .data-on .headline{display:block;left:22px;width:calc(100% - 44px);max-width:none}
 .data-on .headline .kicker{font-size:9px;letter-spacing:1px;gap:10px;line-height:1.45}
 .data-on .headline h1{font-size:clamp(27px,7.5vw,34px);margin:12px 0}
 .data-on .headline>p{font-size:12px;line-height:1.5;max-width:360px}
 .headline .ai-layer{margin-top:16px;max-width:100%}
 .headline .ai-hub{width:100%;padding:13px 16px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:5px 15px;align-items:center;text-align:left;border-radius:13px;box-shadow:0 4px 20px #112a2538;min-height:86px}
 .headline .ai-hub strong{font-size:21px;grid-column:1;grid-row:1}.headline .ai-hub small{font-size:11px;grid-column:1;grid-row:2}.headline .ai-hub small br{display:none}.headline .ai-hub small br:after{content:' '}
 .headline .ai-hub-film{grid-column:2;grid-row:1 / span 2;border-top:0;border-left:1px solid #21473230;margin:0;padding:10px 0 10px 14px}
 .data-on .scene{--scene-top:var(--ai-content-bottom,430px);--scene-bottom:90px}
 .data-on .scene-image{height:max(70px,calc(100% - var(--scene-top) - var(--scene-bottom)))}
}
@media(max-height:530px) and (min-width:601px){
 .data-on .headline{top:var(--home-content-top,90px);left:26px;width:calc(100% - 104px);grid-template-columns:minmax(0,360px) 180px;column-gap:38px}
 .data-on .headline h1{font-size:30px!important;margin:12px 0}.data-on .headline>p{font-size:12px;line-height:1.5}
 .data-on .headline .kicker{font-size:9px;letter-spacing:1px}.headline .ai-hub{padding:15px 12px}.headline .ai-hub strong{font-size:20px}
}
.data-on .headline{transform:none}
@media(min-width:601px) and (max-width:1000px){.data-on .headline{width:calc(100% - 190px)}}
@media(max-height:530px) and (min-width:601px){.data-on .headline{width:calc(100% - 104px)}}
.data-on .power-flow{display:none}
@media(max-width:600px) and (max-height:650px){
 .data-on .headline>p{display:none}
 .headline .ai-layer{margin-top:12px}
 .data-on .scene{--scene-bottom:80px}
}