@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');:root{--i:#101116;--p:#e9e5dd;--x:#ff4b93;--m:#aaa59e;--l:rgba(233,229,221,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--i);color:var(--p);font-family:Manrope,Arial,sans-serif}header{position:absolute;z-index:3;width:100%;height:76px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--l)}.logo img,footer img{width:74px;filter:brightness(0) invert(1)}nav{display:flex;gap:28px}a{color:inherit}nav a,header>a:not(.logo),footer a{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}header>a:not(.logo){border-bottom:1px solid var(--p);padding-bottom:3px}.section{padding:clamp(76px,10vw,150px) clamp(22px,8vw,150px)}.section>p,.hero>div>p:first-child,.release small,.formats small{font:400 .65rem 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.hero{min-height:720px;height:100vh;background:linear-gradient(90deg,rgba(10,11,15,.96),rgba(10,11,15,.54) 42%,rgba(10,11,15,.08)),linear-gradient(0deg,rgba(10,11,15,.67),transparent 44%),url('assets/live-hero.jpg') center/cover}.hero>div{padding:clamp(155px,20vh,230px) clamp(22px,8vw,150px);max-width:860px}.hero h1{font-size:clamp(4.2rem,9vw,9rem)}h1,h2,h3{letter-spacing:-.07em;line-height:.82;margin:18px 0}h1{font-weight:800}h1 i,h2 i{font:500 1em 'Playfair Display',serif}.hero>div>p:not(:first-child){max-width:470px;line-height:1.7;color:#d4cec6}.button{display:inline-block;margin-top:24px;padding:14px 18px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.light{background:var(--p);color:var(--i)}.pink{background:var(--x);color:var(--i)}.intro{background:var(--p);color:var(--i)}.intro>div{display:grid;grid-template-columns:1.2fr .7fr;gap:9vw;margin-top:52px}.intro h2,.formats h2,.media h2,.booking h2,.catalog h2{font-size:clamp(2.8rem,6vw,7rem)}.intro aside p{line-height:1.8;margin-top:0}.intro aside img{width:100%;max-width:320px;margin-top:25px;mix-blend-mode:multiply}.principles>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid var(--l);border-left:1px solid var(--l)}.principles article{min-height:225px;padding:20px;border-right:1px solid var(--l);border-bottom:1px solid var(--l);font:400 .7rem 'DM Mono',monospace;color:var(--x)}.principles h3{margin-top:90px;color:var(--p);font:700 clamp(1.25rem,1.8vw,2rem) Manrope,sans-serif}.formats{background:#18191f}.formats>h2,.media h2{margin-left:38%;margin-top:-18px}.formats>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:65px}.formats article{min-height:480px;display:flex;flex-direction:column;padding:28px;background:#25262d}.formats article+article{background:linear-gradient(135deg,#321a31,#252139)}.formats small{color:var(--x)}.formats h3{font-size:clamp(2.6rem,5vw,5.8rem)}.formats article p{margin-top:auto;max-width:440px;line-height:1.75;color:#d1cbc4}.formats b{font:400 .65rem 'DM Mono',monospace;color:#b6b1aa}.release{display:grid;grid-template-columns:minmax(260px,.75fr) 1.2fr;gap:clamp(42px,10vw,145px);align-items:center}.release>img{width:100%;aspect-ratio:1;object-fit:cover;box-shadow:-14px 14px var(--x)}.release small{color:var(--x)}.release h2{font-size:clamp(3rem,6vw,7rem)}.release div>p:not(:first-child){max-width:520px;line-height:1.75;color:#c5bfb8}.release a,.all{font-size:.75rem;font-weight:800;text-decoration:none}.catalog{background:radial-gradient(ellipse at 75% 0,rgba(94,58,145,.32),transparent 48%),#14151a}.catalog-title{display:grid;grid-template-columns:.8fr 1.1fr .6fr;gap:30px;align-items:end;margin-bottom:52px}.catalog-title>p:last-child{line-height:1.7;color:#c0bab3}.tracks{border-top:1px solid var(--l)}.tracks a{display:grid;grid-template-columns:70px 68px 1fr auto 32px;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--l);text-decoration:none;transition:.2s}.tracks a:hover{padding-left:16px;background:rgba(255,255,255,.05)}.tracks b,.tracks small,.tracks em{color:var(--m)}.tracks b{font:400 .7rem 'DM Mono',monospace}.tracks img{width:68px;height:68px;object-fit:cover}.tracks span{display:grid;gap:6px}.tracks strong{font-size:clamp(1rem,1.8vw,1.45rem);letter-spacing:-.04em}.tracks em{font-style:normal}.all{display:inline-block;margin-top:28px}.media{background:var(--p);color:var(--i)}.media>div{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:280px 280px;gap:10px;margin-top:65px}.media img{width:100%;height:100%;object-fit:cover}.media .big{grid-row:span 2}.booking{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;background:radial-gradient(ellipse at 80% 20%,rgba(255,75,147,.2),transparent 40%)}.booking aside>p{max-width:430px;line-height:1.75;color:#c8c2bb}.booking aside>p:last-child{font-size:.73rem}.booking aside>p:last-child a{text-decoration:none}footer{display:flex;align-items:center;justify-content:space-between;padding:26px clamp(22px,5vw,80px);border-top:1px solid var(--l)}footer span{color:var(--m);font:400 .6rem 'DM Mono',monospace;text-transform:uppercase}@media(max-width:760px){header{height:64px}nav{display:none}.hero{min-height:680px}.hero h1{font-size:clamp(3.5rem,16vw,6rem)}.intro>div,.release,.booking{grid-template-columns:1fr}.intro aside img{max-width:260px}.principles>div{grid-template-columns:1fr 1fr}.principles article{min-height:180px}.principles h3{margin-top:55px}.formats>h2,.media h2{margin:30px 0 0}.formats>div{grid-template-columns:1fr;margin-top:42px}.formats article{min-height:400px}.catalog-title{grid-template-columns:1fr;gap:20px;margin-bottom:36px}.tracks a{grid-template-columns:34px 52px 1fr 25px;gap:12px}.tracks img{width:52px;height:52px}.tracks em{display:none}.media>div{grid-template-columns:1fr 1fr;grid-template-rows:250px 200px 200px;margin-top:40px}.media .big{grid-column:1/-1;grid-row:auto}footer{flex-wrap:wrap;gap:16px}footer span{order:3;width:100%}}@media(max-width:420px){.principles>div{grid-template-columns:1fr}.section{padding-left:20px;padding-right:20px}}
