.hero-slides{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-family .hero-slides .hero-photo{position:absolute;inset:0;width:100%;height:100%;z-index:0;object-fit:cover}
.hero-controls{position:absolute;z-index:1;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:4px 7px;background:#fffffff0;box-shadow:0 2px 12px #17335a16;border:1px solid #dce5ef;border-radius:30px;backdrop-filter:blur(8px)}
.hero-dots{display:flex;align-items:center;gap:0}
.hero-dot{display:grid;place-items:center;min-width:28px;min-height:30px;border:0;background:none;border-radius:50%;padding:8px;cursor:pointer}
.hero-dot>span{display:block;width:8px;height:8px;border-radius:50%;background:#adbed3;transition:background .2s,box-shadow .2s}
.hero-dot[aria-pressed=true]>span{background:var(--navy);box-shadow:0 0 0 3px #20396d13}
.hero-dot:hover>span{background:#557ca3}
.hero-pause{display:grid;place-items:center;min-width:31px;min-height:30px;border:0;border-left:1px solid #dbe3ee;border-radius:0;background:none;color:var(--navy);padding:5px 7px;margin-left:2px}
.hero-pause svg{width:16px;height:16px;stroke-width:2}
.hero-dot:disabled,.hero-pause:disabled{cursor:default;opacity:.6}
.hero-dot:focus-visible,.hero-pause:focus-visible{outline-offset:1px}
@media(max-width:800px) and (min-width:601px){.hero-controls{left:47%;bottom:21px}}
@media(max-width:600px){.hero-slides{top:auto;bottom:0;height:280px}.hero-controls{bottom:58px}.hero-dot{min-width:30px;min-height:32px}.hero-pause{min-height:32px}}
@media(prefers-reduced-motion:reduce){.hero-dot>span{transition:none}}
/* Shared photographic layout across home and both catalog destinations. */
.hero-family{border-bottom:1px solid #e1e9f3}
.hero-family .hero-inner{min-height:510px;padding-block:38px 72px}
.hero-family .hero-copy{max-width:520px}
.hero-family .hero-copy h1{font-size:var(--site-font-r23d2f3cc,clamp(2.5rem,4vw,3.75rem));line-height:1.1}
.hero-family .hero-description{font-size:var(--site-font-s16,1rem);line-height:1.8;max-width:435px}
.hero-family .breadcrumbs{margin-bottom:23px;font-size:var(--site-font-s14,.875rem)}
.hero-family .hero-footnote{font-size:var(--site-font-s14,.875rem);line-height:1.7}
.hero-family:before{background:linear-gradient(90deg,#fff 0%,#fffffff5 26%,#ffffffb5 44%,#ffffff10 65%)}
.hero-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:27px}
.hero-action-row .button{min-height:50px;font-size:var(--site-font-s15,.9375rem);padding:12px 20px;gap:13px}
.hero-action-row .hero-secondary{border:1px solid #9cb4d4;background:#ffffffda;color:var(--navy)}
.hero-action-row .hero-secondary:hover{background:#eef4fc}
.serba-catalog{padding-top:30px}
.store-home-hero .hero-inner{padding-block:46px 72px;min-height:510px}
.store-home-hero .hero-copy h1{font-size:var(--site-font-re9eff52f,clamp(2.6rem,4.2vw,4rem))}
.hero-controls{bottom:20px}
@media(max-width:1000px) and (min-width:601px){
 .hero-family .hero-copy{max-width:54%}.hero-family .hero-copy h1{font-size:var(--site-font-r75bffdec,clamp(2.25rem,4.3vw,3.1rem))}
 .hero-family .hero-description{max-width:100%}.hero-family .hero-footnote{max-width:95%}
 .hero-action-row{gap:10px}.hero-action-row .button{font-size:var(--site-font-s14,.875rem);padding:12px 14px}
 .hero-family:before{background:linear-gradient(90deg,#fff 0%,#fffffff2 24%,#ffffffc5 44%,#ffffff00 72%)}
}
@media(max-width:600px){
 .hero.hero-family{padding-bottom:280px;min-height:0}.hero-family .hero-inner,.store-home-hero .hero-inner{min-height:0;padding-block:28px 30px}
 .hero-family .hero-copy{max-width:100%}.hero-family .hero-copy h1{font-size:var(--site-font-s40,2.5rem);line-height:1.13}
 .hero-family .hero-description{max-width:100%;font-size:var(--site-font-s16,1rem)}.hero-family .breadcrumbs{margin-bottom:19px}
 .hero-family .hero-slides{top:auto;bottom:0;height:280px}.hero-family .hero-slides .hero-photo{height:100%;object-position:right center}
 .hero-family:before{background:linear-gradient(180deg,#fff calc(100% - 280px),#ffffff00 calc(100% - 252px))}
 .hero-family .hero-controls{bottom:17px;left:50%}.hero-action-row .button{flex:1;white-space:nowrap;padding:12px 14px;font-size:var(--site-font-s14,.875rem);gap:8px}
 .serba-catalog{padding-top:25px}
}
/* Requested dot-only navigation. The pause action remains available to keyboards. */
.hero-controls{padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;gap:0}
.hero-dot>span{width:9px;height:9px;background:#9aafc8}
.hero-dot[aria-pressed=true]>span{background:var(--navy);box-shadow:none}
.hero-controls .hero-pause{position:absolute;width:1px;height:1px;min-width:0;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}
.hero-controls .hero-pause:focus-visible{clip-path:none;overflow:visible;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;left:100%;padding:6px;background:white;border-radius:4px}

/* Home actions stay in normal flow inside the photographic hero. */
.store-home-hero .hero-action-row{display:grid;grid-template-columns:minmax(0,1fr);width:300px;max-width:100%;gap:12px;margin-top:22px}
.store-home-hero .hero-action-row .button{box-sizing:border-box;width:100%;min-width:0;min-height:50px;padding:12px 16px;justify-content:center;text-align:center;font-size:15px;line-height:24px;white-space:normal;border-radius:8px;gap:10px}
.store-home-hero .hero-action-row .hero-secondary{background:#d8eaf4;border-color:#bad6e6;color:#20396d}
.store-home-hero .hero-action-row .hero-secondary:hover{background:#c6e0ee}
.hero-action-row .hero-tools,.home-tools-promotion .hero-tools{background:#147b8d;border:1px solid #147b8d;color:#fff}
.hero-action-row .hero-tools:hover,.home-tools-promotion .hero-tools:hover{background:#106476;border-color:#106476}
.store-home-hero .hero-inner{padding-block:32px 64px}
.store-home-hero .hero-copy h1{font-size:clamp(40px,4vw,54px)}
.store-home-hero .hero-description{line-height:1.65}

.home-tools-promotion{box-sizing:border-box;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;width:calc(100% - 64px);max-width:1040px;margin:12px auto 64px;padding:36px 44px;border:1px solid #d5e6ee;border-radius:28px;background:#eaf4f8;color:#20396d}
.home-tools-copy{min-width:0}
.home-tools-promotion .eyebrow{margin:0 0 12px;color:#397993;font-size:11px;letter-spacing:1.5px;font-weight:700}
.home-tools-promotion h2{font-size:clamp(28px,3vw,36px);line-height:1.16;letter-spacing:-.8px;margin:0 0 16px;color:#20396d}
.home-tools-description{max-width:510px;margin:0 0 22px;font-size:15px;line-height:1.7;color:#536579}
.home-tools-promotion .button{box-sizing:border-box;min-height:50px;max-width:100%;padding:12px 18px;justify-content:center;gap:10px;font-size:14px;line-height:24px;white-space:normal;text-align:center;border-radius:8px}
.home-tools-art{width:100%;max-width:340px;justify-self:center;min-width:0}
.home-tools-art svg{display:block;width:100%;height:auto}
@media(max-width:760px){
 .home-tools-promotion{width:calc(100% - 48px);grid-template-columns:1fr;padding:26px 24px;gap:18px;border-radius:22px;margin-bottom:40px}
 .home-tools-promotion h2{font-size:28px}.home-tools-description{font-size:14px;line-height:1.65;margin-bottom:18px}
 .home-tools-art{max-width:200px}.home-tools-promotion .button{width:100%;padding-inline:10px}
}
@media(max-width:600px){
 .store-home-hero .hero-inner{padding-block:28px 30px}
 .store-home-hero .hero-copy h1{font-size:40px}
 .store-home-hero .hero-action-row{width:100%;max-width:360px}
 .store-home-hero .hero-action-row .button{font-size:14px}
}
@media(max-width:380px){.home-tools-promotion{padding:24px 18px}.home-tools-promotion .button{font-size:13px;gap:6px}.home-collections .shelf-actions{flex-wrap:wrap;min-width:0;max-width:100%}.home-collections .shelf-actions .synopsis-link{white-space:normal}}