/* Shop first; a compact, optional introduction to the people behind it. */
.shop-intro{padding-block:70px;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:clamp(32px,7vw,100px)}
.shop-intro h2{font-size:clamp(2.4rem,4.2vw,4.25rem)}
.shop-intro p{font-size:1.12rem;max-width:620px}
.shop-intro .house-sign{max-width:290px;margin:0}
.our-story-compact{background:#e8dfce;padding:60px 28px}
.our-story-compact .wrap{max-width:1080px}
.our-story-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:clamp(28px,5vw,70px);align-items:center}
.our-story-compact .eyebrow{font-size:.875rem;line-height:1.5;color:#75552e}
.our-story-compact h2{font:400 clamp(2rem,3.4vw,3.3rem)/1.12 Georgia,serif;letter-spacing:-.025em;margin:14px 0 22px;color:#542a30}
.our-story-compact p{font-size:1.06rem;line-height:1.7;margin:0 0 16px}
.our-story-compact figure{margin:0;min-width:0}
.our-story-compact img{display:block;width:100%;height:auto;border:1px solid #b38b4d66}
.our-story-compact figcaption{font:.875rem/1.5 Georgia,serif;color:#63523e;margin-top:10px}
.our-story-compact a{text-underline-offset:5px}
.our-story-photo{max-width:340px;justify-self:end}
.story-details{border-block:1px solid #b38b4d77;margin-top:28px;scroll-margin-top:20px}
.story-details summary{cursor:pointer;font:400 1.2rem/1.5 Georgia,serif;color:#542a30;padding:18px 0}
.story-details[open] summary{margin-bottom:6px}
.julie-details{display:grid;grid-template-columns:145px minmax(0,1fr);gap:30px;align-items:start;max-width:790px;padding-bottom:25px}
.julie-details p{font-size:1rem}
.julie-details a{font-size:1rem;line-height:1.6}
.house-mural .mural-invitation{margin-top:26px;padding-top:20px;gap:20px}
.house-mural .mural-invitation p{margin:0}
@media(max-width:850px){
  .shop-intro{grid-template-columns:1fr;padding-block:55px;gap:30px}
  .shop-intro .house-sign{max-width:240px;justify-self:start}
  .our-story-grid{grid-template-columns:minmax(0,1.4fr) minmax(190px,.8fr);gap:30px}
}
@media(max-width:650px){
  .our-story-compact{padding:45px 22px}
  .our-story-grid{grid-template-columns:1fr;gap:20px}
  .our-story-photo{max-width:300px;justify-self:start}
  .julie-details{grid-template-columns:1fr;gap:18px}
  .julie-details figure{max-width:145px}
}