/* Image-only homepage resource carousel follows the hero, with modest breathing room. */
#home-view{position:relative;display:flex;flex-direction:column;min-height:0;overflow:visible}
#home-view .brand-story{flex:0 0 auto;min-height:0}
#home-view .brand-story-stage{height:clamp(445px,calc(100svh - 78px - 405px),490px);min-height:0}
.home-popular{position:relative;z-index:1;left:auto;right:auto;bottom:auto;flex:0 0 auto;width:100%;padding:12px 0 20px;margin:36px 0 0;background:#fff;border:0;overflow:visible}
.home-popular-status{width:min(1440px,100%);margin:0 auto;min-height:70px;padding:20px clamp(24px,5.8vw,84px);color:#777;font-size:13px}
.home-popular-viewport{width:100%;overflow-x:clip;overflow-y:visible;padding:12px 0;mask-image:none;-webkit-mask-image:none}
.home-popular-track{display:flex;align-items:stretch;width:max-content;max-width:none;will-change:transform}
.home-popular-track[data-animated="true"]{animation:homePopularMarquee 100s linear infinite}
.home-popular-viewport:focus-within .home-popular-track{animation-play-state:paused}
.home-popular-group{display:flex;align-items:center;gap:16px;padding-right:16px}
/* Matches the 4-column market-home preview image width (281px at >=1440px). */
.home-popular-card{display:block;flex:0 0 clamp(168px,calc(min(25vw,360px) - clamp(14px,2.5vw,36px) - 43px),281px);width:clamp(168px,calc(min(25vw,360px) - clamp(14px,2.5vw,36px) - 43px),281px);overflow:hidden;border:1px solid #e6e6e6;border-radius:5px;background:#f5f5f3;box-shadow:0 8px 26px #00000012;color:#111}
.home-popular-card:hover{border-color:#bbb}
.home-popular-card:focus-visible{outline:2px solid #111;outline-offset:-2px}
.home-popular-cover{position:relative;display:block;width:100%;aspect-ratio:1/1;background:#f5f5f3;overflow:hidden}
.home-popular-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.home-popular-cover.is-placeholder img{inset:auto;top:50%;left:50%;width:64%;height:64%;transform:translate(-50%,-50%);opacity:.44;filter:grayscale(1)}
@keyframes homePopularMarquee{to{transform:translateX(-50%)}}
@media(max-width:760px){#home-view{min-height:0}#home-view .brand-story-stage{height:clamp(390px,calc(100svh - 68px - 350px),440px);min-height:0}.home-popular{padding:8px 0 18px;margin-top:24px}.home-popular-group{gap:12px;padding-right:12px}.home-popular-card{flex-basis:clamp(168px,47vw,220px);width:clamp(168px,47vw,220px)}.home-popular-status{padding:14px 22px;min-height:40px;font-size:11px}}
@media(min-width:761px) and (max-width:1100px){#home-view .brand-story-stage{height:clamp(445px,calc(100svh - 78px - 405px),490px);min-height:0}}
@media(max-height:850px) and (min-width:761px){#home-view .brand-story-stage{height:clamp(410px,calc(100svh - 78px - 350px),435px);min-height:0}.home-popular{padding:8px 0 18px}/* Keep the market-preview-aligned width on shorter desktops too. */}
@media(max-height:850px) and (min-width:761px) and (max-width:1100px){#home-view .brand-story-stage{height:clamp(430px,calc(100svh - 78px - 350px),440px);min-height:0}}
@media(prefers-reduced-motion:reduce){.home-popular-viewport{overflow-x:auto;overflow-y:hidden;mask-image:none;-webkit-mask-image:none;scroll-snap-type:x proximity}.home-popular-track[data-animated="true"]{animation:none!important;transform:none!important;will-change:auto}.home-popular-group[data-loop-copy="true"]{display:none!important}.home-popular-card{scroll-snap-align:start}}

/* Wide screens get the same bottom-aligned footer as shorter viewports. */
@media(min-width:2000px) and (min-height:1200px){
  #home-view{min-height:calc(100svh - 78px - 71px)}
}


/* Avoid the large blank area created by wide-screen min-height at 2560x1440. */
@media(min-width:2000px) and (min-height:1200px){
 #home-view{min-height:calc(100svh - 78px - 65px)}
 .site-footer{width:min(100%,1440px);margin-inline:auto;padding:18px clamp(28px,5vw,72px) 20px}
}

/* Locrian generated screen UI font-size uplift; do not edit. */
@media screen {
.home-popular-status{font-size:calc(13px + 2pt)}
@media(max-width:760px){.home-popular-status{font-size:calc(11px + 2pt)}}
}