/* Vanity Ink v2: the artist pages (Jeremy's, and Kain's on top of it; after pages.css and v2.css).
   One layout for every artist (10-13): the hero (role line, H1, bio, Instagram link, button; the photo right), the
   portfolio (the gallery under its H2), then the closing strip (the button and the phone link). A third artist is a
   copy of either page. Elementor notes per block. */

/* Hero: the words left, the photo right (house rule: the subject right of the text), both centred on each other.
   Phones and tablets: the words, then the photo (pages.css .profile, one column).
   Elementor: 2-column container; left a Heading (p, the role), Heading (H1), Text Editor, Icon List (one item: the
   Instagram icon + handle), Button; right an Image. */
.artist-hero .profile{grid-template-columns:minmax(0,1fr) 420px;gap:64px;align-items:center}
.artist-hero .eyebrow{margin-bottom:22px}
.artist-hero h1{max-width:none;margin-bottom:26px}
.artist-hero .sub{max-width:680px;margin:0}
.artist-hero .sub+.sub{margin-top:16px}
.artist-hero .ig-link{margin-top:22px}
.c-jeremy-hero .actions{margin-top:24px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}

/* Portfolio: the H2, then the gallery. Elementor: Heading + Gallery widget (or Loop Grid). */
.portfolio-h{max-width:900px}
.portfolio-h+.gallery{margin-top:48px}

/* The closing strip: the words left, the button and the phone link right (every inner strip). */
.jer-strip p{max-width:620px}

@media (max-width:1023px){
  .artist-hero .profile{grid-template-columns:1fr}
}
@media (max-width:767px){
  .portfolio-h+.gallery{margin-top:32px}
}
/* under the portfolio (10-13): the artist's Instagram once more, centred (glyph + handle). Elementor: Icon List, centred. */
.portfolio-ig{margin-top:32px;text-align:center}