:root{
  --ink:#140F0A;
  --cheese:#E9C86A;
  --cheese-deep:#C08A2C;
  --pomegranate:#B3202E;
  --cream:#F6EBD8;
  --dim:#9C8467;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:var(--ink);
  color:var(--cream);
  font-family:"Golos Text",-apple-system,Segoe UI,sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* ——— страница = хачапури по-аджарски: сыр поднимается по мере приближения вылета ——— */
#cheese{
  position:fixed;left:0;right:0;bottom:0;height:0;
  background:linear-gradient(180deg,var(--cheese),var(--cheese-deep) 65%,#8A5E18);
  transition:height 1.2s cubic-bezier(.4,0,.2,1);
  z-index:0;
}
#cheese::before{
  content:"";position:absolute;top:-30px;left:0;width:200%;height:32px;
  background:radial-gradient(ellipse 62px 30px at 62px 30px,var(--cheese) 49%,transparent 50%) repeat-x;
  background-size:124px 32px;
  animation:melt 11s linear infinite;
}
@keyframes melt{to{transform:translateX(-124px)}}

.wrap{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;
  justify-content:center;align-items:center;gap:clamp(28px,5vh,52px);padding:44px 20px 64px;text-align:center}

.eyebrow{font-family:"Noto Serif Georgian",serif;color:var(--cheese);
  font-size:13px;letter-spacing:.32em;text-transform:uppercase;opacity:.9}

h1{font-family:"Unbounded",sans-serif;font-weight:900;line-height:.94;
  font-size:clamp(34px,8.5vw,86px);letter-spacing:-.02em;text-transform:uppercase}
h1 em{font-style:normal;color:var(--cheese);display:block}

/* ——— табло ——— */
.clock{display:flex;gap:clamp(10px,3.5vw,34px);align-items:flex-start}
.cell{min-width:clamp(58px,17vw,132px)}
.num{font-family:"Unbounded",sans-serif;font-weight:700;
  font-size:clamp(38px,13vw,104px);line-height:1;font-variant-numeric:tabular-nums}
.ka{font-family:"Noto Serif Georgian",serif;font-size:clamp(13px,3.4vw,20px);color:var(--cheese);margin-top:10px}
.ru{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:3px}

/* ——— супра ——— */
.tamada{border:1px solid rgba(233,200,106,.35);border-radius:2px;padding:26px 22px;
  max-width:560px;width:100%;background:rgba(20,15,10,.6);backdrop-filter:blur(3px)}
.toast-ka{font-family:"Noto Serif Georgian",serif;font-weight:700;
  font-size:clamp(19px,5vw,30px);line-height:1.35;color:var(--cream)}
.toast-lat{font-size:13px;color:var(--cheese);margin-top:10px;font-style:italic}
.toast-ru{font-size:15px;color:var(--dim);margin-top:6px}
button{margin-top:20px;background:none;border:1px solid var(--cheese);color:var(--cheese);
  font-family:"Noto Serif Georgian",serif;font-size:14px;padding:9px 20px;border-radius:2px;
  cursor:pointer;transition:background .2s,color .2s}
button:hover{background:var(--cheese);color:var(--ink)}
button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}

.foot{font-size:12px;color:var(--dim);letter-spacing:.06em;line-height:1.8}
.foot b{color:var(--cream);font-weight:600}
.foot i{color:var(--pomegranate);font-style:normal}

.gone{display:none}
body.landed .clock,body.landed .eyebrow{display:none}
body.landed .gone{display:block;font-family:"Noto Serif Georgian",serif;
  font-size:clamp(40px,12vw,110px);color:var(--cheese);line-height:1}

@media(prefers-reduced-motion:reduce){
  #cheese::before{animation:none}
  #cheese{transition:none}
}