@layer components{dialog.piece{background:var(--bg);width:min(1120px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:0;margin:auto;padding:0;overflow:auto;box-shadow:0 30px 80px -30px #00000073}dialog.piece::backdrop{-webkit-backdrop-filter:blur(3px);background:#140e0a9e}dialog.piece[open]{animation:dlgIn .5s var(--ease-silk) both}.pd-close{z-index:3;border:0;border-bottom:1px solid var(--ink);font:400 .64rem var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:#f5f2ede6;padding:6px 4px;position:absolute;top:14px;right:16px}.pd-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.pd-gallery{background:var(--bg-2);gap:10px;padding:0 0 12px;display:grid}.pd-main{background:#1d1714;width:100%;height:min(100dvh - 150px,760px);position:relative;overflow:hidden}.pd-main img{object-fit:contain;width:100%;height:100%;display:block}.pd-enlarge{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.pd-hint{letter-spacing:.2em;text-transform:uppercase;color:#fbf6ec;opacity:.85;background:#140e0a8c;padding:6px 10px;font-size:.6rem;position:absolute;bottom:12px;right:14px}.pd-nav{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#f5f2ede0;border:0;border-radius:50%;font-size:1.6rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.pd-nav.prev{left:12px}.pd-nav.next{right:12px}.pd-nav:hover{background:var(--white)}.pd-count{letter-spacing:.2em;color:#fbf6ec;text-shadow:0 1px 6px #0009;font-size:.62rem;position:absolute;bottom:12px;left:14px}.pd-thumbs{gap:8px;padding:0 12px;display:flex;overflow-x:auto}.pd-thumbs button{cursor:pointer;opacity:.6;background:0 0;border:1px solid #0000;flex:none;width:64px;height:84px;padding:0;transition:opacity .3s,border-color .3s}.pd-thumbs button[aria-current=true]{opacity:1;border-color:var(--ink)}.pd-thumbs img{object-fit:cover;width:100%;height:100%;display:block}.pd-info{align-content:start;gap:18px;min-width:0;padding:56px 48px 44px;display:grid}.pd-info h2{font-size:clamp(2rem,3.4vw,2.8rem);font-weight:300}.pd-cap{color:var(--gold);letter-spacing:.06em;font-size:.82rem}.pd-about{color:var(--mute);font-size:.95rem}.pd-spec{border-top:1px solid var(--hair);margin:4px 0 0}.pd-spec div{border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);gap:14px;padding:11px 0;display:grid}.pd-spec dt{letter-spacing:.22em;text-transform:uppercase;color:var(--mute);padding-top:4px;font-size:.6rem}.pd-spec dd{margin:0;font-size:.92rem}.pd-actions{margin-top:8px}.pd-note{color:var(--mute);font-size:.8rem}@media (max-width:820px){dialog.piece{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.pd-grid{grid-template-columns:1fr}.pd-main{aspect-ratio:4/5;height:auto;max-height:62dvh}.pd-info{padding:28px max(16px, env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px))}.pd-close{top:calc(12px + env(safe-area-inset-top,0px))}.pd-spec div{grid-template-columns:minmax(0,8rem) minmax(0,1fr)}}@media (min-width:821px){dialog.piece{height:min(100dvh - 40px,860px);overflow:hidden}.pd-grid{height:100%}.pd-gallery{grid-template-rows:minmax(0,1fr) auto;height:100%;overflow:hidden}.pd-main{height:auto}.pd-info{overscroll-behavior:contain;scrollbar-width:thin;height:100%;overflow-y:auto}}@media (prefers-reduced-motion:reduce){dialog.piece[open]{animation:none}}.pd-zoom{z-index:10;background:#0e0a08;position:fixed;inset:0}.pz-stage{place-items:center;padding:56px 16px 48px;display:grid;position:absolute;inset:0;overflow:hidden}.pz-stage img{object-fit:contain;cursor:zoom-in;touch-action:pinch-zoom;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .35s}.pz-stage.zoomed img{cursor:zoom-out;transform:scale(2.4)}.pz-close{top:calc(14px + env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));color:#fbf6ec;font:400 .66rem var(--sans);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #fbf6ec;padding:6px 2px;position:absolute}.pd-zoom .pd-nav{z-index:2}.pd-zoom .pd-nav.prev{left:max(12px, env(safe-area-inset-left,0px))}.pd-zoom .pd-nav.next{right:max(12px, env(safe-area-inset-right,0px))}.pz-tip{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));letter-spacing:.2em;text-transform:uppercase;color:#fbf6ecb3;white-space:nowrap;font-size:.6rem;position:absolute;transform:translate(-50%)}}@keyframes dlgIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}