/* Category controls belong to the hero and filter the photographic rail. */
.hero{min-height:800px}
.hero-categories{position:absolute;z-index:21;top:108px;left:20px;right:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hero-categories button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 19px;border:1px solid #d9dcd3;border-radius:28px;background:var(--paper);font-size:13px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.hero-categories button span{font:11px Arial;opacity:.55}.hero-categories button[aria-pressed=true]{background:#242820;color:white;border-color:#242820}.hero-categories button:hover:not([aria-pressed=true]){background:#ecede6;color:#252a21}
.intro{top:185px}.intro>.eyebrow #collectionName{padding:0;color:inherit}
.stage{top:47%;height:41%}body.product-open .hero-categories{opacity:0;pointer-events:none}
.product-view{position:fixed;top:90px;bottom:0;left:0;right:0}body.product-open{overflow:hidden}.header nav{font-size:13px}.description{font-size:13px}.size-heading,.option-label{font-size:13px}.product-info .primary{font-size:13px}.product-meta{font-size:11px}.colors{flex-wrap:wrap}.product-details{font-size:12px}
@media(min-height:1000px) and (min-width:601px){.intro{top:195px}.stage{top:45%}}
@media(max-height:820px) and (min-width:601px){.intro{top:170px}.stage{top:46%;height:35%}}
@media(max-width:600px){.hero{min-height:760px;max-height:1100px}.hero-categories{top:92px;left:18px;right:18px;gap:6px}.hero-categories button{padding:9px 12px;gap:8px;font-size:11px;min-height:42px}.hero-categories button span{font-size:10px}.intro{top:205px}.stage{top:49%;height:40%}.product-view{top:75px}.product-meta{flex-wrap:wrap}}

@media(max-width:600px) and (max-height:780px){.stage{height:36%}}
@media(max-width:360px){.hero-categories button span{display:none}}