/* Homepage: fixed text/image dimensions with a soft navy transition. */
body[data-page="home"] .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:680px;background:#0b2233}
body[data-page="home"] .hero:after{display:block;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b2233 0%,#0b2233 50%,#0b2233d9 53%,#0b22334d 59%,#0b223300 67%)}
html[dir="rtl"] body[data-page="home"] .hero:after{background:linear-gradient(-90deg,#0b2233 0%,#0b2233 50%,#0b2233d9 53%,#0b22334d 59%,#0b223300 67%)}
body[data-page="home"] .hero .hero-content{grid-column:1;grid-row:1;position:relative;z-index:2;width:100%;min-width:0;margin:0;padding-block:90px;padding-inline-start:max(32px,calc((100vw - 1200px)/2));padding-inline-end:40px}
body[data-page="home"] .hero .hero-art{position:absolute;top:0;bottom:0;right:0;left:auto;width:50%;height:100%;object-fit:cover;object-position:center;z-index:0}
html[dir="rtl"] body[data-page="home"] .hero .hero-art{left:0;right:auto}
body[data-page="home"] .hero h1{font-size:clamp(38px,4vw,60px);line-height:1.15;max-width:100%;overflow-wrap:break-word}
html[dir="rtl"] body[data-page="home"] .hero h1{line-height:1.45}
body[data-page="home"] .hero p,body[data-page="home"] .hero .eyebrow,body[data-page="home"] .hero .actions{max-width:100%}
body[data-page="home"] .hero .actions{flex-wrap:wrap}
body[data-page="home"] .hero .btn{max-width:100%;white-space:normal;text-align:center}
body[data-page="home"] .hero-note{z-index:2}
@media(max-width:760px){
 body[data-page="home"] .hero:after,html[dir="rtl"] body[data-page="home"] .hero:after{display:none}
 body[data-page="home"] .hero .hero-art{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 55px);mask-image:linear-gradient(to bottom,transparent 0,#000 55px)}
 body[data-page="home"] .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow:hidden}
 body[data-page="home"] .hero .hero-content{order:1;padding:54px 20px 45px;width:100%;margin:0}
 body[data-page="home"] .hero .hero-art,html[dir="rtl"] body[data-page="home"] .hero .hero-art{order:2;position:relative;inset:auto;width:100%;height:auto;object-fit:contain}
 body[data-page="home"] .hero h1{font-size:43px}
 html[dir="rtl"] body[data-page="home"] .hero h1{font-size:38px}
 body[data-page="home"] .hero-note{right:20px;left:auto;bottom:15px}
 html[dir="rtl"] body[data-page="home"] .hero-note{left:20px;right:auto}
}