.shop-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;padding-block:clamp(48px,7vw,104px) clamp(28px,3vw,40px);display:grid}.shop-head h1{font-size:var(--fs-display)}.toolbar{border-block:1px solid var(--rule);top:var(--bar-h);background:var(--wall);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex;position:sticky}.grid{align-items:start;gap:clamp(36px,4vw,56px) var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;padding-block:clamp(32px,4vw,56px) clamp(80px,10vw,140px);display:grid}.cell{color:inherit;gap:14px;text-decoration:none;display:grid}.cell[data-orient=landscape]{grid-column:span 2}.plate{aspect-ratio:4/5;background:var(--wall-deep);transition:background-color var(--t-slow) var(--ease-in-out);place-items:center;display:grid;position:relative;overflow:hidden}.cell[data-orient=landscape] .plate{aspect-ratio:8/5}.plate{container-type:size}.slide--work .framed{z-index:1;--frame-w:4px;height:min(calc(var(--ph,.66) * 100cqh), calc(76cqw / var(--ar)));aspect-ratio:var(--ar);transition:transform var(--t-slow) var(--ease-out),box-shadow var(--t-slow) var(--ease-out);padding:0;position:relative}.cell[data-orient=landscape] .framed,.cell[data-orient=square] .framed{--ph:.58}@media (hover:hover){.cell:hover .plate{background:#e6e2da}.cell:hover .slide--work .framed{transform:translateY(-10px)scale(1.015);box-shadow:0 2px 2px #0000001f,0 34px 48px -18px #00000073,0 72px 110px -44px #0006}}.cap{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;display:grid}.cap .title{font-size:var(--fs-lg)}.cap .badge{font-family:var(--f-data);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-size:12px}.cell:hover .title{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.empty{grid-column:1/-1;justify-items:start;gap:16px;padding:96px 0;display:grid}@media (max-width:960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.grid{grid-template-columns:1fr}.cell[data-orient=landscape]{grid-column:auto}.cell[data-orient=landscape] .plate{aspect-ratio:4/3}.shop-head{grid-template-columns:1fr}}.slides{display:flex;position:absolute;inset:0;overflow:hidden}.slides.is-armed{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.slides.is-armed::-webkit-scrollbar{display:none}.slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;place-items:center;height:100%;display:grid;position:relative;container-type:size}.slide--room .room{--hang:36%;position:absolute;inset:0}.slide--detail{overflow:hidden}.slide--detail picture,.slide--detail img{width:100%;height:100%;display:block}.slide--detail img{object-fit:cover;transform-origin:40% 45%;transform:scale(1.9)}.slides__dots{z-index:2;pointer-events:none;justify-content:center;gap:6px;display:flex;position:absolute;bottom:12px;left:0;right:0}.slides__dots span{width:6px;height:6px;transition:background-color var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out);background:#12151438;border-radius:50%;box-shadow:0 0 0 1px #ffffff59}.slides__dots .is-on{background:var(--ink);transform:scale(1.2)}@media (prefers-reduced-motion:reduce){.plate,.slide--work .framed{transition:none}}
