.showcase{background:#fff}
.showcase-head{display:flex;align-items:baseline;justify-content:space-between;gap:28px;padding:clamp(32px,3.4vw,68px) 4.17% clamp(34px,3.6vw,72px)}
.showcase h2,.catalog-intro h1{margin:0;color:#28231e;font:600 clamp(26px,2.43056vw,64px)/1.257 Euclid,Arial,sans-serif}
.showcase h2 span{color:var(--gold)}
.catalog-link{display:inline-flex;align-items:center;gap:18px;padding:4px 0;flex:none;font-size:clamp(15px,1.31vw,21px);line-height:1.35;color:#332e26;transition:color .2s}
.catalog-link span{font-size:1.3em;transition:transform .25s}
.catalog-link:hover{color:#91682c}.catalog-link:hover span{transform:translateX(4px)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.product-tile{position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;background:#f1f1ef}
.tile-main{display:block;width:100%;height:100%;position:relative;color:#26231e;text-align:left}
.tile-main>img{width:100%;height:100%;object-fit:contain;transition:transform .75s cubic-bezier(.21,.65,.27,1)}
.tile-main:is(:hover,:focus-visible)>img{transform:scale(1.025)}
.tile-main:focus-visible{outline-offset:-4px}
.tile-code{position:absolute;top:20px;left:21px;pointer-events:none;color:#635e54;font-size:14px;letter-spacing:.045em}
.tile-tools{display:flex;position:absolute;top:10px;right:20px;gap:5px}
.tile-action{width:40px;height:40px;display:grid;place-items:center;background:#e8e6dfdf;color:#805d27;border-radius:50%;transition:background .22s,transform .22s,color .22s}
.tile-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.tile-action:hover,.tile-action:focus-visible{background:#e0d7c4;transform:translateY(-2px)}
.tile-action[aria-pressed=true]{background:#805d27;color:white}
.tile-action[data-list=favorites][aria-pressed=true] svg{fill:currentColor}
.tile-caption{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:15px 20px;background:#fffffff0;backdrop-filter:blur(10px);font-size:clamp(14px,1.08vw,18px);opacity:0;transform:translateY(100%);transition:opacity .28s,transform .28s}
.tile-caption strong{flex:none;font-size:.94em;font-weight:600}
.product-tile:is(:hover,:focus-within) .tile-caption{opacity:1;transform:none}
.detail-photo{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:2px;background:#f1f1ef}
.detail-description{margin:18px 0 10px}.detail-size{color:#675c4c;font-size:14px}
@media(hover:none){.tile-caption{opacity:1;transform:none}}
@media(max-width:780px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-head{flex-wrap:wrap;gap:12px}.tile-tools{top:8px;right:8px}.tile-action{width:32px;height:32px}.tile-code{top:13px;left:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.tile-main:is(:hover,:focus-visible)>img{transform:none}}
.catalog-shell{container-type:inline-size}
.catalog-shell .masthead{--u:max(.069444444cqw,.72px);position:relative;inset:auto;height:calc(96 * var(--u));border-bottom:1px solid #eae7e1}
.catalog-intro{padding:clamp(26px,3vw,54px) 4.17% clamp(26px,2.7vw,45px)}
.catalog-trail{display:flex;gap:10px;align-items:center;margin:0 0 20px;color:#696156;font-size:14px;line-height:1.35}
.catalog-trail a:hover{color:#936b2d;text-decoration:underline}
.catalog-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.catalog-count{color:#696156;font-size:15px}
.catalog-page .product-tile{aspect-ratio:auto}
.catalog-page .tile-main{display:flex;flex-direction:column}
.catalog-page .tile-main>img{height:auto;aspect-ratio:1.1;object-fit:contain}
.catalog-page .tile-caption{position:relative;inset:auto;align-self:stretch;flex:1;min-height:68px;padding-block:10px;background:#fff;opacity:1;transform:none}