*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f4f4f2;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topbar{height:106px;padding:18px clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222}.logo img{width:clamp(205px,24vw,310px);height:auto;display:block;filter:invert(1)}nav{display:flex;gap:clamp(16px,2.7vw,45px)}nav a,.eyebrow,.news-meta,.music-label,footer{font-size:11px;letter-spacing:.18em;font-weight:700}nav a{color:#bbb}nav a:hover{color:#fff}.hero{position:relative;min-height:720px;display:grid;grid-template-columns:54% 46%;overflow:hidden;background:#080808}.hero-copy{padding:clamp(65px,8vw,118px) 0 90px clamp(24px,8vw,125px);position:relative;z-index:2}.eyebrow{color:#aaa}.hero h1{font-size:clamp(58px,7.2vw,112px);letter-spacing:-.07em;line-height:1;margin:34px 0 15px;font-weight:700}.subhead{font-size:clamp(17px,2vw,23px);color:#b7b7b7;margin:0 0 64px}.hero-photo{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:720px}.hero-photo img{height:100%;max-height:820px;width:auto;max-width:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);object-fit:contain;object-position:bottom;display:block}.music-box{width:min(490px,94%);border-top:1px solid #555;padding:28px 0 0}.music-label{color:#bcbcbc;display:flex;align-items:center;gap:12px}.spotify-mark{font-size:21px;color:#1ed760}.music-box h2{font-size:30px;letter-spacing:-.04em;margin:19px 0 8px}.music-box>p{font-size:15px;line-height:1.65;color:#b6b6b6}.button{margin-top:15px;display:inline-flex;gap:36px;align-items:center;background:#f2f2f0;color:#111;padding:15px 19px;font-size:11px;font-weight:800;letter-spacing:.13em}.button:hover{background:#d9d9d9}.music-box .player-note{font-size:11px;color:#888;max-width:360px;margin-top:22px}.news{border-top:1px solid #303030;padding:75px clamp(24px,8vw,125px) 105px}.news-meta{color:#aaa;display:flex;gap:25px}.news-meta span{color:#777}.news-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;margin-top:45px}.news h2{font-size:clamp(36px,4.8vw,72px);letter-spacing:-.065em;line-height:1.1;margin:0}.news h2 em{font-style:normal;color:#aaa}.news-grid p{font-size:18px;line-height:1.7;color:#c1c1c1;max-width:470px;margin:0 0 18px}.about{border-top:1px solid #303030;padding:75px clamp(24px,8vw,125px) 100px}.about>p:last-child{max-width:720px;font-size:clamp(24px,3vw,38px);line-height:1.4;letter-spacing:-.035em}.about strong{color:#fff}footer{border-top:1px solid #303030;padding:28px clamp(24px,8vw,125px);display:flex;justify-content:space-between;gap:20px;color:#aaa}footer a{color:#ddd}@media(max-width:1050px){.hero{grid-template-columns:57% 43%}.hero-copy{padding-left:40px}.hero-photo img{height:90%}.hero h1{font-size:clamp(50px,7vw,85px)}}@media(max-width:720px){.topbar{height:auto;padding:22px;display:block}.logo img{width:230px}nav{margin-top:24px;display:flex;flex-wrap:wrap;gap:18px}nav a{font-size:10px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:58px 24px 0}.hero h1{font-size:clamp(54px,13vw,88px)}.subhead{margin-bottom:40px}.music-box{width:100%}.hero-photo{min-height:470px;height:470px;overflow:hidden}.hero-photo img{height:100%;max-height:none}.news{padding:55px 24px 70px}.news-grid{display:block;margin-top:30px}.news-grid>div{margin-top:25px}.news-grid p{font-size:16px}.about{padding:55px 24px 75px}footer{padding:25px 24px;flex-wrap:wrap;font-size:10px}}
/* Version 4: the sole brand mark is the supplied original logo. */
.topbar{justify-content:flex-end;height:78px}.hero-copy{padding-top:85px}.hero .brand{margin:0 0 42px;line-height:1}.hero .brand img{display:block;width:min(100%,660px);height:auto;filter:invert(1)}.hero .eyebrow{margin:0 0 18px}.hero .subhead{margin-bottom:50px}@media(max-width:720px){.topbar{padding:18px 24px}.hero-copy{padding-top:42px}.hero .brand img{width:100%}}

/* Real Spotify playlist embed; original logo remains the only brand mark. */
.spotify-player{display:block;margin-top:18px;border:0;max-width:100%}.spotify-open{display:inline-block;margin-top:13px;color:#bbb;font-size:11px;font-weight:700;letter-spacing:.12em}.spotify-open:hover{color:#fff}.music-box{padding-top:20px}.hero-copy{padding-bottom:55px}

/* Version 7: visible but restrained warm lighting from Sleep Is The Enemy. */
.hero { isolation:isolate; background:#080708; }
.hero::before { content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:
 radial-gradient(ellipse 46% 62% at 83% 37%, rgba(184,54,24,.43) 0%, rgba(114,31,18,.27) 42%, transparent 85%),
 radial-gradient(ellipse 35% 46% at 58% 85%, rgba(202,105,39,.25) 0%, transparent 80%),
 radial-gradient(ellipse 27% 50% at 100% 4%, rgba(228,126,44,.20), transparent 85%);
}
.hero::after {content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:linear-gradient(114deg, transparent 59%, rgba(235,116,48,.11) 60%, transparent 62%, transparent 74%, rgba(235,144,66,.09) 75%, transparent 77%);
}
.hero-photo{z-index:1}.hero-copy{z-index:2}
.news{background:radial-gradient(ellipse 65% 130% at 8% 90%,rgba(145,48,23,.19),transparent 78%),#0b0909}
.about{background:#080808}
@media(max-width:720px){.hero::before{background:radial-gradient(ellipse 110% 55% at 68% 79%,rgba(174,48,23,.34),transparent 83%)}}

/* V8 — warm cinematic backlighting inspired by Sleep Is the Enemy.
   All light layers are behind the ORIGINAL artist cutout; the portrait pixels are unchanged. */
.hero{background:#080505;isolation:isolate}
.hero::before{z-index:0;background:
 radial-gradient(ellipse 36% 61% at 81% 42%,rgba(244,79,18,.66) 0%,rgba(178,38,11,.48) 36%,rgba(86,13,9,.25) 67%,transparent 96%),
 radial-gradient(ellipse 31% 54% at 98% 15%,rgba(255,164,54,.49) 0%,rgba(185,61,17,.23) 55%,transparent 91%),
 radial-gradient(ellipse 45% 52% at 57% 87%,rgba(174,31,14,.38),transparent 82%),
 linear-gradient(110deg,#080606 18%,#120807 64%,#0b0505 100%)}
.hero::after{z-index:0;opacity:.8;background:
 linear-gradient(111deg,transparent 63%,rgba(255,148,65,.18) 63.15%,rgba(255,101,27,.04) 64%,transparent 66%),
 linear-gradient(113deg,transparent 78%,rgba(255,169,87,.12) 78.2%,transparent 79.2%)}
.hero-photo{isolation:isolate;z-index:1}
.hero-photo::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:4% 0 0 0;background:
 radial-gradient(ellipse 42% 67% at 48% 48%,rgba(255,132,40,.77),rgba(212,45,13,.54) 34%,rgba(103,12,7,.25) 65%,transparent 89%);
 filter:blur(25px)}
.hero-photo::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:8% 8% 2% 8%;background:
 radial-gradient(ellipse 38% 62% at 52% 47%,transparent 38%,rgba(255,159,70,.35) 56%,rgba(219,48,15,.19) 67%,transparent 82%);
 filter:blur(16px)}
.news{background:radial-gradient(ellipse 76% 115% at 2% 90%,rgba(153,37,15,.24),transparent 80%),#0b0707}
@media(max-width:720px){.hero::before{background:radial-gradient(ellipse 95% 45% at 68% 78%,rgba(239,69,19,.58),rgba(129,23,12,.31) 54%,transparent 88%),#080505}.hero-photo::before{filter:blur(22px)}}

/* V9 — Guardian Angel palette for the MUSIC area: ink violet, midnight blue,
   muted teal and ivory. Warm copper remains behind the portrait only. */
.hero::before{background:
 radial-gradient(ellipse 42% 66% at 85% 40%,rgba(223,78,29,.57),rgba(134,34,17,.35) 46%,transparent 87%),
 radial-gradient(ellipse 32% 54% at 99% 14%,rgba(241,158,82,.29),transparent 85%),
 linear-gradient(105deg,#08090d 0%,#08090d 42%,#120b0c 72%,#080707 100%)}
.hero::after{opacity:.45}
.hero-copy::before{content:"";position:absolute;inset:0 -6% 0 0;z-index:-1;pointer-events:none;background:
 radial-gradient(ellipse 65% 43% at 16% 52%,rgba(49,51,101,.26),transparent 83%),
 radial-gradient(ellipse 70% 38% at 45% 84%,rgba(26,85,91,.17),transparent 80%)}
.music-box{position:relative;isolation:isolate;width:min(510px,96%);padding:25px 24px 22px;border:1px solid rgba(165,170,194,.24);border-radius:14px;
 background:linear-gradient(142deg,rgba(31,29,51,.94) 0%,rgba(17,29,42,.95) 53%,rgba(13,39,43,.93) 100%);
 box-shadow:0 22px 65px rgba(0,0,0,.36),inset 0 1px rgba(226,221,238,.08)}
.music-box::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:
 radial-gradient(ellipse 70% 65% at 6% 0%,rgba(114,103,160,.24),transparent 90%),
 radial-gradient(ellipse 65% 55% at 100% 100%,rgba(51,127,126,.18),transparent 85%)}
.music-label{color:#d9d5e4;letter-spacing:.2em}
.spotify-player{margin-top:19px;border-radius:10px!important;overflow:hidden}
.spotify-open{color:#c8d6d5}.spotify-open:hover{color:#fff}
@media(max-width:720px){.music-box{width:100%;padding:20px 16px 18px}.hero-copy::before{inset:0}.hero::before{background:radial-gradient(ellipse 100% 42% at 68% 83%,rgba(207,65,29,.47),transparent 86%),#08090d}}

/* V10: original logo shape, white glyphs on a truly transparent background. */
.hero .brand img { filter:none !important; mix-blend-mode:normal; background:transparent; }

/* V11: The Body poster integrated into the existing Netflix news section. */
.news-feature{display:grid;grid-template-columns:minmax(175px,245px) minmax(0,1fr);gap:clamp(34px,6vw,95px);align-items:center;margin-top:40px;max-width:1080px}
.news-poster img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 18px 55px rgba(0,0,0,.45)}
.news-content h2{font-size:clamp(34px,4.7vw,66px);letter-spacing:-.055em;line-height:1.1;margin:0 0 26px}
.news-content h2 em{font-style:normal;color:#d7b6c8}
.news-content p{font-size:clamp(16px,1.55vw,19px);line-height:1.65;color:#c8c6c8;max-width:580px;margin:0 0 18px}
.story-link{display:inline-block;margin-top:15px;padding-bottom:8px;border-bottom:1px solid #bb8ca6;color:#f0d9e5;font-size:12px;letter-spacing:.14em;font-weight:700}
.story-link:hover{color:white;border-color:white}
@media(max-width:720px){.news-feature{grid-template-columns:115px minmax(0,1fr);gap:20px;align-items:start;margin-top:28px}.news-content h2{font-size:clamp(24px,5.5vw,36px);margin-bottom:15px}.news-content p{font-size:14px;line-height:1.55}.news-poster img{border-radius:2px}}
@media(max-width:420px){.news-feature{grid-template-columns:1fr}.news-poster{max-width:190px}.news-content h2{font-size:34px}}

/* V12 — LIVE section: DJ sets, not a live band. */
.live{padding:85px clamp(24px,8vw,125px) 100px;border-top:1px solid #303030;background:linear-gradient(160deg,#070b17,#080808 70%)}
.live-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}
.live-heading h2{font-size:clamp(44px,6vw,86px);letter-spacing:-.06em;line-height:1;margin:14px 0 0}
.live-heading h2 span{color:#85b9e8}.live-intro{max-width:290px;color:#aebccc;font-size:15px;line-height:1.6;margin:0}
.live-gallery{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;align-items:start}.live-gallery figure{margin:0;min-width:0}
.live-gallery img{width:100%;height:420px;display:block;object-fit:cover;background:#07101d}.live-wide img{object-position:center}.live-close img{object-position:center 43%}
.live-gallery figcaption{font-size:10px;letter-spacing:.16em;color:#8d9eaf;margin-top:13px}
@media(max-width:800px){.live{padding:60px 24px 75px}.live-heading{display:block}.live-intro{margin-top:20px}.live-gallery{grid-template-columns:1fr;gap:30px}.live-gallery img{height:auto;max-height:490px;object-fit:cover}.live-close img{max-height:440px}}

/* V13 — full editorial About biography */
.about-full{padding:100px clamp(24px,8vw,125px) 110px;background:linear-gradient(160deg,#100c11,#08090d 60%,#080808);border-top:1px solid #2d2931}
.about-inner{max-width:880px;margin:0 auto}.about-full h2{font-size:clamp(44px,7vw,82px);letter-spacing:-.055em;line-height:1.05;margin:16px 0 20px;color:#fff}.about-full h2 span{color:#c9a6c7}
.about-full .about-lead{font-size:clamp(20px,2.4vw,27px);color:#f3e7f1;line-height:1.4;margin:0 0 34px;font-weight:600}
.about-full p{font-size:clamp(15px,1.55vw,18px);line-height:1.8;color:#c6c3cb;margin:0 0 20px;max-width:820px}
.about-full strong{color:#f1edf1}.about-full em{color:#e6d9e6}.about-full h3{font-size:clamp(18px,2.3vw,25px);letter-spacing:.055em;line-height:1.35;margin:57px 0 21px;color:#f3eaf3}
.about-full .about-signoff{font-size:clamp(20px,2.4vw,28px);line-height:1.8;margin-top:40px;color:#fff}.about-full .eyebrow{font-size:12px;letter-spacing:.2em;color:#bb9cbd}
@media(max-width:720px){.about-full{padding:68px 24px 78px}.about-full h3{margin-top:42px}.about-full p{line-height:1.75}}

/* v14: Use the original K-System logo whenever the name appears in a heading. */
.logo-heading{display:flex;align-items:center;flex-wrap:wrap;column-gap:clamp(15px,2.4vw,32px);row-gap:14px}
.logo-heading .heading-brand{display:block;width:clamp(190px,28vw,365px);height:auto;max-width:100%;object-fit:contain;flex:0 1 auto}
.live-heading .logo-heading span{color:#85b9e8}
.about-logo-heading span{color:#fff}
.about-logo-heading .heading-brand{width:clamp(185px,27vw,350px)}
.live-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.booking-link{display:inline-flex;align-items:center;gap:10px;border:1px solid #777;padding:12px 16px;font-size:12px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.booking-link img{width:95px;height:auto;display:block}
.booking-link:hover{background:#fff;color:#080808}
.booking-link:hover img{filter:invert(1)}
@media(max-width:720px){.logo-heading .heading-brand{width:clamp(170px,55vw,290px)}.about-logo-heading .heading-brand{width:clamp(165px,53vw,285px)}.live-actions{margin-top:20px}}

/* V16 — Sleep Is the Enemy-inspired ember / copper lighting across sections.
   Atmospheric CSS-only backgrounds; photographs, logo and content unchanged. */
.news{position:relative;background:
 radial-gradient(ellipse 65% 95% at 96% 15%,rgba(230,91,30,.22),transparent 75%),
 radial-gradient(ellipse 55% 105% at 4% 95%,rgba(160,39,17,.30),transparent 76%),
 linear-gradient(145deg,#120909 0%,#0b080a 52%,#160b09 100%)}
.live{position:relative;background:
 radial-gradient(ellipse 65% 85% at 94% 10%,rgba(238,112,40,.22),transparent 76%),
 radial-gradient(ellipse 75% 75% at 2% 95%,rgba(153,35,19,.25),transparent 78%),
 linear-gradient(155deg,#0b0b15 0%,#130a0c 54%,#09090e 100%)}
.about-full{position:relative;background:
 radial-gradient(ellipse 70% 50% at 97% 4%,rgba(230,98,40,.17),transparent 80%),
 radial-gradient(ellipse 60% 60% at 1% 51%,rgba(155,41,24,.18),transparent 82%),
 radial-gradient(ellipse 65% 45% at 95% 100%,rgba(169,70,31,.16),transparent 80%),
 linear-gradient(160deg,#120b0d 0%,#0b0a10 52%,#110a09 100%)}
.live-heading h2 span{color:#f0a06c}
.about-full h2 span{color:#e9b099}
.about-full .eyebrow{color:#d6a68c}
.about-full .about-lead{color:#f6e9e3}
.about-full h3{color:#f6e7e0}
.story-link{border-bottom-color:#df9a75;color:#f5cbb6}
.news-content h2 em{color:#e9b6a1}
@media(max-width:720px){
 .news{background:radial-gradient(ellipse 105% 65% at 100% 5%,rgba(205,74,25,.20),transparent 85%),linear-gradient(#110a0a,#0b080a)}
 .live{background:radial-gradient(ellipse 100% 70% at 100% 8%,rgba(225,83,29,.19),transparent 85%),linear-gradient(#100b11,#0a090d)}
 .about-full{background:radial-gradient(ellipse 100% 40% at 100% 0%,rgba(217,88,38,.17),transparent 85%),linear-gradient(#120b0d,#0a090e 65%,#110a09)}
}

/* V17 — tighter, centered microphone portrait; matched photo heights. */
.live-gallery{align-items:stretch}
.live-gallery figure{overflow:hidden}
.live-gallery img{height:420px;object-fit:cover}
.live-close img{object-position:47% 50%;transform:scale(1.22);transform-origin:47% 50%}
@media(max-width:800px){
  .live-gallery img{height:360px;max-height:none}
  .live-close img{height:360px;max-height:none;object-position:47% 50%;transform:scale(1.18)}
}

/* V18: both photo frames have exactly the same height and aligned edges.
   Zoom stays INSIDE the right-hand frame, without moving its bottom edge. */
.live-gallery{align-items:start}
.live-gallery figure{overflow:visible}
.live-photo-frame{height:420px;overflow:hidden;position:relative;background:#07101d}
.live-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
.live-close .live-photo-frame img{object-position:47% 50%;transform:scale(1.16);transform-origin:47% 50%}
@media(max-width:800px){
  .live-photo-frame{height:360px}
  .live-photo-frame img{height:100%;max-height:none}
  .live-close .live-photo-frame img{height:100%;transform:scale(1.12)}
}

/* V20 — zoom the microphone photo within its fixed-size frame.
   Keep both gallery frames aligned; crop away the dominant blue spotlight. */
.live-close .live-photo-frame img{
  transform:scale(1.72);
  transform-origin:40% 64%;
  object-position:center center;
}
@media(max-width:800px){
  .live-close .live-photo-frame img{transform:scale(1.55);transform-origin:40% 62%}
}

/* V21 — Contact section */
.contact{border-top:1px solid #473028;background:radial-gradient(ellipse 75% 120% at 100% 100%,rgba(147,53,27,.21),transparent 75%),#0b090a;padding:90px clamp(24px,8vw,125px) 110px}
.contact-inner{max-width:1080px;margin:0 auto}
.contact h2{font-size:clamp(44px,7vw,82px);letter-spacing:-.055em;line-height:1.05;margin:18px 0 48px}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
.contact-item{border-top:1px solid #75554b;padding-top:22px;min-width:0}
.contact-item h3{font-size:12px;letter-spacing:.2em;color:#c8a79a;margin:0 0 18px}
.contact-item a{display:inline-block;font-size:clamp(18px,2.2vw,27px);font-weight:600;overflow-wrap:anywhere}
.contact-item a:hover{color:#ffb88d}
@media(max-width:720px){.contact{padding:65px 24px 80px}.contact-grid{grid-template-columns:1fr;gap:35px}}

/* V23 — Social links below Contact details */
.contact-social{margin-top:48px;border-top:1px solid #75554b;padding-top:22px}
.contact-social h3{font-size:12px;letter-spacing:.2em;color:#c8a79a;margin:0 0 20px}
.social-links{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center}
.social-links a{display:inline-flex;align-items:center;gap:9px;color:#f4ece7;text-decoration:none;font-size:16px;font-weight:600;transition:color .2s ease}
.social-links a:hover,.social-links a:focus-visible{color:#ffb88d}
.social-links svg{display:block;width:22px;height:22px;flex:none}
@media(max-width:720px){.contact-social{margin-top:38px}.social-links{gap:16px 24px}}

/* V24 — restored Sleep Is the Enemy-style warm backlight behind the original artist portrait. */
.hero { background:#090505; isolation:isolate; }
.hero::before { z-index:0; background:
 radial-gradient(ellipse 43% 72% at 80% 48%,rgba(235,67,18,.67) 0%,rgba(149,29,14,.42) 45%,transparent 90%),
 radial-gradient(ellipse 31% 55% at 97% 14%,rgba(255,153,50,.44),transparent 88%),
 radial-gradient(ellipse 42% 60% at 57% 91%,rgba(146,29,16,.28),transparent 86%),
 linear-gradient(110deg,#090607 16%,#160807 72%,#080506); }
.hero::after { z-index:0; opacity:.65; }
.hero-photo { position:relative; isolation:isolate; z-index:1; }
.hero-photo::before { z-index:0; inset:4% -5% 1% -10%; filter:blur(34px); background:
 radial-gradient(ellipse 48% 65% at 49% 45%,rgba(255,146,48,.83) 0%,rgba(236,68,18,.72) 28%,rgba(133,22,11,.41) 62%,transparent 88%); }
.hero-photo::after { z-index:0; inset:0; filter:blur(26px); background:
 radial-gradient(ellipse 34% 53% at 54% 43%,transparent 32%,rgba(255,116,31,.44) 62%,transparent 87%); }
.hero-photo img { z-index:2; }
@media(max-width:720px){
 .hero::before{background:radial-gradient(ellipse 115% 60% at 55% 78%,rgba(206,55,20,.51),transparent 84%),#090505}
 .hero-photo::before{inset:1% -5%;filter:blur(27px)}
}