/* KLEIN (UK) — AFTER DARK. FINAL DESIGN LAYER / NOV 2026
   Monochrome UI. Official cover artwork retains its original colour. Motion uses transforms only.
   This shared layer takes precedence over the retained legacy page templates. */
:root{--kblack:#050505;--kpanel:#0d0d0d;--kwhite:#fff;--kgrey:#aaa;--krule:#343434;--kmove:cubic-bezier(.22,1,.36,1)}
html{background:#050505;color-scheme:dark;overflow-x:clip;scroll-behavior:smooth}
body{background:#050505!important;color:#fff!important;overflow-x:clip}
body,body main,body footer{font-synthesis:none}
body :is(a,button,input,textarea,select):focus-visible{outline:2px solid #fff!important;outline-offset:4px!important}
body a,body button{-webkit-tap-highlight-color:transparent}
/* Consistent, compact black navigation across all twenty-five static pages. */
body .site-header{background:rgba(0,0,0,.94)!important;border-bottom:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important;min-height:72px;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body .site-header.is-scrolled,body .site-header.menu-active{background:#030303!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body .site-header .desktop-nav a{color:#fff!important;opacity:.8;transition:opacity .25s}
body .site-header .desktop-nav a:hover,body .site-header .desktop-nav a[aria-current=true]{opacity:1}
body .site-header .header-cta{background:#fff!important;color:#050505!important;border-color:#fff!important;-webkit-text-fill-color:#050505!important;min-height:44px;display:inline-flex;align-items:center}
body .site-header .header-cta:hover{background:#cfcfcf!important;color:#050505!important}
body .site-header .menu-toggle{border:1px solid rgba(255,255,255,.3)!important;min-width:48px;min-height:46px;background:#080808!important;color:#fff!important}
body .mobile-menu{background:#030303!important;z-index:90!important;overflow-y:auto;overscroll-behavior:contain;max-height:100dvh;scrollbar-width:thin}
body .mobile-menu a,body .mobile-menu button{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Restrained controls instead of emoji arrows or mixed filled styles. */
body :is(.button,.k4 .k4-btn,.km-cta,.wm-button,.k4 .k4-tlink,.k4 .k4-inline,.section-header-link){transition:background-color .22s,color .22s,border-color .22s,transform .32s var(--kmove),opacity .2s}
body :is(.button,.k4 .k4-btn,.wm-button):hover{transform:translateY(-2px)}
body .k4 a.k4-btn-white,body .k4 .k4-btn-white{background:#fff!important;color:#000!important;-webkit-text-fill-color:#000!important;border-color:#fff!important}
body .k4 a.k4-btn-white:hover,body .k4 a.k4-btn-white:focus-visible{background:#d5d5d5!important;color:#000!important;-webkit-text-fill-color:#000!important}
/* Home hero: a new 9-second original monochrome film, true white mark, no colour leaks. */
body.klein-experience .km-hero{background:#020202!important;min-height:92svh!important;height:92svh!important;max-height:none!important}
body.klein-experience .km-hero .brand-hero__media{background:#111 url('/assets/video/klein-after-dark-poster.webp') center 43%/cover no-repeat!important;transform:scale(calc(1.015 + var(--km-hero-progress,0)*.06))!important;filter:none!important}
body.klein-experience .km-hero .brand-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.82) 100%);pointer-events:none}
body.klein-experience .km-hero .brand-hero__media video{width:100%;height:100%;object-fit:cover;opacity:.7;filter:grayscale(1) contrast(1.1) brightness(.85);pointer-events:none}
body.klein-experience .km-hero .brand-hero__film-overlay{opacity:.11!important;background:#000!important;pointer-events:none}
body.klein-experience .km-hero .brand-hero__brand{z-index:4!important;padding-top:clamp(7rem,16vh,11rem)!important;padding-bottom:clamp(10rem,19vh,14rem)!important}
body.klein-experience .km-hero .hero-vector-logo{width:min(46vw,620px)!important;max-height:55svh!important;max-width:88vw!important;filter:drop-shadow(0 4px 26px rgba(0,0,0,.5))}
body.klein-experience .km-hero .brand-hero__meta{z-index:6!important;bottom:clamp(44px,8vh,80px)!important;gap:18px!important}
body.klein-experience .km-hero .brand-hero__entity{color:#fff!important;letter-spacing:.14em;font-size:11px!important;max-width:520px;line-height:1.7!important;text-shadow:0 1px 20px #000}
body.klein-experience .km-hero .brand-hero__actions .button{font-size:11px!important;min-height:48px!important;padding:14px 22px!important;letter-spacing:.07em!important}
body.klein-experience .km-hero .brand-hero__actions .button--solid{background:#fff!important;color:#050505!important;-webkit-text-fill-color:#050505!important;border:1px solid #fff!important}
body.klein-experience .km-hero .brand-hero__actions .button:not(.button--solid){background:rgba(0,0,0,.3)!important;color:#fff!important;border:1px solid #fff!important}
body.klein-experience .km-hero .brand-hero__actions .button:not(.button--solid):hover{background:#fff!important;color:#000!important}
body.klein-experience .km-hero .km-scroll-cue{font-size:10px!important;opacity:.86}
/* The kinetic interlude stays dark. Large text is retained but never sent off-canvas. */
body.klein-experience .km-overture{background:#080808!important;color:#fff!important;min-height:62svh!important;padding:24px 0!important}
body.klein-experience .km-overture__top,body.klein-experience .km-overture__foot,body.klein-experience .km-overture__top span,body.klein-experience .km-overture__foot span{color:#ddd!important;-webkit-text-fill-color:#ddd!important;font-size:10px!important}
body.klein-experience .km-overture__stage{margin:3.5vh 0!important;min-height:40vh!important;padding:3vh 0!important;border-color:rgba(255,255,255,.18)!important}
body.klein-experience .km-overture__line{min-height:12vh!important;border-color:rgba(255,255,255,.16)!important;overflow:hidden}
body.klein-experience .km-overture__line span{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(60px,11.2vw,154px)!important;letter-spacing:-.048em!important;line-height:.99!important;text-wrap:nowrap}
body.klein-experience .km-overture__line--b span{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.5px rgba(255,255,255,.85)!important}
body.klein-experience .km-overture__foot{border-color:rgba(255,255,255,.22)!important}
/* Latest record: original full artwork, typography beside (never on) the cover. */
body.klein-experience .km-spotlight{background:#0a0a0a!important;color:#fff!important;padding:clamp(72px,8vw,112px) clamp(22px,5vw,80px)!important}
body.klein-experience .km-spotlight__intro{color:#ddd!important;border-color:rgba(255,255,255,.18)!important}
body.klein-experience .km-spotlight__layout{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;gap:clamp(32px,5vw,88px)!important}
body.klein-experience .km-spotlight__art{padding:9% 8% 5% 0!important}
body.klein-experience .km-spotlight__art>img{width:88%!important;aspect-ratio:1!important;object-fit:cover!important}
body.klein-experience .km-spotlight__art:after{display:none!important}
body.klein-experience .km-spotlight__copy{padding:22px 0!important}
body.klein-experience .km-spotlight__number{font-size:12px!important;letter-spacing:.17em!important;font-family:Lato,Arial,sans-serif!important;color:#ddd!important}
body.klein-experience .km-spotlight__copy h2{font-size:clamp(64px,8.5vw,142px)!important;line-height:.85!important;margin:30px 0 42px!important;letter-spacing:-.055em!important;white-space:normal!important;overflow-wrap:normal!important;max-width:100%!important}
body.klein-experience .km-spotlight__copy h2 span,body.klein-experience .km-spotlight__copy h2 em{display:block}
body.klein-experience .km-spotlight__copy h2 em{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.5px #fff!important;font-style:normal!important}
body.klein-experience .km-spotlight__bottom p{color:#d5d5d5!important;letter-spacing:.08em!important;font-size:12px!important}
body.klein-experience .km-cta{background:#fff!important;color:#050505!important;-webkit-text-fill-color:#050505!important;padding:18px 26px!important;min-height:52px!important;justify-content:center!important;gap:0!important;font-size:11px!important;letter-spacing:.1em!important}
body.klein-experience .km-cta:hover{background:#d1d1d1!important;color:#000!important;-webkit-text-fill-color:#000!important}
/* Music: strong grid with uncluttered covers, consistent links beneath each piece. */
body.klein-experience .k4 .k4-music{background:#050505!important;padding:clamp(72px,7vw,112px) 0!important}
body.klein-experience .k4 .k4-section-head h2{font-size:clamp(54px,7vw,100px)!important;line-height:.93!important;margin:0 0 16px!important;letter-spacing:-.047em!important}
body.klein-experience .k4 .k4-section-head .k4-lead{max-width:610px!important;color:#bcbcbc!important;font-size:15px!important;line-height:1.6!important}
body.klein-experience .k4 .km-release-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(40px,4vw,60px) clamp(20px,2.4vw,36px)!important}
body.klein-experience .k4 .km-release-art{border:0!important;background:#111!important;overflow:hidden!important;aspect-ratio:1!important;margin:0 0 17px!important;box-shadow:none!important}
body.klein-experience .k4 .km-release-art::before,body.klein-experience .k4 .km-release-art::after,body.klein-experience .k4 .km-release-counter,body.klein-experience .k4 .km-release-corner{content:none!important;display:none!important}
body.klein-experience .k4 .km-release-art img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;aspect-ratio:1!important;transition:transform .7s var(--kmove)!important}
@media(hover:hover){body.klein-experience .k4 .km-release:hover img{transform:scale(1.035)!important}}
body.klein-experience .k4 .km-release-meta{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:9px!important;margin:0 0 10px!important}
body.klein-experience .k4 .km-release-meta span{color:#c9c9c9!important;font-size:10px!important;letter-spacing:.08em!important}
body.klein-experience .k4 .km-release h3{font-size:clamp(25px,2.55vw,36px)!important;line-height:1.0!important;margin:0 0 16px!important;min-height:0!important;letter-spacing:-.025em!important}
body.klein-experience .k4 .km-release-links{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px 19px!important;margin:0!important;padding:0!important;min-height:0!important}
body.klein-experience .k4 .km-release-links .k4-tlink,body.klein-experience .k4 .km-release-links .k4-no-link{font-size:11px!important;letter-spacing:.045em!important;line-height:1.4!important;white-space:normal!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-bottom:1px solid rgba(255,255,255,.45)!important;padding:7px 0!important;min-height:36px!important}
body.klein-experience .k4 .km-release-links .k4-tlink:hover{background:transparent!important;color:#c0c0c0!important;-webkit-text-fill-color:#c0c0c0!important;border-color:#fff!important}
body.klein-experience .k4 .km-release .k4-no-link{opacity:.75;border:0!important}
body.klein-experience .k4 .km-release-type{color:#b5b5b5!important;font-size:11px!important;letter-spacing:.03em!important}
body.klein-experience .km-view-all{margin:44px 0 0!important;padding-top:24px!important;border-top:1px solid rgba(255,255,255,.2)!important}
body.klein-experience .km-view-all a{font:700 12px/1.4 Lato,Arial,sans-serif!important;letter-spacing:.09em!important;text-transform:uppercase;color:#fff!important;border-bottom:1px solid #fff;padding-bottom:7px!important}
/* Music discography: one featured first, then evenly sized release cards. */
body.klein-experience--music .k4 .km-release--lead{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)!important;gap:18px clamp(32px,6vw,92px)!important;padding-bottom:clamp(55px,7vw,94px)!important;border-bottom:1px solid rgba(255,255,255,.22)!important}
body.klein-experience--music .k4 .km-release--lead>.km-release-art{max-width:540px!important;grid-row:1/4!important;grid-column:1!important;margin:0!important}
body.klein-experience--music .k4 .km-release--lead>.km-release-meta{grid-row:1!important;grid-column:2!important;align-self:end!important}
body.klein-experience--music .k4 .km-release--lead>h3{grid-row:2!important;grid-column:2!important;font-size:clamp(52px,7.1vw,104px)!important;line-height:.93!important;margin:0!important}
body.klein-experience--music .k4 .km-release--lead>.km-release-links{grid-row:3!important;grid-column:2!important}
body.klein-experience--music .km-music-pagehead{padding:clamp(150px,13vw,210px) 0 clamp(45px,6vw,70px)!important}
body.klein-experience--music .km-music-pagehead h1{font-size:clamp(92px,13.2vw,180px)!important;line-height:.9!important;margin:0 0 22px!important}
/* Functional release filters: progressive enhancement; no JS means all items stay visible. */
body .km-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 32px!important;padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.22)}
body .km-filter{min-height:43px;border:1px solid #4a4a4a;background:transparent;color:#ddd;font:700 10px/1.3 Lato,Arial,sans-serif;letter-spacing:.07em;padding:11px 15px;cursor:pointer;transition:background .2s,color .2s,border .2s}
body .km-filter[aria-pressed=true],body .km-filter:hover{background:#fff;color:#000;border-color:#fff}
body .km-release[hidden]{display:none!important}
/* Other pages / artist photography: monochrome, text remains legible and photos never tinted. */
body.v7-about main img:not([src*='/brand/']),body.v7-gallery main img:not([src*='/brand/']),body.v7-book-now main img:not([src*='/brand/']),body.booking-page main img:not([src*='/brand/']),body.klein-experience .k4-about-home>img,body.klein-experience .km-gallery img{filter:grayscale(1) contrast(1.06)!important}
body.v7-gallery main img:hover,body.klein-experience .km-gallery img:hover{filter:grayscale(.2) contrast(1.04)!important}
body .artist-page .page-hero,body .booking-page .booking-hero{background:#050505!important;color:#fff!important}
body .page-content,body .booking-content,body .legal-body{background:#050505!important}
body .site-footer{background:#030303!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
body .site-footer .footer-social svg{fill:currentColor}
body .site-footer a,body .site-footer button{transition:opacity .2s ease;color:#fff}
body .site-footer a:hover,body .site-footer button:hover{opacity:.72}
/* Booking bands stay monochrome. This also corrects white text on a white CTA band. */
body.klein-experience .k4 .k4-contact{background:#0b0b0b!important;color:#fff!important;border-top:1px solid #333!important;padding:clamp(35px,4vw,58px) 0!important}
body.klein-experience .k4 .k4-contact h2,body.klein-experience .k4 .k4-contact p,body.klein-experience .k4 .k4-contact a:not(.k4-btn){color:#fff!important;-webkit-text-fill-color:#fff!important}
body.klein-experience .k4 .k4-contact .k4-btn-white{background:#fff!important;color:#000!important;-webkit-text-fill-color:#000!important;border:1px solid #fff!important;min-width:195px}
body.klein-experience .k4 .k4-contact .k4-btn-white:hover{background:#cfcfcf!important;color:#000!important;-webkit-text-fill-color:#000!important}
body.klein-experience .km-gallery,body.klein-experience .km-gallery *{color:#fff}
/* Low-cost movement: section enters and visual hover, respecting reduced-motion preferences. */
@media(prefers-reduced-motion:no-preference){
 body.km-motion-enabled .km-enter{opacity:0;transform:translate3d(0,28px,0);transition:opacity .75s ease,transform .85s var(--kmove)}
 body.km-motion-enabled .km-enter.km-inview{opacity:1;transform:none}
 body.km-motion-enabled .km-section-heading{transition:transform .65s var(--kmove)}
 body.km-motion-enabled .km-section-heading.km-inview{transform:translate3d(0,0,0)}
 body .km-view-all a:hover,body .km-text-link:hover{opacity:.7}
}
/* Tablets: two-column release cards without cramped metadata. */
@media(max-width:1000px){
 body.klein-experience .k4 .km-release-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:42px 22px!important}
 body.klein-experience .km-spotlight__layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:25px!important}
 body.klein-experience .km-spotlight__copy h2{font-size:clamp(55px,9vw,92px)!important}
 body.klein-experience--music .k4 .km-release--lead{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)!important}
}
/* Phone: purpose-built typography, compact navigation, big usable artwork and controls. */
@media(max-width:760px){
 html{overflow-x:hidden}
 body .site-header{min-height:64px!important;padding:10px 19px!important}
 body .site-header .wordmark img,body .site-header .header-brand img{width:62px!important;max-width:62px!important;height:auto!important}
 body .mobile-menu{padding:82px 22px 36px!important}
 body .mobile-menu nav>a{font-size:clamp(27px,7vw,37px)!important;line-height:1.12!important;padding:12px 0!important}
 body .mobile-menu .mobile-location-groups a,body .mobile-menu .location-group a{font-size:14px!important;line-height:1.5!important;min-height:39px!important}
 body.klein-experience .km-hero{height:88svh!important;min-height:610px!important;max-height:790px!important}
 body.klein-experience .km-hero .brand-hero__media{background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.85)),url('/assets/video/klein-after-dark-mobile.webp')!important;background-position:center 32%!important;background-size:cover!important;transform:scale(1.02)!important}
 body.klein-experience .km-hero .brand-hero__media video{display:none!important}
 body.klein-experience .km-hero .brand-hero__media:after{background:linear-gradient(180deg,rgba(0,0,0,.33),rgba(0,0,0,.12) 46%,rgba(0,0,0,.92))!important}
 body.klein-experience .km-hero .brand-hero__brand{padding:0!important;position:absolute!important;top:25%!important;left:0!important;right:0!important;width:100%!important;height:auto!important;transform:none!important;display:flex;justify-content:center;align-items:center}
 body.klein-experience .km-hero .hero-vector-logo{width:min(62vw,280px)!important;max-height:40svh!important;filter:drop-shadow(0 4px 32px #000)}
 body.klein-experience .km-hero .km-hero-topline{top:100px!important;left:21px!important;right:21px!important}
 body.klein-experience .km-hero .brand-hero__meta{left:21px!important;right:21px!important;bottom:53px!important;gap:13px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}
 body.klein-experience .km-hero .brand-hero__entity{font-size:10px!important;line-height:1.6!important;letter-spacing:.07em!important;max-width:290px!important;white-space:normal!important;margin:0 0 12px!important}
 body.klein-experience .km-hero .brand-hero__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important}
 body.klein-experience .km-hero .brand-hero__actions .button{font-size:10px!important;letter-spacing:.045em!important;min-height:47px!important;padding:13px 8px!important;width:100%!important}
 body.klein-experience .km-scroll-cue{display:none!important}
 body.klein-experience .km-overture{min-height:0!important;padding:22px 0 24px!important}
 body.klein-experience .km-overture__top,body.klein-experience .km-overture__foot{padding:0 21px!important;font-size:9px!important;gap:10px!important}
 body.klein-experience .km-overture__stage{margin:27px 0 23px!important;padding:12px 0!important;min-height:0!important}
 body.klein-experience .km-overture__line{min-height:72px!important;justify-content:center!important;padding:0 16px!important}
 body.klein-experience .km-overture__line span{font-size:clamp(44px,12.1vw,67px)!important;white-space:nowrap!important;max-width:100%!important;transform:none!important}
 body.klein-experience .km-overture__foot span:last-child{display:none!important}
 body.klein-experience .km-spotlight{padding:54px 21px 74px!important}
 body.klein-experience .km-spotlight__intro{padding-bottom:15px!important;gap:12px!important}
 body.klein-experience .km-spotlight__intro span{font-size:9px!important}
 body.klein-experience .km-spotlight__layout{display:flex!important;flex-direction:column!important;gap:10px!important}
 body.klein-experience .km-spotlight__art{width:100%!important;max-width:480px!important;padding:30px 22px 4px 0!important;align-self:center!important;transform:none!important}
 body.klein-experience .km-spotlight__art:before{width:58%!important;right:3%!important;top:15%!important;opacity:.7!important}
 body.klein-experience .km-spotlight__art>img{width:88%!important}
 body.klein-experience .km-spotlight__copy{width:100%!important;padding:10px 0 0!important}
 body.klein-experience .km-spotlight__number{font-size:10px!important;margin:0!important;padding-top:17px!important}
 body.klein-experience .km-spotlight__copy h2{font-size:clamp(66px,16.8vw,96px)!important;line-height:.84!important;margin:28px 0!important;max-width:100%!important}
 body.klein-experience .km-spotlight__bottom{gap:19px!important}
 body.klein-experience .km-spotlight__bottom p{font-size:11px!important;line-height:1.6!important}
 body.klein-experience .km-cta{display:flex!important;width:100%!important;font-size:11px!important;min-height:50px!important}
 body.klein-experience .k4 .k4-music{padding:62px 0!important}
 body.klein-experience .k4 .k4-container{width:calc(100% - 42px)!important}
 body.klein-experience .k4 .k4-section-head{margin-bottom:26px!important;display:block!important}
 body.klein-experience .k4 .k4-section-head h2{font-size:clamp(49px,12vw,78px)!important;margin:0 0 17px!important;line-height:.92!important}
 body.klein-experience .k4 .km-section-intro{align-items:center!important;gap:9px!important;padding:14px 0 20px!important}
 body.klein-experience .km-section-intro :is(span,a){font-size:9px!important;letter-spacing:.07em!important}
 body.klein-experience .k4 .km-release-grid{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
 body.klein-experience .k4 .km-release-art{margin-bottom:15px!important}
 body.klein-experience .k4 .km-release h3{font-size:clamp(30px,8vw,44px)!important;line-height:1.0!important;margin-bottom:12px!important}
 body.klein-experience .k4 .km-release-meta{margin-bottom:7px!important;gap:6px 16px!important}
 body.klein-experience .k4 .km-release-meta span{font-size:10px!important;line-height:1.6!important;letter-spacing:.055em!important}
 body.klein-experience .k4 .km-release-links{gap:7px 17px!important}
 body.klein-experience .k4 .km-release-links .k4-tlink{font-size:11px!important;min-height:41px!important;padding:10px 0!important}
 body.klein-experience .km-view-all{margin-top:33px!important}
 body.klein-experience--music .km-music-pagehead{padding:125px 0 35px!important}
 body.klein-experience--music .km-music-pagehead h1{font-size:clamp(76px,20vw,118px)!important;line-height:.87!important;margin-bottom:17px!important}
 body.klein-experience--music .k4 .km-release--lead{grid-column:1/-1!important;display:flex!important;flex-direction:column!important;padding-bottom:40px!important;gap:0!important}
 body.klein-experience--music .k4 .km-release--lead>.km-release-art{width:100%!important;max-width:none!important;margin:0 0 14px!important}
 body.klein-experience--music .k4 .km-release--lead>h3{font-size:clamp(38px,10vw,58px)!important;margin:5px 0 14px!important}
 body .km-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:26px!important;padding-bottom:19px}
 body .km-filter{min-height:45px!important;padding:11px 9px;font-size:10px!important;text-align:center}
 body.klein-experience .k4 .k4-contact{padding:35px 0!important}
 body.klein-experience .k4 .k4-contact-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:19px!important}
 body.klein-experience .k4 .k4-contact h2{font-size:clamp(30px,9vw,44px)!important;line-height:1!important}
 body.klein-experience .k4 .k4-contact .k4-btn-white{width:100%!important}
 body .artist-page .page-hero h1,body .booking-page .booking-hero h1{overflow-wrap:break-word!important;line-height:.95!important;max-width:100%}
 body.v7-about .profile-grid,body.v7-book-now .wm-booking-intro,body .k4 .k4-profile{gap:24px!important}
 body .site-footer .footer-top{gap:22px!important}
 body .site-footer .footer-navs{gap:24px 17px!important}
}
@media(max-width:350px){body.klein-experience .km-spotlight__copy h2{font-size:16vw!important}body.klein-experience .km-overture__line span{font-size:11.4vw!important}body.klein-experience .k4 .k4-container{width:calc(100% - 32px)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body.klein-experience .km-hero .brand-hero__media,body.klein-experience .km-hero .brand-hero__brand{transform:none!important}body .km-enter{opacity:1!important;transform:none!important;transition:none!important}body .km-spotlight__art:before{animation:none!important}}
/* QA correction: the earlier Music template had a cream page head. Keep this site black. */
body.klein-experience--music main.k4 section.km-music-pagehead{background:#050505!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.18)!important}
body.klein-experience--music main.k4 .km-music-pagehead h1,body.klein-experience--music main.k4 .km-music-pagehead p{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.klein-experience--music main.k4 .km-music-pagehead p{color:#bcbcbc!important;-webkit-text-fill-color:#bcbcbc!important}


/* LAUNCH PASS / mobile navigation and one consistent spotlight heading */
@media(max-width:900px){
 body .site-header{position:fixed!important;inset:0 0 auto!important;z-index:210!important;background:#020202!important;min-height:66px!important}
 body .site-header .menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:80px!important;height:42px!important;min-height:42px!important;padding:0 10px!important;font:700 11px/1 Lato,Arial,sans-serif!important;letter-spacing:.12em!important;border:1px solid #777!important;color:#fff!important;z-index:212!important}
 body .desktop-nav,body .site-header .header-cta{display:none!important}
 body .mobile-menu{position:fixed!important;inset:65px 0 0!important;z-index:200!important;display:none!important;overflow-y:auto!important;max-height:calc(100dvh - 65px)!important;overscroll-behavior:contain!important;padding:12px max(22px,env(safe-area-inset-left)) calc(34px + env(safe-area-inset-bottom))!important;background:#030303!important;box-shadow:none!important}
 body .mobile-menu.open{display:block!important;animation:klein-menu-in .22s ease-out both}
 body .mobile-menu nav{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;max-width:650px!important;margin:0 auto!important}
 body .mobile-menu nav > a{display:flex!important;min-height:63px!important;align-items:center!important;margin:0!important;padding:12px 3px!important;border:0!important;border-bottom:1px solid #272727!important;font:700 clamp(27px,7.5vw,38px)/1 'Roboto Condensed',Impact,'Arial Narrow',sans-serif!important;letter-spacing:-.015em!important;white-space:normal!important;color:#f7f7f7!important;background:none!important}
 body .mobile-menu nav > a[aria-current="page"]{color:#999!important}
 body .mobile-menu nav > a:last-child{min-height:52px!important;margin-top:22px!important;padding:12px 18px!important;background:#fff!important;color:#000!important;-webkit-text-fill-color:#000!important;border:1px solid #fff!important;font:700 12px/1.4 Lato,Arial,sans-serif!important;letter-spacing:.12em!important;justify-content:center!important}
 body .mobile-locations{margin:0!important;border-bottom:1px solid #272727!important;padding:0!important;display:block!important;flex:0 0 auto!important}
 body .mobile-locations summary{display:flex!important;min-height:63px!important;align-items:center!important;justify-content:space-between!important;padding:12px 3px!important;cursor:pointer!important;list-style:none!important;font:700 clamp(27px,7.5vw,38px)/1 'Roboto Condensed',Impact,'Arial Narrow',sans-serif!important;color:#f7f7f7!important;letter-spacing:-.015em!important}
 body .mobile-locations summary::-webkit-details-marker{display:none!important}
 body .mobile-locations summary::after{content:""!important;width:15px;height:15px;flex:none;margin-right:9px;display:block;background:linear-gradient(#fff,#fff) center/100% 2px no-repeat,linear-gradient(#fff,#fff) center/2px 100% no-repeat;transition:transform .2s ease}
 body .mobile-locations[open] summary::after{transform:rotate(45deg)}
 body .mobile-location-groups{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;padding:4px 2px 22px!important;overflow:visible!important;max-height:none!important}
 body .mobile-region{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;border:0!important;padding:4px 0!important}
 body .mobile-region a{display:flex!important;align-items:center!important;min-height:38px!important;padding:7px 0!important;font:700 13px/1.4 Lato,Arial,sans-serif!important;letter-spacing:.09em!important;color:#d7d7d7!important;text-decoration:none!important;border:0!important}
 body .mobile-region a.mobile-region-link{font-size:15px!important;color:#fff!important;margin-bottom:1px!important}
 body.menu-open{overflow:hidden!important;touch-action:auto!important}
 body .mobile-menu a:focus-visible,body .mobile-menu summary:focus-visible{outline:2px solid #fff!important;outline-offset:-2px!important}
}
@keyframes klein-menu-in{from{opacity:.6;transform:translateY(-10px)}to{opacity:1;transform:none}}
/* Shared fixed site header for the privacy, legal and cookie pages. */
body.klein-legal-nav-fixed{padding-top:66px!important}
body.klein-legal-nav-fixed main{position:relative;z-index:1}
body.klein-legal-nav-fixed .site-header{top:0!important}
body.klein-legal-nav-fixed .legal-hero{margin-top:0!important}
/* Spotlight font must look like the rest of the brand. No outline, no italics. */
body.klein-experience .km-spotlight__copy h2{font-family:'Roboto Condensed',Impact,'Arial Narrow',sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:clamp(66px,7.3vw,118px)!important;line-height:.91!important;letter-spacing:-.045em!important;text-transform:uppercase!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;margin:20px 0 32px!important;max-width:100%!important}
body.klein-experience .km-spotlight__copy h2 span{display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;-webkit-text-stroke:0!important;font-style:normal!important}
body.klein-experience .km-spotlight__copy h2 span:first-child{font-size:.76em!important;letter-spacing:-.03em!important;line-height:1.02!important}
body.klein-experience .km-spotlight__copy h2 span:last-child{font-size:1.2em!important;line-height:.96!important}
body.klein-experience .km-spotlight__number{font-size:11px!important;letter-spacing:.13em!important;font-family:Lato,Arial,sans-serif!important}
body.klein-experience .km-spotlight__art::before{opacity:.35!important}
@media(max-width:760px){
 body.klein-experience .km-spotlight__copy h2{font-size:clamp(54px,13.7vw,76px)!important;line-height:.92!important;margin:18px 0 25px!important}
 body.klein-experience .km-spotlight__copy h2 span:first-child{font-size:.76em!important}
 body.klein-experience .km-spotlight__copy h2 span:last-child{font-size:1.14em!important}
 body.klein-experience .km-spotlight__copy{padding:0!important}
 body.klein-experience .km-spotlight{padding-bottom:58px!important}
}
@media(prefers-reduced-motion:reduce){body .mobile-menu.open{animation:none!important}}
/* QA corrections: opaque menu immediately; legal text never hidden by scrolling animation. */
@media(max-width:900px){
 body .mobile-menu.open{animation:none!important;opacity:1!important;transform:none!important;visibility:visible!important;background:#030303!important}
}
body.klein-legal-nav-fixed .editorial-enter,
body.klein-legal-nav-fixed .editorial-reveal,
body.klein-legal-nav-fixed .legal-clause,
body.klein-legal-nav-fixed .legal-content,
body.klein-legal-nav-fixed .legal-grid,
body.klein-legal-nav-fixed .legal-side,
body.klein-legal-nav-fixed .legal-hero,
body.klein-legal-nav-fixed .footer-top{
 opacity:1!important;transform:none!important;visibility:visible!important;
}