/* Cinematic audience gallery. The photographs are informational, not links. */
.audience{padding:88px 0 76px;min-height:0;background:radial-gradient(ellipse at 90% 26%,#3b101920,transparent 46%),#0b090a}
.audience .section-heading{width:100%;max-width:900px}
.audience .section-heading .eyebrow{margin-bottom:21px}
.audience .section-heading h2{font-size:44px;line-height:1.19;letter-spacing:-.036em;white-space:normal}
.audience .section-heading h2 span{display:block;margin-top:7px;font-size:.86em;line-height:1.3;font-weight:400;color:#d0c3c6}
.audience-grid{width:100%;max-width:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px;margin-top:38px}
.audience-grid>div.audience-card,.audience-grid>div.audience-card:nth-child(n+5),.audience-grid>div.audience-card:last-child{
  --gallery-delay:0s;position:relative;grid-column:span 3;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;
  height:348px;min-height:0;min-width:0;aspect-ratio:auto;padding:26px 22px;gap:0;overflow:hidden;isolation:isolate;
  text-align:left;cursor:default;border:1px solid #76505a66;border-radius:16px;
  background:#161014;box-shadow:0 12px 28px #00000026;color:#fff7f8;font-size:16px;line-height:1.45;font-weight:400;
}
.audience-grid>div.audience-card:first-child{grid-column:span 6;padding:32px;height:348px}
.audience-card .audience-photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%;z-index:-3;transform:none;filter:brightness(.91) saturate(.92);transition:filter .5s ease}
.audience-grid>div.audience-card:first-child .audience-photo{object-position:center 44%}
.audience-grid>div.audience-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#08070bfc 0%,#0b0710e0 13%,#12080fa8 35%,#16070d24 69%,#0c070b12 100%),linear-gradient(90deg,#0b070c33,transparent 70%)}
.audience-grid>div.audience-card:after{content:"";position:absolute;z-index:-2;top:-15%;bottom:-15%;left:0;width:34%;pointer-events:none;opacity:0;transform:translateX(-170%) skewX(-13deg);background:linear-gradient(90deg,transparent,#ed33591b 39%,#ffb6c243 51%,#c4254317 64%,transparent);animation:audience-light-pass 15s ease-in-out infinite;animation-delay:var(--gallery-delay);animation-play-state:paused}
.audience-grid>div.audience-card:nth-child(2){--gallery-delay:-5s}
.audience-grid>div.audience-card:nth-child(3){--gallery-delay:-10s}
.audience-grid>div.audience-card:nth-child(4){--gallery-delay:-2s}
.audience-grid>div.audience-card:nth-child(5){--gallery-delay:-7s}
.audience-grid>div.audience-card:nth-child(6){--gallery-delay:-12s}
.audience-grid>div.audience-card:nth-child(7){--gallery-delay:-4s}
.audience-card .audience-card-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;min-width:0;margin-top:auto}
.audience-card .audience-card-title{display:block;font-size:20px;line-height:1.2;font-weight:650;letter-spacing:-.025em;color:#fff9fa;text-wrap:balance}
.audience-card .audience-card-description{display:block;max-width:30ch;font-size:15px;line-height:1.6;font-weight:400;color:#e2d8dc;text-wrap:pretty}
.audience-grid>div.audience-card:first-child .audience-card-copy{max-width:360px;gap:11px}
.audience-grid>div.audience-card:first-child .audience-card-title{font-size:24px;line-height:1.18}
.audience-grid>div.audience-card:first-child .audience-card-description{font-size:16px;line-height:1.6}
.audience-card>.tech-panel-frame,.audience-card>.tech-panel-edge{display:none}
.motion-ready .audience-grid>div.audience-card{transition:opacity .85s var(--motion-ease,ease),translate 1s var(--motion-ease,ease),border-color .4s ease;transition-delay:var(--entrance-delay,0ms),var(--entrance-delay,0ms),0ms}
.audience-grid>div.audience-card:hover,.audience-grid>div.audience-card.tech-panel:hover{transform:none;border-color:#76505a66;background:#161014;box-shadow:0 12px 28px #00000026}
.audience.motion-active .audience-card:after{animation-play-state:running}
.motion-paused .audience .audience-card:after{animation-play-state:paused!important}
.audience-coverage{position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;min-height:268px;margin-top:24px;padding:38px 42px;border:1px solid #77424f59;border-radius:17px;background:radial-gradient(ellipse at 87% 49%,#50132435,transparent 55%),linear-gradient(120deg,#171015,#0d0b0e)}
.audience-coverage-copy{position:relative;z-index:2;width:56%;max-width:560px}
.audience-coverage-copy .eyebrow{margin:0 0 16px;font-size:11px;letter-spacing:.16em;line-height:1.6;color:#ef9eaf}
.audience-coverage-copy h3{font-size:30px;line-height:1.22;letter-spacing:-.03em;font-weight:600;margin:0 0 14px;color:#fff7f9}
.audience-coverage-copy>p:not(.eyebrow){max-width:460px;font-size:16px;line-height:1.7;margin:0;color:#cfc1c6}
.audience .audience-coverage .audience-map{position:absolute;top:-18px;bottom:auto;right:0;left:auto;width:43%;max-width:440px;height:304px;margin:0;object-fit:contain;object-position:center;opacity:.88;mask-image:linear-gradient(90deg,transparent,#000 22%,#000);transform:none;z-index:0}
.audience .audience-coverage .scene-signal--map{z-index:1}
.audience-caption{display:none}
@keyframes audience-light-pass{0%,55%{opacity:0;transform:translateX(-170%) skewX(-13deg)}63%{opacity:.6}82%{opacity:.22}87%,100%{opacity:0;transform:translateX(400%) skewX(-13deg)}}
@media(hover:hover) and (pointer:fine){
  .audience-grid>div.audience-card:hover,.audience-grid>div.audience-card.tech-panel:hover{border-color:#a464766b}
  .audience-grid>div.audience-card:hover .audience-photo{filter:brightness(.99) saturate(1)}
}
@media(min-width:1051px) and (max-width:1200px){
  .audience-grid{gap:15px}
  .audience-grid>div.audience-card,.audience-grid>div.audience-card:nth-child(n+5),.audience-grid>div.audience-card:last-child{padding:24px 18px;height:348px}
  .audience-grid>div.audience-card:first-child{grid-column:span 6;padding:30px}
  .audience-card .audience-card-title{font-size:19px}
}
@media(max-width:1050px){
  .audience{padding-top:80px;padding-bottom:70px}
  .audience .section-heading h2{font-size:39px}
  .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
  .audience-grid>div.audience-card,.audience-grid>div.audience-card:nth-child(n+5),.audience-grid>div.audience-card:last-child{grid-column:auto;height:330px;padding:27px 25px}
  .audience-grid>div.audience-card:first-child{grid-column:1 / -1;height:350px;padding:32px}
  .audience-card .audience-card-title{font-size:22px}
  .audience-card .audience-card-description{font-size:15px;max-width:33ch}
  .audience-coverage{padding:34px;min-height:264px}
  .audience-coverage-copy{width:58%;max-width:540px}
  .audience-coverage-copy h3{font-size:27px}
  .audience .audience-coverage .audience-map{width:41%;height:290px;top:-13px;right:-6px}
}
@media(max-width:760px){
  .audience{padding-top:66px;padding-bottom:60px}
  .audience .section-heading h2{font-size:35px;line-height:1.22}
  .audience .section-heading h2 span{font-size:.86em;line-height:1.33;margin-top:9px}
  .audience-grid{gap:15px;margin-top:30px}
  .audience-grid>div.audience-card,.audience-grid>div.audience-card:nth-child(n+5),.audience-grid>div.audience-card:last-child{height:325px;padding:24px 21px;border-radius:14px}
  .audience-grid>div.audience-card:first-child{grid-column:1 / -1;height:340px;padding:28px}
  .audience-card .audience-card-title{font-size:21px}
  .audience-grid>div.audience-card:first-child .audience-card-title{font-size:24px}
  .audience-coverage{display:block;padding:32px 28px 291px;min-height:0;margin-top:20px;border-radius:15px}
  .audience-coverage-copy{width:100%;max-width:530px}
  .audience-coverage-copy h3{font-size:28px}
  .audience-coverage-copy>p:not(.eyebrow){font-size:16px;max-width:450px}
  .audience .audience-coverage .audience-map{top:auto;bottom:10px;left:0;right:0;width:380px;max-width:94%;height:265px;margin-inline:auto;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 80%)}
}
@media(max-width:600px){
  .audience .section-heading h2{font-size:33px}
  .audience-grid{grid-template-columns:1fr;gap:16px}
  .audience-grid>div.audience-card,.audience-grid>div.audience-card:nth-child(n+5),.audience-grid>div.audience-card:last-child,.audience-grid>div.audience-card:first-child{grid-column:auto;height:312px;padding:27px 25px;flex-direction:column;align-items:stretch;justify-content:flex-end}
  .audience-card .audience-card-title,.audience-grid>div.audience-card:first-child .audience-card-title{font-size:24px}
  .audience-card .audience-card-description,.audience-grid>div.audience-card:first-child .audience-card-description{font-size:15px;line-height:1.6;max-width:34ch}
  .audience-grid>div.audience-card:first-child .audience-card-copy{max-width:none;gap:10px}
  .audience-card .audience-photo{object-position:center 40%}
  .audience-coverage{padding:29px 24px 278px}
  .audience-coverage-copy h3{font-size:27px}
  .audience .audience-coverage .audience-map{width:325px;height:250px;bottom:9px}
}
@media(max-width:370px){
  .audience .section-heading h2{font-size:30px}
  .audience-grid>div.audience-card,.audience-grid>div.audience-card:nth-child(n+5),.audience-grid>div.audience-card:last-child,.audience-grid>div.audience-card:first-child{height:304px;padding:24px 21px}
  .audience-card .audience-card-title,.audience-grid>div.audience-card:first-child .audience-card-title{font-size:23px}
  .audience-coverage{padding-inline:21px}
  .audience-coverage-copy h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .audience-grid>div.audience-card,.audience-card .audience-photo{transition:none!important}
  .audience-grid>div.audience-card:after{animation:none!important;opacity:0}
  .audience .audience-coverage .audience-map{animation:none!important}
}