/* Homepage component only; no global layout changes. */
.hxes-hero { --ink:#102b46; max-width:1280px; margin:20px auto 0; padding:0 32px; color:var(--ink); }
/* Reduce only the gap before the first homepage content block by 25%.
   Original spacing: 4.06em top padding + 85px spacer + 80px margin. */
.hxes-hero + .cc-store-home-wrap > .container { padding-top:3.045em; }
.hxes-hero + .cc-store-home-wrap > .container > .motto-wrap { margin-bottom:63.75px; }
.hxes-hero + .cc-store-home-wrap > .container > .home-content-wrap { margin-top:60px; }
.hxes-hero-stage { position:relative; height:420px; overflow:hidden; border-radius:12px; background:#071a33; }
.hxes-hero-slide { position:absolute; inset:0; display:grid; grid-template-columns:32% 68%; opacity:0; visibility:hidden; transition:opacity 450ms ease,visibility 450ms; pointer-events:none; }
.hxes-hero-slide.is-active { opacity:1; visibility:visible; pointer-events:auto; z-index:1; }
.hxes-hero-copy { align-self:center; padding:32px; color:#fff; }
.hxes-hero-eyebrow { color:#e7b16b; font-size:12px; font-weight:600; letter-spacing:.15em; margin:0 0 20px; }
.hxes-hero-copy h2 { color:#fff; font-size:clamp(26px,2.5vw,36px); line-height:1.3; font-weight:500; margin:0 0 18px; letter-spacing:0; }
.hxes-hero-description { color:#d0dae5; font-size:15px; line-height:1.8; margin:0; }
.hxes-hero-slide img { display:block; width:100%; height:100%; min-width:0; min-height:0; object-fit:contain; }
.hxes-hero-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid #dce3eb; }
.hxes-hero-controls button { display:inline-flex; justify-content:center; align-items:center; min-width:44px; height:44px; padding:0 12px; background:transparent; color:var(--ink); border:1px solid #d2dbe5; border-radius:6px; cursor:pointer; touch-action:manipulation; font:inherit; font-size:14px; transition:background 160ms; }
.hxes-hero-controls button:hover { background:#edf2f6; }
.hxes-hero-controls button:focus-visible { outline:3px solid #3278b5; outline-offset:3px; }
.hxes-hero-controls svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
.hxes-hero-actions { display:flex; align-items:center; gap:8px; }
.hxes-hero-dots { display:flex; gap:4px; }
.hxes-hero-dots button { min-width:32px; width:32px; padding:0; border:0; }
.hxes-hero-dots button::after { content:''; width:20px; height:3px; background:#b1becc; border-radius:2px; }
.hxes-hero-dots button[aria-current='true']::after { background:#102b46; height:5px; }
.hxes-hero-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:991px) {
 .hxes-hero + .cc-store-home-wrap > .container { padding-top:.075em; }
 .hxes-hero { padding:0 24px; margin-top:12px; }
 .hxes-hero-stage { height:360px; }
 .hxes-hero-slide { grid-template-columns:34% 66%; }
 .hxes-hero-copy { padding:24px; }
 .hxes-hero-copy h2 { font-size:26px; }
}
@media(max-width:600px) {
 .hxes-hero { padding:0 16px; margin-top:4px; }
 .hxes-hero-stage { height:calc((100vw - 32px)*.75 + 112px); border-radius:8px; }
 .hxes-hero-slide { display:flex; flex-direction:column; }
 .hxes-hero-slide img { order:-1; height:calc((100vw - 32px)*.75); flex:none; }
 .hxes-hero-copy { padding:16px 20px; width:100%; box-sizing:border-box; }
 .hxes-hero-eyebrow { font-size:10px; margin-bottom:6px; }
 .hxes-hero-copy h2 { font-size:22px; line-height:1.3; margin:0; }
 .hxes-hero-description { display:none; }
 .hxes-hero-controls { flex-wrap:wrap; gap:0; padding:8px 0; }
 .hxes-hero-actions { gap:6px; }
 .hxes-hero-dots { gap:0; }
 .hxes-hero-dots button { min-width:24px; width:24px; }
 .hxes-hero-dots button::after { width:14px; }
 .hxes-hero-controls button { padding:0 8px; }
}
@media(prefers-reduced-motion:reduce) { .hxes-hero-slide,.hxes-hero-controls button { transition:none; } }
@media(max-width:360px) {
 .hxes-hero-controls { flex-direction:column; }
 .hxes-hero-actions,.hxes-hero-dots { justify-content:center; }
}