/* Chio & Lizzi — Клуб · лендинг club.chiolizzi.ru */
:root{
  --graphite:#333333;
  --taupe:#C0A392;
  --powder:#ECDED3;
  --milk:#F6F3EE;
  --terra:#D4897A;

  --ink:#2e2a27;
  --ink-soft:#6b625b;
  --ink-faint:#9a8f86;
  --bg:#F6F3EE;
  --surface:#ffffff;
  --line:#e8dccf;
  --line-strong:#dccbb9;
  --tg:#2ca5e0;
  --radius:18px;
  --shadow:0 2px 6px rgba(80,60,45,.05), 0 14px 40px rgba(80,60,45,.09);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
b{font-weight:600}
.hh{color:var(--terra)}
.amp{font-family:"Allura",cursive;color:var(--taupe);font-weight:400}

.bg-deco{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 45% at 85% -5%, color-mix(in srgb,var(--powder) 85%,transparent), transparent 70%),
    radial-gradient(55% 40% at -5% 8%, color-mix(in srgb,var(--terra) 12%,transparent), transparent 70%),
    var(--bg);
}

.page{max-width:640px;margin:0 auto;padding:22px 20px 40px}

/* top bar */
.topbar{display:flex;justify-content:center;padding:8px 0 4px}
.logo{height:auto;width:min(240px,62%)}

/* hero */
.hero{text-align:center;margin-top:10px}
.hero-art{
  margin:0 auto;width:min(300px,74%);aspect-ratio:1;border-radius:50%;
  overflow:hidden;background:var(--powder);
  border:5px solid var(--surface);box-shadow:var(--shadow);
}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center top}
.hero h1{
  font-family:"Playfair Display",Georgia,serif;font-weight:600;
  font-size:clamp(1.7rem,6.5vw,2.3rem);line-height:1.15;margin:.6em 0 .1em;
  text-wrap:balance;letter-spacing:-.01em;
}
.hero .lead{color:var(--ink-soft);font-size:1.02rem;max-width:34ch;margin:.4em auto 0}

/* channels */
.channels{display:flex;flex-direction:column;gap:12px;margin:26px 0 6px}
.ch{
  display:flex;align-items:center;gap:14px;
  background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);
  padding:15px 18px;text-decoration:none;color:var(--ink);
  box-shadow:var(--shadow);transition:transform .12s ease, box-shadow .12s ease;
}
.ch:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(80,60,45,.09),0 20px 46px rgba(80,60,45,.12)}
.ch:active{transform:translateY(0)}
.ch .ic{
  width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;
  font-size:1.4rem;background:color-mix(in srgb,var(--powder) 70%,#fff);
}
.ch-tg .ic{background:color-mix(in srgb,var(--tg) 16%,#fff)}
.ch .ch-txt{display:flex;flex-direction:column;line-height:1.25;flex:1;text-align:left}
.ch .ch-txt b{font-size:1.08rem}
.ch .ch-txt small{color:var(--ink-faint);font-size:.82rem}
.ch .arr{font-size:1.3rem;color:var(--taupe)}
.ch-tg{border-color:color-mix(in srgb,var(--tg) 45%,var(--line-strong))}

.ch.is-soon{opacity:.62;box-shadow:none;cursor:default}
.ch.is-soon:hover{transform:none}
.ch .soon{
  margin-left:auto;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--taupe);background:var(--milk);border:1px solid var(--line-strong);
  padding:4px 10px;border-radius:100px;
}

/* inside */
.inside{margin-top:34px;text-align:center}
.inside h2{
  font-family:"Playfair Display",serif;font-weight:600;font-size:1.4rem;margin:0 0 16px;
}
.cards{display:grid;gap:12px}
@media(min-width:520px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 14px;
  box-shadow:0 1px 2px rgba(80,60,45,.04);
}
.card .emoji{font-size:1.7rem;display:block;margin-bottom:6px}
.card b{display:block;font-size:.98rem;margin-bottom:3px}
.card p{margin:0;font-size:.84rem;color:var(--ink-soft)}

/* warranty / authenticity */
.warranty{margin-top:20px}
.w-inner{
  display:flex;align-items:center;gap:14px;
  background:color-mix(in srgb,var(--taupe) 12%,var(--surface));
  border:1px solid var(--line-strong);border-radius:14px;padding:15px 18px;
}
.w-ic{
  width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:#7a9a6d;color:#fff;font-weight:700;font-size:1.1rem;
}
.w-inner b{display:block;font-size:.98rem}
.w-inner p{margin:.15em 0 0;font-size:.86rem;color:var(--ink-soft)}

/* footer */
.foot{margin-top:36px;text-align:center;color:var(--ink-faint)}
.foot-logo{font-family:"Playfair Display",serif;font-size:1.5rem;color:var(--ink);font-weight:600}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:12px 0}
.foot-links a{color:var(--ink-soft);text-decoration:none;font-size:.82rem;border-bottom:1px solid transparent}
.foot-links a:hover{border-bottom-color:var(--taupe);color:var(--ink)}
.foot-fine{font-size:.76rem;line-height:1.6;margin:8px 0 0}
.foot-fine a{color:var(--taupe)}

@media (prefers-reduced-motion: reduce){
  .ch{transition:none}
}