/* Reversible homepage-only fit; remove this stylesheet and restore image src to undo. */
.site-shell{width:100%;max-width:2400px;margin-inline:auto}
.hero{height:auto;min-height:0;aspect-ratio:6/1;container-type:inline-size}
.hero__art img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.hero__copy{left:35%;width:30%;top:14%}
.hero__copy h1{font-size:clamp(20px,3.1cqw,65px);line-height:1;overflow-wrap:normal}
.hero__copy p{font-size:clamp(8px,.75cqw,15px);letter-spacing:.17em}
.hero .fine-rule{margin:1cqw auto;width:4cqw}
.hero__aside{font-size:clamp(8px,.7cqw,14px);bottom:15%}
.primary-navigation{flex-wrap:wrap;min-width:0;gap:5px}
@media(min-width:1121px){.site-header{grid-template-columns:13% 38% minmax(0,1fr) 9%;padding-inline:1.5%;height:100px}.brand-logo{width:clamp(90px,9vw,145px);left:2%;top:4px}.wordmark__name{font-size:clamp(24px,2.3vw,39px)}.wordmark__line{font-size:clamp(8px,.65vw,12px);letter-spacing:.16em}.primary-navigation{font-size:clamp(13px,1.1vw,19px);padding:0}.primary-navigation a{padding-inline:4px}.header-motto{padding-left:8px;letter-spacing:.15em}}
@media(max-width:620px){.hero{aspect-ratio:3/1}.hero__copy{left:34%;width:32%;top:12%}.hero__copy h1{font-size:clamp(13px,4cqw,24px)}.hero__copy p{font-size:6px;letter-spacing:0}.hero__aside{display:none}.primary-navigation{grid-template-columns:repeat(3,minmax(0,1fr));height:auto}.site-header{grid-template-rows:84px auto}.primary-navigation a{padding-block:9px}}

#shops #about .mosaic-photo{background-size:auto 150%;background-position:35% 40%;background-repeat:no-repeat}


/* Contrast patch: keep tagline readable over variable scenery. */
.hero__copy p{color:#061c52;background:rgba(255,248,229,.96);padding:.45em .7em;border-radius:3px;width:fit-content;max-width:100%;margin-inline:auto;text-shadow:none}
.hero__copy p i{color:#77520a}


/* Integrated lettering: no panel, fill or border. */
.hero__copy p{color:#fff6dd;background:transparent;border:0;border-radius:0;padding:0;text-shadow:0 1px 2px #150e08,0 2px 7px rgba(15,10,6,.85);font-weight:600}
.hero__copy p i{color:#f6d991}
@media(max-width:620px){.hero__copy p{color:#061c52;text-shadow:none}.hero__copy p i{color:#77520a}}