/* A rotating hemisphere with text attached to its equator. */
.page-index #steer{padding-bottom:72px}
.page-index #steer>.w{gap:26px!important}
.page-index #steer .head{gap:24px}
.audience-progress a:focus-visible,.audience-exit:focus-visible{outline:2px solid #9F384D;outline-offset:5px;border-radius:3px}
.audience-story{position:relative;width:100%}
.audience-stage{position:relative;isolation:isolate}
.audience-visual{width:min(100%,760px);aspect-ratio:1000/650;margin:0 auto 36px;position:relative}
.globe-poster{display:block;width:100%;height:100%}
.audience-canvas{display:none;width:100%;height:100%}
.page-index .audience-cards{max-width:960px;gap:42px 36px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0}
.page-index .audience-card{display:flex;flex-direction:column;position:relative;gap:14px;padding:0;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;scroll-margin-top:110px;box-sizing:border-box}
.page-index .audience-card .rl{font:500 10px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#31546E;margin:0}
.page-index .audience-card .rt2{font:500 37.5px/1.12 var(--display);letter-spacing:-.035em;max-width:none;color:var(--ink)}
.audience-footer{display:none}
[data-globe-mode="auto"]{height:var(--audience-stage-height)}
[data-globe-mode="auto"] .audience-stage{position:relative;height:var(--audience-stage-height)}
[data-globe-mode="auto"] .audience-visual,[data-globe-mode="auto"] .audience-rail-window{position:absolute;left:0;right:0;top:50px;bottom:82px;width:100%;height:auto;aspect-ratio:auto;margin:0}
[data-globe-mode="auto"] .audience-visual{max-width:none;z-index:0;pointer-events:none}
[data-globe-mode="auto"] .globe-poster{display:none}
[data-globe-mode="auto"] .audience-canvas{display:block}
[data-globe-mode="auto"] .audience-rail-window{z-index:2;pointer-events:none}
.page-index [data-globe-mode="auto"] .audience-cards{position:absolute;inset:0;max-width:none;display:block;margin:0;padding:0}
.page-index [data-globe-mode="auto"] .audience-card{position:absolute;left:0;top:0;width:var(--audience-card-width);min-height:0;gap:12px;padding:0;margin-top:-18px;text-align:center;opacity:0;visibility:hidden;transform-origin:50% 100%;will-change:transform,opacity;pointer-events:none}
.page-index [data-globe-mode="auto"] .audience-card.is-revealed{visibility:visible}
.page-index [data-globe-mode="auto"] .audience-card .rl{font-size:10px;max-width:100%}
.page-index [data-globe-mode="auto"] .audience-card .rt2{font-size:clamp(36px,min(3.45vw,5.1vh),51px);line-height:1.1;letter-spacing:-.035em}
[data-globe-mode="auto"] .audience-footer{position:absolute;inset:0 0 6px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;z-index:3;color:#536D82;font:400 10px var(--mono);letter-spacing:.02em;pointer-events:none}
[data-globe-mode="auto"] .audience-footer a{pointer-events:auto}
[data-globe-mode="auto"] .audience-scroll-note{position:absolute;top:0;left:0}
[data-globe-mode="auto"] .audience-progress{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
[data-globe-mode="auto"] .audience-exit{margin-left:auto}
.audience-scroll-note{display:flex;gap:16px;align-items:center}
.audience-scroll-note>span{font-size:18px}
.audience-progress{display:flex;gap:4px}
.audience-progress a{height:44px;width:38px;display:grid;place-items:center;border-bottom:1px solid #BECDD7;color:#536D82;text-decoration:none;transition:color .2s,border-color .2s;position:relative}
.audience-progress a[aria-current="step"]{color:#7A2A3B;border-bottom:2px solid #9F384D}
.audience-progress a[aria-current="step"]:before{content:"";position:absolute;top:3px;width:3px;height:3px;border-radius:50%;background:#9F384D}
.audience-progress a:hover{color:#9F384D}
.audience-exit{color:inherit;text-decoration:none;padding:12px 0;display:flex;gap:12px;align-items:center}
.audience-exit:hover{color:#9F384D}
@media(min-width:900px){.page-index #steer .head{padding-bottom:10px}}
@media(max-width:999px){
 .page-index .audience-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
 .audience-visual{max-width:640px;margin-bottom:30px}
 [data-globe-mode="auto"] .audience-visual{max-width:none}
}
@media(max-height:760px){
 .page-index [data-globe-mode="auto"] .audience-card{gap:4px}
 .page-index [data-globe-mode="auto"] .audience-card .rt2{line-height:1.04}
}
@media(max-width:600px){
 .page-index #steer{padding-bottom:56px}
 .page-index #steer>.w{gap:22px!important}
 .page-index #steer .head{gap:20px}
 .page-index .audience-cards{grid-template-columns:1fr;max-width:480px;gap:36px}
 .audience-visual{max-width:none;margin-bottom:24px}
 .page-index .audience-card{gap:12px}
 .page-index .audience-card .rt2{font-size:42px;line-height:1.15}
 .page-index .audience-card .rl{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.audience-progress a{transition:none}.audience-section *{scroll-behavior:auto!important}}
.page-index .audience-card:focus-visible{outline:2px solid #9F384D;outline-offset:8px}
.page-index [data-globe-mode="auto"] .audience-card:focus-visible{outline:0}
.page-index [data-globe-mode="auto"] .audience-card:focus-visible .rl{text-decoration:underline;text-underline-offset:5px}

.audience-pause{display:grid;place-items:center;width:40px;height:40px;border:1px solid #BECDD7;border-radius:50%;background:transparent;color:#536D82;cursor:pointer;pointer-events:auto}
.audience-pause span{width:9px;height:11px;border-left:2px solid currentColor;border-right:2px solid currentColor;box-sizing:border-box}
.audience-pause[aria-pressed="true"] span{width:0;height:0;border:5px solid transparent;border-right:0;border-left:8px solid currentColor;margin-left:2px}
.audience-pause:hover{color:#7A2A3B;border-color:currentColor}
.audience-pause:focus-visible{outline:2px solid #9F384D;outline-offset:4px}
