.pd-photos{background:var(--ui-surface);gap:3px;display:grid}.pd-photos--1{grid-template-columns:1fr}.pd-photos--2,.pd-photos--3{grid-template-columns:1fr 1fr}.pd-photos--3>:first-child{grid-column:span 2}.pd-photos .ui-photo{border-radius:0}.pd-on-photo{z-index:1;border-radius:var(--ui-radius-sm);font-size:var(--ui-text-12);font-weight:var(--ui-weight-semibold);padding:.375rem .625rem;line-height:1.2;position:absolute}.pd-on-photo--label{background:color-mix(in srgb, var(--ui-surface) 94%, transparent);color:var(--ui-brass-text);top:1rem;left:1rem}.pd-on-photo--count{background:color-mix(in srgb, var(--ui-leather-deep) 85%, transparent);color:var(--ui-leather-on);bottom:.875rem;right:1rem}.pd-more{z-index:1;background:color-mix(in srgb, var(--ui-leather-deep) 45%, transparent);color:var(--ui-leather-on);font-size:var(--ui-text-18);font-weight:var(--ui-weight-semibold);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pd-tile{aspect-ratio:16/9;border-radius:var(--ui-radius-md);background:var(--ui-leather-deep);border:1px solid var(--ui-border);width:8rem;position:relative;overflow:hidden}.pd-tile img{object-fit:contain;width:100%;height:100%;display:block}.pd-tile__num{border-radius:var(--ui-radius-sm);background:color-mix(in srgb, var(--ui-leather-deep) 85%, transparent);color:var(--ui-leather-on);font-size:var(--ui-text-12);font-weight:var(--ui-weight-semibold);padding:.125rem .375rem;position:absolute;bottom:.25rem;left:.25rem}.pd-tile__tools{justify-content:space-between;display:flex;position:absolute;top:.125rem;left:.125rem;right:.125rem}.pd-tile__tools .ui-btn{background:color-mix(in srgb, var(--ui-surface) 92%, transparent)}.pd-four{grid-template-columns:repeat(4,3rem);gap:.25rem;display:grid}.pd-banner{background:var(--ui-leather-grain), radial-gradient(ellipse at 30% 40%, var(--ui-leather-hi), var(--ui-leather-deep) 80%);min-height:10.5rem;color:var(--ui-leather-text);align-items:center;display:flex;position:relative;overflow:hidden}.pd-banner:not(:has(img)){outline:var(--ui-leather-stitch-line);outline-offset:var(--ui-leather-stitch-offset)}.pd-banner :focus-visible{outline-color:var(--ui-leather-focus)}.pd-banner>img{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pd-banner:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--ui-leather-deep) 82%, transparent), transparent 75%);pointer-events:none;position:absolute;inset:0}.pd-banner>*{z-index:1;position:relative}.pd-cover{background:var(--ui-leather-grain), radial-gradient(ellipse at 30% 40%, var(--ui-leather-hi), var(--ui-leather-deep) 80%);height:9.5rem;color:var(--ui-leather-on);align-items:flex-end;padding:.75rem 1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.pd-cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pd-cover:after{content:"";background:linear-gradient(180deg, transparent 35%, color-mix(in srgb, var(--ui-leather-deep) 80%, transparent));position:absolute;inset:0}.pd-cover>span{z-index:1;color:var(--ui-leather-on);position:relative}.pd-dot{border-radius:var(--ui-radius-full);background:var(--ui-brass);flex:none;width:.625rem;height:.625rem}.pd-dot--read{background:0 0}