/* YVM-79 minimal: a gallery wall. A monumental headline set across the whole width, huge white space, one cobalt
   accent, and the notes hung as the art: oversized, at different heights like a salon hang, each peeling off the
   wall with a deep curl shadow, each with a small museum label (No. 01, 02, 03). */
.vm-t-minimal .vm-hero{padding:clamp(3rem,8vw,6rem) 0 clamp(4rem,9vw,7rem)}
.vm-t-minimal .vm-hero-grid{grid-template-columns:minmax(0,1fr);gap:clamp(3rem,6vw,5rem)}
.vm-t-minimal .vm-title{font-size:clamp(3.25rem,13vw,10rem);line-height:.86;letter-spacing:-.055em;font-weight:600;margin-bottom:var(--space-step-6)}
.vm-t-minimal .vm-eyebrow{color:var(--brand);letter-spacing:.24em;font-size:.75rem;margin-bottom:var(--space-step-5)}
.vm-t-minimal .vm-hero .vm-lede{font-size:1.25rem;max-width:30rem;color:var(--muted)}
.vm-t-minimal .vm-hero-text{display:grid;grid-template-columns:minmax(0,1fr);column-gap:3rem}

/* The salon hang: three oversized works at different heights, labelled like a gallery wall. */
.vm-t-minimal .vm-hero-notes{max-width:none;counter-reset:vm-work;gap:3.5rem 3rem;padding:1rem .5rem 2rem;grid-template-columns:minmax(0,1fr)}
.vm-t-minimal .vm-hero-note{counter-increment:vm-work;font-size:1.5rem;line-height:1.3;padding:2.25rem 2rem 3.25rem;width:auto;justify-self:stretch}
.vm-t-minimal .vm-hero-note-text::before{content:"No. " counter(vm-work,decimal-leading-zero);display:block;margin-bottom:1.25rem;font-size:.6875rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.vm-t-minimal .vm-postit,.vm-t-minimal .vm-hero-note{box-shadow:0 1px 1px rgba(0,0,0,.05),0 40px 40px -26px rgba(0,0,0,.45),0 16px 14px -14px rgba(0,0,0,.25)}
.vm-t-minimal .vm-hero-tag{text-align:left;letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem}
@media (min-width:640px){
  .vm-t-minimal .vm-hero-notes{grid-template-columns:1.15fr .9fr 1fr;align-items:start}
  .vm-t-minimal .vm-hero-note-1{margin-top:0}
  .vm-t-minimal .vm-hero-note-2{margin-top:6rem}
  .vm-t-minimal .vm-hero-note-3{grid-column:auto;margin-top:2.5rem}
}
@media (min-width:960px){
  .vm-t-minimal .vm-hero-text{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end}
  .vm-t-minimal .vm-hero-text .vm-eyebrow,.vm-t-minimal .vm-hero-text .vm-title{grid-column:1 / -1}
  .vm-t-minimal .vm-hero-note{font-size:1.75rem}
}

/* The wall: big pieces, wide gaps, label rules. */
.vm-t-minimal .vm-notes{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:4.5rem 3.5rem}
.vm-t-minimal .vm-postit{padding:2rem 1.75rem 3rem}
.vm-t-minimal .vm-notes .vm-postit:nth-child(3n+2){margin-top:3rem}
.vm-t-minimal .vm-note-text{font-size:1.5rem;line-height:1.3}
.vm-t-minimal .vm-note-date{margin-top:1.5rem;padding-top:.5rem;border-top:1px solid currentColor;font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase}
.vm-t-minimal .vm-board,.vm-t-minimal .vm-share{padding:clamp(4rem,9vw,7.5rem) 0}
.vm-t-minimal .vm-band,.vm-t-minimal .vm-how{background:var(--paper);border-block:1px solid var(--line)}
.vm-t-minimal .vm-board-head .vm-h2{border-bottom:0;font-size:clamp(2.25rem,6vw,4.5rem);letter-spacing:-.04em;line-height:1}
.vm-t-minimal .vm-board-count{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.vm-t-minimal .vm-form-card{border-top:2px solid var(--brand)}
/* YVM-207: four notes to a row under the compact hero; a little less room under each note's words. */
.vm-t-minimal .vm-notes-grid .vm-postit{padding-bottom:2rem}