#product-system-map{background:#fff;color:var(--ink)}
#product-system-map{padding-inline:4vw}
#product-system-map>.container{width:100%;max-width:none}
@media(min-width:761px){#product-system-map .system-image-grid>.system-image{height:clamp(560px,42vw,780px)}}
.products-full-hero{clip-path:inset(0);isolation:isolate;overflow:hidden}
.products-full-hero>img{position:fixed!important;inset:0!important;width:100%!important;height:100lvh!important;object-fit:cover;transform:none!important}
#product-system-map .system-image{cursor:pointer}
#product-system-map a.system-image-title{text-decoration:none}
#product-system-map a.system-image-title::after{display:none}
#product-system-map .eyebrow{color:var(--blue)}
#product-system-map .eyebrow::before{display:none}
#product-system-map .system-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px}
#product-system-map .system-image{position:relative;isolation:isolate;height:560px;min-width:0;border:0;border-radius:3px;overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s,box-shadow .5s;background:#e6e8eb}
#product-system-map .system-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#product-system-map .system-image:nth-child(3)>img{height:110%;object-position:center top}
#product-system-map .system-image::before,#product-system-map .system-image::after{content:'';position:absolute;inset:0;pointer-events:none}
#product-system-map .system-image::before{background:linear-gradient(to top,rgba(0,0,0,.42),rgba(0,0,0,.25) 60%,transparent)}
#product-system-map .system-image::after{background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,.2) 65%,transparent);opacity:0;transition:opacity .45s;z-index:0}
#product-system-map .system-image-title{position:absolute;left:40px;right:20px;top:calc(100% - 64px);transform:translateY(-100%);z-index:1;padding:0;border:0;border-radius:0;background:transparent;color:#fff;text-align:left;cursor:pointer;font-family:inherit;transition:top .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
#product-system-map .system-image-title span{display:block;font-size:clamp(22px,1.65vw,30px);line-height:1.42;letter-spacing:.035em;font-weight:500}
#product-system-map .system-image-title small{display:block;margin-top:12px;font-size:11px;line-height:1.6;letter-spacing:.1em;font-weight:400;color:#fff}
#product-system-map .system-image-links{position:absolute;left:40px;right:20px;top:61%;z-index:1;list-style:none;padding:0;margin:0;pointer-events:none}
#product-system-map .system-image-links li{padding:0;margin:0;opacity:0;transform:translateX(-18px);transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1);transition-delay:calc((4 - var(--item)) * 35ms)}
#product-system-map .system-image-links a{display:block;padding:8px 0;font-size:13px;line-height:1.65;color:#fff;font-weight:400;text-decoration:none;border:0;border-radius:0;background:transparent}
#product-system-map .system-image-links a::after,#product-system-map .system-image-links a::before{display:none}
#product-system-map .system-image-title:focus-visible,#product-system-map .system-image-links a:focus-visible{outline:1px solid white;outline-offset:5px}
#product-system-map .system-image-links a:hover{text-decoration:underline;text-underline-offset:5px}
#product-system-map .system-image.is-open{transform:translateY(-12px) scale(1.01);box-shadow:0 18px 40px rgba(20,40,70,.1)}
#product-system-map .system-image.is-open::after{opacity:1}
#product-system-map .system-image.is-open .system-image-title{top:calc(44% - 8px);transform:translateY(0)}
#product-system-map .system-image.is-open .system-image-links{pointer-events:auto}
#product-system-map .system-image.is-open li{opacity:1;transform:translateX(0);transition-duration:.4s;transition-delay:calc(var(--item) * 80ms)}
@media(hover:hover) and (pointer:fine){#product-system-map .has-open .system-image:not(.is-open){opacity:.8}}
@media(max-width:1000px) and (min-width:761px){#product-system-map .system-image-title,#product-system-map .system-image-links{left:24px;right:12px}#product-system-map .system-image-links a{font-size:12px}}
@media(max-width:1180px) and (min-width:761px){#product-system-map .system-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#product-system-map .system-image-title,#product-system-map .system-image-links{left:34px}}
@media(max-width:760px){#product-system-map .system-image-grid{grid-template-columns:1fr;gap:32px;margin-top:36px}#product-system-map .system-image{height:540px}#product-system-map .system-image-title span{font-size:36px}#product-system-map .system-image.is-open{transform:translateY(-4px)}#product-system-map .system-image-links a{font-size:14px}}
/* Gallery preview shares the expanded system-map content width. */
.section:has([data-gallery-preview]){padding-inline:4vw}
.section:has([data-gallery-preview])>.container{width:100%;max-width:none}
.section:has([data-gallery-preview]) .gallery-preview{margin-top:48px}
@media(min-width:761px){
  .section:has([data-gallery-preview]) .gallery-preview-stage{min-height:clamp(440px,43vw,620px)}
  .section:has([data-gallery-preview]) .gallery-preview-card{width:clamp(300px,32vw,560px)}
  .section:has([data-gallery-preview]) .gallery-preview-card span{font-size:22px;padding:22px 16px}
}
@media(prefers-reduced-motion:reduce){#product-system-map .system-image,#product-system-map .system-image-links li{transform:none!important}#product-system-map .system-image,#product-system-map .system-image-title,#product-system-map .system-image-links li{transition-property:opacity;transition-delay:0s!important}}

#product-system-map .system-image:is(:hover,:focus-within,.is-open) :is(.system-image-title,.system-image-title small,.system-image-links a){color:#001c83}
#product-system-map .system-image.is-open::after{background:linear-gradient(to top,rgba(255,255,255,.94),rgba(255,255,255,.78) 65%,rgba(255,255,255,.1))}
.gallery-preview-card.is-before,.gallery-preview-card.is-after{pointer-events:auto;cursor:pointer}