/* Approved cinematic artwork; scoped to the homepage hero in all theme modes. */
body.hy-store .hy-home .hy-xray-hero{position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0, .85fr) minmax(0,1.3fr)!important;align-items:center;gap:0!important;min-height:440px;margin:20px 0 32px;padding:0!important;overflow:hidden;border:1px solid #2a3948;border-radius:20px;background:#111e2c!important;color:#f5f7fa!important}
body.hy-store .hy-xray-hero .hy-hero-copy{position:relative;z-index:2;padding:38px 32px 38px 10px!important;min-width:0;width:auto}
body.hy-store .hy-xray-hero h1{font-size:clamp(28px,2.7vw,42px)!important;line-height:1.65;font-weight:700;letter-spacing:0;margin:0 0 18px;color:#f5f7fa!important}
body.hy-store .hy-xray-hero p{font-size:14px;line-height:2.1;max-width:440px!important;color:#c3ced9!important;margin:0 0 24px}
body.hy-store .hy-xray-hero .hy-hero-links{display:flex;flex-wrap:wrap;gap:12px;margin:0}
body.hy-store .hy-xray-hero .hy-hero-links a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s;box-sizing:border-box}
body.hy-store .hy-xray-hero .hy-xray-primary{background:#f79345!important;border:1px solid #f79345;color:#15212d!important}
body.hy-store .hy-xray-hero .hy-xray-secondary{background:transparent!important;border:1px solid #728496;color:#f5f7fa!important}
body.hy-store .hy-xray-hero .hy-xray-primary:hover{background:#ffac6c!important;border-color:#ffac6c}
body.hy-store .hy-xray-hero .hy-xray-secondary:hover{background:#263747!important;border-color:#c3ced9}
body.hy-store .hy-xray-hero a:focus-visible{outline:3px solid #ffb77e;outline-offset:4px}
.hy-xray-art{position:relative;display:block;min-width:0;direction:ltr;align-self:stretch;display:flex;align-items:center;background:#111e2c}
.hy-xray-art img{display:block;width:100%;height:auto;aspect-ratio:1320/941;object-fit:contain;margin:0}
.hy-xray-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,#111e2c,transparent 17%),linear-gradient(to top,#111e2c 0%,transparent 15%,transparent 87%,#111e2c 100%)}

@media(max-width:700px){body.hy-store .hy-home .hy-xray-hero{display:flex!important;flex-direction:column;min-height:0;gap:0!important}body.hy-store .hy-xray-hero .hy-hero-copy{width:100%;padding:30px 30px 12px!important;box-sizing:border-box}body.hy-store .hy-xray-hero h1{font-size:30px!important;max-width:650px}body.hy-store .hy-xray-hero p{max-width:650px!important;margin-bottom:18px}.hy-xray-art{width:100%;max-width:700px;align-self:center}.hy-xray-art:after{background:linear-gradient(to bottom,#111e2c,transparent 14%,transparent 87%,#111e2c)}}
@media(max-width:600px){body.hy-store .hy-home .hy-xray-hero{margin-top:12px;border-radius:14px}body.hy-store .hy-xray-hero .hy-hero-copy{padding:24px 20px 10px!important}body.hy-store .hy-xray-hero h1{font-size:26px!important;line-height:1.7;margin-bottom:12px}body.hy-store .hy-xray-hero p{font-size:12px;line-height:2;margin-bottom:18px}body.hy-store .hy-xray-hero .hy-hero-links{gap:8px}body.hy-store .hy-xray-hero .hy-hero-links a{font-size:12px;padding:10px 14px;min-height:44px}.hy-xray-art img{aspect-ratio:39/20}.hy-xray-art{margin-top:8px}}
@media(prefers-reduced-motion:reduce){body.hy-store .hy-xray-hero .hy-hero-links a{transition:none}}

@media(min-width:701px) and (max-width:1000px){body.hy-store .hy-xray-hero .hy-hero-copy{padding:24px 22px 24px 8px!important}body.hy-store .hy-xray-hero h1{font-size:27px!important}body.hy-store .hy-xray-hero p{font-size:12px}.hy-xray-art{align-self:center}}
/* One quiet guide; fixed line space prevents shifts as text is typed. */
.hy-hero-guide{display:flex;align-items:center;gap:10px;min-height:58px;margin:0 0 16px;line-height:1.9}
.hy-hero-guide-text{display:block;flex:1;min-width:0;color:#ffad62;font-size:14px;font-weight:500;text-shadow:0 0 9px rgb(255 143 50 / 22%)}
body.hy-store .hy-xray-hero .hy-hero-motion-toggle{flex:0 0 auto;min-width:44px;min-height:44px;padding:6px!important;background:transparent!important;color:#c3ced9!important;border:1px solid #536577!important;border-radius:8px;font-size:10px!important}
body.hy-store .hy-xray-hero .hy-hero-motion-toggle[hidden]{display:none!important}
body.hy-store .hy-guide-highlight{outline:1px solid #ffa45a!important;outline-offset:3px;box-shadow:0 0 12px rgb(255 145 55 / 28%)!important;transition:box-shadow .4s,outline-color .4s}
@media(max-width:600px){.hy-hero-guide-text{font-size:12px}.hy-hero-guide{min-height:60px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){body.hy-store .hy-guide-highlight{box-shadow:none!important;transition:none}}

/* Match shared 44px storefront controls and supporting-copy typography. */
body.hy-store .hy-xray-hero .hy-hero-links a{height:44px!important;min-height:44px!important;padding:8px 16px!important;line-height:1.6;box-sizing:border-box}
body.hy-store .hy-xray-hero .hy-hero-guide-text{font-size:14px!important;line-height:2.1}
@media(max-width:1000px){body.hy-store .hy-xray-hero .hy-hero-guide-text{font-size:12px!important}}
@media(min-width:601px) and (max-width:700px){body.hy-store .hy-xray-hero .hy-hero-guide-text{font-size:14px!important}}
/* The cinematic hero stays dark in every theme; its guide needs a fixed contrast color. */
html[data-theme] body.hy-store .hy-home .hy-xray-hero .hy-hero-guide .hy-hero-guide-text{color:#ffad62!important;text-shadow:0 0 9px rgb(255 143 50 / 22%)}
/* Remove stacked homepage margin/padding; retain one quarter of the former side gutters. */
body.hy-store .hy-home{box-sizing:border-box;width:100%;max-width:none;margin-inline:0!important;padding-inline:max(11px,calc((100vw - 1240px)/8))!important}
@media(max-width:767px){body.hy-store .hy-home{padding-inline:8px!important}}
/* Full-bleed hero, aligned directly below the header; other sections retain their gutters. */
body.hy-store .hy-home{--hy-home-gutter:max(11px,calc((100vw - 1240px)/8));padding-top:0!important}
body.hy-store .hy-home .hy-xray-hero{width:calc(100% + 2 * var(--hy-home-gutter));max-width:none;margin-inline:calc(-1 * var(--hy-home-gutter))!important;margin-top:0!important;border-radius:0!important;border-inline:0}
@media(max-width:767px){body.hy-store .hy-home{--hy-home-gutter:8px}}