/* Readable, proportional work images; workspace galleries remain independent. */
/* An editorial photo wall: generous images, natural proportions, no empty cells. */
.premium-page[data-profile-gallery="grid"] .pp-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.premium-page[data-profile-gallery="grid"] .pp-work-grid>figure{position:relative;grid-column:auto;grid-row:auto;margin:0;min-width:0;display:block;border-radius:14px;overflow:hidden;background:var(--pd-dark,#28211e)}
.premium-page[data-profile-gallery="grid"] .pp-work-grid .pp-gallery-image{display:block;height:auto;min-height:0;aspect-ratio:auto;background:transparent;border:0;border-radius:0}
.premium-page[data-profile-gallery="grid"] .pp-work-grid img{height:auto;width:100%;display:block;object-fit:contain;transform:none}
.premium-page[data-profile-gallery="grid"] .pp-work-grid figcaption{position:absolute;inset:auto 0 0;margin:0;padding:56px 62px 22px 22px;background:linear-gradient(transparent,rgba(18,12,16,.92));font:500 clamp(18px,1.8vw,23px)/1.35 var(--serif);color:#fff;pointer-events:none;text-wrap:balance}
.premium-page[data-profile-gallery="grid"] .pp-work-grid .pp-expand{z-index:2;right:16px;bottom:18px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:#fffaf3;color:#35251f;font-size:24px;box-shadow:0 2px 12px #0002}
.premium-page[data-profile-gallery="grid"] .pp-work-grid>figure[data-grid-preserve="true"] figcaption{position:static;padding:16px 20px;background:var(--pd-dark,#28211e);color:var(--pd-light,#fff5e8);font-size:19px}
.premium-page[data-profile-gallery="grid"] .pp-work-grid .pp-gallery-image:focus-visible{outline:3px solid var(--pd-highlight,#edc69b);outline-offset:-5px}
.premium-page[data-profile-gallery="grid"] .pp-work-grid.pg-mosaic{grid-auto-rows:1px;row-gap:0;align-items:stretch}
.premium-page[data-profile-gallery="grid"] .pg-mosaic>figure{margin-bottom:18px}
@media(max-width:499px){
 .premium-page[data-profile-gallery="grid"] .pp-work-grid{grid-template-columns:1fr}
 .premium-page[data-profile-gallery="grid"] .pp-work-grid.pg-mosaic{grid-auto-rows:auto;row-gap:16px}
 .premium-page[data-profile-gallery="grid"] .pg-mosaic>figure{grid-row:auto!important;margin-bottom:0}
 .premium-page[data-profile-gallery="grid"] .pp-work-grid figcaption{font-size:22px;padding-left:20px}
}
.pp-work-grid.pg-reel{position:relative;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;align-items:start;scrollbar-width:thin;scrollbar-color:var(--pd-accent,#704729) transparent;padding:0 0 12px;overscroll-behavior-x:contain;scroll-behavior:auto;scroll-snap-type:none}
.pp-work-grid.pg-reel>figure{flex:none;width:auto;display:block;margin:0;max-width:none}
.pp-work-grid.pg-reel .pp-gallery-image,.pp-work-grid.pg-reel>figure:first-child .pp-gallery-image{display:block;height:clamp(260px,65vw,420px);width:auto;max-width:none;aspect-ratio:auto;background:transparent;border-radius:14px;overflow:hidden}
.pp-work-grid.pg-reel img{display:block;width:auto;height:100%;max-width:none;object-fit:contain;transform:none}
.pp-work-grid.pg-reel figcaption{display:none}
.pg-reel [data-reel-copy]{pointer-events:auto}
.pg-reel.pg-still [data-reel-copy]{display:none}
.pg-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:12px;color:var(--pd-muted,#594839)}
.pg-controls p{font:400 16px/1.6 var(--sans);margin:0;flex:1 1 200px}
.pg-controls button{font:500 16px/1.4 var(--sans);min-height:48px;padding:12px 18px;border:1px solid var(--pd-accent,#704729);border-radius:999px;background:var(--pd-surface,#fffaf3);color:var(--pd-accent,#704729);cursor:pointer}
.pg-controls button[hidden]{display:none}
.pg-controls button:focus-visible,.pg-reel a:focus-visible{outline:3px solid var(--pd-accent,#704729);outline-offset:3px}

@media print{.pg-controls,[data-reel-copy]{display:none!important}.pp-work-grid.pg-reel{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.pp-work-grid.pg-reel img{width:100%;height:auto}.pp-work-grid.pg-reel .pp-gallery-image,.pp-work-grid.pg-reel>figure:first-child .pp-gallery-image{height:auto}}

/* Display-only framing for verified white borders embedded in Dani's sources.
   Each ratio retains the full-height photograph; original files/viewer stay intact. */
.pg-reel>figure:has(img[src*="/new-image-by-dani/showcase-v43/dimensional-waves-"]){--pg-content-ratio:.748}
.pg-reel>figure:has(img[src*="/new-image-by-dani/showcase-v43/soft-bob-"]){--pg-content-ratio:.722}
.pg-reel>figure:has(img[src*="/new-image-by-dani/showcase-v43/violet-blue-waves-"]){--pg-content-ratio:.700}
.pg-reel>figure:has(img[src*="/new-image-by-dani/showcase-v43/vivid-pink-detail-"]){--pg-content-ratio:.706}
.pg-reel>figure:has(img[src*="/new-image-by-dani/showcase-v43/short-waves-"]){--pg-content-ratio:.906}
.pp-work-grid.pg-reel>figure:has(img[src*="/new-image-by-dani/showcase-v43/"]) .pp-gallery-image{position:relative;width:calc(clamp(260px,65vw,420px) * var(--pg-content-ratio));border:0;padding:0;box-shadow:none}
.pp-work-grid.pg-reel>figure:has(img[src*="/new-image-by-dani/showcase-v43/"]) img{position:absolute;left:50%;top:-1px;height:calc(100% + 2px);width:auto;transform:translateX(-50%);transition:none}

/* Reel choices must override legacy count-specific grid heights. */
.premium-page[data-profile-gallery="reel"] .pp-work-grid.pg-reel>figure .pp-gallery-image{height:clamp(260px,65vw,420px);min-height:0;width:auto;aspect-ratio:auto}
.premium-page[data-profile-gallery="reel"] .pp-work-grid.pg-reel>figure:has(img[src*="/new-image-by-dani/showcase-v43/"]) .pp-gallery-image{width:calc(clamp(260px,65vw,420px) * var(--pg-content-ratio))}
@media print{.premium-page[data-profile-gallery="reel"] .pp-work-grid.pg-reel>figure .pp-gallery-image{height:auto;width:auto}}
