@font-face{font-family:'Cormorant Garamond';font-weight:600;src:url(assets/fonts/cormorant-garamond-cyrillic-600-normal.woff2?v=012bad3c) format('woff2');unicode-range:U+0400-04FF}
@font-face{font-family:'Cormorant Garamond';font-weight:600;src:url(assets/fonts/cormorant-garamond-latin-600-normal.woff2?v=ae062b6d) format('woff2');unicode-range:U+0000-024F,U+2000-206F}
@font-face{font-family:'Cormorant Garamond';font-weight:700;src:url(assets/fonts/cormorant-garamond-cyrillic-700-normal.woff2?v=a767c1a1) format('woff2');unicode-range:U+0400-04FF}
@font-face{font-family:'Cormorant Garamond';font-weight:700;src:url(assets/fonts/cormorant-garamond-latin-700-normal.woff2?v=21a0fc1c) format('woff2');unicode-range:U+0000-024F,U+2000-206F}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:italic;src:url(assets/fonts/cormorant-garamond-cyrillic-500-italic.woff2?v=05c0ceae) format('woff2');unicode-range:U+0400-04FF}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:italic;src:url(assets/fonts/cormorant-garamond-latin-500-italic.woff2?v=4fb55a7a) format('woff2');unicode-range:U+0000-024F,U+2000-206F}
@font-face{font-family:Lora;font-weight:400;src:url(assets/fonts/lora-cyrillic-400-normal.woff2?v=d1f41090) format('woff2');unicode-range:U+0400-04FF}
@font-face{font-family:Lora;font-weight:400;src:url(assets/fonts/lora-latin-400-normal.woff2?v=ac079950) format('woff2');unicode-range:U+0000-024F,U+2000-206F}
@font-face{font-family:Lora;font-weight:400;font-style:italic;src:url(assets/fonts/lora-cyrillic-400-italic.woff2?v=aaeb039b) format('woff2');unicode-range:U+0400-04FF}
@font-face{font-family:Lora;font-weight:400;font-style:italic;src:url(assets/fonts/lora-latin-400-italic.woff2?v=723cc14f) format('woff2');unicode-range:U+0000-024F,U+2000-206F}

:root{--night:#1c1220;--wine:#7A2633;--gold:#E7B36F;--cream:#F5E4C6;--paper:#FBF4E6;--ink:#2b2130;
  --display:'Cormorant Garamond',Georgia,serif;--text:Lora,Georgia,serif}
*{box-sizing:border-box}
html{background:var(--night)}
body{margin:0;color:var(--cream);font:400 17px/1.6 var(--text);
  background:linear-gradient(rgba(28,18,32,.35),rgba(28,18,32,.55)),
             radial-gradient(120% 60% at 50% 100%,rgba(122,38,51,.45),transparent 70%),
             url(assets/img/sky.webp?v=cb648d5f) center top/1440px auto repeat-y var(--night)}
img,video{display:block;max-width:100%;height:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.hero{padding:clamp(16px,4vw,40px) 16px 0}
.cover{width:100%;max-width:960px;margin:0 auto;border-radius:6px;box-shadow:0 24px 60px rgba(5,2,8,.6)}

main{max-width:880px;margin:0 auto;padding:0 16px}
.sec{margin-top:clamp(48px,8vw,80px)}
.h{margin:0 0 20px;text-align:center;font:700 clamp(28px,5vw,42px)/1.1 var(--display);color:var(--cream)}
.h::after{content:"";display:block;width:14px;height:14px;margin:14px auto 0;background:var(--gold);
  clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.lead{margin:-4px auto 20px;max-width:34em;text-align:center;font:500 italic clamp(19px,2.6vw,22px)/1.35 var(--display);color:var(--gold)}

.video{max-width:420px;margin:0 auto;border-radius:6px;overflow:hidden;background:#000;box-shadow:0 18px 44px rgba(5,2,8,.55)}
.video video{width:100%;aspect-ratio:3/4;background:#000}

.sheet{margin:0;padding:clamp(10px,2vw,18px);background:var(--paper);border-radius:4px;box-shadow:0 18px 44px rgba(5,2,8,.5)}
.dl{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin:22px 0 0}
.btn{display:inline-block;padding:13px 28px 12px;border-radius:999px;background:var(--gold);color:var(--ink);
  font:700 20px/1 var(--display);letter-spacing:.02em;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.btn:hover{background:#f0c381}
.note{font-size:14px;opacity:.75}
.note.c{text-align:center;margin:10px 0 0}

.colors{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 0;padding:0}
.colors a{display:flex;align-items:center;gap:10px;padding:10px 18px 9px 12px;border-radius:999px;background:rgba(245,228,198,.1);
  border:1px solid rgba(231,179,111,.55);color:var(--cream);font:600 19px/1 var(--display);text-decoration:none}
.colors a:hover{background:rgba(231,179,111,.22)}
.colors i{width:22px;height:22px;border-radius:4px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),0 0 0 2px rgba(245,228,198,.6)}

.gift{display:grid;place-items:center;width:220px;height:180px;margin:0 auto 20px;border:2px dashed rgba(231,179,111,.6);border-radius:8px;
  font:500 italic 18px/1.3 var(--display);text-align:center;color:var(--gold);padding:12px}
.text{max-width:36em;margin:0 auto;padding:28px;border:2px dashed rgba(231,179,111,.6);border-radius:8px;text-align:center;font-style:italic;opacity:.8}

.foot{margin-top:clamp(56px,9vw,96px);padding:36px 16px 44px;text-align:center;background:rgba(10,5,12,.55);
  font:600 18px/1.4 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.foot p{margin:0 0 6px}
.foot a{color:var(--cream);letter-spacing:.04em;text-transform:none;font-weight:600}

/* проектная редакция: пунктир и подпись видны только с ?draft */
.show-draft .draft{outline:1px dashed var(--gold);outline-offset:4px;position:relative}
.show-draft .draft::before{content:"проектная редакция";position:absolute;top:-22px;left:0;font:12px/1 var(--text);font-style:normal;color:var(--gold);opacity:.8}