/*------------------------------------------ C O M P U T E R S --------------------------------------------*/
@media screen and (min-width: 1250px) {
/* ==== RESPONSIVE DESIGN – START (XD 2026-10-07) ==== */
  .as-show__media{position:sticky}
/* ==== RESPONSIVE DESIGN – END ==== */
}/*------ C O M P U T E R S  +  T A B L E T S -------*/
@media screen and (min-width: 767px) {
/* ==== RESPONSIVE DESIGN – START (XD 2026-10-07) ==== */
  .as-card--series .as-card__body{min-height:0}
  .as-grid--performances .as-grid__item{display:flex}
  .as-grid--performances .as-card{width:100%}
/* ==== RESPONSIVE DESIGN – END ==== */
}/*------------------------------------------ A L L  T A B L E T S --------------------------------------------*/
@media screen and (min-width: 767px) and (max-width: 1250px) {
/* ==== RESPONSIVE DESIGN – START (XD 2026-10-07) ==== */
  :root{--as-container:min(1500px,100% - 48px);--as-gutter:24px}
  .header-mobile{min-height:84px;padding:10px 24px}
  .header-mobile .site-logo img.site-logo__img{height:64px}
  .as-series__shows{grid-template-columns:repeat(2,minmax(0,1fr))}
  .as-series__show:nth-child(odd){padding-inline-start:0}
  .as-series__show:nth-child(3){border-inline-start:0}
  .footer-middle{flex-wrap:wrap;padding-bottom:60px}
  .footer-quarter{flex:1 1 30%}
/* ==== RESPONSIVE DESIGN – END ==== */
}/*--- T A B L E T S - B I G ------*/
@media screen and (min-width: 1000px) and (max-width: 1250px){
/* ==== RESPONSIVE DESIGN – START (XD 2026-10-07) ==== */
  .as-card--series{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .elementor .e-con.as-grid--achievements{grid-template-columns:repeat(2,minmax(0,1fr))}
/* ==== RESPONSIVE DESIGN – END ==== */
}/*--- T A B L E T S - M E D I U M ---*/
@media screen and (min-width: 850px) and (max-width: 1000px) {
/* ==== RESPONSIVE DESIGN – START (XD 2026-10-07) ==== */
  .as-show__top{grid-template-columns:1fr}
  .as-show__panel,.as-show__media{grid-column:1}
  .as-show__media{grid-row:1;position:static}
  .as-show__panel{grid-row:2}
  .as-show__poster img{aspect-ratio:16 / 9}
  .as-show__strip{margin-top:12px}
/* ==== RESPONSIVE DESIGN – END ==== */
}/*--- T A B L E T S - S M A L L ---*/
@media screen and (min-width: 767px) and (max-width: 850px) {
/* ==== RESPONSIVE DESIGN – START (XD 2026-10-07) ==== */
  .as-show__top{grid-template-columns:1fr}
  .as-show__panel,.as-show__media{grid-column:1}
  .as-show__media{grid-row:1;position:static}
  .as-show__panel{grid-row:2}
  .as-show__poster img{aspect-ratio:16 / 9}
  .as-show__strip{margin-top:12px}
  .as-card--series{grid-template-columns:1fr}
  .as-card--series .as-card__media{grid-column:1;grid-row:1;aspect-ratio:16 / 8}
  .as-card--series .as-card__body{grid-column:1;grid-row:2}
  .as-card--series .as-card__actions{grid-column:1;grid-row:3}
  .as-benefits,.elementor .e-con.as-grid--benefits,.elementor .e-con.as-grid--achievements{grid-template-columns:repeat(2,minmax(0,1fr))}
/* ==== RESPONSIVE DESIGN – END ==== */
}/*------------------------- T A B L E T S + M O B I L E ---------------------------*/
@media screen and (max-width: 1250px) {
/* ==== RESPONSIVE DESIGN – START (XD 2026-10-07) ==== */
  .elementor .e-con.as-hero--home{margin:10px 10px 0;min-height:clamp(420px,52vw,640px);padding:60px 24px 70px}
  .as-post__grid{grid-template-columns:minmax(0,1fr) 260px;gap:0 32px}
  .as-grid--albums{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
  .footer-middle{--as-footer-gutter:24px}
  .footer-middle-first{flex:1 1 100%;margin-inline-end:0}
  .footer-bottom{padding:0 24px 24px}
  .elementor .e-con.as-grid--youth{max-width:100%}
  .as-show__top{max-width:100%}
  .as-filters{flex-wrap:wrap}
  .as-logos{--as-cols-t:4}
/* ==== RESPONSIVE DESIGN – END ==== */
}/*------------------------------------------ M O B I L E --------------------------------------------*/
@media screen and (max-width: 767px) {
/* ==== RESPONSIVE DESIGN – START (XD 2026-10-07) ==== */
  :root{
    --as-container:min(1500px,100% - 40px);
    --as-gutter:20px;
    --as-section-pad:40px;
    --as-fs-hero:35px;
    --as-fs-h1:35px;
    --as-fs-h2:31px;
    --as-fs-h3:28px;
    --as-fs-h4:21px;
    --as-fs-h5:20px;
    --as-fs-eyebrow:12px;
    --as-fs-body:16px;
  }
  body{font-size:16px}
  .as-heading{margin-bottom:24px}
  .as-heading .as-eyebrow{margin-bottom:8px}
  .as-lead,.as-el__lead,.as-heading .as-lead{font-size:16px;line-height:1.4}
  .as-el__lead{margin-bottom:24px}
  .elementor .as-section--series > .e-con-inner,.elementor .as-section--picker > .e-con-inner{padding-block:56px 48px}
  .elementor .as-page-header > .e-con-inner{padding-block:32px 24px}
  .as-section--series::before{top:10px}

  /* header: logo centred, hamburger at the start edge (right in RTL) */
  .header-mobile{min-height:100px;padding:10px 16px}
  .header-mobile .textwidget{justify-content:center;position:relative}
  .header-mobile .site-logo img.site-logo__img{height:70px}
  .header-mobile .mobile-menu-btn{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%)}
  #masthead::before{top:7px;border-top-width:1.5px}

  /* hero */
  .elementor .e-con.as-hero--home{
    margin:12px 10px 0;
    min-height:0;
    padding:60px 20px 36px;
    border-radius:10px;
  }
  .as-hero .as-eyebrow{font-size:12px;letter-spacing:.25em;margin-bottom:16px}
  .as-hero__title{font-size:35px;line-height:1.15;margin-bottom:14px}
  .as-hero__tagline{font-size:16px;line-height:1.4}
  .elementor .e-con.as-hero__actions{flex-direction:column;gap:12px;padding-top:28px;width:100%}
  .elementor .as-hero__actions .elementor-widget{width:100%;max-width:330px}
  .elementor .as-hero__actions .as-btn .elementor-button{width:100%;min-height:56px;min-width:0;font-size:18px}

  /* buttons */
  .as-btn:not(.elementor-widget){min-height:48px;padding:10px 24px;font-size:16px}
  .as-btn--block:not(.elementor-widget),.as-card--performance .as-card__actions .as-btn{min-height:60px;font-size:18px}
  .as-btn--lg:not(.elementor-widget){min-height:56px;font-size:18px}
  .as-phone-pill{min-width:0;min-height:40px;padding:4px 18px;font-size:16px}

  /* cards */
  .as-grid{--as-gap-x:20px;--as-gap-y:28px}
  .as-grid--performances,.as-grid--magazine,.as-grid--related,.as-el .as-grid--performances,.as-el .as-grid--magazine,.as-el .as-grid--related{--as-cols:1}
  .elementor .e-con.as-hero--home{--width:calc(100% - 20px);width:calc(100% - 20px)}
  .as-gallery--mosaic .as-grid--mosaic,.as-gallery--archive-body .as-grid--mosaic{grid-template-columns:1fr}
  .as-grid--mosaic .as-grid__item--wide,.as-grid--mosaic .as-grid__item:not(.as-grid__item--wide){grid-column:auto;grid-row:auto}
  .as-grid--mosaic .as-grid__item--wide .as-card__media{aspect-ratio:390 / 275;min-height:0}
  .elementor .as-section--gallery > .e-con-inner{padding:10px 10px 32px}
  .as-section--youth .as-heading::after{display:none}
  .footer-top{border-radius:10px 10px 0 0}
  .as-section--youth,.as-section--committees{border-radius:0}
  .as-card--performance .as-card__media{aspect-ratio:370 / 225}
  .as-card--performance .as-card__body{padding:18px 20px 0}
  .as-card--performance .as-card__title{font-size:21px;min-height:0}
  .as-card--performance .as-card__text{font-size:15px;line-height:1.5;-webkit-line-clamp:4}
  .as-card__date{margin:12px;min-width:56px}
  .as-card__day{font-size:24px}

  .as-card--series{grid-template-columns:1fr;gap:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--as-shadow)}
  .as-card--series .as-card__media{grid-column:1;grid-row:1;aspect-ratio:390 / 225;border-radius:0}
  .as-card--series .as-card__body{grid-column:1;grid-row:2;box-shadow:none;border-radius:0;padding:22px 20px 12px;text-align:center}
  .as-card--series .as-card__actions{grid-column:1;grid-row:3;padding:0 10px 10px}
  .as-card--series:has(.as-card__media img) .as-card__top{position:absolute;top:10px;inset-inline-start:10px;margin:0}
  .as-card--series:has(.as-card__media img) .as-card__top .as-eyebrow{display:none}
  .as-card--series .as-card__top{justify-content:center;flex-direction:column;gap:6px;margin-bottom:14px}
  .as-card--series .as-card__title{font-size:31px}
  .as-card--series .as-card__text{font-size:15px;font-weight:400;line-height:1.5}
  .as-series__cities{justify-content:center}
  .as-series__shows{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;text-align:center}
  .as-series__show{padding-inline:10px}
  .as-series__show:first-child{padding-inline-start:10px}
  .as-series__show:nth-child(odd){border-inline-start:0}
  .as-series__show-title{font-size:21px}

  .as-card--magazine .as-card__media{aspect-ratio:390 / 200}
  .as-card--magazine .as-card__body{padding:18px 20px}
  .as-card--magazine .as-card__meta{font-size:13px;gap:4px 10px}
  .as-card--magazine .as-card__title{font-size:21px}
  .as-card--magazine .as-card__text{font-size:15px}
  .as-card--gallery .as-card__media{aspect-ratio:390 / 275}
  .as-card--gallery .as-card__body{min-height:60px;padding:10px 16px}
  .as-card--gallery .as-card__title{font-size:18px}
  .as-badge{margin:10px;font-size:13px}
  .as-card__count{margin:10px;font-size:14px}

  /* youth mosaic → stack */
  .elementor .e-con.as-grid--youth{grid-template-columns:1fr;gap:14px}
  .as-tile--youth{min-height:0;padding:12px 10px 0}
  .elementor .as-grid--youth > .as-tile--youth:nth-child(3){transform:none;box-shadow:none}
  .elementor .as-grid--youth > .as-tile--youth:nth-child(3):hover{transform:translateY(-3px)}
  .as-tile--youth .elementor-image-box-img img{height:200px}
  .elementor .as-tile--youth .elementor-image-box-content .elementor-image-box-title{font-size:20px}
  .as-tile--youth .elementor-image-box-content{padding:14px 6px 20px}
  .as-section--gallery .as-el__all,.as-section--magazine .as-el__all{width:100%;min-height:56px;font-size:18px}
  .as-gallery__categories{justify-content:flex-start;margin-bottom:40px}
  .as-gallery__categories .as-chip{min-height:40px;font-size:17px}
  .as-gallery--archive-body{padding:24px 20px 48px}
  .as-grid--albums{grid-template-columns:1fr;gap:24px;margin-top:20px}
  .as-album__hero{height:220px}
  .as-album__header{padding:36px 20px 32px}
  .as-album__photos{grid-template-columns:1fr;gap:12px;padding:0 10px 40px}
  .as-album__item:nth-child(3n){grid-column:auto;aspect-ratio:900 / 600}
  .as-page-header--plain{padding:40px 20px 32px}
  .as-section--archive{padding:24px 20px 48px}
  .as-grid--magazine-archive{--as-gap-y:24px}
  .as-post{padding:24px 20px 56px}
  .as-post__grid{grid-template-columns:1fr;gap:0}
  .as-post__head{grid-row:1}
  .as-post__cover{grid-column:1;grid-row:2;margin:20px 0}
  .as-post__side--top{grid-column:1;grid-row:3}
  .as-post__main{grid-column:1;grid-row:4}
  .as-post__side--bottom{grid-column:1;grid-row:5;margin-top:24px}
  .as-post__title{font-size:30px}
  .as-post__excerpt,.as-post__body,.as-post__toc li a,.as-post__date,.as-post__writer{font-size:17px}
  .as-post__body{line-height:1.6}
  .as-post__author,.as-post__share{padding:20px 18px}
  .as-post__author-row{gap:16px}
  .as-post__share-row{gap:12px}

  /* chips as a horizontal scroll row, filters stacked */
  .as-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-inline:-20px;padding-inline:20px}
  .as-chips::-webkit-scrollbar{display:none}
  .as-chip{flex:0 0 auto;min-height:36px;padding:4px 16px;font-size:14px}
  .as-filters{flex-direction:column;align-items:stretch;gap:12px}
  .as-filters .as-chips{width:100%}
  .as-filters__field{width:100%}
  .as-select,.as-input{min-width:0;width:100%;min-height:48px}
  .as-tabs{gap:12px}
  .as-tab{flex-basis:100%;padding:16px 18px}
  .as-tab__title{font-size:22px}
  .as-benefits,.elementor .e-con.as-grid--benefits{grid-template-columns:1fr;gap:14px}
  .as-benefits__item,.as-benefit{min-height:0}
  .as-benefits__item::before,.as-benefit::before{padding-bottom:16px}
  .as-series__city{padding:16px}
  .as-series__actions .as-btn{width:100%}
  .as-pages{gap:8px}
  .as-pages__btn{min-width:36px;height:36px;font-size:15px}
  .as-logos{--as-cols-m:2;--as-gap-x:16px;--as-gap-y:16px}
  .elementor .e-con.as-grid--achievements{grid-template-columns:1fr;gap:14px}
  .elementor .e-con.as-hero:not(.as-hero--home){min-height:0;padding:36px 20px}
  .as-committee__logo{max-height:60px}

  /* bands */
  .as-band--gift .as-heading__title{font-size:44px}
  .as-band--gift .as-btn,.as-band--gift .elementor-button{min-height:56px;width:100%;font-size:18px}
  .as-band--gift::before{top:12px}
  .as-band--gift::after{bottom:12px}
  .as-band .elementor-shortcode .as-btn{width:100%}

  /* show page */
  .as-show{padding-inline:10px}
  .as-show__top{grid-template-columns:1fr;gap:16px;padding:16px 0 40px}
  .as-show__media{grid-column:1;grid-row:1;position:static}
  .as-show__panel{grid-column:1;grid-row:2;padding:24px 18px 20px;border-radius:10px}
  .as-show__poster img{aspect-ratio:16 / 10}
  .as-show__strip{margin-top:10px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .as-show__strip img{width:120px;height:80px}
  .as-show__title{font-size:34px}
  .as-show__meta{font-size:15px;gap:4px 18px}
  .as-show .as-dates__row{padding:14px 16px;gap:8px}
  .as-dates__date{flex-direction:row;align-items:baseline;gap:10px;min-width:0}
  .as-dates__action{justify-self:stretch;justify-content:space-between;margin-top:4px}
  .as-dates__action .as-btn{flex:1 1 auto}
  .as-show__panel .as-show__box{margin-inline:-18px;margin-bottom:-20px;padding:22px 18px}
  .as-show__subscribe-actions{width:100%}
  .as-show__subscribe .as-btn{width:100%}
  .as-show__trailer{margin:0 -10px;padding:48px 20px 56px;border-radius:10px 10px 0 0}
  .as-video{border-radius:10px}

  /* generic singles */
  .as-fields{grid-template-columns:1fr}
  .as-article__body,.page--text .entry-content{padding:24px 18px;border-radius:10px}
  .as-leader{padding:18px}
  .as-strip{--as-strip-item:78vw}

  /* mobile panel */
  .mobile-menu{padding:84px 24px 32px}

  /* footer */
  .footer-middle{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 20px;
    padding:44px 20px 24px;
    border-radius:10px 10px 0 0;
    text-align:start;
  }
  .footer-quarter,.footer-middle-first{width:auto;min-width:0}
  .footer-middle-first{grid-column:1 / -1;text-align:center}
  #colophon .widget-title{font-size:21px;margin-bottom:10px}
  .footer-middle-first .textwidget{justify-content:center}
  .footer-hours{font-size:15px;max-width:none;margin:0 auto}
  .footer-middle .as-phone-pill{min-width:0;min-height:44px;font-family:var(--as-font-en);font-weight:700;font-size:16px;letter-spacing:.07em}
  .footer-middle .as-email{font-size:15px;gap:10px}
  .footer-address{justify-content:center;font-size:15px}
  #colophon .menu.level-1 li a{font-size:14px;line-height:2.1}
  .footer-middle-second .widget-title,.footer-middle-third .widget-title,.footer-middle-fourth .widget-title{font-size:20px}
  .footer-bottom{
    flex-direction:column;align-items:center;
    padding:16px 20px 16px;
    gap:12px;
    text-align:center;
  }
  .footer-bottom .footer-third{flex:0 0 auto;width:100%;text-align:center;padding:0}
  .footer-bottom .menu.level-1{justify-content:center;gap:0 18px}
  .footer-bottom .menu.level-1 li a{font-size:14px}
  .copyright{font-size:15px;font-weight:400}
  /* the oud becomes a static block under the columns */
  #colophon::after{position:static;display:block;inset:auto;width:88px;margin:-8px auto 0;background-color:var(--as-navy)}
  #colophon{display:flex;flex-direction:column}
  #colophon::after{order:3}
  #colophon .footer-bottom{order:4}
  #colophon .floting-elements{order:5}
  .footer-credit{font-size:13px}
/* ==== RESPONSIVE DESIGN – END ==== */
}/*-----S M A L L  M O B I L E -----*/
@media screen and (max-width: 350px) {
/* ==== RESPONSIVE DESIGN – START (XD 2026-10-07) ==== */
  :root{--as-container:min(1500px,100% - 32px);--as-gutter:16px}
  .as-hero__title{font-size:30px}
  .as-series__shows{grid-template-columns:1fr}
  .as-series__show{border-inline-start:0}
  .footer-middle{grid-template-columns:1fr;text-align:center}
/* ==== RESPONSIVE DESIGN – END ==== */
}