/* Spread the eight navigation entries across the available header width. */
@media(min-width:1200px){
 body header nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr)) minmax(160px,1.8fr);align-items:center;gap:0;width:100%}
 body header nav>a{justify-self:start}
 body header nav .nav-explore{justify-self:end;margin-left:0}
}
/* A quiet scroll cue belongs to the hero frame, not the body copy. */
body .hero>.hero-scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:11px;z-index:2;color:#c7cbd1;font-family:Glow,sans-serif;font-size:14px;font-weight:100;line-height:1.5;text-decoration:none;border:0;background:none;padding:8px 18px;white-space:nowrap}
body .hero>.hero-scroll-cue span{display:block;width:9px;height:9px;border-right:1.5px solid #c5a173;border-bottom:1.5px solid #c5a173;transform:rotate(45deg)}
body .hero>.hero-scroll-cue:hover{color:#fff}
body .hero>.hero-scroll-cue:focus-visible{outline:1px solid #c5a173;outline-offset:5px}
/* Keep scroll cues clear of the copy, especially on smaller hero frames. */
.detail-page .hero{padding-bottom:90px}
/* Shared line quality for conceptual inline icons; product artwork stays intact. */
body main svg[stroke="currentColor"]{stroke-linecap:round;stroke-linejoin:round}
body main svg[stroke="currentColor"] :is(path,circle,rect,line,polyline,polygon,ellipse){stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
@media(max-width:600px){body .hero>.hero-scroll-cue{bottom:20px;font-size:13px}.detail-page .hero{padding-bottom:110px}}