/* SAMPLE 1 — Collage v6 in the "1 Sheet" slot; names centred under the
   round canvases only (the rest keep their right-set labels), and Julia
   and Gabrielle hung large. White wall,
   Salon's captions. */
.pr-section{ padding:clamp(14px,2vw,26px) clamp(12px,2.4vw,32px) 0 }
.pr-band{
  background:#fff; border:3px solid var(--ink); border-radius:22px;
  box-shadow:var(--sh-sticker); overflow:hidden;
  --pr-art-h:clamp(300px,36vw,470px); --pr-gap:clamp(22px,3vw,48px); --pr-cap-h:38px;
}
.pr-head{ border-bottom:1.5px dashed var(--hairline) }
.pr-sig{ height:clamp(34px,4vw,54px); width:auto; mix-blend-mode:multiply }
.pr-col .pr-roll{ padding:clamp(18px,2.4vw,30px) 0 clamp(10px,1.4vw,18px) }
/* a column is a flex stack the full height of the band; each work inside
   sizes itself from its own --s, and singles float to a random height */
.pr-col .pr-track{ align-items:flex-start; height:calc(var(--pr-art-h) + var(--pr-cap-h) * 2) }
.pr-col .pr-item{
  display:flex; flex-direction:column; justify-content:var(--jc,flex-start); align-items:var(--ai,center);
  height:calc(var(--pr-art-h) + var(--pr-cap-h) * 2); margin:0 var(--gx,0) 0 0; gap:6px;
}
.pr-col .pr-work{ --h:calc(var(--pr-art-h) * var(--s)); width:calc(var(--h) * var(--ar,1)) }
.pr-col .pr-item--single .pr-work{ margin-top:calc((var(--pr-art-h) - var(--h)) * var(--y,0)) }
.pr-shot img{ filter:drop-shadow(0 8px 12px rgba(51,43,66,.16)) }
.pr-cap{ padding-top:8px }
.pr-cap__name{ font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:400; font-size:.9rem; font-variation-settings:'SOFT' 60,'opsz' 14 }
/* names plain, no quotation marks (operator, 2026-09-15) */
.pr-cap__size{ font-family:'Fraunces',Georgia,serif; font-size:.7rem; color:var(--ink-soft); letter-spacing:.02em }
@media (max-width:760px){ .pr-band{ --pr-art-h:clamp(180px,46vw,260px) } }   /* phones: the widest painting still fits the screen */

/* captions sit at the work's right edge, as on the operator's board */
.pr-cap{ align-items:flex-end; text-align:right }
/* a round canvas has no right edge to hang a label from: centre it */
.pr-work--round .pr-cap{ align-items:center; text-align:center }

/* the ten-hue rule replaces the dotted line under the header */
.pr-head{ border-bottom:0; padding-bottom:6px }
.pr-rule{ margin:0 var(--pr-pad) 2px }

/* no perforations between sections: the dashed rule and its punched holes go */
main > section + section{ border-top:0 }
main > section + section::before, main > section + section::after{ display:none }

/* the shop box and the keepsake box sit closer together */
.hero{ padding-bottom:8px }
.shp--boxed{ padding-bottom:6px }
#keepsakes.bq{ padding-top:clamp(12px,1.6vw,20px) }

/* the wall at 90% of its first size (operator's pick from the five) */
.pr-band{ --pr-art-h:clamp(270px, 32.4vw, 423px) }

/* a trio column: one work wide across the top, two side by side beneath */
.pr-col .pr-item--trio{ display:flex; flex-direction:column; justify-content:center; gap:8px; margin-top:0; width:calc(var(--pr-art-h) * var(--tw)); flex:none }
.pr-col .pr-item--trio .pr-work{ margin-top:0 }
.pr-col .pr-item--trio .pr-row{ display:flex; gap:10px; align-items:flex-start; justify-content:space-between }
.pr-col .pr-item--trio .pr-work--top{ width:100% }
.pr-col .pr-item--trio .pr-work--top .pr-shot{ height:auto; aspect-ratio:var(--ar) }

/* the contact band: the button letters in navy blue (operator, 2026-09-13), over the dark band rule that paints links butter */
.band-dark a.contact__btn{ color:#1B2A4E }
/* phones: the shop links and footer links are easy to tap */
@media (max-width:760px){ .shp-link{ padding:8px 4px } .foot-list a{ display:inline-block; padding:5px 0 } }

/* the ornaments wall (in season): one row that fills the screen below the nav */
.pr-band--screen{ --pr-art-h:clamp(260px, calc(100vh - 300px), 900px); --pr-cap-h:44px }
.pr-band--screen .pr-screen .pr-roll{ padding:clamp(18px,2.4vw,30px) 0 clamp(12px,1.6vw,20px) }
.pr-band--screen .pr-screen .pr-track{ align-items:flex-end; gap:clamp(28px,4vw,72px); padding:0 clamp(24px,4vw,64px) }
.pr-band--screen .pr-screen .pr-item{ margin-top:0 }
.pr-band--screen .pr-screen .pr-cap{ align-items:center; text-align:center; padding-top:10px }   /* the name centred under the ornament, a size smaller */
.pr-band--screen .pr-screen .pr-cap__name{ font-size:clamp(.95rem,1.1vw,1.15rem) }
.pr-band--screen .pr-screen .pr-cap__size{ font-size:.72rem }
@media (max-width:760px){ .pr-band--screen{ --pr-art-h:clamp(220px, min(calc(100vh - 260px), 78vw), 620px) } }   /* phones: the whole ornament fits across the screen */