
:root{
  --bg:#07090d; --panel:#0d1118; --ink:#f4f7fb; --muted:#97a2b1; --line:rgba(255,255,255,.11);
  --blue:#56a8ff; --cyan:#62f1e2; --warm:#ffbf70; --accent:var(--blue);
  --max:1440px; --pad:clamp(22px,4vw,70px); --radius:26px; --shadow:0 36px 90px rgba(0,0,0,.35);
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg)} body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:90;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:999;background:#fff;color:#000;padding:12px 16px;border-radius:10px}
.shell{width:min(var(--max),100%);margin:auto;padding-inline:var(--pad)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:80;padding:18px 0;background:linear-gradient(to bottom,rgba(7,9,13,.88),rgba(7,9,13,.2),transparent);backdrop-filter:blur(10px)}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.mark{width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden}.mark:before{content:"";width:12px;height:12px;border:2px solid var(--accent);border-radius:50%}.mark:after{content:"";position:absolute;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #fff;left:16px;top:12px}.navlinks{display:flex;gap:22px;color:#c9d1dc;font-size:14px}.actions{justify-self:end;display:flex;align-items:center;gap:12px}.world-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045)}.world-switch button{border:0;background:transparent;color:#9aa6b5;padding:9px 13px;border-radius:999px;cursor:pointer;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.world-switch button[aria-pressed="true"]{background:#fff;color:#07090d}.cta-small{border:1px solid rgba(255,255,255,.22);padding:11px 15px;border-radius:999px;font-size:13px}
.hero{min-height:100svh;position:relative;display:grid;align-items:end;padding:150px 0 54px;overflow:hidden}.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.65}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,13,.08),rgba(7,9,13,.15) 36%,rgba(7,9,13,.95) 92%),radial-gradient(circle at 72% 30%,rgba(86,168,255,.14),transparent 34%);pointer-events:none}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:8vw;align-items:end}.eyebrow{display:flex;align-items:center;gap:12px;color:#b6c2d0;font-size:12px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:22px}.eyebrow:before{content:"";width:46px;height:1px;background:var(--accent)}
h1{font-size:clamp(60px,9vw,145px);line-height:.84;letter-spacing:-.075em;margin:0;max-width:980px;font-weight:850}.hero .outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.48)}.hero-copy{max-width:720px;margin-top:28px;font-size:clamp(17px,1.55vw,23px);line-height:1.45;color:#c5ced9}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 20px;border:1px solid var(--line);font-weight:700;font-size:14px;cursor:pointer;transition:.25s ease}.button.primary{background:#fff;color:#090b10;border-color:#fff}.button:hover{transform:translateY(-2px)}.button .arrow{font-size:18px}
.show-engine{position:relative;min-height:520px;display:grid;place-items:center}.orb{width:min(36vw,500px);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 50%,rgba(86,168,255,.08),transparent 55%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 80px rgba(86,168,255,.04)}.orb:before,.orb:after{content:"";position:absolute;inset:11%;border-radius:50%;border:1px solid rgba(255,255,255,.09);animation:spin 18s linear infinite}.orb:after{inset:27%;border-style:dashed;animation-duration:12s;animation-direction:reverse}.axis{position:absolute;inset:50% auto auto 50%;width:120%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-50%,-50%)}.axis.y{transform:translate(-50%,-50%) rotate(90deg)}.meter{position:absolute;inset:18%;display:grid;grid-template-columns:repeat(18,1fr);align-items:center;gap:4px}.meter i{display:block;height:var(--h);background:linear-gradient(to top,rgba(86,168,255,.16),var(--accent));border-radius:99px;animation:pulse calc(.7s + var(--d)) ease-in-out infinite alternate}.status-card{position:absolute;right:0;bottom:28px;width:250px;background:rgba(10,14,20,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.status-line{display:flex;justify-content:space-between;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#9eabb9;padding:5px 0}.dot{width:7px;height:7px;background:#65f0b2;border-radius:50%;box-shadow:0 0 16px #65f0b2;display:inline-block;margin-right:7px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{height:calc(var(--h)*.48)}}
.ticker{border-block:1px solid var(--line);overflow:hidden;background:#0a0d12}.ticker-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.ticker span{padding:17px 27px;color:#c6cfda;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.ticker b{color:var(--accent);font-weight:500}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:clamp(90px,10vw,160px) 0}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-bottom:70px}.kicker{color:#9eabb9;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.section h2{font-size:clamp(44px,6.2vw,96px);line-height:.94;letter-spacing:-.06em;margin:0;font-weight:800}.lede{font-size:clamp(18px,2vw,28px);line-height:1.45;color:#aeb8c5;max-width:850px;margin:26px 0 0}
.blueprint{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.blueprint-copy{background:#f2f4f7;color:#0a0d12;border-radius:var(--radius);padding:clamp(30px,5vw,70px);min-height:650px;display:flex;flex-direction:column;justify-content:space-between}.blueprint-copy h3{font-size:clamp(34px,4vw,66px);line-height:.98;letter-spacing:-.055em;margin:0}.blueprint-copy p{font-size:18px;line-height:1.55;color:#3d4653;max-width:620px}.microgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ccd2da;border:1px solid #ccd2da;border-radius:18px;overflow:hidden}.micro{background:#f2f4f7;padding:19px}.micro strong{display:block;font-size:13px}.micro span{display:block;color:#596473;font-size:12px;margin-top:5px}.stage-board{position:relative;min-height:650px;border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(86,168,255,.18),transparent 35%),linear-gradient(#0c1118,#080b10);border:1px solid var(--line)}.stage-board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(#000,transparent 90%)}.truss{position:absolute;left:12%;right:12%;top:20%;height:34%;border:1px solid rgba(255,255,255,.18);transform:perspective(900px) rotateX(63deg);transform-origin:bottom}.truss:before,.truss:after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.18)}.truss:before{top:33%}.truss:after{top:66%}.beam{position:absolute;top:32%;width:1px;height:60%;background:linear-gradient(var(--accent),transparent);transform-origin:top;filter:drop-shadow(0 0 8px var(--accent));opacity:.8}.beam.b1{left:28%;transform:rotate(20deg)}.beam.b2{left:42%;transform:rotate(8deg)}.beam.b3{left:58%;transform:rotate(-8deg)}.beam.b4{left:72%;transform:rotate(-20deg)}.stage-label{position:absolute;font:11px ui-monospace,monospace;color:#8ea0b6;letter-spacing:.08em}.stage-label.a{left:20px;top:20px}.stage-label.b{right:20px;bottom:20px}.stage-center{position:absolute;inset:auto 50% 14% auto;transform:translateX(50%);width:42%;height:16%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.03)}
.signal-path{margin-top:24px;border:1px solid var(--line);border-radius:var(--radius);padding:34px;position:relative;overflow:hidden}.pathline{height:2px;background:rgba(255,255,255,.1);position:absolute;left:6%;right:6%;top:50%;transform:translateY(-50%)}.pathline:after{content:"";display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--accent),var(--cyan));box-shadow:0 0 24px var(--accent);animation:path 5s ease-in-out infinite alternate}@keyframes path{to{width:88%}}.nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}.node{background:#0b0f15;border:1px solid var(--line);border-radius:16px;padding:20px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between}.node em{font-style:normal;font:10px ui-monospace,monospace;color:#8c9bab}.node strong{font-size:16px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;min-height:400px;border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:linear-gradient(145deg,#0d1219,#090c11);overflow:hidden}.card:hover .card-icon{transform:scale(1.08) rotate(4deg)}.card-no{font:11px ui-monospace,monospace;color:#718097}.card h3{font-size:32px;line-height:1;letter-spacing:-.04em;margin:18px 0 12px}.card p{color:#9ba8b7;line-height:1.55;max-width:360px}.card-icon{position:absolute;right:-30px;bottom:-30px;width:200px;height:200px;border-radius:50%;border:1px solid rgba(255,255,255,.09);transition:.5s}.card-icon:before{content:"";position:absolute;inset:22%;border:1px dashed var(--accent);border-radius:50%}
.network{background:#f1f3f6;color:#0a0d12}.network .kicker{color:#617080}.network .lede{color:#4d5b6a}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filterbar button{border:1px solid #c7ced7;background:transparent;border-radius:999px;padding:10px 15px;font-size:12px;cursor:pointer}.filterbar button.active{background:#0a0d12;color:#fff;border-color:#0a0d12}.brandgrid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #cdd3da;border-left:1px solid #cdd3da}.brandtile{min-height:145px;display:flex;align-items:center;justify-content:center;border-right:1px solid #cdd3da;border-bottom:1px solid #cdd3da;padding:20px;position:relative;transition:.25s;background:#f1f3f6}.brandtile:hover{background:#fff}.brandtile span{font-size:clamp(17px,1.6vw,25px);font-weight:800;letter-spacing:-.03em;text-align:center}.brandtile small{position:absolute;left:12px;bottom:10px;color:#778391;font:9px ui-monospace,monospace;text-transform:uppercase}.brandtile.hide{display:none}.network-note{font-size:12px;color:#6d7884;margin-top:18px}
.crossover{min-height:90vh;position:relative;display:grid;place-items:center;overflow:hidden}.crossover-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,13,.96) 0%,rgba(7,9,13,.5) 45%,rgba(7,9,13,.82) 100%),url('/assets/artist-1600.webp') center/cover}.crossover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(255,99,179,.18),transparent 28%),linear-gradient(transparent 70%,var(--bg))}.crosscopy{position:relative;z-index:2;text-align:center;max-width:1000px;padding:60px 20px}.crosscopy .eyebrow{justify-content:center}.crosscopy h2{font-size:clamp(58px,9vw,140px);letter-spacing:-.07em;line-height:.83}.crosscopy p{max-width:650px;margin:28px auto;color:#cbd3dd;font-size:19px;line-height:1.5}.artist-button{background:linear-gradient(90deg,#ff73c9,#8b7cff);border:0;color:white}
.artist-main{display:none}.artist-main.active{display:block}.production-main.hidden{display:none}.artist-hero{min-height:100svh;display:grid;align-items:end;position:relative;overflow:hidden;padding:150px 0 60px}.artist-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,13,.2),rgba(7,9,13,.3) 45%,#07090d 95%),url('/assets/artist-1600.webp') center/cover}.artist-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 30%,rgba(255,83,180,.2),transparent 25%),linear-gradient(90deg,rgba(7,9,13,.9),transparent 55%)}.artist-wrap{position:relative;z-index:2}.artist-hero h1{font-size:clamp(70px,13vw,200px)}.artist-gradient{background:linear-gradient(90deg,#fff,#ff83d5 48%,#7b8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.release-row{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.release-card{min-height:560px;border-radius:var(--radius);overflow:hidden;position:relative;background:linear-gradient(140deg,#151018,#090b0f);border:1px solid var(--line);padding:35px}.vinyl{position:absolute;width:440px;height:440px;border-radius:50%;right:-50px;bottom:-60px;background:repeating-radial-gradient(circle,#08090b 0 5px,#101217 6px 7px);box-shadow:0 0 0 1px rgba(255,255,255,.1),-30px 20px 60px rgba(0,0,0,.5);animation:spin 18s linear infinite}.vinyl:after{content:"CO";position:absolute;inset:36%;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff6fc6,#7189ff);font-weight:900;font-size:34px}.release-card h3{font-size:clamp(48px,6vw,90px);letter-spacing:-.06em;margin:18px 0;position:relative;z-index:2}.release-card p{color:#aeb8c5;position:relative;z-index:2;max-width:420px}.tracklist{border:1px solid var(--line);border-radius:var(--radius);padding:20px}.track{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;padding:18px 8px;border-bottom:1px solid var(--line)}.track:last-child{border:0}.play{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:10px}.track strong{font-size:16px}.track span{font:11px ui-monospace,monospace;color:#8491a1}
.contact{padding:120px 0 160px}.contactbox{border-radius:34px;background:linear-gradient(135deg,#ffffff,#e8eef5);color:#080b10;padding:clamp(34px,6vw,90px);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.contactbox h2{font-size:clamp(56px,8vw,120px);letter-spacing:-.07em;line-height:.88}.contactbox p{color:#46515f;max-width:650px;font-size:18px}.formmini{background:#0a0d12;color:#fff;border-radius:24px;padding:28px}.formmini label{display:block;font-size:11px;color:#93a1b1;margin:15px 0 7px}.formmini input,.formmini textarea,.formmini select{width:100%;border:1px solid rgba(255,255,255,.13);background:#0e131a;color:#fff;border-radius:12px;padding:13px 14px;outline:none}.formmini input:focus,.formmini textarea:focus,.formmini select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(86,168,255,.12)}.formmini textarea{min-height:100px;resize:vertical}.send{width:100%;margin-top:16px;border:0;border-radius:999px;background:#fff;color:#07090d;padding:14px;font-weight:800;cursor:pointer}.hp{position:absolute;left:-9999px}
footer{border-top:1px solid var(--line);padding:34px 0 60px;color:#8f9baa;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.source-credit{font-size:10px;color:#657180;margin-top:10px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@supports (animation-timeline:view()){.scroll-rise{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 35%}@keyframes rise{from{opacity:.1;transform:translateY(70px) scale(.98)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.navlinks{display:none}.hero-grid,.blueprint,.release-row,.contactbox{grid-template-columns:1fr}.hero-grid{gap:40px}.show-engine{min-height:420px}.orb{width:min(78vw,470px)}.cards{grid-template-columns:1fr 1fr}.brandgrid{grid-template-columns:repeat(4,1fr)}.section-head{grid-template-columns:1fr}.contactbox{gap:35px}}
@media(max-width:720px){:root{--pad:20px}.topbar{padding:12px 0}.nav{grid-template-columns:1fr auto}.world-switch{grid-column:1/-1;justify-self:start;order:3}.cta-small{display:none}.hero{padding-top:155px}.show-engine{min-height:330px}.status-card{width:220px}.cards{grid-template-columns:1fr}.brandgrid{grid-template-columns:repeat(2,1fr)}.brandtile{min-height:115px}.nodes{grid-template-columns:1fr 1fr}.pathline{display:none}.signal-path{padding:18px}.microgrid{grid-template-columns:1fr}.section{padding:88px 0}.section-head{margin-bottom:40px}.contactbox{padding:28px}.artist-hero{padding-top:160px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.55s}

/* SIGNAL / SHOW refinement: original stage language preserved. */
:root{--wedding:#ffbc9d}
body{line-height:1.5}.mark{width:43px;height:43px;border:none;border-radius:0;overflow:visible;color:var(--accent)}.mark:before,.mark:after{display:none}.co-logo{width:100%;height:100%;overflow:visible}.hero-co{position:absolute;inset:29%;z-index:2;display:grid;place-items:center;color:#a7d9ff;filter:drop-shadow(0 0 26px rgba(86,168,255,.38));opacity:.9}.hero-co .co-logo{width:100%;height:100%}.hero-co:before{content:'';position:absolute;inset:-18%;border:1px solid rgba(255,255,255,.17);border-radius:50%}.orb .meter{opacity:.53}.navlinks a:hover{color:#fff}.cta-small:hover,.button:hover{border-color:var(--accent)}
.mobile-menu{display:none;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:9px;color:#fff;padding:9px 13px}
.artist-hero .artist-display{font-size:clamp(70px,13vw,200px);line-height:.84;letter-spacing:-.075em;margin:0;max-width:1100px;font-weight:850}
.photo-strip{min-height:540px;position:relative;display:flex;align-items:end;background:linear-gradient(90deg,#07090d 0%,rgba(7,9,13,.72) 36%,rgba(7,9,13,.15) 80%),linear-gradient(0deg,#07090d 0%,transparent 52%),url('/assets/production-1600.webp') center/cover}.photo-strip .shell{width:100%;position:relative;padding-block:90px}.photo-strip h2{font-size:clamp(50px,7vw,108px);line-height:.88;letter-spacing:-.065em;max-width:900px;margin:0 0 22px}.photo-strip p{font-size:18px;line-height:1.55;color:#cbd6e1;max-width:580px}
.crossover-bg{background:linear-gradient(90deg,rgba(7,9,13,.96),rgba(7,9,13,.46) 50%,rgba(7,9,13,.84)),url('/assets/artist-1600.webp') center/cover}.artist-hero:before{background:linear-gradient(180deg,rgba(7,9,13,.16),rgba(7,9,13,.32) 46%,#07090d 95%),url('/assets/artist-1600.webp') center/cover}.artist-hero{min-height:93svh}.artist-hero h1{max-width:1100px}.release-card{background:radial-gradient(circle at 75% 50%,rgba(255,104,196,.24),transparent 35%),linear-gradient(140deg,#17101c,#090b0f)}.release-card .kicker{color:#ff98d1}.vinyl:after{content:'▶';font-size:31px}
.wedding-feature{position:relative;min-height:590px;display:grid;align-items:end;overflow:hidden;background:linear-gradient(90deg,rgba(10,8,11,.97),rgba(10,8,11,.48) 55%,rgba(10,8,11,.22)),linear-gradient(0deg,#07090d,transparent 62%),url('/assets/wedding-1600.webp') center/cover}.wedding-feature .shell{width:100%;padding-block:100px;position:relative}.wedding-feature h2{font-size:clamp(54px,8vw,120px);line-height:.88;letter-spacing:-.07em;max-width:900px;margin:12px 0 24px}.wedding-feature p{max-width:570px;color:#e6d7d8;font-size:19px;line-height:1.52}.wedding-feature .button.primary{background:#ffc1a3;border-color:#ffc1a3}
.contact-cta{background:#0a0d12;color:white;border-radius:24px;padding:32px}.contact-cta strong{display:block;font-size:28px;letter-spacing:-.04em}.contact-cta p{font-size:15px;color:#a9b4c1;margin:17px 0 30px}.contact-cta .button{background:#fff;color:#07090d;width:100%}.contactbox h2{font-size:clamp(45px,7vw,105px)}.foot a{text-decoration:underline;text-underline-offset:3px}.foot a:hover{color:#fff}
.seo-detail{padding:90px 0 115px}.seo-detail .detailgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.seo-detail article{padding:32px;background:#10161f;border:1px solid var(--line);border-radius:20px}.seo-detail article h3{font-size:24px;letter-spacing:-.04em;margin:12px 0}.seo-detail article p{line-height:1.6;color:#aab7c6;margin:0}.seo-detail h2{font-size:clamp(44px,6vw,85px);line-height:.95;letter-spacing:-.055em;margin:0 0 38px}.seo-detail .lede{margin:0 0 40px}.seo-detail .button{margin-top:36px}.seo-detail .faq{max-width:940px}.seo-detail details{border-top:1px solid var(--line);padding:23px 0}.seo-detail details:last-child{border-bottom:1px solid var(--line)}.seo-detail summary{cursor:pointer;font-size:21px;font-weight:750;list-style:none}.seo-detail summary:after{content:'+';float:right;color:var(--accent)}.seo-detail details[open] summary:after{content:'−'}.seo-detail details p{color:#aab7c6;line-height:1.6;max-width:760px}
body.static-artist{--accent:#ff73c9}.static-artist .artist-main{display:block}.static-artist .topbar .world-switch{display:none}.static-artist .navlinks{justify-content:center}.static-artist .contactbox{background:linear-gradient(135deg,#f8e8f3,#e8e5ff)}
.form-intro{padding:180px 0 55px}.form-intro h1{font-size:clamp(60px,8vw,120px);max-width:1000px}.form-intro .lede{max-width:750px}.form-shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:34px;padding-bottom:130px}.form-aside{background:#10161e;border:1px solid var(--line);border-radius:24px;padding:34px;height:max-content}.form-aside h2{font-size:34px;letter-spacing:-.05em;margin:14px 0}.form-aside p{color:#aab7c6;line-height:1.6}.form-aside a{color:var(--blue);font-weight:700}.form-card{background:#f1f3f6;color:#0c131d;border-radius:26px;padding:clamp(22px,4vw,58px)}.steps{display:flex;gap:8px;margin-bottom:45px}.step-marker{flex:1;border-top:2px solid #bbc6d1;color:#657383;padding-top:10px;font-size:13px;font-weight:800}.step-marker.active{border-color:#1985ee;color:#075aab}.step-marker.done{border-color:#315e84;color:#253b50}.form-step{display:none;border:0;padding:0;margin:0;min-width:0}.form-step.active{display:block}.form-step legend{font-size:clamp(26px,3vw,43px);font-weight:800;letter-spacing:-.05em;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .wide{grid-column:1/-1}.form-card label:not(.check){display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea{width:100%;min-width:0;background:#fff;color:#0b1520;border:1px solid #aab7c4;border-radius:9px;padding:12px 13px;min-height:48px}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:2px solid #56a8ff;outline-offset:1px}.form-card textarea{resize:vertical;min-height:110px}.form-card .choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}.form-card .check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:10px 0;line-height:1.45}.form-card .choice-grid .check{padding:12px;border:1px solid #c7d1da;background:#fff;border-radius:9px;margin:0}.form-card input[type=checkbox]{accent-color:#137fea;margin-top:4px}.form-card .condition{display:none;margin-top:26px;padding-top:24px;border-top:1px solid #cad4dc}.form-card .condition.visible{display:block}.form-card .condition h3{margin:0 0 18px;font-size:24px}.form-card .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:32px}.form-card .button.primary{background:#0a0d12;color:#fff;border-color:#0a0d12}.form-card .button{border-color:#8c9ba8;color:#152330}.form-card .status{color:#9b3427;font-size:14px;min-height:1.4em}.form-card .form-note{font-size:12px;color:#637282}.form-card .hp{position:absolute;left:-9999px}.form-card a{text-decoration:underline}.form-card a:hover{color:#1c69ad}
html:not(.js) .form-step{display:block;margin-bottom:55px}html:not(.js) .form-step legend{padding-top:20px}html:not(.js) .form-card .condition{display:block}html:not(.js) .steps,html:not(.js) [data-next],html:not(.js) [data-prev]{display:none}
@media(max-width:1100px){.form-shell{grid-template-columns:1fr}.form-aside{order:2}.seo-detail .detailgrid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.photo-strip,.wedding-feature{min-height:510px}.photo-strip .shell,.wedding-feature .shell{padding-block:70px}.seo-detail .detailgrid,.form-grid,.form-card .choice-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-intro{padding-top:165px}.form-card{padding:22px}.form-card .form-actions .button{padding:13px}.navlinks{display:none}.hero-co{inset:30%}.seo-detail{padding:70px 0}.seo-detail article{padding:26px}}
@media(max-width:720px){.photo-strip{background-image:linear-gradient(90deg,#07090d,rgba(7,9,13,.45)),linear-gradient(0deg,#07090d,transparent 55%),url('/assets/production-900.webp')}.wedding-feature{background-image:linear-gradient(90deg,#07090d,rgba(7,9,13,.4)),linear-gradient(0deg,#07090d,transparent 60%),url('/assets/wedding-900.webp')}.crossover-bg{background-image:linear-gradient(90deg,#07090d,rgba(7,9,13,.55)),url('/assets/artist-900.webp')}.artist-hero:before{background-image:linear-gradient(0deg,#07090d,rgba(7,9,13,.12)),url('/assets/artist-900.webp')}}
@media(max-width:720px){.topbar .nav{position:relative;grid-template-columns:1fr auto;gap:12px}.mobile-menu{display:block;justify-self:end}.topbar .actions{grid-column:1/-1;justify-self:start}.navlinks.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#111821;border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:0 25px 45px rgba(0,0,0,.55)}.navlinks.open a{padding:12px;font-size:16px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

.mark{width:68px;height:43px}.hero-co{inset:auto;left:50%;top:48%;width:142%;height:auto;aspect-ratio:760/480;transform:translate(-50%,-50%);filter:none;opacity:1}.hero-co:before{display:none}.hero-co .co-logo{width:100%;height:100%;object-fit:contain}.co-caption{position:absolute;left:12%;right:12%;bottom:-4%;font:500 clamp(11px,1.35vw,18px)/1.4 Inter,system-ui,sans-serif;letter-spacing:.58em;color:#dfe9f8;text-align:center;white-space:nowrap;text-shadow:0 0 19px #3389ff}.mark .co-logo{width:100%;height:100%;object-fit:contain}.artist-brand{position:absolute;z-index:1;right:2%;top:15%;width:min(40vw,590px);opacity:.48;filter:drop-shadow(0 25px 50px #000b)}.artist-brand .co-logo{width:100%}@media(max-width:720px){.mark{width:55px;height:38px}.hero-co{width:105%;top:44%}.co-caption{font-size:9px;letter-spacing:.34em;bottom:-2%}.artist-brand{top:17%;right:-8%;width:68%;opacity:.24}}

/* SIGNAL / SHOW 03: the supplied stage artwork owns the opening scene. */
.topbar{padding:13px 0;background:rgba(7,10,16,.88);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(20px)}
.brand{font-size:14px;letter-spacing:.1em;white-space:nowrap}.brand-mark{display:flex;align-items:center;position:relative;gap:0;font:900 30px/.8 Inter,Arial,sans-serif;letter-spacing:-.15em;color:#eef4ff;width:57px;height:38px}.brand-mark b{font-weight:900;position:relative}.brand-mark b:last-child{margin-left:3px}.brand-mark b span{position:absolute;top:50%;left:54%;transform:translate(-50%,-48%);font-size:8px;letter-spacing:0;color:#64adff;text-shadow:0 0 7px #428bff}.brand:hover .brand-mark{color:#78b8ff}
.world-switch{gap:0}.world-switch a{padding:9px 12px;color:#c4d1df;font-size:11px;text-transform:uppercase;letter-spacing:.09em;border-radius:999px}.world-switch a:hover,.world-switch a[aria-current="page"]{color:#080c12;background:#fff}.static-tech .world-switch .button,.static-artist .world-switch .button{border:0;padding:9px 12px;background:none;color:#c4d1df;font-size:11px}.static-tech .world-switch .button:hover,.static-artist .world-switch .button:hover:hover{background:#fff;color:#080c12;transform:none}
.brand-hero{position:relative;padding-top:66px;background:#070a10}.hero-art{height:min(76vw,84svh);min-height:590px;position:relative;overflow:hidden;background:#060b16}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-art:after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,#070a10);pointer-events:none}
.hero-deck{position:relative;margin-top:-12px;padding-top:20px;padding-bottom:clamp(80px,9vw,145px)}.hero-deck .eyebrow{color:#99b9de}.hero-deck-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);align-items:end;gap:clamp(25px,4vw,75px)}.hero-deck h1{font-size:clamp(58px,8vw,140px);line-height:.83;letter-spacing:-.07em}.hero-deck .outline,.tech-hero .outline{color:transparent;-webkit-text-stroke:1px #b9c7d8}.hero-deck-side{border-left:1px solid rgba(110,183,255,.35);padding-left:28px}.hero-deck-side p{font-size:clamp(17px,1.55vw,22px);line-height:1.45;color:#bfccdc;margin:0}.hero-deck-side .hero-actions{margin-top:26px;gap:9px}.hero-deck-side .button{font-size:12px;padding:12px 16px}
.world-rail{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);background:#0d131e}.world-rail a{display:grid;grid-template-columns:1fr auto;gap:11px 15px;padding:clamp(24px,3.2vw,52px);border-right:1px solid var(--line);transition:background .3s}.world-rail a:last-child{border-right:0}.world-rail a:hover{background:#17263a}.world-rail a:nth-child(2):hover{background:#251629}.world-rail span{grid-column:1/-1;color:#87a6c9;font:11px ui-monospace,monospace;letter-spacing:.14em}.world-rail strong{font-size:clamp(23px,2.7vw,44px);letter-spacing:-.05em;line-height:1}.world-rail i{font-style:normal;font-size:24px;color:#7bb8ff;align-self:end}
.brandtile[hidden]{display:none}
.tech-hero{position:relative;min-height:90svh;display:flex;align-items:end;padding:180px 0 100px;background:linear-gradient(90deg,rgba(6,9,14,.91),rgba(6,9,14,.18) 75%),linear-gradient(0deg,#07090d 0%,transparent 65%),url('/assets/production-1600.webp') center/cover}.tech-hero-inner{position:relative;width:100%}.tech-hero h1{font-size:clamp(60px,9vw,150px)}.tech-hero .hero-copy{max-width:710px}
.music-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.music-grid article{padding:42px 34px 56px;border-right:1px solid var(--line);background:linear-gradient(170deg,rgba(255,115,201,.05),transparent 65%)}.music-grid article:last-child{border:0}.music-grid span{font:11px ui-monospace,monospace;color:#ff9ad9;letter-spacing:.1em}.music-grid h3{font-size:clamp(30px,3vw,46px);letter-spacing:-.06em;margin:48px 0 18px}.music-grid p{color:#b8c2d0;line-height:1.6;max-width:350px}.music-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.artist-hero{min-height:75svh}.artist-hero .hero-copy{max-width:680px}
.wrap{width:min(var(--max),100%);margin-inline:auto;padding-inline:var(--pad)}.form-intro{padding-top:165px}.form-intro .lead{font-size:clamp(19px,2vw,28px);line-height:1.4;max-width:720px;color:#b9c8d8}.form-intro .star{color:#7dbaff}.form-aside h3{font-size:32px;line-height:1.1;letter-spacing:-.045em}.form-card{scroll-margin-top:105px}.form-card .status a{text-decoration:underline}
:focus-visible{outline:2px solid #77bcff;outline-offset:4px}.brand-hero .button:focus-visible,.world-rail a:focus-visible{outline-color:#fff}.filterbar button[aria-pressed="true"]{background:#0a0d12;color:#fff}.artist-main.active{display:block}.production-main{display:block}
@media(max-width:1100px){.nav{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.navlinks{display:flex;justify-self:center;gap:13px;font-size:12px}.actions .world-switch{display:none}.hero-deck-layout{grid-template-columns:1fr}.hero-deck-side{max-width:700px}.hero-art{min-height:0;height:66vw}.music-grid article{padding:32px 22px}}
@media(max-width:780px){.nav{grid-template-columns:1fr auto}.navlinks{display:none}.mobile-menu{display:block}.topbar .actions{display:none}.hero-art{height:65vw;min-height:0}.hero-deck{margin-top:0;padding-top:24px}.hero-deck h1{font-size:clamp(52px,11vw,88px)}.hero-deck-side{border-left:0;border-top:1px solid rgba(110,183,255,.35);padding:22px 0 0}.world-rail{grid-template-columns:1fr}.world-rail a{padding:25px var(--pad);border-right:0;border-bottom:1px solid var(--line)}.world-rail a:last-child{border:0}.music-grid{grid-template-columns:1fr}.music-grid article{border-right:0;border-bottom:1px solid var(--line)}.music-grid article:last-child{border-bottom:0}.music-grid h3{margin-top:25px}.tech-hero{min-height:75svh;padding:180px 0 80px;background-image:linear-gradient(0deg,#07090d,rgba(7,9,13,.1)),url('/assets/production-900.webp')}.navlinks.open{display:flex}.artist-hero{min-height:70svh}}
@media(max-width:540px){.brand-hero{padding-top:60px}.hero-art{height:77vw;background:#060b16}.hero-art img{object-fit:contain}.hero-deck h1{font-size:clamp(49px,12vw,72px)}.hero-deck-side .button{width:100%;justify-content:space-between}.hero-deck .eyebrow{font-size:10px;letter-spacing:.1em}.world-rail strong{font-size:32px}.tech-hero h1{font-size:clamp(51px,11vw,76px)}.artist-hero h1{font-size:clamp(58px,12vw,95px)}}

/* Weddings are a section of the Artist offering, not a separate destination. */
.world-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
.wedding-feature{scroll-margin-top:74px}
.wedding-detail{background:linear-gradient(180deg,#10111a,#080b10);padding-block:clamp(85px,9vw,135px)}
.wedding-detail .detailgrid{margin-top:45px}
.wedding-faq{margin-top:clamp(75px,9vw,130px)}
.wedding-faq h3{font-size:clamp(34px,5vw,65px);letter-spacing:-.06em;margin:0 0 30px}
@media(max-width:780px){.world-rail{grid-template-columns:1fr}}

/* The system matrix responds clearly to a pointer while remaining informational. */
.network{padding-bottom:clamp(80px,8vw,120px)}
.brandtile{--tile-glow:#66aaf8;isolation:isolate;overflow:hidden;transition:background .32s ease,color .32s ease,box-shadow .32s ease,transform .32s ease}
.brandtile[data-cat~="light"]{--tile-glow:#f185cf}
.brandtile[data-cat~="control"]{--tile-glow:#6de6d9}
.brandtile[data-cat~="comms"]{--tile-glow:#ffc780}
.brandtile::after{content:"";position:absolute;top:19px;left:20px;width:43px;height:2px;background:var(--tile-glow);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.brandtile span{position:relative;z-index:1;transition:transform .32s ease,color .32s ease}
.brandtile small{transition:bottom .32s ease,color .32s ease}
.filterbar button{transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.filterbar button:hover:not(.active){background:#dce8f5;border-color:#6e9fd3;color:#0b1a2b;transform:translateY(-2px)}
@media(hover:hover){
  .brandtile:hover{z-index:2;background:radial-gradient(circle at 82% 24%,rgba(82,161,255,.17),transparent 55%),#0c1524;color:#fff;box-shadow:inset 0 0 0 2px var(--tile-glow),0 18px 35px rgba(7,22,42,.22);transform:translateY(-5px)}
  .brandtile:hover::after{transform:scaleX(1)}
  .brandtile:hover span{transform:translateY(-5px);color:#fff}
  .brandtile:hover small{bottom:16px;color:var(--tile-glow)}
}
@media(max-width:720px){.network{padding-bottom:82px}.brandtile::after{top:12px;left:13px}}

/* World switch remains available on every destination, including mobile. */
.static-artist .topbar .world-switch{display:flex}
.world-switch a[aria-current="page"]{background:#fff;color:#080c12}
@media(max-width:1100px){
  .topbar .actions .world-switch{display:flex}
  .topbar .actions{grid-column:1/-1;justify-self:end}
}
@media(max-width:780px){
  .topbar .actions{display:flex;grid-column:1/-1;justify-self:stretch;width:100%;margin-top:4px}
  .topbar .world-switch{width:100%}
  .topbar .world-switch a{flex:1;text-align:center}
  .topbar .actions .cta-small{display:none}
  .topbar .navlinks.open{top:100%}
}

/* Discography and click-to-load Spotify player. */
.release-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:26px;margin:68px 0 10px}
.release-intro{padding:clamp(26px,4vw,52px);border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 85% 15%,rgba(255,112,197,.2),transparent 45%),linear-gradient(145deg,#231527,#11131e 72%);border-radius:26px}
.release-intro h3{font-size:clamp(46px,7vw,92px);line-height:.91;letter-spacing:-.07em;margin:18px 0 24px}
.release-intro>p{color:#c9c5d2;font-size:17px;line-height:1.6;max-width:550px}
.release-intro>a{display:inline-block;margin:10px 0 28px;color:#fff;text-decoration:underline;text-underline-offset:5px}
.release-player{padding-top:24px;border-top:1px solid rgba(255,255,255,.17)}
.release-player iframe{display:block;border:0;border-radius:13px;background:#171821;max-width:100%}
.release-play{cursor:pointer;background:#f6f4ff;color:#0a0d12;border-color:#f6f4ff}
.release-play:hover{background:#ffc2e6;color:#0a0d12}
.release-privacy{font-size:12px!important;color:#aeb3c1!important;line-height:1.55!important;margin:16px 0 0!important}
.release-list{list-style:none;counter-reset:none;margin:0;padding:10px 26px;border:1px solid rgba(255,255,255,.18);border-radius:26px;background:#0d1119}
.release-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.11)}
.release-list li:last-child{border-bottom:0}
.release-list li span,.release-list li small{font:12px ui-monospace,monospace;color:#a4aab9}
.release-list li span{color:#f78bcb}
.release-list li strong{font-size:clamp(15px,1.5vw,20px);letter-spacing:-.025em}
@media(max-width:900px){.release-showcase{grid-template-columns:1fr}.release-intro h3{font-size:clamp(48px,9vw,80px)}}
@media(max-width:540px){.release-showcase{gap:14px;margin-top:48px}.release-list{padding:6px 18px}.release-list li{gap:8px}}


/* Ergänzungen für die eigenständige STRATO-Website */
.brand-logo{width:58px;height:38px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 8px rgba(68,156,255,.32));transition:filter .25s,transform .25s}
.brand:hover .brand-logo{filter:drop-shadow(0 0 14px rgba(81,166,255,.72));transform:translateY(-2px)}
.related-seo{padding:65px 0 115px}.related-seo h2{font-size:clamp(34px,5vw,66px);line-height:1.03;letter-spacing:-.045em;max-width:850px;margin:18px 0 36px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.19);border-left:1px solid rgba(255,255,255,.19)}
.related-grid a{padding:28px;min-height:138px;border-right:1px solid rgba(255,255,255,.19);border-bottom:1px solid rgba(255,255,255,.19);font-size:clamp(20px,2vw,30px);font-weight:700;transition:background .2s,transform .2s}
.related-grid a:hover{background:rgba(85,156,246,.16);transform:translateY(-2px)}
.related-grid a span{display:block;margin-top:18px;color:#b4c2d5;font-size:13px;font-weight:400;line-height:1.5}
.info-hero{min-height:500px;padding:170px 0 90px;background:linear-gradient(110deg,rgba(6,9,16,.96) 2%,rgba(6,12,25,.72) 60%,rgba(4,8,18,.8)),url('/assets/production-1600.webp') center/cover}
.info-hero.artist-color{background-image:linear-gradient(110deg,rgba(6,9,16,.97),rgba(20,12,38,.72)),url('/assets/artist-1600.webp')}
.info-hero h1{font-size:clamp(48px,8vw,112px);line-height:.94;letter-spacing:-.065em;max-width:1000px;margin:25px 0 26px}
.info-hero p{font-size:clamp(17px,2vw,24px);max-width:760px;line-height:1.5;color:#d5deeb}
.info-body{padding:85px 0 120px}.info-body h2{font-size:clamp(32px,4vw,58px);letter-spacing:-.045em;margin:0 0 20px;line-height:1.09}
.info-body h3{font-size:24px;margin:0 0 12px}.info-body p,.info-body li{color:#bdc7d3;line-height:1.72;font-size:17px}
.info-body a:not(.button){text-decoration:underline;text-decoration-color:#5a9df5;text-underline-offset:4px}
.info-block{padding:58px 0;border-bottom:1px solid rgba(255,255,255,.15);max-width:1010px}
.info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0}
.info-cards article{padding:26px;background:#101923;border:1px solid #263444;min-height:210px}
.info-cards p{font-size:15px;margin-bottom:0}.info-cta{margin:50px 0;padding:45px;background:linear-gradient(120deg,#132a49,#09111f);border:1px solid #4d80ad}
.info-cta p{margin:10px 0 26px}.info-body details{padding:20px 0;border-bottom:1px solid #304050}.info-body summary{cursor:pointer;font-size:19px;font-weight:700}
.info-body details p{padding-left:1px;margin-bottom:2px}
.info-body .legal{max-width:790px}.legal h2{font-size:clamp(27px,3vw,40px);margin-top:45px}.legal p{font-size:16px}
.planner{max-width:830px}.planner label{display:block;margin:20px 0;color:#e7edf5;font-weight:600}.planner input,.planner select,.planner textarea{display:block;width:100%;padding:15px;border:1px solid #60708a;background:#0e1521;color:#fff;margin-top:7px;font:inherit;border-radius:4px}
.planner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.form-note a{color:#d7ecff;text-decoration:underline}
@media(max-width:800px){.related-grid,.info-cards{grid-template-columns:1fr 1fr}.info-hero{padding:145px 0 72px;min-height:440px}}
@media(max-width:600px){.related-grid,.info-cards,.planner-grid{grid-template-columns:1fr}.related-seo{padding-bottom:80px}.info-hero h1{font-size:clamp(46px,13vw,70px)}.info-cta{padding:26px}}
