/* Homepage styles in their original cascade order. */
.audion-home-hero {
  background: radial-gradient(ellipse at 85% 15%,rgba(69,51,109,.16),transparent 65%),radial-gradient(ellipse at 20% 100%,rgba(20,75,79,.1),transparent 60%),#05090f;
}
.audion-home-hero::before,.audion-home-hero::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 900' fill='none' stroke='%238696b2' stroke-opacity='.12'%3E%3Cpath d='M-350-90Q400 410-50 1040M-330-90Q420 410-30 1040M-310-90Q440 410-10 1040M-290-90Q460 410 10 1040M-270-90Q480 410 30 1040M-250-90Q500 410 50 1040M-230-90Q520 410 70 1040M-210-90Q540 410 90 1040'/%3E%3C/svg%3E") left center / auto 115% no-repeat;
}
.audion-home-hero::after {transform:rotate(180deg);}
/* Keep the first-screen glow stable instead of repainting blurred text. */
.audion-home-hero .flicker-slow {
  animation:none;
}
/* With scripting disabled, the original card backgrounds remain available. */
.audion-background-lazy .audion-product-tile:not(.audion-background-ready)::before {
  background-image: none !important;
}
.audion-home-hero .audion-hero-intro {
  max-width: 51rem;
  margin: clamp(3rem, 5vw, 4.75rem) auto 0;
  font-family: "Manrope", sans-serif;
}
.audion-home-hero .audion-hero-logo {
  transform: translateY(-.6rem) scale(.8);
}
.audion-hero-intro__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  margin: 0 0 1.1rem;
  color: #72e1d7;
  font-size: clamp(.68rem, .85vw, .82rem);
  font-weight: 700;
  letter-spacing: .17em;
  line-height: 1;
  text-transform: uppercase;
}
.audion-hero-intro__eyebrow::before {
  width: 2.35rem;
  height: 1px;
  background: linear-gradient(90deg, #63e2d8, #7784ff);
  content: "";
}
.audion-hero-intro__lead {
  margin: 0;
  color: #f8f9fc;
  font-size: clamp(1.7rem, 3vw, 3rem);
  font-weight: 600;
  letter-spacing: -.052em;
  line-height: 1.12;
  text-wrap: balance;
}
.audion-hero-intro__lead strong {
  color: #ffffff;
  font-weight: 700;
}
.audion-hero-intro__copy {
  max-width: 44rem;
  margin: 1.15rem auto 0;
  color: #b8c0cf;
  font-size: clamp(.98rem, 1.35vw, 1.18rem);
  font-weight: 500;
  letter-spacing: -.018em;
  line-height: 1.65;
}
.audion-hero-intro__services {
  max-width: 45rem;
  margin: 1.35rem auto 0;
  color: #8994a7;
  font-size: clamp(.8rem, 1.05vw, .95rem);
  font-weight: 600;
  letter-spacing: .025em;
  line-height: 1.65;
}
.audion-hero-intro__approval {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-top: 1.55rem;
  padding: .52rem .85rem;
  border: 1px solid rgba(91, 221, 210, .36);
  border-radius: 999rem;
  background: rgba(29, 133, 132, .12);
  color: #a2eee7;
  font-size: clamp(.72rem, .9vw, .84rem);
  font-weight: 600;
  letter-spacing: .025em;
}
.audion-hero-intro__approval i { color: #63e2d8; font-size: 1.05rem; }
.audion-hero-intro__apple {
  display: block;
  width: min(10.5rem, 44vw);
  margin: 1.7rem auto 0;
  opacity: .82;
}
@media (max-width: 575.98px) {
  .audion-home-hero .audion-hero-intro { margin-top: 2.75rem; }
  .audion-hero-intro__approval { max-width: 100%; text-align: left; }
}
/* iPadOS Safari may report a taller legacy 100vh than the visible
   viewport. The old auto margin then pushed the whole intro down. */
@media (max-width: 991.98px) {
  .audion-home-hero,
  .audion-home-hero > .min-vh-100 {
    min-height: 100svh !important;
    min-height: 100dvh !important;
  }
  .audion-home-hero .container.mt-auto { margin-top: 0 !important; }
  .audion-home-hero .row.mt-5 { margin-top: 0 !important; }
}

#audion-product-grid {
        position: relative;
        background: #050811;
        border-top: 1px solid rgba(255,255,255,.08);
        border-bottom: 1px solid rgba(255,255,255,.10);
        padding: clamp(.75rem, 1.8vw, 1.5rem);
      }
      .audion-product-grid__heading {
        display: flex;
        align-items: baseline;
        gap: clamp(.55rem, .9vw, .9rem);
        min-height: 1.7rem;
        margin: 0 clamp(.1rem, .4vw, .4rem) clamp(1.1rem, 2vw, 1.55rem);
        color: #e9edf6;
        pointer-events: none;
      }
      .audion-product-grid__heading::before {
        width: clamp(1.35rem, 2vw, 2.1rem);
        height: 1px;
        background: linear-gradient(90deg, #66e4db, #7f76ff);
        box-shadow: 0 0 .7rem rgba(105, 221, 220, .42);
        content: "";
      }
      .audion-product-grid__heading h2 {
        margin: 0;
        font-family: "Michroma", sans-serif;
        font-size: clamp(.8rem, 1.05vw, 1.04rem);
        font-weight: 400;
        letter-spacing: .035em;
        line-height: 1;
      }
      .audion-product-grid__heading .audion-product-grid__wordmark {
        display: inline-block;
        width: clamp(4.1rem, 5vw, 5.38rem);
        height: auto;
        margin-right: .5rem;
        filter: drop-shadow(0 .35rem .7rem rgba(0, 0, 0, .38));
        vertical-align: middle;
      }
      .audion-product-grid__heading span {
        color: #8e98aa;
        font-family: "Manrope", sans-serif;
        font-size: clamp(.56rem, .68vw, .68rem);
        font-weight: 700;
        letter-spacing: .13em;
        text-transform: uppercase;
      }
      .audion-product-grid__tiles {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(4, minmax(0, 1fr));
        gap: clamp(.75rem, 1.5vw, 1.35rem);
        height: calc(clamp(84rem, 176vh, 118rem) + clamp(2.25rem, 4.5vw, 4.05rem));
      }
      .audion-product-tile {
        --tile-accent: #7d68ff;
        position: relative;
        isolation: isolate;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-width: 0;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.12);
        border-radius: clamp(1rem, 1.8vw, 1.65rem);
        padding: clamp(1.35rem, 3vw, 3.25rem);
        color: #fff;
        text-decoration: none;
        box-shadow: 0 1.8rem 4.5rem rgba(0,0,0,.34);
        transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
      }
      .audion-product-tile::before,
      .audion-product-tile::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        transition: transform .55s ease, opacity .28s ease;
      }
      .audion-product-tile::after {
        z-index: -1;
        background: linear-gradient(180deg, rgba(3,6,13,.08) 0%, rgba(3,6,13,.32) 34%, rgba(3,6,13,.96) 100%);
      }
      .audion-product-tile:hover {
        transform: translateY(-.4rem);
        border-color: color-mix(in srgb, var(--tile-accent) 72%, #fff 28%);
        box-shadow: 0 2.4rem 5rem rgba(0,0,0,.46), 0 0 3.2rem color-mix(in srgb, var(--tile-accent) 30%, transparent);
        color: #fff;
      }
      .audion-product-tile:hover::before { transform: scale(1.055); }
      .audion-product-tile:focus-visible {
        outline: 3px solid #fff;
        outline-offset: 4px;
      }
      .audion-product-tile--kota { --tile-accent: #29d5c6; }
      .audion-product-tile--kota::before {
        background: url(https://audion.fi/assets/img/optimized/77b4bd45c2478dabbd33-1280.webp) center 48% / cover no-repeat;
      }
      .audion-product-tile--kota::after {
        background: linear-gradient(90deg, rgba(5,7,15,.94) 0%, rgba(5,7,15,.57) 58%, rgba(5,7,15,.20) 100%), linear-gradient(180deg, transparent 24%, rgba(5,7,15,.92) 100%);
      }
      .audion-product-tile--kajo { --tile-accent: #19b9ff; }
      .audion-product-tile--kajo::before {
        background: url(https://audion.fi/assets/img/optimized/ef355a62d9e3777f9215-1280.webp) 69% 42% / cover no-repeat;
      }
      .audion-product-tile--kajo::after {
        background: linear-gradient(100deg, rgba(2,7,12,.92) 0%, rgba(3,10,15,.56) 56%, rgba(3,10,15,.14) 100%), linear-gradient(180deg, transparent 36%, rgba(2,7,12,.90) 100%);
      }
      .audion-product-tile--kuru { --tile-accent: #86e0c6; }
      .audion-product-tile--kuru::before {
        background:
          linear-gradient(100deg, rgba(3,11,13,.83) 0%, rgba(3,11,13,.52) 57%, rgba(3,11,13,.25) 100%),
url(https://audion.fi/assets/img/optimized/b0bc6f0cf67778817176-1280.webp) 58% 52% / cover no-repeat;
      }
      .audion-product-tile--kuru::after {
        background: linear-gradient(180deg, rgba(3,11,13,.04) 0%, rgba(3,11,13,.83) 100%);
      }
      .audion-product-tile--kero { --tile-accent: #d39cff; }
      .audion-product-tile--kero::before {
        background:
          linear-gradient(100deg, rgba(6,7,14,.91) 0%, rgba(6,7,14,.62) 55%, rgba(6,7,14,.30) 100%),
          linear-gradient(180deg, rgba(5,6,13,.06) 0%, rgba(5,6,13,.86) 100%),
          url(https://audion.fi/assets/img/optimized/d748ffee2f2d80b05556-1280.webp) center center / cover no-repeat;
      }
      .audion-product-tile--kero::after {
        background: linear-gradient(180deg, rgba(6,7,14,.03) 0%, rgba(6,7,14,.50) 100%);
      }
      .audion-product-tile--kide {
        --tile-accent: #218cff;
      }
      .audion-product-tile--kide::before {
        background: url(https://audion.fi/assets/img/optimized/e9d5ecfea2c9788cb4b2-1280.webp) center 16% / cover no-repeat;
      }
      .audion-product-tile--kide::after {
        background: linear-gradient(180deg, rgba(3,8,17,.03) 0%, rgba(3,8,17,.78) 100%);
      }
      .audion-product-tile--kanto { --tile-accent: #e4b166; }
      .audion-product-tile--kanto::before {
        background: url(https://audion.fi/assets/img/optimized/dfe9d423c442b7f2a122-780.webp) center center / cover no-repeat;
      }
      .audion-product-tile--kanto::after {
        background: linear-gradient(102deg, rgba(3,7,12,.93) 0%, rgba(3,7,12,.57) 58%, rgba(3,7,12,.2) 100%), linear-gradient(180deg, rgba(3,7,12,.03) 0%, rgba(3,7,12,.9) 100%);
      }
      .audion-product-tile--kaamos { --tile-accent: #65d9e7; }
      .audion-product-tile--kaamos::before {
        background: url(https://audion.fi/assets/img/optimized/dfe9d423c442b7f2a122-780.webp) 59% center / cover no-repeat;
      }
      .audion-product-tile--kaamos::after {
        background: linear-gradient(102deg, rgba(3,8,14,.96) 0%, rgba(3,10,18,.68) 56%, rgba(8,17,34,.25) 100%), linear-gradient(180deg, rgba(3,8,14,.03) 0%, rgba(3,8,14,.92) 100%);
      }
      .audion-product-tile--kaira {
        --tile-accent: #83c6ba;
      }
      .audion-product-tile--kaira::before {
        background: url(https://audion.fi/assets/img/optimized/872bbe70cab8fc54bdd5-1280.webp) center 48% / cover no-repeat;
      }
      .audion-product-tile--kaira::after {
        background: linear-gradient(100deg, rgba(3,9,10,.94) 0%, rgba(3,10,12,.71) 49%, rgba(4,11,16,.29) 100%), linear-gradient(180deg, rgba(3,9,10,.04) 0%, rgba(3,9,10,.93) 100%);
      }
      .audion-product-tile__brand {
        display: block;
        width: min(14.5rem, 68%);
        max-height: 3.5rem;
        margin: 0 0 auto;
        object-fit: contain;
        object-position: left top;
        filter: drop-shadow(0 .9rem 1.65rem rgba(0,0,0,.45));
      }
      .audion-product-tile__brand-lockup {
        display: flex;
        align-items: center;
        gap: clamp(.55rem, 1vw, .8rem);
        max-width: 100%;
        margin: 0 0 auto;
      }
      .audion-product-tile__brand-lockup .audion-product-tile__brand { margin: 0; flex: 0 1 auto; }
      .audion-product-tile__brand--kota { width: min(7.25rem, 34%); max-height: 1.9rem; }
      .audion-product-tile__brand--backstage { width: min(8.5rem, 40%); max-height: 2.55rem; transform: translateY(clamp(.45rem, .7vw, .65rem)); }
      .audion-product-tile--kajo .audion-product-tile__brand { width: min(14rem, 66%); max-height: 3.38rem; }
      /* KURU's presentation mark is a horizontal lockup. The former
         all-in-one SVG is a tall app wordmark, which made TRACKS drop
         beneath KURU when it was fitted into this card. */
      .audion-product-tile__brand-lockup--kuru { gap: clamp(.65rem, 1.05vw, .9rem); }
      .audion-product-tile__brand--kuru-wordmark { width: min(8.45rem, 42%); max-height: 1.8rem; }
      .audion-product-tile__brand--kuru-tracks { width: min(6.3rem, 30%); max-height: 1.33rem; }
      .audion-product-tile__brand--kero { width: min(7.72rem, 38.6%); max-height: 1.93rem; }
      .audion-product-tile__brand-lockup--kide {
        gap: clamp(.7rem, 1.1vw, .95rem);
      }
      /* KIDE has a longer two-part heading than the other cards. Keep it
         on two lines at tablet/desktop widths so its brand lockup never
         overflows above the clipped card. */
      .audion-product-tile--kide .audion-product-tile__eyebrow {
        margin-top: .9rem;
        margin-bottom: .65rem;
      }
      .audion-product-tile--kide .audion-product-tile__title {
        max-width: none;
        font-size: clamp(1.5rem, 2.5vw, 2.6rem);
      }
      .audion-product-tile__wordmark--kide {
        display: inline-block;
        color: #f5f8fb;
        font-family: "Avenir Next", "Futura", "Century Gothic", sans-serif;
        font-size: clamp(1.7rem, 3vw, 2.9rem);
        font-weight: 300;
        letter-spacing: .23em;
        line-height: 1;
        text-shadow: 0 .65rem 1.35rem rgba(0,0,0,.45);
        transform: scaleY(.89);
        transform-origin: left center;
      }
      .audion-product-tile__wordmark-sub--kide {
        color: #aebdca;
        font-family: "Michroma", sans-serif;
        font-size: clamp(.54rem, .85vw, .76rem);
        font-weight: 400;
        letter-spacing: .26em;
      }
      .audion-product-tile__brand-lockup--kanto { gap: clamp(.68rem, 1vw, .9rem); }
      .audion-product-tile__brand--kanto { width: min(8.3rem, 40%); max-height: 1.85rem; }
      .audion-product-tile__wordmark--kanto {
        display: inline-block;
        color: #f5f8fb;
        font-family: "Avenir Next", "Futura", "Century Gothic", sans-serif;
        font-size: clamp(1.6rem, 2.65vw, 2.55rem);
        font-weight: 600;
        letter-spacing: .16em;
        line-height: 1;
        text-shadow: 0 .65rem 1.35rem rgba(0,0,0,.45);
        transform: scaleY(.9);
        transform-origin: left center;
      }
      .audion-product-tile__wordmark-sub--kanto {
        color: #dcc09a;
        font-family: "Michroma", sans-serif;
        font-size: clamp(.48rem, .76vw, .68rem);
        font-weight: 400;
        letter-spacing: .2em;
      }
      .audion-product-tile__brand-lockup--kaamos { gap: clamp(.68rem, 1vw, .92rem); }
      .audion-product-tile__brand--kaamos { width: min(9.6rem, 43%); max-height: 2.2rem; }
      .audion-product-tile__wordmark-sub--kaamos {
        color: #9fe4eb;
        font-family: "Michroma", sans-serif;
        font-size: clamp(.51rem, .76vw, .7rem);
        font-weight: 400;
        letter-spacing: .2em;
      }
      .audion-product-tile__brand-lockup--kaira { gap: clamp(.68rem, 1vw, .92rem); }
      .audion-product-tile__brand--kaira { width: min(9.3rem, 33%); max-height: 2.15rem; }
      .audion-product-tile__wordmark-sub--kaira {
        color: #9eddd3;
        font-family: "Michroma", sans-serif;
        font-size: clamp(.51rem, .76vw, .7rem);
        font-weight: 400;
        letter-spacing: .2em;
      }
      .audion-product-tile--kaira .audion-product-tile__title { max-width: 15ch; }
      .audion-product-tile--kuru {
        padding-top: clamp(1.25rem, 2vw, 2rem);
        padding-bottom: clamp(1.35rem, 2.4vw, 2.35rem);
      }
      .audion-product-tile--kuru .audion-product-tile__title {
        max-width: 17ch;
        font-size: clamp(1.55rem, 2.5vw, 3rem);
      }
      .audion-product-tile__eyebrow {
        display: inline-flex;
        align-self: flex-start;
        margin: 1.5rem 0 .9rem;
        padding: .38rem .72rem;
        border: 1px solid color-mix(in srgb, var(--tile-accent) 66%, transparent);
        border-radius: 99rem;
        background: color-mix(in srgb, var(--tile-accent) 13%, transparent);
        color: color-mix(in srgb, var(--tile-accent) 72%, #fff 28%);
        font-size: clamp(.67rem, .8vw, .78rem);
        font-weight: 700;
        letter-spacing: .1em;
        line-height: 1;
        text-transform: uppercase;
      }
      .audion-product-tile__title {
        max-width: 11ch;
        margin: 0 0 .8rem;
        color: #fff;
        font-size: clamp(1.7rem, 3vw, 3.55rem);
        font-weight: 700;
        letter-spacing: -.045em;
        line-height: .98;
        text-wrap: balance;
      }
      .audion-product-tile__copy {
        max-width: 34rem;
        margin: 0;
        color: rgba(255,255,255,.76);
        font-size: clamp(.85rem, 1.15vw, 1.08rem);
        line-height: 1.5;
      }
      .audion-product-tile__cta {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        margin-top: 1.2rem;
        color: #fff;
        font-size: .92rem;
        font-weight: 700;
      }
      .audion-product-tile__cta i { font-size: 1.2rem; transition: transform .22s ease; }
      .audion-product-tile:hover .audion-product-tile__cta i { transform: translateX(.28rem); }
      .audion-product-tile__tracks {
        position: absolute;
        top: 16%;
        right: 8%;
        display: flex;
        align-items: center;
        gap: .36rem;
        height: 38%;
        opacity: .7;
      }
      .audion-product-tile__tracks i {
        display: block;
        width: clamp(.28rem, .55vw, .55rem);
        border-radius: 99rem;
        background: linear-gradient(180deg, #b6ffe7, #20a891);
        box-shadow: 0 0 1.3rem rgba(103,255,212,.45);
      }
      .audion-product-tile__tracks i:nth-child(1) { height: 34%; }
      .audion-product-tile__tracks i:nth-child(2) { height: 72%; }
      .audion-product-tile__tracks i:nth-child(3) { height: 49%; }
      .audion-product-tile__tracks i:nth-child(4) { height: 94%; }
      .audion-product-tile__tracks i:nth-child(5) { height: 61%; }
      .audion-product-tile__tracks i:nth-child(6) { height: 78%; }
      .audion-shop-promo {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: clamp(1rem, 2.5vw, 2.5rem);
        margin: clamp(.75rem, 1.5vw, 1.35rem) 0 0;
        padding: clamp(1.1rem, 2.2vw, 1.8rem) clamp(1.2rem, 3vw, 2.8rem);
        border: 1px solid rgba(117, 223, 211, .23);
        border-radius: clamp(1rem, 1.6vw, 1.4rem);
        background: linear-gradient(104deg, rgba(13, 39, 43, .94), rgba(12, 17, 32, .96) 58%, rgba(34, 24, 63, .9));
        box-shadow: 0 1.4rem 3.8rem rgba(0,0,0,.24);
        color: #fff;
        text-decoration: none;
        transition: border-color .24s ease, transform .24s ease, box-shadow .24s ease;
      }
      .audion-shop-promo:hover {
        transform: translateY(-.18rem);
        border-color: rgba(117, 223, 211, .58);
        box-shadow: 0 1.8rem 4.5rem rgba(0,0,0,.34), 0 0 2.4rem rgba(72, 221, 209, .08);
        color: #fff;
      }
      .audion-shop-promo:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
      .audion-shop-promo__icon {
        display: grid;
        width: clamp(3rem, 4.6vw, 4rem);
        height: clamp(3rem, 4.6vw, 4rem);
        place-items: center;
        border: 1px solid rgba(116, 232, 218, .42);
        border-radius: 1rem;
        background: rgba(86, 219, 204, .1);
        color: #8bf3e5;
        font-size: clamp(1.4rem, 2.1vw, 2rem);
      }
      .audion-shop-promo__eyebrow {
        display: block;
        margin-bottom: .28rem;
        color: #83e9dc;
        font-size: .72rem;
        font-weight: 700;
        letter-spacing: .13em;
        text-transform: uppercase;
      }
      .audion-shop-promo h2 {
        margin: 0;
        color: #fff;
        font-size: clamp(1.05rem, 1.65vw, 1.45rem);
        font-weight: 700;
        letter-spacing: -.025em;
      }
      .audion-shop-promo p {
        margin: .32rem 0 0;
        color: rgba(237, 246, 248, .74);
        font-size: clamp(.8rem, 1vw, .94rem);
      }
      .audion-shop-promo__cta {
        display: inline-flex;
        align-items: center;
        gap: .42rem;
        color: #fff;
        font-size: .9rem;
        font-weight: 700;
        white-space: nowrap;
      }
      .audion-shop-promo__cta i { font-size: 1.2rem; transition: transform .2s ease; }
      .audion-shop-promo:hover .audion-shop-promo__cta i { transform: translateX(.24rem); }
      @media (max-width: 767.98px) {
        #audion-product-grid { padding: .75rem; }
        .audion-product-grid__heading {
          position: static;
          min-height: 2.1rem;
          margin: 0 .1rem .6rem;
        }
        .audion-product-grid__tiles { grid-template-columns: 1fr; grid-template-rows: none; height: auto; }
        .audion-product-tile { min-height: 29rem; }
        .audion-product-tile__title { max-width: 13ch; }
        .audion-shop-promo { grid-template-columns: auto minmax(0, 1fr); }
        .audion-shop-promo__cta { grid-column: 2; }
      }

#audion-upcoming-gigs { padding: clamp(1.5rem, 3.8vw, 4rem) 0 clamp(2.25rem, 4.8vw, 5rem); }
.audion-upcoming-gigs__panel {
  overflow: hidden;
  border: 1px solid rgba(119, 220, 208, .18);
  border-radius: 1.35rem;
  background: linear-gradient(122deg, rgba(9, 22, 35, .95), rgba(13, 17, 37, .95) 56%, rgba(35, 20, 67, .83));
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .22);
}
.audion-upcoming-gigs__header { padding: clamp(1.35rem, 3.1vw, 2.7rem) clamp(1.15rem, 3.4vw, 3.2rem) 1.1rem; }
.audion-upcoming-gigs__eyebrow,
.audion-upcoming-gigs__eyebrow:hover {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: 0 0 .45rem;
  color: #76e5d8;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-decoration: none;
  text-transform: uppercase;
}
.audion-upcoming-gigs__eyebrow i { font-size: 1rem; }
.audion-upcoming-gigs__header h2 { margin: 0; color: #fff; font-size: clamp(1.55rem, 2.55vw, 2.45rem); letter-spacing: -.04em; }
.audion-upcoming-gigs__header p { margin: .48rem 0 0; color: rgba(231, 242, 244, .66); font-size: .95rem; }
.audion-upcoming-gigs__table { margin: 0; color: #e9eef5; }
.audion-upcoming-gigs__table > :not(caption) > * > * { padding: 1rem clamp(.7rem, 1.5vw, 1.35rem); border-bottom-color: rgba(255,255,255,.1); vertical-align: middle; }
.audion-upcoming-gigs__table thead th { color: rgba(231, 242, 244, .55); font-size: .71rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.audion-upcoming-gigs__table tbody tr:last-child > * { border-bottom: 0; }
.audion-upcoming-gigs__row--public { cursor: pointer; transition: background-color .18s ease; }
.audion-upcoming-gigs__row--public:hover > * { background: rgba(126, 91, 255, .12); }
.audion-upcoming-gigs__row--public:focus { outline: 2px solid #7c5cff; outline-offset: -3px; }
.audion-upcoming-gigs__date { color: rgba(235, 241, 248, .72); font-variant-numeric: tabular-nums; white-space: nowrap; }
.audion-gig-entity { display: flex; align-items: center; gap: .65rem; min-width: 10rem; }
.audion-gig-entity--artist { color: inherit; text-decoration: none; }
.audion-gig-entity--artist:hover .audion-gig-entity__name,
.audion-gig-entity--artist:focus-visible .audion-gig-entity__name { color: #76e5d8; text-decoration: underline; text-underline-offset: .2em; }
.audion-gig-entity--artist:focus-visible { outline: 2px solid #76e5d8; outline-offset: 4px; border-radius: .4rem; }
.audion-gig-entity__avatar {
  display: grid;
  flex: 0 0 2.3rem;
  width: 2.3rem;
  height: 2.3rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(134, 230, 218, .28);
  border-radius: 50%;
  background: rgba(110, 225, 211, .1);
  color: #87eee2;
}
.audion-gig-entity__avatar img { width: 100%; height: 100%; object-fit: cover; }
.audion-gig-entity__avatar i { font-size: 1.05rem; }
.audion-gig-entity__name { color: #fff; font-weight: 700; line-height: 1.25; }
.audion-gig-weather-reservation {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
  margin-top: .3rem;
  margin-left: .6rem;
  padding: .18rem .52rem;
  border: 1px solid rgba(255, 191, 91, .46);
  border-radius: 999px;
  background: rgba(125, 75, 17, .28);
  color: #ffd18a;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .025em;
  line-height: 1.2;
  white-space: nowrap;
}
.audion-gig-weather-reservation i { font-size: .82rem; }
.audion-gig-entity__detail { display: block; margin-top: .14rem; color: rgba(231, 242, 244, .6); font-size: .78rem; line-height: 1.25; }
.audion-gig-private { color: rgba(231, 242, 244, .85); }
  .audion-upcoming-gigs__empty { padding: 1.4rem clamp(1.15rem, 3.4vw, 3.2rem) 2.2rem; color: rgba(231, 242, 244, .66); }
  @media (max-width: 575.98px) {
    .audion-upcoming-gigs__table > :not(caption) > * > * { padding: .86rem .8rem; }
    .audion-gig-entity { min-width: 0; }
    .audion-gig-entity__avatar { flex-basis: 2rem; width: 2rem; height: 2rem; }
  }

.audion-carousel { min-width: 0; }
.audion-carousel__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  gap: 24px;
  position: relative;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #6960db transparent;
}
.audion-carousel__item { min-width: 0; scroll-snap-align: start; }
.audion-carousel__position { margin: 1rem 0; text-align: center; color: #bdc8d6; font-size: .85rem; }
@media (min-width: 500px) { .audion-carousel__track { grid-auto-columns: calc((100% - 24px) / 2); } }
@media (min-width: 1000px) { .audion-carousel__track { grid-auto-columns: calc((100% - 48px) / 3); } }
.audion-digital-releases .audion-carousel__item { height: auto; }
.audion-digital-releases .card-portfolio {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}
.audion-digital-releases .card-portfolio .card-img {
  width: 100%;
  height: 100%;
}
.audion-digital-releases .card-portfolio .card-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.audion-release-modal__summary {
  display: grid;
  grid-template-columns: minmax(11rem, 16rem) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(140, 161, 187, .2);
  border-radius: 1rem;
  background: rgba(6, 12, 23, .42);
}
.audion-release-modal__cover {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.audion-release-modal__details { padding: clamp(1.25rem, 3vw, 2.25rem); }
.audion-release-modal__eyebrow {
  display: block;
  margin-bottom: .45rem;
  color: #76e5d8;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.audion-release-modal__title { margin: 0; color: #fff; font-size: clamp(1.55rem, 3vw, 2.35rem); letter-spacing: -.04em; }
.audion-release-modal__meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1.5rem; margin: 1.35rem 0 0; }
.audion-release-modal__meta div { min-width: 0; }
.audion-release-modal__meta dt { color: rgba(224, 235, 242, .52); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.audion-release-modal__meta dd { margin: .18rem 0 0; color: #f6f8fb; font-size: .98rem; font-weight: 600; }
.audion-release-modal__description { margin: 1.25rem 0 0; color: rgba(228, 237, 243, .76); line-height: 1.6; }
.audion-release-modal__tracks { margin-top: 1rem; padding: clamp(1.15rem, 2.6vw, 1.75rem); border: 1px solid rgba(140, 161, 187, .18); border-radius: 1rem; background: rgba(8, 13, 24, .34); }
.audion-release-modal__tracks h3 { margin: 0 0 .8rem; color: #fff; font-size: 1.05rem; }
.audion-release-modal__tracks ol { margin: 0; padding-left: 1.75rem; color: rgba(233, 241, 245, .86); }
.audion-release-modal__tracks li { padding: .42rem 0 .42rem .2rem; border-bottom: 1px solid rgba(255,255,255,.07); }
.audion-release-modal__tracks li:last-child { border-bottom: 0; }
.audion-release-modal__empty { margin: 0; color: rgba(228, 237, 243, .6); }
.audion-release-modal__player { margin-top: 1rem; }
@media (max-width: 575.98px) {
  .audion-release-modal__summary { grid-template-columns: 1fr; }
  .audion-release-modal__cover { max-height: 20rem; }
  .audion-release-modal__meta { grid-template-columns: 1fr; }
}

/* Clear routes from the introduction to apps, services and contact details. */
.audion-hero-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem;margin:1.7rem 0 1.25rem;}
.audion-hero-actions .btn {display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.1rem;}
.audion-hero-services {display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem 1.15rem;max-width:51rem;margin:0 auto;}
.audion-hero-services a {color:#c4d0df;font-size:.94rem;text-decoration:underline;text-underline-offset:.23em;line-height:1.7;}
.audion-hero-services a:hover {color:#83eadf;}
.audion-mastering-contact {display:flex;align-items:center;justify-content:center;gap:1.2rem;max-width:37rem;margin:1.6rem auto 0;padding:1rem 1.2rem;border:1px solid #334d53;border-radius:1rem;background:#0d1a20;text-align:left;}
.audion-mastering-contact img {width:8rem;height:auto;flex-shrink:0;}
.audion-mastering-contact p {margin:0 0 .35rem;color:#c9d9e0;font-size:.85rem;line-height:1.6;}
.audion-mastering-contact a {color:#83eadf;font-size:.98rem;font-weight:700;text-underline-offset:.2em;}
.audion-hero-contact {display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.3rem;margin-top:1.2rem;color:#bac8d5;font-size:.95rem;}
.audion-hero-contact a {color:#e6eef6;}
.audion-product-grid__intro {margin:0 .4rem 1.3rem;color:#c7d2e2;font-size:1rem;}
.audion-product-tile__copy {color:#e1e8f0;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.6;}
.audion-product-tile::after {background:linear-gradient(180deg,rgba(3,6,13,.1),rgba(3,6,13,.6) 35%,rgba(3,6,13,.98));}
.audion-product-tile--kajo::after,.audion-product-tile--kero::after {background:linear-gradient(100deg,rgba(3,7,14,.94),rgba(3,7,14,.78) 62%,rgba(3,7,14,.48));}
.audion-product-tile--kaira {background:#061017;}
.audion-product-tile--kaira::before {background-position:center bottom;clip-path:inset(22% 0 0);}
.audion-artist-card__visual {position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#101c2d;}
.audion-artist-card__fallback {position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;color:#c8f7ef;background:radial-gradient(ellipse at 25% 10%,#244557,transparent 70%),#121b30;font-size:1.1rem;font-weight:600;text-align:center;}
.audion-artist-card__fallback i {font-size:2.6rem;}
.audion-artist-card__image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.audion-artist-card__image[hidden] {display:none;}
.audion-footer-contact {display:flex;flex-direction:column;gap:.45rem;font-style:normal;}
.audion-footer-contact a {font-size:1rem;color:#e0ebf5;}
.audion-service-hero {max-width:52rem;padding-block:clamp(3rem,7vw,6rem);}
.audion-service-hero h1 {font-size:clamp(2.3rem,5vw,4rem);line-height:1.1;letter-spacing:-.04em;}
.audion-service-hero .lead {color:#c7d4e2;line-height:1.75;}
.audion-service-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;padding-bottom:4rem;}
.audion-service-card {scroll-margin-top:7rem;display:flex;flex-direction:column;gap:.9rem;padding:clamp(1.4rem,3vw,2.25rem);border:1px solid #293c4c;border-radius:1.2rem;background:linear-gradient(135deg,#101d2c,#111426);}
.audion-service-card h2 {font-size:1.45rem;margin:0;color:#fff;}
.audion-service-card p {color:#ced9e5;line-height:1.75;margin:0;}
.audion-service-card a {align-self:flex-start;margin-top:auto;color:#83eadf;font-weight:600;}
.audion-service-contact {scroll-margin-top:7rem;padding:2rem;margin-bottom:4rem;border:1px solid #35515a;border-radius:1.2rem;background:#0c1c25;}
.audion-service-contact h2 {font-size:1.6rem;}
@media(max-width:767.98px) {
 .audion-service-grid {grid-template-columns:1fr;}
 .audion-home-hero,.audion-home-hero>.min-vh-100 {min-height:auto!important;}
 .audion-home-hero>.min-vh-100 {padding-block:2rem!important;}
 .audion-home-hero .audion-hero-intro {margin-top:2.3rem;}
 .audion-mastering-contact {gap:.8rem;padding:.85rem;}
 .audion-mastering-contact img {width:6rem;}
 .audion-mastering-contact p {font-size:.8rem;}
 .audion-mastering-contact a {font-size:.9rem;}
 .audion-hero-actions .btn {flex:1 1 13rem;}
 .audion-hero-services {gap:.45rem .9rem;}
}
