/* Color-artist poster — gig-poster energy: giant stacked name, solid color fields, a photo cut into a bold
   shape and a sticker. Loud on purpose; the palette's accent is the poster stock. */
.pa-poster.pg-index .nav:not(.is-solid):not(.is-open){--nav-ink:var(--on-accent)}
.pa-poster.pg-index .nav:not(.is-solid):not(.is-open) .btn--primary{background:var(--po-box,var(--dark));color:var(--po-box-ink,var(--on-dark))}
.hero--po{background:var(--accent);color:var(--on-accent);padding:clamp(100px,11vw,130px) 0 clamp(50px,7vw,90px)}
.po{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto 1fr;gap:0 clamp(24px,4vw,60px);position:relative}
.po__name{grid-column:1/-1;margin:0 0 clamp(18px,3vw,36px);font:var(--dw) clamp(3.4rem,1rem + 10.5vw,11.5rem)/.82 var(--f-display);letter-spacing:-.03em;text-transform:uppercase;display:flex;flex-direction:column;color:var(--on-accent)}
.po__name span:nth-child(2n){align-self:flex-end;color:var(--po-alt,var(--dark))}
.po__ph{grid-column:2;grid-row:2;aspect-ratio:1;border-radius:50%;align-self:start;box-shadow:18px 18px 0 var(--dark)}
.po__ph .hm{position:absolute;inset:0}
.po__sticker{position:absolute;right:max(0px,calc(50% - 46vw));top:clamp(150px,22vw,300px);z-index:3;width:clamp(96px,11vw,140px);aspect-ratio:1;border-radius:50%;background:var(--po-sticker,var(--accent2));color:var(--po-sticker-ink,var(--on-accent2));display:grid;place-items:center;text-align:center;font:700 .78rem/1.15 var(--f-body);letter-spacing:.12em;text-transform:uppercase;padding:14px;transform:rotate(-12deg);box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.po__c{grid-column:1;grid-row:2;align-self:center}
.hero--po .eyebrow{color:inherit;opacity:1;font-weight:700}
.hero--po .h1{font-size:clamp(2rem,1.3rem + 2.6vw,3.6rem);max-width:16ch;line-height:1.12}
/* the emphasis box is an inline-block sized by its own line-height, not by the font's content area, so tall display
   faces (Anton, Bebas, Abril…) never push it over the line above or below */
.hero--po .h1 em{font-style:normal;display:inline-block;max-width:100%;line-height:1;padding:.06em .14em .04em;margin:0 .02em;background:var(--po-box,var(--dark));color:var(--po-box-ink,var(--on-dark));vertical-align:baseline}
.hero--po .hero__lede{opacity:1}
.hero--po .btn--primary{background:var(--po-box,var(--dark));color:var(--po-box-ink,var(--on-dark))}
.hero--po .btn--primary:hover{box-shadow:0 14px 30px -14px var(--po-box,var(--dark))}
.hero--po .btn--ghost{color:var(--on-accent)}
.hero--po .btn--ghost:hover{background:var(--on-accent);color:var(--accent);border-color:var(--on-accent)}
.po__nw{white-space:nowrap}
.hero--po .facts{margin-top:30px;border-top:3px solid currentColor;padding-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.2vw,32px)}
.hero--po .facts span{letter-spacing:.12em;overflow-wrap:anywhere}
.pa-poster.v-hero-b .po__ph{border-radius:999px 999px 0 0}
.pa-poster.v-hero-c .po__ph{border-radius:var(--radius);aspect-ratio:4/5}
/* inside: alternating color fields */
.pa-poster .st{font-size:clamp(2.4rem,1.3rem + 4vw,5rem);text-transform:uppercase;letter-spacing:-.02em;line-height:.92}
.pa-poster .st em{font-style:normal;color:var(--accent-text)}
.pa-poster .eyebrow{font-weight:800;letter-spacing:.2em}
.pa-poster .sh{text-align:left;margin-left:0;max-width:900px}.pa-poster .sh .eyebrow{justify-content:flex-start}.pa-poster .sh .lede{margin-left:0}
.pa-poster .s + .s{border-top:0}
.pa-poster .s-services,.pa-poster .s-reviews{background:var(--dark);color:var(--on-dark)}
.pa-poster .s-services .eyebrow,.pa-poster .s-reviews .eyebrow{color:var(--accent-dark)}
.pa-poster .s-services .st em,.pa-poster .s-reviews .st em{color:var(--accent-dark)}
.pa-poster .s-services .lede,.pa-poster .s-services .svc__main p,.pa-poster .s-services .svc__main small,.pa-poster .s-services .svc-group__note{color:color-mix(in srgb,var(--on-dark) 80%,transparent)}
.pa-poster .s-services .svc-group h3{border-color:var(--on-dark)}
.pa-poster .s-services .svc,.pa-poster .s-services .svc__dots{border-color:color-mix(in srgb,var(--on-dark) 25%,transparent)}
.pa-poster .s-services .svc__price{color:var(--on-dark)}
.pa-poster .s-services .btn--ghost{color:var(--on-dark)}
.pa-poster .s-reviews .q{background:color-mix(in srgb,var(--on-dark) 8%,var(--dark));color:var(--on-dark)}
.pa-poster .s-reviews .q figcaption span,.pa-poster .s-reviews .lede{color:color-mix(in srgb,var(--on-dark) 80%,transparent)}
.pa-poster .s-reviews .q__stars{color:var(--accent-dark)}
.pa-poster .ggrid .gt{border-radius:0}
.pa-poster .bio__ph{border-radius:50%;aspect-ratio:1;box-shadow:14px 14px 0 var(--accent)}
.pa-poster .sig-card{border-radius:0;box-shadow:10px 10px 0 var(--accent)}
.pa-poster .btn{font-weight:800}
@media (max-width:860px){.po{grid-template-columns:1fr}.po__ph{grid-column:1;grid-row:auto;width:min(420px,88%);justify-self:center;margin-bottom:28px;box-shadow:12px 12px 0 var(--dark)}.po__c{grid-column:1;grid-row:auto}.po__sticker{top:auto;bottom:auto;right:6px;margin-top:-30px;position:relative;justify-self:end;grid-row:auto}.po__name span:nth-child(2n){align-self:flex-start}}