/* Та же палитра, что на приглашении, только приглушённая:
   меньше света, теплее тон — вечер после праздника. */
:root{
  --cream:#EDE3D0;
  --paper:#F7F2E6;
  --ink:#3A352E;
  --muted:#8A8175;
  --line:#DCCFB6;

  --coral:#C4744F;
  --rose:#CFA0AC;
  --sage:#96A87C;
  --sky:#93A9BE;
  --honey:#D0AC6A;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;padding:0}

body{
  background:var(--cream);
  color:var(--ink);
  font-family:"Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}

/* мягкое затемнение по краям — свет как будто убавили */
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 30%,transparent 45%,rgba(58,53,46,.07) 100%);
}

.page{
  position:relative;
  z-index:1;
  max-width:560px;
  margin:0 auto;
  padding:40px 24px calc(56px + env(safe-area-inset-bottom));
  text-align:center;
}

.date{
  margin:0 0 26px;
  font-family:"Neucha",cursive;
  font-size:19px;
  letter-spacing:.14em;
  color:var(--muted);
}

/* фотография лежит как отпечаток на столе */
.frame{
  margin:0 auto 34px;
  width:min(82vw,420px);
  padding:12px 12px 14px;
  background:var(--paper);
  border-radius:3px;
  box-shadow:0 10px 30px rgba(58,53,46,.16), 0 2px 6px rgba(58,53,46,.10);
  transform:rotate(-1.4deg);
}
.frame img{
  display:block;
  width:100%;
  height:auto;
  border-radius:1px;
}

.title{
  margin:0 0 22px;
  font-family:"Neucha",cursive;
  font-weight:400;
  font-size:clamp(46px,15vw,72px);
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.01em;
}
.title i{font-style:normal;display:inline-block}
.title i:nth-child(even){transform:rotate(-2.5deg)}
.title i:nth-child(3n){transform:rotate(1.5deg)}

.words{
  margin:0 auto 34px;
  max-width:38ch;
  text-align:left;
}
.words p{margin:0 0 14px;color:#57514A}
.words p:last-child{margin-bottom:0}
@media (max-width:480px){
  .words{text-align:center}
}

.disk{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 26px 14px 20px;
  border:2px solid var(--sage);
  border-radius:999px;
  background:var(--paper);
  color:var(--ink);
  font-family:"Neucha",cursive;
  font-size:22px;
  text-decoration:none;
  box-shadow:0 3px 0 #7E9165;
}
.disk:hover{background:#FBF7ED}
.disk:active{transform:translateY(2px);box-shadow:0 1px 0 #7E9165}
.disk-icon{display:grid;place-items:center;width:24px;height:24px;color:var(--sage)}
.disk-icon svg{width:24px;height:24px}

.sign{
  margin:44px 0 0;
  font-family:"Neucha",cursive;
  font-size:20px;
  color:var(--muted);
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}