/* 16:10 baseline; desktop split images stretch to the full adjacent copy height. */
body[data-theme] .hero{min-height:0}
body[data-theme] .hero .hero-media{position:relative;aspect-ratio:16/10;width:100%;min-width:0;overflow:hidden;border-radius:inherit;align-self:center}
body[data-theme] .hero .hero-slides{position:absolute;inset:0;width:100%;height:100%;z-index:0}
body[data-theme] .hero .hero-slide,body[data-theme] .hero .hero-slide>img{inset:0;width:100%;height:100%}
body[data-theme] .hero .hero-slide>img{object-fit:cover;object-position:center}
body[data-theme] .hero:after{z-index:1;pointer-events:none}
body[data-theme] .hero .hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1240px,calc(100% - 96px));margin:0;padding:0;z-index:2}
body[data-theme] .hero .hero-dots{left:0;right:0;width:100%;bottom:16px;z-index:3}
body[data-theme] .hero[data-hero-layout="poster"] .hero-content{top:auto;bottom:54px;transform:translateX(-50%)}
body[data-theme] .hero[data-hero-layout="split"],body[data-theme] .hero[data-hero-layout="reverse"]{display:grid;grid-template-columns:52% 48%;align-items:center;width:min(1240px,calc(100% - 96px));margin-left:auto;margin-right:auto}
body[data-theme] .hero[data-hero-layout="split"]:after,body[data-theme] .hero[data-hero-layout="reverse"]:after{display:none}
body[data-theme] .hero[data-hero-layout="split"] .hero-media{order:2}
body[data-theme] .hero[data-hero-layout="split"]{grid-template-columns:48% 52%}
body[data-theme] .hero[data-hero-layout="split"] .hero-content,body[data-theme] .hero[data-hero-layout="reverse"] .hero-content{position:static;top:auto;left:auto;transform:none;width:100%;padding:32px clamp(24px,3vw,48px);margin:0}
body[data-theme] .hero[data-hero-layout="split"] h1,body[data-theme] .hero[data-hero-layout="reverse"] h1{font-size:clamp(26px,2.8vw,42px)}
body[data-theme] .hero[data-hero-layout="split"] .hero-line,body[data-theme] .hero[data-hero-layout="reverse"] .hero-line{display:inline}
body[data-theme] .hero[data-hero-layout="split"] .hero-actions,body[data-theme] .hero[data-hero-layout="reverse"] .hero-actions{gap:16px;margin-top:24px}
@media(min-width:701px){
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-media{aspect-ratio:32/10}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-content h1{font-size:clamp(26px,3.2vw,56px);line-height:1.3}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-content .eyebrow{margin-bottom:12px}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-description{margin-top:16px}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-actions{margin-top:20px;gap:20px}
body[data-theme] .hero[data-hero-layout="poster"] .hero-content{bottom:32px}
body[data-theme] .hero[data-hero-layout="split"] .hero-media,body[data-theme] .hero[data-hero-layout="reverse"] .hero-media{align-self:stretch;aspect-ratio:auto}
body[data-theme] .hero[data-hero-layout="split"] .hero-media:before,body[data-theme] .hero[data-hero-layout="reverse"] .hero-media:before{content:"";display:block;width:100%;aspect-ratio:16/10}
}
@media(min-width:701px) and (max-width:1050px){
body[data-theme] .hero[data-hero-layout="split"],body[data-theme] .hero[data-hero-layout="reverse"]{width:calc(100% - 56px)}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-content{width:calc(100% - 56px)}
}
@media(min-width:701px) and (max-width:1000px){
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-content{top:calc(50% - 12px)}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-content h1{font-size:24px;line-height:1.3}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-line{display:inline}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-content .eyebrow{margin-bottom:8px}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-description{margin-top:10px}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-actions{margin-top:12px}
body[data-theme] .hero[data-hero-layout="poster"] .hero-content{top:auto;bottom:32px}
body[data-theme] .hero:not([data-hero-layout="split"]):not([data-hero-layout="reverse"]) .hero-dots{bottom:4px}
}
@media(max-width:700px){
body[data-theme] .hero[data-hero-layout="split"],body[data-theme] .hero[data-hero-layout="reverse"]{width:calc(100% - 40px);margin-left:auto;margin-right:auto}
body[data-theme] .hero,body[data-theme] .hero[data-hero-layout]{display:flex;flex-direction:column;min-height:0;background:var(--paper);color:var(--ink)}
body[data-theme] .hero .hero-media,body[data-theme] .hero[data-hero-layout] .hero-media{order:0;aspect-ratio:16/10;width:100%;flex:none;border-radius:0}
body[data-theme] .hero:after{display:none}
body[data-theme] .hero .hero-content,body[data-theme] .hero[data-hero-layout="split"] .hero-content,body[data-theme] .hero[data-hero-layout="reverse"] .hero-content,body[data-theme] .hero[data-hero-layout="poster"] .hero-content{position:static;transform:none;top:auto;bottom:auto;left:auto;width:100%;margin:0;padding:28px 24px 34px;order:1;align-items:flex-start;text-align:left}
body[data-theme] .hero .hero-content h1{font-size:clamp(25px,6.7vw,32px)}
body[data-theme] .hero .hero-line{display:inline}
body[data-theme] .hero .hero-description,body[data-theme] .hero .hero-text-link,body[data-theme] .hero .eyebrow{color:var(--ink)}
body[data-theme] .hero .hero-text-link{border-color:var(--line)}
body[data-theme] .hero .hero-actions{justify-content:flex-start;gap:20px;margin-top:24px}
body[data-theme] .hero .hero-dots{bottom:8px}
}