/* Extend the existing black/white menu identity with the supplied ERA photography. */
:root{--era-scroll-thumb:#777;--era-scroll-track:#e9e9e9;scrollbar-color:var(--era-scroll-thumb) var(--era-scroll-track);scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--era-scroll-track)}*::-webkit-scrollbar-thumb{background:var(--era-scroll-thumb);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#555}
.era-hero .era-hero-photo{display:block;position:relative;width:min(46%,540px);height:auto;flex-shrink:0;overflow:hidden;border-radius:24px;transform:none}
.era-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.era-hero .hero-copy{min-width:0}.era-hero h1{overflow-wrap:anywhere}.era-hero .hero-inner{gap:32px}
.product-photo img.product-logo-fallback{object-fit:contain;background:white;padding:30px}
button:disabled{cursor:not-allowed;opacity:.4}button:not(:disabled),summary{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b07437;outline-offset:4px}
@media(max-width:760px){.era-hero .hero-inner{display:flex;flex-direction:column;gap:22px}.era-hero .era-hero-photo{width:100%;max-width:540px}.era-hero .hero-copy{width:100%}.era-hero h1{font-size:clamp(30px,9vw,48px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){:root{scrollbar-color:auto}}
