:root{color-scheme:only light}
html,body{background:#fbf7f1;color:#2b1b18}
:root{
  --ivory:#fbf7f1; --paper:#fff; --ink:#2b1b18; --muted:#7a6a63;
  --red:#b3202a; --red-dark:#8e1820; --gold:#c9a15a; --rose:#f1dcd8; --night:#1d1214;
  --radius:18px; --gut:clamp(16px,4vw,48px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Montserrat",system-ui,sans-serif;color:var(--ink);background:var(--ivory);line-height:1.65;font-size:17px}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.1}
h1{font-size:clamp(44px,8vw,96px);letter-spacing:.02em}
h2{font-size:clamp(32px,4.6vw,52px);margin-bottom:.5em}
h3{font-size:26px;margin-bottom:.3em}
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--gut)}
section{padding:clamp(48px,8vw,96px) 0}
.eyebrow{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:14px;font-weight:600}
.lead{font-size:clamp(18px,2.2vw,22px);color:var(--muted);max-width:38em}

/* заметка о макете */
.mock-note{background:var(--night);color:#f0e3c5;text-align:center;font-size:13px;padding:8px var(--gut)}
.mock-note b{color:var(--gold)}

/* шапка */
header.top{position:sticky;top:0;z-index:20;background:rgba(251,247,241,.92);backdrop-filter:blur(8px);border-bottom:1px solid #eadfd3}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.logo{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:700;text-decoration:none;letter-spacing:.06em}
.logo span{color:var(--red)}
nav.menu{display:flex;gap:6px 22px;flex-wrap:wrap;font-size:14px}
nav.menu a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
nav.menu a:hover,nav.menu a.on{border-color:var(--red)}

/* кнопки */
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:15px 30px;border-radius:999px;font-weight:600;font-size:16px;transition:.2s;border:2px solid var(--red)}
.btn:hover{background:var(--red-dark);border-color:var(--red-dark)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

/* первый экран */
.hero{position:relative;color:#fff;min-height:82vh;display:flex;align-items:flex-end;padding:0;background:var(--night)}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.78}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,18,20,.1) 30%,rgba(29,18,20,.88) 100%)}
.hero .wrap{position:relative;z-index:2;padding-bottom:clamp(36px,7vw,80px);padding-top:120px}
.hero .tag{font-size:clamp(17px,2.4vw,24px);max-width:30em;color:#f3e7d3;margin-top:14px}
.hero.small{min-height:56vh}
@media(min-width:900px){
  .hero img.bg{left:auto;right:0;width:56%;opacity:1;object-position:center 22%}
  .hero::after{background:linear-gradient(90deg,var(--night) 40%,rgba(29,18,20,0) 72%),linear-gradient(180deg,rgba(29,18,20,0) 65%,rgba(29,18,20,.55))}
  .hero .wrap > *{max-width:600px}
  .hero h1{font-size:clamp(44px,6.4vw,84px)}
}

/* цифры */
.stats{background:var(--night);color:#fff;padding:clamp(40px,6vw,70px) 0}
.stats .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 20px;text-align:center}
.stat b{display:block;font-family:"Cormorant Garamond",serif;font-size:clamp(44px,7vw,76px);color:var(--gold);line-height:1}
.stat span{display:block;margin-top:8px;font-size:14px;letter-spacing:.04em;color:#e9dcc9}
@media(max-width:620px){.stats .grid{grid-template-columns:repeat(2,1fr)}}

/* карточки-входы */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{display:block;text-decoration:none;background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(60,30,20,.08);transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(60,30,20,.14)}
.card img{width:100%;aspect-ratio:4/5;object-fit:cover}
.card div{padding:20px 22px 26px}
.card p{color:var(--muted);font-size:15px;margin-top:6px}
.card .go{display:inline-block;margin-top:12px;color:var(--red);font-weight:600;font-size:15px}

/* обо мне */
.about{display:grid;grid-template-columns:5fr 6fr;gap:clamp(24px,5vw,64px);align-items:center}
.about img{border-radius:var(--radius);width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;box-shadow:0 16px 44px rgba(60,30,20,.18)}
.about p{margin-bottom:1em}
.facts{list-style:none;margin:20px 0 6px;display:grid;gap:10px}
.facts li{padding-left:28px;position:relative}
.facts li::before{content:"✦";position:absolute;left:0;color:var(--gold)}
@media(max-width:780px){.about{grid-template-columns:1fr}}

/* посыл сайта */
.manifest h2{max-width:20em;font-size:clamp(34px,5.2vw,60px)}
.manifest-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,60px);margin-top:26px}
.manifest-grid>div{background:var(--paper);border-radius:var(--radius);padding:26px 28px;border-top:4px solid var(--red)}
@media(max-width:780px){.manifest-grid{grid-template-columns:1fr}}

/* блоки программ */
.programs{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:18px}
.prog{background:var(--paper);border-radius:var(--radius);padding:26px;border-top:4px solid var(--gold)}
.prog p{color:var(--muted);font-size:15.5px}
.band{background:var(--rose)}
.dark{background:var(--night);color:#f5ece0}
.dark .lead,.dark p{color:#e5d6c4}

/* галерея */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.gallery img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px}

/* треки */
.tracks{columns:2;column-gap:40px;list-style:none;counter-reset:t;max-width:620px}
.tracks li{counter-increment:t;padding:8px 0;border-bottom:1px solid #e8d8cc;break-inside:avoid}
.tracks li::before{content:counter(t,decimal-leading-zero)"  ";color:var(--red);font-weight:600;margin-right:6px}
@media(max-width:560px){.tracks{columns:1}}

/* видео-место */
.video{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--night);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#f0e3c5;text-align:center}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.video div{position:relative;padding:20px}
.video .play{width:72px;height:72px;border-radius:50%;background:var(--red);display:grid;place-items:center;margin:0 auto 14px;font-size:28px;color:#fff}
.video-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}

/* заменяемое */
.ph{background:linear-gradient(transparent 62%,rgba(201,161,90,.35) 62%);cursor:help}
.ph-box{border:2px dashed var(--gold);border-radius:var(--radius);padding:22px;background:rgba(201,161,90,.08)}
.ph-box small{display:block;color:var(--red);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:12px;margin-bottom:6px}

/* контакты */
.contact{text-align:center}
.contact .btn-row{justify-content:center}
.contact p{margin:0 auto;max-width:34em;color:var(--muted)}
.dark.contact p,.dark .prog p{color:#e9dcc9}
.dark .ph{background:linear-gradient(transparent 70%,rgba(201,161,90,.45) 70%)}
footer{background:var(--night);color:#cdbfae;text-align:center;font-size:14px;padding:32px var(--gut)}
footer a{color:var(--gold)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,60px);align-items:center}
.split img{border-radius:var(--radius);width:100%;aspect-ratio:4/5;object-fit:cover}
@media(max-width:780px){.split{grid-template-columns:1fr}}

/* настоящие клипы */
.clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,300px));gap:18px;justify-content:center;margin-top:10px}
.clip{aspect-ratio:9/16;border-radius:var(--radius);overflow:hidden;background:#000;box-shadow:0 12px 36px rgba(60,30,20,.2)}
.clip iframe{width:100%;height:100%;border:0;display:block}
.clip.wide{aspect-ratio:16/9;grid-column:1/-1;max-width:760px;margin:0 auto;width:100%}

/* путь-эволюция */
.path{text-align:center}
.path h2{max-width:20em;margin-left:auto;margin-right:auto}
.evo{width:100%;border-radius:var(--radius);box-shadow:0 16px 44px rgba(60,30,20,.16);margin-top:14px}

/* блог */
.posts{display:grid;gap:34px;max-width:760px;margin:0 auto}
.post{background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(60,30,20,.08)}
.post img{width:100%;max-height:520px;object-fit:cover}
.post .body{padding:22px 26px 28px}
.post time{color:var(--red);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.post p{margin-top:10px;white-space:pre-line}
.post .sample{display:inline-block;margin-left:10px;background:rgba(201,161,90,.25);color:#7a5a1d;border-radius:99px;padding:2px 10px;font-size:11px;letter-spacing:.06em}
.empty{text-align:center;color:var(--muted)}
.post .pics{display:grid;gap:3px}
.post .pics.n2,.post .pics.n4{grid-template-columns:1fr 1fr}
.post .pics.n3{grid-template-columns:1fr 1fr}
.post .pics.n3 img:first-child{grid-column:1/-1}
.post .pics img{max-height:420px}

/* исправления для телефона */
.stat .ph,.stat span.ph{background:none}
@media(max-width:780px){
  header.top{position:static}
  nav.menu{gap:4px 16px;font-size:13.5px}
  .hero{min-height:74vh}
  .mock-note{font-size:12px}
}

/* без золотого подчёркивания */
.ph,.dark .ph,.stat .ph{background:none !important;cursor:auto}

/* встроенные видео */
.clip{position:relative}
.clip video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.snd{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(29,18,20,.65);color:#fff;font-size:19px;cursor:pointer;line-height:1}
.snd:hover{background:rgba(179,32,42,.9)}
/* переключатель языка и теги */
.menu .lang{border:1px solid var(--ink);border-radius:99px;padding:2px 12px;font-weight:600;font-size:13px;margin-left:4px}
.menu .lang:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.chips span{background:var(--paper);border:1px solid var(--gold);border-radius:99px;padding:8px 18px}

.clip.cine{aspect-ratio:2.3/1;grid-column:1/-1;max-width:900px;margin:0 auto;width:100%}
.clip.wide{max-width:900px}
@media(max-width:780px){
  .chips{gap:6px}
  .chips span{padding:4px 12px;font-size:13.5px;line-height:1.4}
}


@media(max-width:780px){
  .gallery{grid-template-columns:1fr 1fr;gap:8px}
  .gallery img{border-radius:10px}
}

/* меню: на компьютере полное название, на телефоне короткое */
nav.menu .s{display:none}
@media(max-width:780px){
  header.top{box-shadow:0 3px 10px rgba(60,30,20,.10)}
  /* строка 1: логотип и мелкие ссылки (Обо мне, Блог, Контакты); тонкая линия; строка 2: четыре основных раздела */
  header.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:0;padding:0 var(--gut);max-width:none}
  header.top nav.menu{display:contents}
  header.top .logo{order:0;flex:0 0 auto;display:block;text-align:left;padding:12px 0;font-size:21px;letter-spacing:.03em;border:0}
  nav.menu .f{display:none}
  nav.menu .s{display:inline}
  header.top nav.menu a{border:0;border-bottom:2px solid transparent;background:none}
  header.top nav.menu a.sec{order:1;flex:0 0 auto;padding:6px 0 6px 10px;font-size:12px;color:var(--muted)}
  header.top nav.menu a:first-child{margin-left:auto}
  header.top nav.menu::before{content:"";order:2;flex:0 0 100%;height:0;border-top:1px solid #e3d5c8}
  header.top nav.menu a.main{order:3;flex:1 1 22%;text-align:center;padding:10px 0;font-size:14px;color:var(--ink)}
  header.top nav.menu a.on{color:var(--red);font-weight:600}
  header.top nav.menu a.main.on{border-bottom-color:var(--red)}
  header.top nav.menu a:hover{color:var(--red)}
}

.post video{width:100%;max-height:560px;background:#000;display:block}