/* V11: tighten the existing broadcast story. Hero, workflow and feature index own their layouts. */
#graphics,
#moments,
#packages{padding-top:72px}

#graphics .air9-heading{gap:32px;margin:24px 0 32px}
#graphics .air9-heading h2,
#identity .identity-grid h2,
#moments .moments-heading,
#packages .p10-heading h2{font-size:clamp(64px,6vw,84px);line-height:.98}
#graphics .air9-heading>p{font-size:19px;line-height:1.45}
#graphics .air9-machine{padding:24px 24px 0}
#graphics .air9-control{margin-top:24px;padding-top:20px;gap:22px}
#graphics .air9-control-copy p,
#graphics .air9-event>p,
#graphics .air9-status>p,
#graphics .air9-cue-detail{font-size:17px}
#graphics .air9-cues button{min-height:108px;padding:16px 15px 20px}
#graphics .air9-cues strong{margin:12px 0 8px}
#graphics .air9-status{min-height:64px;padding:12px 0}
#graphics .air9-pause{font-size:17px}
#graphics .air9-stories{margin-top:52px;gap:clamp(28px,4vw,56px)}
#graphics .air9-story-intro h3{margin:14px 0 16px;font-size:clamp(42px,4.2vw,58px)}
#graphics .air9-story-intro>p{margin-bottom:16px;font-size:19px}
#graphics .air9-story-tabs button{min-height:64px;padding-block:12px}
#graphics .air9-story-caption{padding:18px 22px 20px}
#graphics .air9-story-caption>p{margin-top:9px}
#graphics .air9-story-tools{margin-top:14px;font-size:17px}

#identity{margin-top:72px;padding:48px 0 52px}
#identity .identity-grid{margin-top:26px;gap:44px}
#identity .identity-grid p{margin-top:20px;font-size:19px;line-height:1.45}
#identity .gallery-hint{margin-top:18px!important;font-size:17px!important}
#identity .look-viewport{height:440px;padding-block:16px}
#identity #sponsors{margin-top:52px}
#identity .s6-intro{margin-bottom:24px;gap:28px}
#identity .s6-intro h3{font-size:clamp(40px,4.2vw,60px)}
#identity .s6-intro p{font-size:19px;line-height:1.45}
#identity .s6-caption{margin-top:12px;font-size:17px}
#identity .s6-offers{margin-top:26px;gap:36px}
#identity .s6-offers article{padding-top:18px}
#identity .s6-offer-label{margin-bottom:10px}
#identity .s6-offers h4{margin-bottom:9px}
#identity .s6-offers p{margin-bottom:12px;font-size:18px;line-height:1.45}

#moments .moments-heading{margin-top:24px}
#moments .moments-grid{margin-top:28px;gap:28px}
#moments .moment-caption{padding:18px 0}
#moments .moment-caption h3{font-size:34px}
#moments .moment-caption p{margin-top:10px;font-size:18px;line-height:1.45}

#packages .p10-heading{margin:24px 0 34px;gap:32px}
#packages .p10-heading>p{font-size:19px;line-height:1.45}
#packages .p10-cards{gap:20px}
#packages .p10-card{padding:22px}
#packages .p10-card h3{margin:14px 0 10px;font-size:clamp(58px,5vw,70px)}
#packages .p10-who{min-height:0;font-size:19px;line-height:1.4}
#packages .p10-art{height:180px;max-height:none;aspect-ratio:auto;margin:4px -14px 8px}
#packages .p10-format{min-height:0;margin-top:0;padding-top:16px}
#packages .p10-format strong{font-size:31px}
#packages .p10-format span{font-size:17px;margin-top:7px}
#packages .p10-includes{font-size:17px;gap:11px;margin:18px 0 22px}
#packages .p10-cta{font-size:17px;min-height:54px;padding:12px 15px}
#packages .p10-terms{margin-top:22px;font-size:17px}
#packages .p10-compare{margin-top:22px}
#packages .p10-compare>summary{padding-block:20px}
#packages .p10-compare-content{padding-bottom:22px}
#packages .p10-compare-content>p{font-size:18px;margin-bottom:18px}
#packages .p10-comparison th,
#packages .p10-comparison td{padding-block:15px}

#contact{margin-top:72px;padding:40px 0 44px}
#contact h2{font-size:clamp(64px,6.8vw,88px);line-height:.98;margin-top:20px}
#contact .contact-bottom{margin-top:26px;gap:20px}
#contact .contact-bottom>p{font-size:18px;line-height:1.45}
#contact .contact-bottom .button,
#contact .contact-bottom .text-link{font-size:17px;min-height:48px}

@media(min-width:761px) and (max-width:980px){
  #packages .p10-card{padding:26px;column-gap:26px}
  #packages .p10-art{height:220px;margin:0}
  #packages .p10-includes{margin-bottom:0}
  #identity .identity-grid{gap:28px}
}

@media(max-width:760px){
  #graphics,#moments,#packages{padding-top:52px}
  #graphics .air9-heading{margin:22px 0 26px}
  #graphics .air9-heading h2,
  #identity .identity-grid h2,
  #moments .moments-heading,
  #packages .p10-heading h2{font-size:clamp(48px,11vw,62px);line-height:1}
  #graphics .air9-heading>p{margin-top:18px;font-size:18px}
  #graphics .air9-machine{padding:18px 12px 0}
  #graphics .air9-event{margin-bottom:24px;padding:16px 18px}
  #graphics .air9-control{margin-top:20px;padding-top:18px}
  #graphics .air9-control-copy{margin-bottom:16px}
  #graphics .air9-cues button{min-height:102px;padding:15px 12px 20px}
  #graphics .air9-cues button:first-child{min-height:68px;padding:14px 16px}
  #graphics .air9-cues button:first-child strong{margin:0}
  #graphics .air9-status{padding-block:14px}
  #graphics .air9-pause{margin-top:4px}
  #graphics .air9-stories{margin-top:38px}
  #graphics .air9-story-intro h3{font-size:44px;margin:12px 0 14px}
  #graphics .air9-story-intro>p{font-size:18px}
  #graphics .air9-story-tabs button{min-height:58px;padding-block:10px}
  #graphics .air9-story-deck{margin-top:28px}
  #graphics .air9-story-caption{padding:18px}
  #graphics .air9-story-caption>p{font-size:17px}

  #identity{margin-top:52px;padding:36px 0 40px}
  #identity .identity-grid{margin-top:22px;gap:22px}
  #identity .identity-grid p{margin-top:18px;font-size:18px}
  #identity .look-viewport{height:360px;padding-block:14px}
  #identity #sponsors{margin-top:36px}
  #identity .s6-intro{margin-bottom:20px}
  #identity .s6-intro h3{font-size:42px}
  #identity .s6-intro p{margin-top:16px;font-size:18px}
  #identity .s6-offers{margin-top:22px;gap:20px}
  #identity .s6-offers article{padding-top:16px}
  #identity .s6-offers p,#identity .s6-offers a{font-size:17px}

  #moments .moments-heading{margin-top:22px}
  #moments .moments-grid{margin-top:24px;gap:24px}
  #moments .moment-caption{padding:16px 0}
  #moments .moment-caption h3{font-size:32px}
  #moments .moment-caption p{font-size:17px}

  #packages .p10-heading{margin:22px 0 28px}
  #packages .p10-heading>p{margin-top:18px;font-size:18px}
  #packages .p10-cards{gap:28px}
  #packages .p10-card{padding:22px}
  #packages .p10-card h3{font-size:64px;margin-top:12px}
  #packages .p10-who{font-size:19px}
  #packages .p10-art{height:180px;margin:4px -12px 8px}
  #packages .p10-format{padding-top:16px}
  #packages .p10-includes{margin:18px 0 22px;gap:11px}
  #packages .p10-cta{min-height:54px}
  #packages .p10-compare summary strong{font-size:30px}
  #packages .p10-compare summary span>span{font-size:17px}
  #packages .p10-comparison th[scope=row]{padding:0 0 10px}
  #packages .p10-comparison td{padding-block:8px}

  #contact{margin-top:52px;padding:32px 0 36px}
  #contact h2{font-size:clamp(50px,11vw,66px);margin-top:16px}
  #contact .contact-bottom{margin-top:22px;gap:12px 20px}
  #contact .contact-bottom>p{font-size:17px;margin-bottom:2px}
}