/* Option 4a — the approved C / Bagnard serif composition. */
html[data-option="4a"]{overflow:hidden;scrollbar-gutter:auto;--gutter:clamp(20px,3.90625vw,96px)}
html[data-option="4a"] body{height:100svh;height:100dvh;min-height:0;overflow:hidden}
html[data-option="4a"] body.dialog-open{overflow:hidden}
.serif-poster{height:100%;min-height:0}
.serif-poster .poster-stage{position:relative;height:100%;min-height:0;grid-template-rows:clamp(82px,5.42vw,120px) minmax(0,1fr)}
.serif-poster .poster-content{grid-template-columns:minmax(0,1fr) minmax(280px,24.55vw);gap:3.90625vw;padding:clamp(14px,min(2.2vw,3dvh),52px) 0}
.serif-poster .poster-copy{grid-template-rows:minmax(0,1fr) auto}
.serif-composition{position:relative;min-height:0;isolation:isolate}
.serif-line{position:absolute;left:0;width:100%;height:35.26%;z-index:0;pointer-events:none}
.serif-name{top:3.63%}
.serif-title{top:62.18%}
.serif-front{z-index:2}
.sculpture-cutout{position:absolute;left:32.57%;top:.96%;width:51.72%;height:96.15%;object-fit:contain;object-position:center;z-index:1}
.serif-kicker{position:absolute;top:0;left:0;z-index:3;font-size:clamp(8px,.68vw,14px)}
.material-annotation{position:absolute;top:44.25%;left:0;right:0;display:flex;justify-content:space-between;gap:12px;font-size:clamp(8px,.68vw,14px);letter-spacing:.035em;z-index:3}
.serif-poster .poster-annotation{margin:0;padding:clamp(8px,.8vw,16px) 0 0;font-size:clamp(8px,.64vw,13px);line-height:1.35}
.serif-poster .poster-annotation span:last-child{opacity:.65}
/* Scale the invitation with its column, including line boxes and spacing. */
.serif-poster .invitation-container{--card-unit:clamp(14px,min(1.76vw,3.2dvh),40px);align-self:stretch;justify-self:end;width:100%;padding:var(--card-unit);display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--card-unit)*.6);overflow:visible}
.serif-poster .exhibition-details{gap:calc(var(--card-unit)*.7)}
.serif-poster .invitation-container .eyebrow{font-size:max(8px,calc(var(--card-unit)*.35))}
.serif-poster .exhibition-name h2{font-size:calc(var(--card-unit)*1.4);margin:calc(var(--card-unit)*.4) 0 calc(var(--card-unit)*.2);line-height:.85}
.serif-poster .exhibition-name>p:last-child{font-size:max(11px,calc(var(--card-unit)*.5))}
.serif-poster .exhibition-date{padding-top:calc(var(--card-unit)*.7)}
.serif-poster .date-days{font-size:calc(var(--card-unit)*3);line-height:.88;gap:calc(var(--card-unit)*.65);margin-top:calc(var(--card-unit)*.4)}
.serif-poster .date-year{font-size:calc(var(--card-unit)*1.55)}
.serif-poster .preview-details>p:nth-child(2){font-size:max(11px,calc(var(--card-unit)*.5));margin-top:calc(var(--card-unit)*.2)}
.serif-poster .preview-details small{font-size:max(8px,calc(var(--card-unit)*.35));margin-top:calc(var(--card-unit)*.2)}
.serif-poster .invitation-actions .text-link{font-size:max(11px,calc(var(--card-unit)*.5));min-height:calc(var(--card-unit)*1.1);gap:calc(var(--card-unit)*.7)}
.serif-poster .poster-footer{margin-top:0;padding-top:calc(var(--card-unit)*.6);gap:calc(var(--card-unit)*.4)}
.studio-caption{display:flex;justify-content:space-between;gap:16px;font-size:max(8px,calc(var(--card-unit)*.3));letter-spacing:.1em;margin-bottom:calc(var(--card-unit)*.3)}
.serif-poster #viewWorkCard{align-self:flex-start;font-size:max(11px,calc(var(--card-unit)*.5));min-height:calc(var(--card-unit)*1.1);gap:calc(var(--card-unit)*.7)}
.serif-poster .contact-link{font-size:max(10px,calc(var(--card-unit)*.45));min-height:var(--card-unit);gap:calc(var(--card-unit)*.7)}
.serif-poster .wordmark{font-size:clamp(37px,2.54vw,52px)}
.serif-poster .artist-lockup{gap:clamp(24px,2.7vw,56px)}
.serif-poster .option-switch{font-size:clamp(10px,.68vw,14px);gap:clamp(12px,1.15vw,24px)}
.serif-poster .header-note{font-size:clamp(9px,.64vw,13px)}
.serif-poster .poster-header>.text-link{font-size:clamp(12px,.88vw,18px)}
.serif-poster .text-link>span:last-child{font-size:1.5em}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

@media(max-width:1200px){.serif-poster .header-note{display:none}}
@media(min-width:901px) and (max-height:660px){
  .serif-poster .poster-stage{grid-template-rows:64px minmax(0,1fr)}
  .serif-poster .poster-copy{min-height:0}
  .serif-poster .poster-content{padding:12px 0}
  .serif-poster .invitation-container{--card-unit:clamp(12px,min(1.6vw,3dvh),18px)}
}
@media(max-width:900px){
  .serif-poster .poster-stage{grid-template-rows:80px minmax(0,1fr)}
  .serif-poster .poster-header{gap:12px}
  .serif-poster .artist-lockup{flex-direction:column;align-items:flex-start;gap:0}
  .serif-poster .wordmark{font-size:32px}
  .serif-poster .option-switch{font-size:9px;gap:clamp(5px,1.45vw,13px)}
  .serif-poster .option-switch a{min-height:28px}
  .serif-poster .poster-header>.text-link{font-size:11px;gap:8px}
  .serif-poster .poster-content{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:clamp(8px,1.6dvh,16px);padding:clamp(10px,1.8dvh,18px) 0}
  .serif-poster .poster-copy{grid-template-rows:minmax(0,1fr) auto}
  .serif-composition{aspect-ratio:auto}
  .serif-poster .invitation-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:clamp(14px,2.2dvh,22px);max-height:none;overflow:visible}
  .serif-poster .exhibition-details{grid-column:1/-1;grid-template-columns:1.2fr 1fr;gap:22px}
  .serif-poster .exhibition-name h2{font-size:clamp(25px,4.2vw,37px);line-height:1.02;margin:9px 0 10px}
  .serif-poster .exhibition-date{border-top:0;border-left:1px solid var(--line);padding:0 0 0 20px}
  .serif-poster .date-days{display:block;font-size:clamp(58px,8vw,76px);margin-top:10px}
  .serif-poster .date-year{display:block;font-size:31px;margin-top:7px}
  .serif-poster .invitation-actions{border-left:1px solid var(--line);padding-left:20px}
  .serif-poster .poster-footer{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:10px;padding-top:18px}
  .studio-caption{grid-column:1/-1;margin-bottom:0}
  .serif-poster #viewWorkCard{grid-column:1;grid-row:2}
  .serif-poster .contact-link{grid-column:2;grid-row:2;align-self:center}
}
@media(max-width:540px){
  .serif-poster .poster-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .serif-poster .artist-lockup{display:contents}
  .serif-poster .wordmark{grid-column:1;grid-row:1;font-size:31px}
  .serif-poster .poster-header>.text-link{grid-column:2;grid-row:1}
  .serif-poster .option-switch{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:8px;font-size:10px}
  .serif-poster .poster-content{gap:clamp(8px,1.6dvh,14px);padding-top:clamp(10px,1.8dvh,18px)}
  .serif-poster .invitation-container{padding:clamp(12px,2.2dvh,18px);gap:12px}
  .serif-poster .exhibition-details{gap:18px 14px;grid-template-columns:1.2fr 1fr}
  .serif-poster .exhibition-name h2{font-size:clamp(19px,4.2dvh,23px)}
  .serif-poster .exhibition-date,.serif-poster .invitation-actions{padding-left:14px}
  .serif-poster .date-days{font-size:clamp(36px,min(13vw,8.4dvh),53px);letter-spacing:-.06em}
  .serif-poster .date-year{font-size:clamp(22px,5dvh,28px)}
  .serif-poster .invitation-actions .text-link{font-size:10px;gap:9px}
  .serif-kicker{font-size:7px;letter-spacing:.09em}
  .material-annotation{font-size:7px;letter-spacing:0}
}
@media(min-width:901px) and (max-height:480px){
  .serif-poster .poster-footer{display:grid;grid-template-columns:1fr auto;gap:4px 12px}
  .serif-poster .studio-caption{grid-column:1/-1;margin-bottom:0}
  .serif-poster .contact-link{align-self:center}
}
@media(min-width:600px) and (max-width:900px) and (max-height:600px){
  .serif-poster .poster-stage{grid-template-rows:64px minmax(0,1fr)}
  .serif-poster .poster-content{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr);gap:18px;padding:10px 0}
  .serif-poster .invitation-container{padding:14px;gap:10px}
  .serif-poster .exhibition-details{gap:10px}
  .serif-poster .exhibition-name h2{font-size:21px;margin:6px 0}
  .serif-poster .date-days{font-size:46px}
  .serif-poster .date-year{font-size:22px}
  .serif-poster .poster-footer{padding-top:10px;gap:6px}
}
@media(max-width:360px){
  .serif-poster .option-switch{font-size:9px;gap:4px}
  .serif-poster .invitation-container{padding:14px}
  .serif-poster .exhibition-name h2{font-size:20px}
  .serif-poster .date-days{font-size:46px}
  .serif-poster .contact-link{font-size:9px;gap:10px}
}