/* Homepage merch section (rendered only when MERCH_VISIBLE is on). Uses the site palette: paper, ink, clay, sunset. */
.merch{padding-block:clamp(4rem,8vw,7rem)}
.merch-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"media head" "media product";grid-template-rows:auto 1fr;column-gap:clamp(2.5rem,6vw,6rem);align-items:start}.merch-head{grid-area:head;align-self:end;padding-top:clamp(0rem,4vw,4rem)}.merch-media{grid-area:media}.merch-product{grid-area:product;align-self:start}
.merch-media{position:relative;background:radial-gradient(120% 90% at 50% 40%,#fbf8f4 0%,#ece5dd 70%,#e4dbd1 100%);border-radius:2px;overflow:hidden}
.merch-media:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--sunset)}
.merch-media-link{display:block}
.merch-media img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.04);transition:transform .5s ease}
.merch-media:hover img{transform:scale(1.08)}
.merch-head .eyebrow{color:var(--clay);margin-bottom:1.6rem}
.merch-head h2{font-size:clamp(3.3rem,6.2vw,6.1rem);margin-bottom:2.4rem}
.merch-product{border-top:1px solid #ccc7c3;padding-top:1.8rem;max-width:520px}
.merch-name{font-size:clamp(1.7rem,2.4vw,2.4rem);letter-spacing:-.02em;line-height:1.1}
.merch-story{margin-top:1rem;font-size:1.0625rem;line-height:1.6;color:#4a4549}
.merch-price{margin-top:1.6rem;font:500 clamp(1.6rem,2.2vw,2rem)/1 var(--mono);letter-spacing:-.02em;color:#1d1b1e}
.merch-sizes{margin-top:.75rem;font:500 .8125rem/1.6 var(--mono);color:#5d5650}
.merch-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2rem}
.merch-actions .button{min-height:52px;min-width:12rem}
.merch-actions .text-link{min-height:44px;display:inline-flex;align-items:center;font-weight:600}
#shop a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(max-width:900px){.merch-layout{gap:2.5rem}.merch-head h2{font-size:clamp(2.6rem,7vw,4.4rem);margin-bottom:1.8rem}}
@media(max-width:760px){.merch{padding-block:3.5rem}.merch-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}.merch-head,.merch-product{padding-top:0;align-self:stretch}.merch-media{margin-bottom:2rem}.merch-head h2{font-size:clamp(2.3rem,11.7vw,5.5rem);line-height:.98}.merch-product{padding-top:1.5rem;align-self:stretch}.merch-actions{flex-direction:column;align-items:stretch;gap:.75rem}.merch-actions .button{width:100%}.merch-actions .text-link{justify-content:center}}
@media(prefers-reduced-motion:reduce){.merch-media img,.merch-media:hover img{transition:none;transform:scale(1.04)}}