/* vavada6828.casino — чайная церемония / выдержанный пуэр */
:root{
  --chai-oolong:#171310;
  --chai-oolong-2:#1f1a15;
  --chai-oolong-3:#100d0a;
  --chai-copper:#b57a45;
  --chai-copper-soft:#8f5f36;
  --chai-porcelain:#eee7dc;
  --chai-porcelain-dim:#c3b7a6;
  --chai-line:#3a3027;
  --chai-max:1120px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--chai-oolong);
  color:var(--chai-porcelain);
  font-family:"Karma",Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.68;
}
h1,h2,h3,.chai-mark-ru,.chai-kpi-num,.chai-card-big,.chai-step-n,.chai-game-t{
  font-family:"Marcellus SC","Palatino Linotype",Georgia,serif;
  font-weight:400;
  letter-spacing:.01em;
}
a{color:var(--chai-copper);text-decoration:none}
a:hover{color:var(--chai-porcelain)}
p{margin:0 0 15px}
.chai-wrap{max-width:var(--chai-max);margin:0 auto;padding:0 22px}

/* header */
.chai-top{border-bottom:1px solid var(--chai-line);background:var(--chai-oolong-3);position:relative}
.chai-top-in{display:flex;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.chai-mark{display:flex;flex-direction:column;line-height:1.15}
.chai-mark-ru{font-size:24px;color:var(--chai-porcelain)}
.chai-mark-en{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--chai-copper)}
.chai-tag{margin:0;flex:1 1 220px;color:var(--chai-porcelain-dim);font-size:15px;font-style:italic}

/* buttons */
.chai-btn{
  display:inline-block;
  min-height:46px;
  padding:12px 26px;
  background:var(--chai-copper);
  color:var(--chai-oolong-3);
  border:1px solid var(--chai-copper);
  font-family:"Marcellus SC",Georgia,serif;
  font-size:16px;
  line-height:1.35;
  text-align:center;
}
.chai-btn:hover{background:var(--chai-copper-soft);border-color:var(--chai-copper-soft);color:var(--chai-porcelain)}
.chai-btn-sm{min-height:44px;padding:10px 18px;font-size:14px}
.chai-btn-lg{padding:16px 40px;font-size:18px;margin-top:8px}
.chai-btn-ghost{background:transparent;color:var(--chai-porcelain);border-color:var(--chai-line)}
.chai-btn-ghost:hover{background:transparent;border-color:var(--chai-copper);color:var(--chai-copper)}

/* hero */
.chai-hero{
  padding:60px 0 54px;
  background:
    radial-gradient(120% 90% at 12% 0%,rgba(181,122,69,.16),transparent 60%),
    var(--chai-oolong);
  border-bottom:1px solid var(--chai-line);
}
.chai-eyebrow{
  margin:0 0 18px;
  font-size:12px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--chai-copper);
}
h1{
  margin:0 0 22px;
  font-size:40px;
  line-height:1.22;
  max-width:20ch;
}
.chai-lead{max-width:74ch;color:var(--chai-porcelain-dim);font-size:18px}
.chai-kpi{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--chai-line);
  border:1px solid var(--chai-line);
  margin:30px 0 28px;
}
.chai-kpi-cell{background:var(--chai-oolong-2);padding:18px 16px;display:flex;flex-direction:column;gap:5px}
.chai-kpi-num{font-size:26px;color:var(--chai-copper)}
.chai-kpi-cap{font-size:13px;color:var(--chai-porcelain-dim);line-height:1.4}
.chai-cta-row{display:flex;gap:14px;flex-wrap:wrap}

/* sections */
.chai-sec{padding:52px 0;border-bottom:1px solid var(--chai-line)}
.chai-sec-alt{background:var(--chai-oolong-3)}
h2{
  margin:0 0 20px;
  font-size:28px;
  line-height:1.3;
  padding-left:18px;
  border-left:3px solid var(--chai-copper);
  max-width:34ch;
}
h3{
  margin:28px 0 10px;
  font-size:20px;
  color:var(--chai-copper);
}
.chai-sec p{max-width:82ch}

/* grids and cards */
.chai-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}
.chai-card{
  background:var(--chai-oolong-2);
  border:1px solid var(--chai-line);
  border-top:3px solid var(--chai-copper);
  padding:20px 18px;
}
.chai-card p{margin-bottom:10px;max-width:none}
.chai-card p:last-child{margin-bottom:0}
.chai-card-lbl{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--chai-porcelain-dim)}
.chai-card-big{font-size:22px;color:var(--chai-copper)}
.chai-game{border-top-color:var(--chai-copper-soft);padding:16px}
.chai-game-t{font-size:18px;color:var(--chai-porcelain)}
.chai-game-m{font-size:14px;color:var(--chai-porcelain-dim);line-height:1.55}
.chai-step{border:1px solid var(--chai-line);padding:22px 20px;background:var(--chai-oolong-2)}
.chai-step p{max-width:none}
.chai-step-n{font-size:30px;color:var(--chai-copper-soft);margin-bottom:4px}
.chai-step-h{font-size:18px;font-family:"Marcellus SC",Georgia,serif;margin-bottom:8px}
.chai-rev{border:1px solid var(--chai-line);border-left:3px solid var(--chai-copper);padding:20px 18px;background:var(--chai-oolong-2)}
.chai-rev p{max-width:none;font-size:16px}
.chai-rev-who{color:var(--chai-copper);font-family:"Marcellus SC",Georgia,serif;font-size:16px}

/* tables */
.chai-tblwrap{overflow-x:auto;margin:24px 0;border:1px solid var(--chai-line)}
.chai-tbl{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
.chai-tbl th,.chai-tbl td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--chai-line)}
.chai-tbl th{
  background:var(--chai-oolong-2);
  font-family:"Marcellus SC",Georgia,serif;
  font-weight:400;
  color:var(--chai-copper);
  font-size:14px;
  letter-spacing:.04em;
}
.chai-tbl tr:last-child td{border-bottom:0}
.chai-tbl td{color:var(--chai-porcelain-dim)}
.chai-tbl td:first-child{color:var(--chai-porcelain)}

/* final cta */
.chai-final{background:linear-gradient(180deg,var(--chai-oolong-2),var(--chai-oolong-3))}

/* faq */
.chai-faq{margin-top:22px;border-top:1px solid var(--chai-line)}
.chai-faq details{border-bottom:1px solid var(--chai-line)}
.chai-faq summary{
  cursor:pointer;
  list-style:none;
  padding:15px 34px 15px 0;
  min-height:46px;
  position:relative;
  font-family:"Marcellus SC",Georgia,serif;
  font-size:17px;
  color:var(--chai-porcelain);
}
.chai-faq summary::-webkit-details-marker{display:none}
.chai-faq summary::after{content:"+";position:absolute;right:6px;top:13px;color:var(--chai-copper);font-size:20px}
.chai-faq details[open] summary::after{content:"–"}
.chai-faq details[open] summary{color:var(--chai-copper)}
.chai-faq p{padding:0 0 16px;color:var(--chai-porcelain-dim);font-size:16px}

/* author note */
.chai-note{border:1px solid var(--chai-line);border-left:3px solid var(--chai-copper);padding:24px 22px;background:var(--chai-oolong-2)}
.chai-note-h{font-family:"Marcellus SC",Georgia,serif;color:var(--chai-copper);font-size:16px;letter-spacing:.08em}
.chai-age{font-size:14px;color:var(--chai-porcelain-dim);border-top:1px solid var(--chai-line);padding-top:14px;margin-bottom:0}

/* footer */
.chai-foot{padding:34px 0 44px;background:var(--chai-oolong-3);font-size:14px;color:var(--chai-porcelain-dim)}
.chai-foot p{max-width:88ch}
.chai-foot-dom{color:var(--chai-copper-soft);letter-spacing:.12em;margin-bottom:0}

@media (max-width:1000px){
  .chai-kpi{grid-template-columns:repeat(2,1fr)}
  .chai-grid3{grid-template-columns:repeat(2,1fr)}
  h1{font-size:34px;max-width:none}
}
@media (max-width:620px){
  body{font-size:16px}
  .chai-hero{padding:40px 0 36px}
  .chai-sec{padding:38px 0}
  h1{font-size:27px}
  h2{font-size:23px;padding-left:14px;max-width:none}
  h3{font-size:18px}
  .chai-kpi{grid-template-columns:1fr}
  .chai-grid3{grid-template-columns:1fr}
  .chai-cta-row{flex-direction:column;align-items:stretch}
  .chai-btn{width:100%}
  .chai-top-in{gap:12px}
  .chai-tag{order:3;flex-basis:100%}
  .chai-lead{font-size:16px}
}