:root{--gold:#d4a34a;--gold2:#f1cb79;--rose:#f08b9d;--pink:#ff4f9f;--text:#f6f4ef;--muted:#bcb7ae;--line:rgba(216,166,73,.43)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#030303;color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-bg{position:fixed;inset:0;z-index:-3;background:#030303 url("../images/image_1.jpg") center top/760px auto repeat;}
.site-bg:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.46)}
.wrap{width:min(1180px,calc(100% - 30px));margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(3,3,3,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{height:78px;display:flex;align-items:center;gap:28px}
.real-logo{width:176px;max-height:65px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(86,117,255,.18))}
nav{margin-left:auto;display:flex;gap:25px;align-items:center}
nav a{font-size:12px;letter-spacing:.5px}
nav a:hover{color:#ff92c1}
.top-btn,.btn{border:1px solid var(--gold);border-radius:999px;padding:14px 22px;background:rgba(0,0,0,.55);transition:.2s}
.top-btn:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(255,75,155,.22)}
.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:25px}

.hero{min-height:740px;display:grid;grid-template-columns:46% 54%;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.3))}
.hero-copy{padding:75px 34px 55px max(16px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.kicker{font-size:11px;letter-spacing:5px;color:#ddd}
.hero h1{font:italic 800 clamp(76px,8.6vw,136px)/.78 Georgia,serif;letter-spacing:-5px;margin:16px 0 22px;background:linear-gradient(135deg,#ffe4c2,#f3a6a3 30%,#ef7892 56%,#cf765f 78%,#ffe4bd);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(255,68,146,.2))}
.tag{font-size:12px;letter-spacing:7px;margin-bottom:20px}
.hero p{font-size:17px;line-height:1.7;color:#d5d0c8;max-width:520px}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0 20px}
.btn.primary{border-color:var(--pink);box-shadow:0 0 20px rgba(255,70,158,.15)}
.platform-mini{display:flex;gap:17px;flex-wrap:wrap;color:#ddd;font-size:12px}
.hero-art{
  min-height:820px;
  position:relative;
  background-image:url("../images/image_2.png");
  background-position:center center;
  background-size:contain;
  background-repeat:no-repeat;
}
.hero-art:after{content:none}

section{padding:64px 0;border-bottom:1px solid var(--line)}
.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}
.head h2{margin:0;font:700 clamp(40px,5vw,64px) Georgia,serif;color:var(--gold2);letter-spacing:8px}
.head p{margin:0;color:var(--muted)}
.music-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{min-height:145px;padding:21px;border:1px solid var(--line);border-radius:17px;background:rgba(5,5,5,.82);position:relative;overflow:hidden}
.card strong{font-size:19px;display:block;margin-bottom:8px}.card span{font-size:13px;color:#aaa}.card:after{content:"→";position:absolute;right:18px;bottom:15px;color:var(--gold2);font-size:24px}
.spotify{background:linear-gradient(145deg,rgba(25,180,90,.15),rgba(0,0,0,.88))}.apple{background:linear-gradient(145deg,rgba(250,65,135,.14),rgba(0,0,0,.88))}.yandex{background:linear-gradient(145deg,rgba(255,190,0,.12),rgba(0,0,0,.88))}.vk{background:linear-gradient(145deg,rgba(0,120,255,.16),rgba(0,0,0,.88))}

.book{display:grid;grid-template-columns:42% 58%;gap:36px;align-items:center}
.book-cover{aspect-ratio:4/5;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#171411,#050505);box-shadow:0 25px 70px #000;display:grid;place-items:center;padding:36px;text-align:center;color:#dfb66c;font:700 45px/1.15 Georgia,serif;position:relative}
.book-cover:before{content:"";position:absolute;inset:13px;border:1px solid rgba(214,165,72,.25);border-radius:11px}
.book-copy .eyebrow{font-size:10px;letter-spacing:6px;color:#d7ad60}
.book-copy h2{font:700 clamp(43px,5vw,66px)/.95 Georgia,serif;color:#e9c171;letter-spacing:3px;margin:9px 0 10px}
.book-copy h3{font:400 25px Georgia,serif;margin:0 0 15px}.book-copy p{color:#cbc6be;line-height:1.7}

.social{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.social .card{min-height:205px;display:flex;flex-direction:column;justify-content:flex-end}
.social .card strong{font-size:30px}.yt{background:radial-gradient(circle at 78% 22%,rgba(255,0,0,.18),transparent 32%),rgba(5,5,5,.9)}.vk2{background:radial-gradient(circle at 78% 22%,rgba(0,120,255,.2),transparent 32%),rgba(5,5,5,.9)}

.coming{text-align:center;padding:65px 0}
.footer-logo{width:230px;margin:0 auto 24px}
.coming h2{font:500 27px Georgia,serif;letter-spacing:5px;margin:0 0 10px}.coming p{color:#aaa;letter-spacing:2px}
footer{padding:28px 0 40px;color:#999;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mobile{display:none;position:fixed;z-index:50;top:68px;left:12px;right:12px;padding:15px;background:#080808;border:1px solid var(--line);border-radius:15px}.mobile a{display:block;padding:13px;border-bottom:1px solid #222}

@media(max-width:900px){nav,.top-btn{display:none}.menu{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 20px 35px}.hero-art{min-height:640px}.music-grid{grid-template-columns:1fr 1fr}.book{grid-template-columns:1fr}}
@media(max-width:580px){.nav{height:68px}.real-logo{width:145px;max-height:56px}.hero h1{font-size:64px;letter-spacing:-3px}.hero-art{min-height:500px;background-position:center top}.actions .btn{width:100%;text-align:center}.music-grid,.social{grid-template-columns:1fr}section{padding:48px 0}.head{flex-direction:column;align-items:flex-start}}

.hero-title-image{
  margin:12px 0 16px;
  line-height:0;
}
.hero-title-image img{
  display:block;
  width:min(520px,100%);
  height:auto;
  object-fit:contain;
}
@media(max-width:700px){
  .hero-title-image img{width:min(420px,100%);}
}


/* Mobile menu reliability */
header{z-index:1000}.nav{position:relative}.menu{position:relative;z-index:1002;cursor:pointer;touch-action:manipulation}.mobile{z-index:999;position:fixed;top:68px;left:0;right:0}