@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8dfcf;color:#191713;font-family:Inter,Arial,sans-serif;padding-bottom:96px}.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);background:#d9ccb8;overflow:hidden}.cover-wrap{min-height:100svh}.cover{width:100%;height:100%;object-fit:cover;display:block}.hero-copy{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center;position:relative}.eyebrow,.small{font-size:12px;letter-spacing:.22em;font-weight:800}.hero h1{font-family:Oswald,sans-serif;font-size:clamp(62px,8vw,138px);line-height:.83;margin:28px 0 25px;letter-spacing:-.05em}.hero p{font-size:clamp(19px,2vw,29px);line-height:1.35;margin:0 0 36px}.primary{width:max-content;border:0;background:#181613;color:#fff;padding:18px 25px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.scribble,.signature{font-family:cursive;font-size:22px;transform:rotate(-3deg);margin-top:48px}.tracks{max-width:1100px;margin:auto;padding:90px 30px}.section-head{display:flex;justify-content:space-between;border-bottom:2px solid #1b1915;padding-bottom:15px;font-weight:800;font-size:12px;letter-spacing:.15em}.track{display:grid;grid-template-columns:60px 1fr auto;align-items:center;border-bottom:1px solid rgba(25,23,19,.22);padding:19px 4px;cursor:pointer;transition:.2s}.track:hover,.track.active{padding-left:14px;background:rgba(255,255,255,.28)}.track-no{font-family:Oswald;font-size:22px;color:#746b5d}.track-title{font-size:18px;font-weight:700}.track-action{border:1px solid #777064;background:transparent;border-radius:50%;width:39px;height:39px;font-size:15px}.manifesto{background:#1a1815;color:#eee5d7;padding:100px max(30px,calc((100vw - 1040px)/2));min-height:65vh}.manifesto h2{font-family:Oswald;font-size:clamp(58px,9vw,120px);line-height:.9;margin:30px 0}.manifesto p{font-size:clamp(18px,2vw,26px);line-height:1.55;max-width:780px;color:#c9c0b3}.player{position:fixed;z-index:50;left:0;right:0;bottom:0;background:rgba(20,18,15,.96);color:#fff;box-shadow:0 -8px 35px #0003;backdrop-filter:blur(16px)}.progress-wrap{height:6px;background:#4b4741;cursor:pointer}.progress{height:100%;width:0;background:#e3c591}.player-inner{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:auto;padding:0 22px}.now{display:flex;align-items:center;gap:13px;min-width:0}.now .num{font-family:Oswald;font-size:25px;color:#d6bd91}.now strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now small{display:block;color:#aaa49a;margin-top:3px}.controls{display:flex;align-items:center;gap:10px}.controls button{border:0;color:#fff;background:transparent;font-size:30px;width:42px;height:42px;cursor:pointer}.controls .play{background:#eee5d7;color:#181613;border-radius:50%;font-size:16px}
@media(max-width:760px){body{padding-bottom:82px}.hero{display:block;min-height:auto}.cover-wrap{height:58svh;min-height:0}.cover{object-position:center}.hero-copy{padding:35px 22px 55px}.eyebrow{font-size:10px}.hero h1{font-size:58px;margin:20px 0 18px}.hero p{font-size:18px;margin-bottom:25px}.primary{width:100%;padding:17px}.scribble{margin-top:30px;font-size:18px}.tracks{padding:55px 18px}.track{grid-template-columns:45px 1fr 40px;padding:17px 2px}.track-title{font-size:16px}.manifesto{padding:70px 22px}.player-inner{height:74px;padding:0 12px}.now .num{display:none}.now{max-width:55%}.now strong{font-size:14px}.now small{font-size:11px}.controls{gap:2px}.controls button{width:36px}.cover-wrap{background:#15130f}}

/* v2 — interactive album */
.cover-stage{position:relative;width:100%;height:100%;overflow:hidden;background:#171512;isolation:isolate}.cover-stage:after{content:"";position:absolute;inset:-25%;z-index:0;background:radial-gradient(circle at 48% 48%,rgba(226,188,126,.25),transparent 43%);opacity:0;transform:scale(.7);pointer-events:none}.cover{position:relative;z-index:1;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .8s ease}.cover-shade{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(15,13,10,.44),transparent 32%);opacity:0;transition:.5s}.cover-play{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(15,13,10,.48);backdrop-filter:blur(8px);color:#fff;cursor:pointer;box-shadow:0 12px 45px #0006;transition:.35s}.cover-play span{display:block;font-size:27px;margin-left:5px}.cover-play:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(15,13,10,.72)}.now-playing-badge{position:absolute;z-index:5;left:22px;bottom:22px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:rgba(17,15,12,.72);color:#fff;font-size:10px;font-weight:800;letter-spacing:.16em;backdrop-filter:blur(10px);opacity:0;transform:translateY(10px);transition:.4s}.live-dot{width:7px;height:7px;border-radius:50%;background:#e6c28a;box-shadow:0 0 0 0 rgba(230,194,138,.5)}.hero-visualizer{position:absolute;z-index:4;left:0;right:0;bottom:0;height:84px;display:flex;align-items:flex-end;gap:3px;padding:0 3px;opacity:0;transition:.5s;pointer-events:none}.hero-visualizer i{flex:1;height:10%;background:linear-gradient(to top,rgba(234,204,155,.72),rgba(255,255,255,.08));transform-origin:bottom;animation:eq 1s ease-in-out infinite alternate;animation-play-state:paused}.hero-visualizer i:nth-child(3n){animation-duration:.63s}.hero-visualizer i:nth-child(4n){animation-duration:.82s}.hero-visualizer i:nth-child(5n){animation-duration:1.13s}.hero-visualizer i:nth-child(7n){animation-duration:.51s}@keyframes eq{0%{height:8%}35%{height:62%}70%{height:25%}100%{height:90%}}
body.is-playing .cover-stage:after{opacity:1;animation:breathe 4s ease-in-out infinite}body.is-playing .cover{transform:scale(1.018);filter:saturate(1.07) contrast(1.025)}body.is-playing .cover-shade{opacity:1}body.is-playing .cover-play{width:62px;height:62px;top:auto;left:auto;right:20px;bottom:20px;transform:none;background:rgba(15,13,10,.76)}body.is-playing .cover-play:hover{transform:scale(1.06)}body.is-playing .cover-play span{font-size:18px;margin:0}body.is-playing .now-playing-badge{opacity:1;transform:none}body.is-playing .live-dot{animation:pulse 1.4s infinite}body.is-playing .hero-visualizer{opacity:.72}body.is-playing .hero-visualizer i{animation-play-state:running}@keyframes breathe{50%{transform:scale(1.15);opacity:.65}}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(230,194,138,0)}}
.track{position:relative;overflow:hidden}.track:before{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:#1c1914;transition:width .35s}.track.active:before{width:100%}.track.active .track-no{color:#1c1914}.track.active .track-title:after{content:"  •  СЕЙЧАС";font-size:9px;letter-spacing:.14em;color:#847765;vertical-align:middle;margin-left:8px}.track-action{cursor:pointer;transition:.25s}.track.active .track-action{background:#1b1915;color:#fff;border-color:#1b1915}.primary{transition:transform .25s,box-shadow .25s}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0002}.progress{position:relative;box-shadow:0 0 16px rgba(227,197,145,.35)}.progress span{position:absolute;right:-5px;top:50%;width:10px;height:10px;border-radius:50%;background:#f3dfbb;transform:translateY(-50%);box-shadow:0 0 12px #e3c591}.mini-eq{width:20px;height:24px;display:flex;gap:2px;align-items:flex-end}.mini-eq i{width:4px;height:25%;background:#d6bd91;border-radius:2px;animation:minieq .65s ease-in-out infinite alternate;animation-play-state:paused}.mini-eq i:nth-child(2){animation-duration:.42s}.mini-eq i:nth-child(3){animation-duration:.82s}body.is-playing .mini-eq i{animation-play-state:running}@keyframes minieq{to{height:95%}}
@media(max-width:760px){.hero{background:#171512;color:#eee5d7}.cover-wrap{height:auto;min-height:0;padding:0;background:#171512}.cover-stage{width:100%;height:auto;aspect-ratio:1/1}.cover{width:100%;height:100%;object-fit:contain;object-position:center}.hero-copy{background:#d9ccb8;color:#191713;padding:30px 20px 48px}.hero h1{font-size:clamp(52px,17vw,72px);line-height:.84}.hero p br{display:none}.cover-play{width:72px;height:72px}.now-playing-badge{left:14px;bottom:14px}.hero-visualizer{height:58px}.track.active .track-title:after{display:none}.mini-eq{display:flex}.player{padding-bottom:env(safe-area-inset-bottom)}.player-inner{height:70px}.progress-wrap{height:5px}.now{max-width:58%}.controls .play{width:42px;height:42px}}
@media(max-width:390px){.hero-copy{padding-left:17px;padding-right:17px}.hero h1{font-size:52px}.scribble{font-size:16px}.tracks{padding-left:14px;padding-right:14px}.track{grid-template-columns:39px 1fr 38px}.track-title{font-size:15px}.now{max-width:52%}.mini-eq{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v3 — cinematic track experience */
:root{--track-accent:#d6b57d;--track-dark:#17130f;--track-warm:#8d5f35}
.experience{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--track-dark);color:#f4eadb;isolation:isolate;transition:background 1s ease}.ambient-cover{position:absolute;inset:-8%;z-index:-4;background:url('../images/album-cover.png') center/cover no-repeat;filter:blur(36px) saturate(.7);opacity:.17;transform:scale(1.15);transition:filter 1s,opacity 1s}.experience:after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 72% 35%,color-mix(in srgb,var(--track-accent) 28%,transparent),transparent 33%),linear-gradient(115deg,rgba(5,4,3,.35),rgba(5,4,3,.92) 68%);pointer-events:none}.experience-inner{width:min(1100px,100%);margin:auto;padding:90px 30px;position:relative}.experience-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.2em;color:#d8cbb9}.exp-number{position:absolute;right:1%;top:50%;transform:translateY(-54%);font-family:Oswald,sans-serif;font-size:clamp(230px,34vw,520px);line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);user-select:none;pointer-events:none}.experience h2{position:relative;font-family:Oswald,sans-serif;font-size:clamp(70px,12vw,170px);line-height:.82;letter-spacing:-.045em;max-width:900px;margin:17vh 0 35px;text-transform:uppercase;text-wrap:balance}.exp-quote{position:relative;font-size:clamp(19px,2.2vw,30px);line-height:1.45;max-width:650px;color:#d8cbb9;margin:0 0 42px}.exp-quote:before{content:"“";color:var(--track-accent);font-family:Georgia,serif;font-size:70px;line-height:0;vertical-align:-25px;margin-right:5px}.exp-controls{display:flex;align-items:center;gap:16px}.exp-controls button{width:54px;height:54px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:21px;cursor:pointer;backdrop-filter:blur(8px);transition:.25s}.exp-controls .exp-play{width:72px;height:72px;background:var(--track-accent);border-color:var(--track-accent);color:#17130f;font-size:20px;box-shadow:0 0 50px color-mix(in srgb,var(--track-accent) 30%,transparent)}.exp-controls button:hover{transform:scale(1.07)}.exp-timeline{height:3px;max-width:650px;background:rgba(255,255,255,.16);margin-top:36px;cursor:pointer}.exp-timeline div{height:100%;width:0;background:var(--track-accent);box-shadow:0 0 15px var(--track-accent)}.exp-time{max-width:650px;display:flex;justify-content:space-between;margin-top:8px;font-size:10px;letter-spacing:.1em;color:#a99d8e}.to-tracks{margin-top:45px;border:0;background:none;color:#cbbdac;font-size:10px;font-weight:800;letter-spacing:.2em;cursor:pointer;padding:10px 0}.road-glow{position:absolute;z-index:-1;width:75vw;height:2px;right:-15vw;bottom:17%;background:linear-gradient(90deg,transparent,var(--track-accent),transparent);transform:rotate(-7deg);opacity:.18;box-shadow:0 0 35px var(--track-accent)}.dust i{position:absolute;z-index:-1;width:3px;height:3px;border-radius:50%;background:var(--track-accent);opacity:.18;animation:drift 8s linear infinite}.dust i:nth-child(1){left:8%;top:18%;animation-delay:-2s}.dust i:nth-child(2){left:28%;top:70%;animation-delay:-5s}.dust i:nth-child(3){left:54%;top:24%;animation-delay:-1s}.dust i:nth-child(4){left:72%;top:63%;animation-delay:-7s}.dust i:nth-child(5){left:88%;top:34%;animation-delay:-3s}.dust i:nth-child(6){left:42%;top:84%;animation-delay:-6s}.dust i:nth-child(7){left:17%;top:45%;animation-delay:-4s}.dust i:nth-child(8){left:63%;top:77%;animation-delay:-8s}@keyframes drift{0%{transform:translate3d(0,35px,0);opacity:0}30%{opacity:.28}100%{transform:translate3d(70px,-80px,0);opacity:0}}
body:not(.is-playing) .experience .dust i{animation-play-state:paused}.track{transition:background .35s,padding .25s,transform .25s}.track.active{transform:translateX(3px)}.track.active .track-title{color:var(--track-warm)}
@media(max-width:760px){.experience{min-height:92svh}.experience-inner{padding:70px 20px 95px}.experience-top{font-size:9px}.exp-number{right:-5%;top:28%;font-size:55vw}.experience h2{font-size:clamp(56px,17vw,82px);margin:21vh 0 28px;max-width:95%;word-break:normal}.exp-quote{font-size:18px;max-width:88%;min-height:78px}.exp-controls .exp-play{width:68px;height:68px}.exp-timeline,.exp-time{max-width:100%}.road-glow{width:130vw;right:-45vw;bottom:22%}.ambient-cover{inset:-15%;filter:blur(42px) saturate(.75);opacity:.2}}
@media(max-width:390px){.experience h2{font-size:14.5vw}.exp-quote{font-size:16px}.exp-number{top:25%}}

/* v4 — WOW: chapters, swipe, immersive mode */
.chapter-meta{margin-top:22px;font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--track-accent);opacity:.9}.album-dots{display:flex;gap:7px;align-items:center;margin:0 0 34px;position:relative;z-index:2}.album-dots button{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.24);cursor:pointer;transition:.35s}.album-dots button.active{width:30px;border-radius:9px;background:var(--track-accent);box-shadow:0 0 16px color-mix(in srgb,var(--track-accent) 55%,transparent)}.experience-actions{display:flex;align-items:center;gap:28px}.immersive{border:0;background:none;color:#cbbdac;font-size:10px;font-weight:800;letter-spacing:.16em;cursor:pointer;padding:10px 0}.swipe-hint{display:none}.experience:before{content:"";position:absolute;z-index:-1;inset:-40% -10%;background:linear-gradient(105deg,transparent 42%,color-mix(in srgb,var(--track-accent) 11%,transparent) 50%,transparent 58%);transform:translateX(-55%);animation:lightSweep 10s ease-in-out infinite;pointer-events:none}@keyframes lightSweep{0%,28%{transform:translateX(-55%)}70%,100%{transform:translateX(55%)}}.experience.track-changing .experience-inner{animation:chapterIn .58s cubic-bezier(.2,.8,.2,1)}@keyframes chapterIn{0%{opacity:.25;transform:translateY(18px) scale(.99)}100%{opacity:1;transform:none}}body.is-playing .exp-number{animation:numberFloat 5s ease-in-out infinite}@keyframes numberFloat{50%{transform:translateY(-56%) translateX(-5px)}}
body.immersive-album{overflow:hidden;padding-bottom:0}body.immersive-album .player{transform:translateY(110%)}body.immersive-album .experience{position:fixed;z-index:100;inset:0;min-height:100svh}body.immersive-album .experience-inner{padding-top:max(38px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}body.immersive-album .immersive{color:var(--track-accent)}.player{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
@media(max-width:760px){.chapter-meta{margin-top:15px;font-size:8px}.album-dots{gap:6px;margin-bottom:24px}.album-dots button{width:5px;height:5px}.album-dots button.active{width:24px}.experience h2{margin-top:13vh}.exp-quote{margin-bottom:22px}.swipe-hint{display:block;margin-top:24px;font-size:8px;font-weight:800;letter-spacing:.18em;color:#887e71;opacity:.8}.experience-actions{justify-content:space-between}.experience{touch-action:pan-y}.cover-stage{max-height:100svh}.cover{object-fit:contain}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;left:0;right:0;top:-35px;height:36px;background:linear-gradient(to top,#d9ccb8,transparent);pointer-events:none}}
@media(prefers-reduced-motion:reduce){.experience:before{display:none}}