/* Каркас страницы, общие стили текста, орнамент, появление блоков и зерно бумаги.
   Все значения перенесены из макета «Приглашение» (Claude Design). */
body{margin:0;background:#2B0710}
*{box-sizing:border-box}
a{color:#6E1A2C}
a:hover{color:#4A0E1C}

.outer{height:100vh;height:100dvh;width:100%;display:flex;justify-content:center;background:#2B0710;background-image:radial-gradient(120% 80% at 50% 0%,#4A0F1F 0%,#2B0710 70%);font-family:'Cormorant Garamond','Cormorant',Georgia,'Times New Roman',serif;color:#5A1424;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
.screen{position:relative;width:100%;max-width:480px;height:100%;overflow:hidden;background:#F6EFE3;box-shadow:0 0 90px rgba(0,0,0,.5)}
.script{font-family:'Great Vibes',cursive;font-weight:400}
.gold-text{background:linear-gradient(115deg,#8C6A28 0%,#E8CC86 30%,#B8913F 50%,#F3DFA2 70%,#9C7A34 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* монограмма «М&Х»: шрифт Monogram собран в css/fonts.css */
.mono{font-family:'Monogram','Great Vibes',cursive;font-weight:400;line-height:1.15;padding:0 14px}
.mono--lg{font-size:46px}
.mono--md{font-size:44px}
.mono--sm{font-size:40px;padding:0 12px}

/* орнамент */
.orn{display:flex;align-items:center;gap:10px;width:150px}
.ln-l,.ln-r{flex:1;height:1px}
.ln-l{background:linear-gradient(90deg,rgba(184,145,63,0),#B8913F)}
.ln-r{background:linear-gradient(90deg,#B8913F,rgba(184,145,63,0))}
.wine .ln-l{background:linear-gradient(90deg,rgba(226,196,127,0),#E2C47F)}
.wine .ln-r{background:linear-gradient(90deg,#E2C47F,rgba(226,196,127,0))}

/* появление; без JS текст виден сразу */
.js .slide:not(.seen) .rv{opacity:0}
.seen .rv{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--d,0s)}
.seen .rv.soft{animation-name:riseSoft;animation-duration:1.6s}
.s0.seen .rv{animation-delay:calc(var(--d,0s) + 2.85s)}
.d1{--d:.05s}.d2{--d:.18s}.d3{--d:.31s}.d4{--d:.44s}.d5{--d:.57s}.d6{--d:.7s}.d7{--d:.83s}.d8{--d:1.1s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes riseSoft{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}

/* зерно бумаги */
.grain{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;pointer-events:none;opacity:.12;mix-blend-mode:multiply}

@media (prefers-reduced-motion: reduce){
.seen .rv{animation-duration:.01s !important;animation-delay:0s !important}
}