.op022a-on-plate-muted { color: var(--on-plate-mut); margin: 0 0 var(--s6); }
.op022a-on-plate-copy { color: rgba(233, 227, 215, 0.82); margin-top: var(--s8); }
.op022a-actions { display: flex; gap: var(--s3); flex-wrap: wrap; margin-top: var(--s8); }
.op022a-section-title { margin-top: var(--s6); max-width: 22ch; }
.op022a-subtitle { margin-top: var(--s5); }
.op022a-page-title { margin-top: var(--s8); max-width: 16ch; }
.op022a-copy { margin-top: var(--s6); }
.op022a-centered { text-align: center; }
.op022a-empty { margin-top: var(--s10); padding: var(--s8); border: 1px dashed var(--n300); color: var(--n600); }
.op022a-placeholder { opacity: 0.58; }
.op022a-cells { margin-top: var(--s12); }
.op022a-duo { padding-top: var(--s12); }
.op022a-categories { display: flex; gap: var(--s2); flex-wrap: wrap; margin-top: var(--s8); }
.op022a-language { cursor: default; }
.opening__plate img, .contact-strip .plate img, .roster .plate img { width: 100%; height: 100%; object-fit: cover; }
.talent-introduction-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:0; }
.talent-introduction-controls { position:absolute; right:var(--s8); top:calc(var(--chrome-gap) + var(--chrome-cell) + var(--s8)); z-index:4; display:flex; flex-wrap:nowrap; align-items:center; gap:var(--s2); }
@media (max-width: 680px) {
  .op022a-actions { align-items: stretch; }
  .op022a-actions .control { justify-content: center; }
}

.talent-introduction-icon.control { width:var(--s12); height:var(--s12); padding:0; flex:none; display:inline-flex; align-items:center; justify-content:center; color:var(--on-plate); background:var(--plate-veil); border-color:var(--on-plate-mut); }
.talent-introduction-icon[aria-pressed="true"] { color:var(--brand); }



/* Shared technical disclosures follow the surrounding card spacing and type. */
.public-disclosure{width:100%;min-width:0;border-bottom:1px solid var(--n200)}
.public-disclosure>summary{cursor:pointer;min-height:var(--s12);padding-block:var(--s3);padding-inline-end:var(--s3);margin-inline-start:1.25em;list-style-position:outside;line-height:1.5;overflow-wrap:break-word}
.public-disclosure>summary:focus-visible{outline:2px solid var(--brand);outline-offset:var(--s1)}
.public-disclosure>p{max-width:70ch;margin:0;padding-block:var(--s2) var(--s6);overflow-wrap:break-word}
.offer__specifications{padding-inline:clamp(26px,3vw,40px)}

/* Equal reading roles share weight as well as colour: a heavier note looks darker. */
.offer .prose,.step__text,.public-disclosure>p{color:var(--n600);font-size:var(--t-sm);font-weight:var(--w-regular);line-height:1.7}

/* Reserve the header once; section padding must not create a second empty entrance. */
main.below-chrome,main.story-main{padding-block-start:calc(var(--chrome-h) + var(--chrome-gap) + var(--s8))}
main>.band{padding-block:var(--s12)}
main.below-chrome>.band:first-child{padding-block:0 var(--s8)}
main.below-chrome>.band:first-child>.shell>:first-child{margin-block-start:0}
main.below-chrome>.band:first-child .section-mark{margin-block:0}
main.below-chrome>.band:first-child h1{margin-block-start:var(--s6)}
main.below-chrome>.band:first-child .duo{align-items:start}
main>.op024-roster-band{padding-block-start:0}
main .op022a-actions,main .op022a-categories,main .story-actions{margin-block-start:var(--s6)}
main.story-main .story-hero{align-items:start;padding-block-end:var(--s8)}
main.story-main .story-hero__copy{padding-block:0}
main.story-main .story-section{padding-block:var(--s12)}

.public-roster-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s4) var(--s6);margin-block-start:var(--s6)}
main .public-roster-actions>.op022a-categories{margin:0;flex:1 1 auto}
.public-roster-views{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--s3);margin-inline-start:auto;max-inline-size:100%}
.public-roster-actions .control{min-block-size:var(--s10)}

/* Editorial and sign-in entrances use the same spacing with their own header height. */
body .brand-experience{--b-section:var(--s12)}
@media(min-width:901px) and (min-height:650px){
 .brand-world .brand-kicker{position:relative;top:auto;left:auto;padding-block-start:calc(var(--chrome-h) + var(--chrome-gap) + var(--s8));margin-inline:var(--b-gap);margin-block-end:var(--s6)}
 .brand-world .brand-title-wrap{position:relative;top:auto}
}
@media(max-width:900px),(max-height:649px){
 .brand-world .brand-opening__stage{padding-block-start:calc(var(--chrome-h) + var(--chrome-gap) + var(--s8));padding-block-end:var(--s8)}
}

/* At these widths chrome is at the bottom, or its top space is already on body. */
@media(max-width:860px){
 main.below-chrome,main.story-main{padding-block-start:var(--s8)}
 .brand-world .brand-opening__stage{padding-block-start:var(--s8)}
}
@media(max-width:560px){
 main.below-chrome,main.story-main{padding-block-start:var(--s4)}
 .brand-world .brand-opening__stage{padding-block-start:var(--s4)}
 .public-roster-actions{align-items:stretch}
 main .public-roster-actions>.op022a-categories{flex-basis:100%}
 .public-roster-views>.control{max-inline-size:100%;white-space:normal}
}