/* ============================================================
   NOMAD HISTORY — ИММЕРСИВНАЯ ЮРТА
   Scroll = путешествие сквозь юрту
   ============================================================ */
:root{
  --gold:#C8961E;
  --gold-light:#D4A830;
  --gold-pale:#E8D5A0;
  --gold-glow:rgba(200,150,30,0.3);
  --indigo:#0A1628;
  --indigo-deep:#050C1A;
  --indigo-mid:#0E1A36;
  --indigo-light:#152444;
  --terracotta:#A0391A;
  --felt:#E0DAD0;
  --felt-warm:#D5CFC4;
  --felt-deep:#C0B8AA;
  --ivory:#F0EDE6;
  --ivory-warm:#E8E4DC;
  --ink:#2E1E10;
  --ink-soft:#4A3828;
  --muted:#6B5A48;
  --line:rgba(100,70,30,0.18);
  --wood:#4A2E14;
  --wood-light:#7A5030;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;color:var(--ink);
  -webkit-font-smoothing:antialiased;
  background:#050A14;
  overflow-x:hidden;
}
h1,h2,h3,.cta h3{font-family:'PT Serif',Georgia,serif !important}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 clamp(12px,3vw,32px)}

/* ============ YURT VIGNETTE — фиксированный слой «внутри юрты» ============ */
#yurt-vignette{
  position:fixed;inset:0;z-index:90;pointer-events:none;
  opacity:0;transition:opacity 0.6s;
}
#yurt-vignette.active{opacity:1}
#yurt-vignette::before{
  content:"";position:absolute;inset:0;
  background:
    /* Стены юрты — тёмная кромка, как внутри настоящей */
    radial-gradient(ellipse 55% 50% at 50% 45%,
      transparent 45%,
      rgba(74,46,20,0.06) 55%,
      rgba(74,46,20,0.14) 68%,
      rgba(40,24,10,0.25) 80%,
      rgba(20,12,4,0.4) 100%
    );
}
#yurt-vignette::after{
  content:"";position:absolute;inset:0;
  background:
    /* Свет от очага снизу — тёплый, оранжевый */
    radial-gradient(ellipse 40% 20% at 50% 100%,
      rgba(255,120,30,0.1) 0%,
      rgba(255,100,20,0.04) 50%,
      transparent 100%
    ),
    /* Слабый свет сверху из тюндюка */
    radial-gradient(ellipse 30% 15% at 50% 0%,
      rgba(200,200,220,0.06) 0%,
      transparent 100%
    );
}

/* ============ LIGHT BEAM — столб света из тюндюка ============ */
#light-beam{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:500px;height:100vh;z-index:89;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%,
      rgba(255,210,120,0.08) 0%,
      rgba(255,200,100,0.03) 40%,
      transparent 70%
    ),
    /* Мелкие лучи */
    radial-gradient(ellipse 20% 80% at 48% 0%,
      rgba(255,220,150,0.04) 0%,
      transparent 60%
    ),
    radial-gradient(ellipse 20% 80% at 52% 0%,
      rgba(255,220,150,0.03) 0%,
      transparent 60%
    );
  opacity:0;transition:opacity 0.8s;
}
#light-beam.active{opacity:1}

/* пылинки в столбе света */
.dust{
  position:fixed;width:3px;height:3px;border-radius:50%;
  background:rgba(255,210,130,0.7);pointer-events:none;z-index:91;
  opacity:0;transition:opacity 0.5s;
  box-shadow:0 0 6px rgba(255,200,100,0.3);
}
.dust.active{opacity:1;animation:float-dust 10s ease-in-out infinite}
@keyframes float-dust{
  0%{transform:translate(0,0) scale(1);opacity:0.4}
  15%{transform:translate(12px,-25px) scale(1.3);opacity:0.8}
  30%{transform:translate(-8px,-55px) scale(0.7);opacity:0.3}
  50%{transform:translate(18px,-40px) scale(1.1);opacity:0.7}
  65%{transform:translate(-15px,-70px) scale(0.9);opacity:0.5}
  80%{transform:translate(8px,-20px) scale(1.2);opacity:0.6}
  100%{transform:translate(0,0) scale(1);opacity:0.4}
}

/* ============ СТЕНЫ ЮРТЫ — войлок + деревянный каркас ============ */
.uyq-left,.uyq-right{
  position:fixed;top:0;bottom:0;width:clamp(30px,6vw,80px);z-index:88;pointer-events:none;
  opacity:0;transition:opacity 0.6s;
}
.uyq-left.active,.uyq-right.active{opacity:1}
.uyq-left{left:0}
.uyq-right{right:0}
.uyq-left::before,.uyq-right::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,
      rgba(58,36,16,0.45) 0%,
      rgba(58,36,16,0.2) 30%,
      rgba(58,36,16,0.05) 60%,
      transparent 100%
    );
}
.uyq-right::before{
  background:
    linear-gradient(270deg,
      rgba(58,36,16,0.45) 0%,
      rgba(58,36,16,0.2) 30%,
      rgba(58,36,16,0.05) 60%,
      transparent 100%
    );
}

/* ============ HEADER ============ */
.site-header{
  background:rgba(5,10,20,0.92);backdrop-filter:blur(12px);
  border-bottom:2px solid rgba(200,150,30,0.25);
  position:sticky;top:0;z-index:100;
}
.hdr-row{display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,1.2vw,14px) 0;gap:clamp(10px,2vw,30px)}
.hdr-logo{display:flex;align-items:center;gap:clamp(6px,1vw,12px);color:var(--gold);text-decoration:none}
.hdr-logo svg{width:clamp(22px,2.5vw,32px);height:clamp(22px,2.5vw,32px);flex-shrink:0}
.logo-text{display:flex;flex-direction:column;line-height:1;font-weight:800;font-size:clamp(15px,1.6vw,20px);letter-spacing:.08em;font-family:'PT Serif',serif}
.logo-sub{font-size:clamp(7px,0.65vw,9px);font-weight:500;letter-spacing:.06em;color:rgba(255,249,236,0.4);font-family:'Inter',sans-serif;margin-top:2px}
.hdr-nav{display:flex;gap:clamp(18px,2.8vw,36px);align-items:center}
.hdr-nav a{font-size:clamp(11px,1.1vw,14px);color:rgba(255,249,236,0.6);font-weight:500;transition:.3s;letter-spacing:.02em;text-transform:none;font-family:'Inter',sans-serif}
.hdr-nav a:hover{color:#fff}
.hdr-actions{display:flex;align-items:center;gap:clamp(10px,1.2vw,16px);flex-shrink:0}
.hdr-phone{display:inline-flex;align-items:center;gap:clamp(6px,0.6vw,8px);padding:clamp(6px,0.8vw,10px) clamp(14px,1.6vw,20px);border-radius:50px;border:1.5px solid rgba(255,249,236,0.2);color:rgba(255,249,236,0.8);font-size:clamp(11px,1.1vw,14px);font-weight:600;font-family:'Inter',sans-serif;transition:.3s;white-space:nowrap;letter-spacing:.02em}
.hdr-phone svg{width:clamp(13px,1.2vw,16px);height:clamp(13px,1.2vw,16px);flex-shrink:0;opacity:.6}
.hdr-phone:hover{border-color:var(--gold);color:#fff}
.hdr-phone:hover svg{opacity:1}
.btn-cta-main{display:inline-flex;align-items:center;padding:clamp(8px,1vw,12px) clamp(18px,2vw,26px);border-radius:8px;background:#2563EB;color:#fff;font-weight:700;font-size:clamp(11px,1.1vw,14px);font-family:'Inter',sans-serif;cursor:pointer;border:0;transition:.3s;white-space:nowrap;letter-spacing:.02em}
.btn-cta-main:hover{background:#1D4ED8;transform:translateY(-1px);box-shadow:0 4px 16px rgba(37,99,235,0.4)}
.lang{display:inline-flex;gap:2px;align-items:center}
.lang-btn{background:transparent;border:0;padding:0 clamp(4px,0.5vw,6px);font-size:clamp(11px,1vw,13px);font-weight:600;color:rgba(255,249,236,0.35);cursor:pointer;font-family:'Inter',sans-serif;transition:.25s;letter-spacing:.02em}
.lang-btn.active{color:rgba(255,249,236,0.9)}
.lang-btn:hover:not(.active){color:rgba(255,249,236,0.6)}

/* — Кнопки — */
.btn{display:inline-flex;align-items:center;gap:clamp(6px,0.8vw,10px);padding:clamp(10px,1.2vw,13px) clamp(16px,2vw,22px);border-radius:8px;font-weight:700;font-size:clamp(12px,1.2vw,14px);cursor:pointer;border:0;transition:.3s cubic-bezier(.22,1,.36,1);white-space:nowrap;font-family:inherit;letter-spacing:.02em}
.btn-outline{background:transparent;color:var(--gold);border:1.5px solid rgba(212,162,41,0.4)}
.btn-outline:hover{background:var(--gold);color:var(--indigo)}
.btn-blue{background:var(--gold);color:var(--indigo);padding:clamp(8px,1vw,12px) clamp(12px,1.4vw,18px);font-size:clamp(11px,1.1vw,13px)}
.btn-blue svg{width:15px;height:15px}
.btn-blue:hover{background:var(--gold-light)}
.btn-white{background:rgba(255,249,236,0.95);color:var(--indigo);padding:clamp(14px,1.5vw,18px) clamp(22px,2.5vw,32px);border-radius:10px;font-weight:800;box-shadow:0 8px 30px rgba(0,0,0,0.3)}
.btn-white:hover{background:#fff;transform:translateY(-2px)}
.btn-ghost{background:transparent;color:rgba(255,249,236,0.7);padding:clamp(14px,1.5vw,18px) clamp(22px,2.5vw,32px);border-radius:10px;font-size:clamp(13px,1.3vw,15px);font-weight:700;border:2px solid rgba(255,249,236,0.3)}
.btn-ghost:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,249,236,0.6);color:#fff}

/* ============ REVEAL ============ */
.reveal{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ============ HERO — ТЁПЛЫЙ, С ФОТО ШАҢЫРАҚ ============ */
.hero{
  position:relative;overflow:hidden;color:#fff;
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(to bottom, #1a1008 0%, #2a1c12 50%, #3a2a1a 100%);
}

/* Затемнение краёв, центр открыт, низ мягче */
.hero-overlay{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 50% at 50% 25%,
      transparent 0%,
      rgba(14,8,4,0.25) 40%,
      rgba(14,8,4,0.55) 70%,
      rgba(14,8,4,0.7) 100%
    );
  z-index:2;
}

/* Фото шаңырақ — ярче, сдвинуто вверх, размытие */
.hero-photo{
  position:absolute;z-index:1;
  width:100%;height:auto;min-height:100%;
  top:0;left:50%;transform:translateX(-50%);
  object-fit:contain;object-position:center top;
  opacity:0.75;
  filter:blur(5px);
}

/* Тёплое свечение в центре */
.hero-glow{
  position:absolute;top:22%;left:50%;
  width:min(40vw,360px);height:min(40vw,360px);
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(212,162,41,0.1) 0%,rgba(180,120,40,0.04) 50%,transparent 70%);
  z-index:3;
  animation:glow-pulse 5s ease-in-out infinite;
}
@keyframes glow-pulse{0%,100%{opacity:0.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}

.hero .container{position:relative;z-index:10;text-align:center;padding-top:clamp(20px,4vw,40px);padding-bottom:clamp(20px,4vw,40px)}
.hero-eyebrow{
  display:inline-block;font-size:clamp(7.5px,0.9vw,10px);font-weight:700;letter-spacing:.25em;text-transform:uppercase;
  color:var(--gold);background:rgba(212,162,41,.08);padding:clamp(6px,0.9vw,10px) clamp(14px,2vw,24px);border-radius:30px;margin-bottom:clamp(16px,2.5vw,28px);
  border:1px solid rgba(212,162,41,0.15);backdrop-filter:blur(4px);
}
.hero h1{font-size:clamp(20px,5.5vw,58px);line-height:1.08;margin:0 0 clamp(14px,2vw,24px);font-weight:800;letter-spacing:-.01em}
.hero h1 span{color:var(--gold);text-shadow:0 0 60px rgba(212,162,41,0.4)}
.hero h1 span::after{
  content:"";display:block;margin:clamp(8px,1.2vw,14px) auto 0;width:clamp(70px,12vw,140px);height:clamp(6px,0.9vw,10px);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='10' viewBox='0 0 140 10'><g fill='none' stroke='%23D4A229' stroke-width='1.3' stroke-linecap='round'><path d='M0 5 L50 5'/><path d='M90 5 L140 5'/><path d='M70 0 L76 5 L70 10 L64 5 Z' fill='%23D4A229'/></g></svg>");
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
.hero-desc{font-size:clamp(12px,1.4vw,16px);line-height:1.75;color:rgba(255,249,236,0.5);max-width:680px;margin:0 auto clamp(20px,3vw,36px)}
.hero-actions{display:flex;gap:clamp(10px,1.4vw,16px);justify-content:center;flex-wrap:wrap}

/* Подсказка скролла */
.scroll-hint{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:10;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:rgba(212,162,41,0.5);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;
  animation:hint-bob 2s ease-in-out infinite;
}
.scroll-hint svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
@keyframes hint-bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

/* Полоска с цифрами между орнаментами */
.proof-bar{
  display:flex;justify-content:center;gap:clamp(24px,8vw,100px);flex-wrap:wrap;align-items:center;
  padding:clamp(14px,2.5vw,28px) 0;
  background-color:#DDD0B8;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><g stroke='%23907050' stroke-width='0.8' stroke-opacity='0.12' fill='none'><line x1='-1' y1='-1' x2='49' y2='49'/><line x1='49' y1='-1' x2='-1' y2='49'/><line x1='23' y1='-1' x2='73' y2='49'/><line x1='-25' y1='-1' x2='25' y2='49'/><line x1='73' y1='-1' x2='23' y2='49'/><line x1='25' y1='-1' x2='-25' y2='49'/></g></svg>");
  background-size:48px 48px;
}
.proof-bar .proof-item{text-align:center}
.proof-bar .proof-num{
  font-size:clamp(22px,4vw,44px);font-weight:800;line-height:1;
  font-family:'PT Serif',serif;color:#6B4E34;
}
.proof-bar .proof-num span{color:#5C3A1E}
.proof-bar .proof-label{
  font-size:clamp(8px,1vw,11px);color:#8B7A66;margin-top:clamp(4px,0.7vw,8px);
  letter-spacing:.08em;text-transform:uppercase;font-weight:600;
}

/* ============ ВНУТРИ ЮРТЫ — основной фон секций ============ */
.yurt-interior{
  position:relative;
  background:#D5C8B2;
}

/* Текстура кереге — бесшовная ромбическая решётка */
/* Используется inline в каждой секции с правильным тайлом */

/* Каждая секция — свой кусок панорамы юрты */

/* Общий бесшовный кереге-паттерн для всех секций */
.yurt-section{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><g stroke='%23907050' stroke-width='0.8' stroke-opacity='0.12' fill='none'><line x1='-1' y1='-1' x2='49' y2='49'/><line x1='49' y1='-1' x2='-1' y2='49'/><line x1='23' y1='-1' x2='73' y2='49'/><line x1='-25' y1='-1' x2='25' y2='49'/><line x1='73' y1='-1' x2='23' y2='49'/><line x1='25' y1='-1' x2='-25' y2='49'/></g></svg>");
  background-size:48px 48px;
  background-color:#D5C8B2;
}

/* === Proof: под куполом === */
.proof.yurt-section{background-color:#DDD0B8}

/* === Problem: тускиіз стена === */
.problem.yurt-section{background-color:#D0C2AA}

/* === Video: кереге стена === */
.video-sec.yurt-section{background-color:#D5C8B0}

/* === Segments: стена у двери === */
.segments.yurt-section{background-color:#DCD0BA}

/* === Locations: ковровая стена === */
.locations.yurt-section{background-color:#D0C2A8}

/* === Process: стена у очага === */
.process.yurt-section{background-color:#CBBFA5}

/* ============ TUSKIIZ — орнаментальная полоса-разделитель ============ */
.tuskiiz{
  position:relative;z-index:2;overflow:hidden;
  width:100%;aspect-ratio:2.48;max-height:clamp(40px,8vw,90px);
  background:url("../img/Gemini_Generated_Image_r0kxlqr0kxlqr0kx.png") repeat-x center;
  background-size:auto 100%;
}

/* ============ SOCIAL PROOF — вырезано на деревянной балке ============ */
.proof{
  position:relative;z-index:1;
  padding:clamp(20px,4vw,40px) 0;
}
.proof-row{display:flex;justify-content:center;gap:clamp(12px,5vw,60px);flex-wrap:wrap;align-items:center}
.proof-item{text-align:center;min-width:0;flex-shrink:1}
.proof-num{font-size:clamp(18px,3.5vw,36px);font-weight:800;color:#8B5E3C;line-height:1;font-family:'PT Serif',serif}
.proof-num span{color:#6B4E34}
.proof-label{font-size:clamp(8px,1vw,11px);color:var(--muted);margin-top:clamp(4px,0.7vw,8px);letter-spacing:.06em;text-transform:uppercase;font-weight:600}

/* ============ СЕКЦИИ ВНУТРИ ЮРТЫ ============ */
.yurt-section{
  position:relative;z-index:1;
  padding:clamp(36px,7vw,80px) 0;
}
.yurt-section .container{position:relative;z-index:1}

/* Баскұр — тканая лента, разделяющая секции */
/* Разделители между секциями — через .tuskiiz элементы */

/* — Кереге — деревянная решётка стен юрты — */
/* кереге убрана — оставлены только настенные предметы */

/* — Заголовок секции — */
.kaz-eyebrow{
  display:inline-flex;align-items:center;gap:clamp(6px,1.2vw,14px);
  font-size:clamp(8px,0.9vw,10px);letter-spacing:clamp(.2em,0.3vw,.4em);text-transform:uppercase;
  color:#8B5E3C;font-weight:800;margin:0 0 clamp(12px,1.5vw,18px);
}
.kaz-eyebrow .diamond{width:clamp(5px,0.6vw,7px);height:clamp(5px,0.6vw,7px);background:#8B5E3C;transform:rotate(45deg);display:inline-block}
.h2-ornate{position:relative;padding-bottom:clamp(16px,2.2vw,26px)}
.h2-ornate::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:clamp(100px,15vw,180px);height:12px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='12' viewBox='0 0 180 12'><g fill='none' stroke='%238B5E3C' stroke-width='1.3' stroke-linecap='round'><path d='M0 6 L70 6'/><path d='M110 6 L180 6'/><path d='M90 0 L98 6 L90 12 L82 6 Z' fill='%238B5E3C'/></g></svg>");
  background-repeat:no-repeat;background-position:center;
}

/* ============ PROBLEM ============ */
.problem .container{max-width:900px}
.problem h2{font-size:clamp(20px,4vw,36px);font-weight:800;margin:0 0 clamp(14px,2vw,24px);line-height:1.2;text-align:center;color:var(--ink)}
.problem p{font-size:clamp(13px,1.4vw,16px);color:var(--ink-soft);line-height:1.8;text-align:center;margin:0 auto clamp(10px,1.4vw,16px);max-width:760px}
.problem b{color:#7A5030;font-weight:700}

/* ============ VIDEO ============ */
.video-sec{padding:clamp(36px,7vw,80px) 0}
.video-wrap{
  max-width:860px;margin:0 auto;aspect-ratio:16/9;border-radius:16px;overflow:hidden;
  background:var(--indigo);position:relative;cursor:pointer;
  box-shadow:0 4px 40px -10px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,0.08);
}
.video-wrap:hover .play-btn{transform:translate(-50%,-50%) scale(1.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(255,255,255,0.25)}
.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:2}
.play-btn{
  width:clamp(56px,7vw,72px);height:clamp(56px,7vw,72px);border-radius:50%;
  background:rgba(255,255,255,0.18);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.25);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(0,0,0,.15);transition:.4s cubic-bezier(.25,.46,.45,.94);
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}
.play-btn svg{width:clamp(20px,2.5vw,26px);height:clamp(20px,2.5vw,26px);margin-left:3px}

/* ============ SEGMENTS ============ */
.seg-header{text-align:center;margin-bottom:clamp(32px,5vw,56px)}
.seg-header h2{font-size:clamp(20px,4vw,36px);font-weight:800;margin:0 0 clamp(8px,1.2vw,14px);color:var(--ink)}
.seg-header p{font-size:clamp(13px,1.3vw,15px);color:var(--muted);max-width:600px;margin:0 auto}
.seg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(14px,2vw,24px)}
.seg{
  background:rgba(255,255,255,0.45);backdrop-filter:blur(4px);
  border-radius:8px;padding:clamp(22px,3.5vw,40px) clamp(16px,2.4vw,28px) clamp(20px,3vw,36px);
  border:1px solid rgba(139,94,60,0.15);
  border-top:3px solid rgba(139,94,60,0.25);
  transition:.4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;
  box-shadow:0 4px 16px rgba(74,46,20,0.08), inset 0 1px 0 rgba(255,255,255,0.5);
}
.seg:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 40px -10px rgba(74,46,20,.15);
  border-color:rgba(139,94,60,0.3);
}
/* Угловой ою */
.seg::after{
  content:"";position:absolute;top:10px;right:10px;width:28px;height:28px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><g fill='none' stroke='%23D4A229' stroke-width='1.2' stroke-linecap='round'><path d='M22 4 C 22 4 22 11 18 11 C 14 11 14 4 18 4 C 21 4 21 7.5 18 7.5'/><path d='M4 22 C 4 22 11 22 11 18'/></g></svg>");
  background-size:contain;opacity:.3;pointer-events:none;transition:opacity .4s;
}
.seg:hover::after{opacity:.8}
.seg-accent{position:absolute;top:0;left:0;right:0;height:4px;border-radius:14px 14px 0 0}
.seg:nth-child(1) .seg-accent{background:linear-gradient(90deg,#8B5E3C,#A0724A)}
.seg:nth-child(2) .seg-accent{background:linear-gradient(90deg,#8B4A30,#A05A3A)}
.seg:nth-child(3) .seg-accent{background:linear-gradient(90deg,#4A3828,#6B5A48)}
.seg-ico{
  width:clamp(44px,5vw,60px);height:clamp(44px,5vw,60px);border-radius:50%;margin-bottom:clamp(12px,1.7vw,20px);
  display:flex;align-items:center;justify-content:center;
  border:1.5px solid var(--line);
}
.seg:nth-child(1) .seg-ico{background:linear-gradient(135deg,rgba(200,150,30,0.15),rgba(200,150,30,0.08));color:var(--gold)}
.seg:nth-child(2) .seg-ico{background:linear-gradient(135deg,rgba(160,57,26,0.2),rgba(160,57,26,0.1));color:#E07050}
.seg:nth-child(3) .seg-ico{background:linear-gradient(135deg,rgba(100,140,200,0.12),rgba(80,120,180,0.08));color:#8AADD4}
.seg h3{font-size:clamp(15px,1.7vw,19px);font-weight:800;margin:0 0 10px;color:var(--ink);font-family:'PT Serif',serif !important}
.seg p{font-size:clamp(12px,1.2vw,13.5px);color:var(--muted);line-height:1.7;margin:0 0 clamp(12px,1.5vw,18px)}
.seg-features{list-style:none;padding:0;margin:0}
.seg-features li{font-size:clamp(11px,1.1vw,12.5px);color:var(--ink-soft);padding:clamp(6px,0.7vw,8px) 0 clamp(6px,0.7vw,8px) clamp(18px,2vw,24px);position:relative;line-height:1.5;border-top:1px solid rgba(139,94,60,0.1)}
.seg-features li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(45deg);width:clamp(5px,0.5vw,6px);height:clamp(5px,0.5vw,6px);background:#8B5E3C}

/* ============ RESULTS ============ */
.results-header{text-align:center;margin-bottom:clamp(32px,5vw,56px)}
.results-header h2{font-size:clamp(20px,4vw,36px);font-weight:800;margin:0 0 clamp(8px,1.2vw,14px);color:var(--ink)}
.results-header p{font-size:clamp(13px,1.3vw,15px);color:var(--muted);max-width:600px;margin:0 auto}
.res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(14px,1.7vw,20px)}
.res{
  display:flex;align-items:center;gap:clamp(12px,1.5vw,18px);padding:clamp(16px,2vw,24px);border-radius:6px;
  background:rgba(255,255,255,0.4);backdrop-filter:blur(4px);
  border:1px solid rgba(139,94,60,0.12);
  border-left:3px solid rgba(139,94,60,0.2);
  transition:.35s;position:relative;overflow:hidden;
}
.res:hover{border-color:rgba(139,94,60,0.35);background:rgba(255,255,255,0.55);box-shadow:0 8px 24px -8px rgba(74,46,20,.12);transform:translateY(-2px)}
.res::after{
  content:"";position:absolute;top:8px;right:8px;width:22px;height:22px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'><g fill='none' stroke='%23D4A229' stroke-width='1' stroke-linecap='round'><path d='M18 3 C 18 3 18 9 14 9 C 10 9 10 3 14 3'/></g></svg>");
  background-size:contain;opacity:.2;pointer-events:none;transition:opacity .4s;
}
.res:hover::after{opacity:.7}
.res-ico{
  flex-shrink:0;width:clamp(64px,7.5vw,84px);height:clamp(64px,7.5vw,84px);
  position:relative;border-radius:50%;
  background-color:rgba(212,162,41,0.08);
  background-size:62% 62%;background-position:center;background-repeat:no-repeat;
  border:1.5px solid rgba(212,162,41,0.3);
  transition:all .4s cubic-bezier(.22,1,.36,1);
}
.res:hover .res-ico{
  background-color:rgba(212,162,41,0.16);
  border-color:rgba(212,162,41,0.6);
  transform:scale(1.12) rotate(6deg);
  box-shadow:0 0 18px rgba(212,162,41,0.25);
  filter:drop-shadow(0 0 4px rgba(212,162,41,0.4));
}
.res-ico img{display:none}
.res h4{font-size:clamp(13px,1.3vw,15px);font-weight:700;margin:0 0 5px;color:var(--ink)}
.res p{font-size:clamp(12px,1.1vw,13px);color:var(--muted);line-height:1.6;margin:0}

/* ============ LOCATIONS ============ */
.loc-header{text-align:center;margin-bottom:clamp(30px,4.5vw,50px)}
.loc-header h2{font-size:clamp(20px,4vw,36px);font-weight:800;margin:0 0 clamp(8px,1.2vw,14px);color:var(--ink)}
.loc-header p{font-size:clamp(13px,1.3vw,15px);color:var(--muted);max-width:600px;margin:0 auto}
.loc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(14px,2vw,24px);max-width:1160px;margin:0 auto}
.loc{
  background:rgba(255,255,255,0.4);backdrop-filter:blur(4px);border-radius:8px;overflow:hidden;
  border:1px solid rgba(139,94,60,0.12);transition:.4s cubic-bezier(.22,1,.36,1);
  box-shadow:0 4px 16px rgba(74,46,20,0.08);position:relative;
}
.loc:hover{transform:translateY(-6px);box-shadow:0 16px 40px -10px rgba(74,46,20,.12);border-color:rgba(139,94,60,0.25)}
.loc::after{
  content:"";position:absolute;top:auto;bottom:12px;right:12px;width:24px;height:24px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g fill='none' stroke='%23D4A229' stroke-width='1' stroke-linecap='round'><path d='M20 3 C 20 3 20 9 16 9 C 12 9 12 3 16 3'/></g></svg>");
  background-size:contain;opacity:.25;pointer-events:none;transition:opacity .4s;
}
.loc:hover::after{opacity:.7}
.loc-top{
  height:clamp(100px,14vw,160px);position:relative;overflow:hidden;background:var(--indigo);
  display:flex;align-items:center;justify-content:center;color:#fff;
  border-bottom:3px solid var(--gold);
}
.loc-top::before{content:"";position:absolute;inset:-10px;background-size:cover;background-position:center;filter:blur(3px) saturate(1.2) brightness(0.8);transform:scale(1.06);z-index:0;transition:.5s}
.loc-top::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(11,26,58,0.35),rgba(26,45,92,0.3))}
.loc-top>*{position:relative;z-index:2}
.loc:hover .loc-top::before{filter:blur(1px) saturate(1.3) brightness(0.85);transform:scale(1.1)}
.loc:nth-child(1) .loc-top::before{background-image:url('../img/loc_jailau.jpg')}
.loc:nth-child(2) .loc-top::before{background-image:url('../img/loc_kultobe.jpg')}
.loc:nth-child(3) .loc-top::before{background-image:url('../img/loc_otyrar.jpg')}
.loc:nth-child(4) .loc-top::before{background-image:url('../img/loc_sauran.jpg')}
.loc:nth-child(5) .loc-top::before{background-image:url('../img/loc_battlecamp.jpg')}
.loc.loc-mystery{opacity:.85;border-style:dashed;border-color:rgba(212,162,41,0.25)}
.loc.loc-mystery .loc-top{background:linear-gradient(135deg,#1a2d5c,#0b1a3a)}
.loc.loc-mystery .loc-top::before{display:none}
.loc.loc-mystery .loc-top::after{background:none}
.loc-mystery-icon{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}
.loc-mystery-icon .qmark{font-size:42px;font-family:'PT Serif',serif;color:var(--gold);opacity:.7;animation:pulse-mystery 3s ease-in-out infinite;text-shadow:0 0 24px rgba(212,162,41,0.3)}
.loc-mystery-icon .soon-label{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(212,162,41,0.6);background:rgba(212,162,41,0.08);padding:4px 14px;border-radius:12px;border:1px solid rgba(212,162,41,0.15)}
@keyframes pulse-mystery{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}
.loc.loc-mystery:hover{transform:translateY(-6px);box-shadow:0 24px 50px -15px rgba(212,162,41,.2);border-color:rgba(212,162,41,0.5);opacity:1}
.loc.loc-mystery .loc-body p{font-style:italic}
.loc-top svg{width:50px;height:50px;opacity:.9;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.5))}
.loc-num{position:absolute;top:clamp(8px,1vw,12px);right:clamp(8px,1.2vw,14px);font-size:clamp(8px,0.9vw,10px);font-weight:700;background:rgba(6,14,34,0.6);color:var(--gold);padding:clamp(3px,0.5vw,5px) clamp(8px,1vw,12px);border-radius:16px;letter-spacing:.12em;border:1px solid rgba(212,162,41,0.2);backdrop-filter:blur(4px)}
.loc-body{padding:clamp(14px,2vw,24px) clamp(14px,2vw,24px) clamp(16px,2.4vw,28px)}
.loc-body h4{font-size:clamp(14px,1.5vw,17px);font-weight:800;margin:0 0 clamp(5px,0.7vw,8px);color:var(--ink);font-family:'PT Serif',serif !important}
.loc-body p{font-size:clamp(11px,1.1vw,13px);color:var(--muted);line-height:1.65;margin:0}

/* ============ PROCESS ============ */
.process-header{text-align:center;margin-bottom:clamp(32px,5vw,56px)}
.process-header h2{font-size:clamp(20px,4vw,36px);font-weight:800;margin:0 0 clamp(8px,1.2vw,14px);color:var(--ink)}
.process-header p{font-size:clamp(13px,1.3vw,15px);color:var(--muted);max-width:600px;margin:0 auto}
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:clamp(16px,2vw,24px);position:relative}
.step-grid::before{content:"";position:absolute;top:clamp(28px,3.5vw,38px);left:14%;right:14%;height:2px;background:linear-gradient(90deg,transparent,#8B5E3C,#8B5E3C,transparent);opacity:.15}
.step{text-align:center;position:relative}
.step-num{
  width:clamp(48px,6.5vw,76px);height:clamp(48px,6.5vw,76px);border-radius:50%;margin:0 auto clamp(12px,1.7vw,20px);
  background:linear-gradient(145deg, #8B5E3C, #5C3A1E)!important;
  border:3px solid rgba(212,162,41,0.4)!important;
  display:flex;align-items:center;justify-content:center;
  font-size:clamp(14px,2vw,22px)!important;font-weight:800;color:var(--gold-pale)!important;position:relative;z-index:2;
  transition:.35s;
  box-shadow:0 6px 20px rgba(30,18,8,0.2), inset 0 2px 4px rgba(255,220,130,0.15), inset 0 -2px 4px rgba(0,0,0,0.2);
  text-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.step-num::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px dashed rgba(139,94,60,0.15)}
.step:hover .step-num{background:linear-gradient(145deg, var(--gold), #c8921a)!important;color:var(--indigo)!important;box-shadow:0 8px 28px rgba(212,162,41,0.35);transform:scale(1.1);text-shadow:none}
.step h4{font-size:clamp(11px,1.2vw,14px);font-weight:700;margin:0 0 6px;color:var(--ink)}
.step p{font-size:clamp(10.5px,1.1vw,12.5px);color:var(--muted);line-height:1.55;margin:0;max-width:200px;margin-left:auto;margin-right:auto}

/* ============ SYRMAK FLOOR — ковёр на полу юрты ============ */
.syrmak-floor{
  position:relative;height:clamp(40px,7vw,80px);z-index:2;
  background:linear-gradient(180deg, #C2B298 0%, #8B7A66 100%);
  overflow:hidden;
}
.syrmak-floor::before{
  content:"";position:absolute;inset:0;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='80' viewBox='0 0 160 80'><g fill='none' stroke='%23C8961E' stroke-width='1.2' stroke-opacity='0.15'><path d='M0 40 L40 10 L80 40 L40 70 Z'/><path d='M80 40 L120 10 L160 40 L120 70 Z'/></g></svg>")
    repeat;
  background-size:160px 80px;
}

/* ============ КОСТЁР С КАЗАНОМ ============ */
.yurt-fire{
  position:relative;height:clamp(360px,55vw,700px);z-index:3;overflow:hidden;
  background:linear-gradient(180deg, #8B7A66 0%, #5C4A38 25%, #2E2218 55%, #1A0E04 75%, var(--indigo-deep) 100%);
  display:flex;align-items:center;justify-content:center;
}
/* Большое тёплое свечение от очага */
.yurt-fire::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 60% at 50% 55%,
      rgba(255,100,20,0.2) 0%,
      rgba(255,70,10,0.1) 30%,
      rgba(255,50,0,0.04) 50%,
      transparent 70%
    ),
    radial-gradient(ellipse 40% 30% at 50% 58%,
      rgba(255,180,60,0.12) 0%,
      transparent 60%
    );
  animation:fire-glow 3s ease-in-out infinite alternate;
}
@keyframes fire-glow{
  0%{opacity:0.7;transform:scale(1)}
  100%{opacity:1;transform:scale(1.06)}
}
/* Искры — крупнее, поднимаются выше */
.yurt-fire::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(2px 2px at 46% 35%, rgba(255,200,50,0.9), transparent),
    radial-gradient(1.5px 1.5px at 52% 30%, rgba(255,180,30,0.7), transparent),
    radial-gradient(2px 2px at 48% 25%, rgba(255,220,80,0.6), transparent),
    radial-gradient(2.5px 2.5px at 54% 38%, rgba(255,160,20,0.8), transparent),
    radial-gradient(1.5px 1.5px at 44% 32%, rgba(255,200,60,0.5), transparent),
    radial-gradient(2px 2px at 50% 22%, rgba(255,240,100,0.6), transparent),
    radial-gradient(1.5px 1.5px at 42% 28%, rgba(255,210,70,0.4), transparent),
    radial-gradient(2px 2px at 56% 26%, rgba(255,170,40,0.5), transparent);
  animation:sparks 4s ease-in-out infinite;
}
@keyframes sparks{
  0%{transform:translateY(0);opacity:0.8}
  50%{transform:translateY(-30px);opacity:0.35}
  100%{transform:translateY(0);opacity:0.8}
}
.fire-scene{
  position:relative;z-index:2;width:min(700px,90vw);height:min(550px,80vw);
}
.fire-scene svg{width:100%;height:100%}

/* ============ CTA — у костра, ночная степь ============ */
.cta{
  position:relative;overflow:hidden;
  padding:clamp(40px,7vw,80px) 0 clamp(60px,10vw,120px);
  background:
    linear-gradient(180deg,
      var(--indigo-deep) 0%,
      #050A14 50%,
      #030810 100%
    );
}
.cta::before{
  content:"";position:absolute;bottom:0;left:0;right:0;height:50%;
  background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(255,220,150,0.08),transparent);
  pointer-events:none;
}
.cta .shanyrak-wm{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(220px,40vw,500px);height:clamp(220px,40vw,500px);
  opacity:.04;pointer-events:none;color:var(--gold);animation:spin-cta 100s linear infinite;
}
@keyframes spin-cta{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.cta-inner{
  border-radius:clamp(12px,1.5vw,18px);padding:clamp(24px,5.5vw,64px) clamp(14px,4.5vw,56px);color:#fff;text-align:center;
  background:rgba(6,14,34,0.85);backdrop-filter:blur(12px);
  position:relative;overflow:hidden;
  border:1px solid rgba(212,162,41,0.25);
  box-shadow:0 30px 80px -20px rgba(0,0,0,.5);
}
.cta-inner::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(212,162,41,0.15);pointer-events:none;border-radius:10px}
.cta-inner::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(212,162,41,0.04),transparent);
  pointer-events:none;
}
.cta h3{font-size:clamp(20px,4vw,36px);font-weight:800;margin:0 0 clamp(10px,1.4vw,16px);position:relative;line-height:1.2;z-index:1}
.cta h3 span{color:var(--gold);text-shadow:0 0 30px rgba(212,162,41,0.3)}
.cta>div>p,.cta-inner>p{font-size:clamp(13px,1.3vw,15px);color:rgba(255,249,236,0.45);line-height:1.7;margin:0 auto clamp(24px,3vw,36px);max-width:560px;position:relative;z-index:1}
.cta-btns{display:flex;gap:clamp(10px,1.4vw,16px);justify-content:center;flex-wrap:wrap;position:relative;z-index:1}

/* ============ FOOTER ============ */
/* ============ CONTACT FORM ============ */
.cta-form{
  display:flex;gap:clamp(8px,1.2vw,14px);flex-wrap:wrap;justify-content:center;
  margin-top:clamp(20px,3vw,32px);position:relative;z-index:1;
  max-width:600px;margin-left:auto;margin-right:auto;
}
.cta-form input,.cta-form textarea{
  flex:1 1 180px;min-width:0;
  padding:clamp(12px,1.4vw,16px) clamp(14px,1.6vw,20px);
  border-radius:8px;border:1.5px solid rgba(212,162,41,0.25);
  background:rgba(255,255,255,0.06);backdrop-filter:blur(4px);
  color:#fff;font-family:'Inter',system-ui,sans-serif;font-size:clamp(13px,1.2vw,15px);
  transition:.3s;outline:none;
}
.cta-form input::placeholder,.cta-form textarea::placeholder{color:rgba(255,249,236,0.3)}
.cta-form input:focus,.cta-form textarea:focus{border-color:var(--gold);background:rgba(255,255,255,0.1)}
.cta-form textarea{flex:1 1 100%;min-height:80px;resize:vertical}
.cta-form .btn-submit{
  flex:0 0 auto;padding:clamp(12px,1.4vw,16px) clamp(24px,3vw,40px);
  background:var(--gold);color:var(--indigo);border:0;border-radius:8px;
  font-weight:800;font-size:clamp(13px,1.2vw,15px);cursor:pointer;
  font-family:'Inter',system-ui,sans-serif;transition:.3s;letter-spacing:.02em;
}
.cta-form .btn-submit:hover{background:var(--gold-light);transform:translateY(-2px)}
.cta-form-msg{
  text-align:center;color:var(--gold);font-weight:600;font-size:clamp(13px,1.2vw,15px);
  margin-top:12px;display:none;position:relative;z-index:1;
}
.cta-form-msg.visible{display:block}

/* ============ VIDEO PLAYER ============ */
.video-wrap video{
  width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:0;
  filter:blur(18px) brightness(0.8);transform:scale(1.08);
  transition:filter .7s ease, transform .7s ease;
}
.video-wrap.playing video{filter:blur(0) brightness(1);transform:scale(1)}
.video-wrap.playing .video-overlay{opacity:0;pointer-events:none;transition:opacity .6s ease}
.video-wrap .video-overlay{transition:opacity .6s ease}

.page-footer{background:#131328;color:rgba(255,255,255,0.45);padding:clamp(36px,5vw,60px) 0 clamp(24px,3vw,36px);font-size:clamp(11px,1vw,13px);border-top:none}
.ft-row1{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:clamp(16px,2vw,24px);padding-bottom:clamp(24px,3.5vw,40px);border-bottom:1px solid rgba(255,255,255,0.08)}
.ft-brand{display:flex;align-items:center;gap:clamp(20px,3vw,36px)}
.ft-logo{display:flex;flex-direction:column;line-height:1}
.ft-logo-name{font-family:'PT Serif',serif;font-weight:800;font-size:clamp(18px,2vw,26px);color:#fff;letter-spacing:.1em}
.ft-logo-sub{font-size:clamp(7px,0.65vw,9px);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-top:2px}
.ft-socials{display:flex;gap:clamp(12px,1.4vw,18px);align-items:center}
.ft-socials a{color:rgba(255,255,255,0.5);transition:.3s;display:flex}
.ft-socials a:hover{color:#fff}
.ft-socials svg{width:clamp(20px,2vw,24px);height:clamp(20px,2vw,24px)}
.ft-nav{display:flex;gap:clamp(16px,2.2vw,32px);align-items:center}
.ft-nav a{font-size:clamp(12px,1.1vw,14px);color:rgba(255,255,255,0.5);font-weight:500;font-family:'Inter',sans-serif;transition:.3s}
.ft-nav a:hover{color:#fff}
.ft-row2{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:clamp(16px,2vw,24px);padding:clamp(20px,3vw,36px) 0}
.ft-badges{display:flex;gap:clamp(6px,1vw,14px);align-items:center}
.ft-badge{font-size:clamp(11px,1vw,14px);color:rgba(255,255,255,0.4);font-family:'Inter',sans-serif;font-weight:400;line-height:1.2;padding:clamp(6px,0.8vw,10px) clamp(10px,1.2vw,16px);border:1px solid rgba(255,255,255,0.1);border-radius:6px}
.ft-badge b{color:rgba(255,255,255,0.7);font-weight:700}
.ft-badge sub{font-size:0.7em;color:rgba(255,255,255,0.5)}
.ft-badge-sep{width:1px;height:24px;background:rgba(255,255,255,0.08);margin:0 clamp(2px,0.4vw,6px)}
.ft-links{display:flex;gap:clamp(16px,2.4vw,32px);flex-wrap:wrap;align-items:center}
.ft-links a{font-size:clamp(11px,1vw,13px);color:rgba(255,255,255,0.45);font-weight:500;font-family:'Inter',sans-serif;transition:.3s;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,0.15)}
.ft-links a:hover{color:#fff;text-decoration-color:rgba(255,255,255,0.4)}
.ft-row3{padding-top:clamp(16px,2vw,24px);border-top:1px solid rgba(255,255,255,0.06)}
.ft-copy{font-size:clamp(10px,0.9vw,12px);color:rgba(255,255,255,0.3)}

/* ============ AUDIO ============ */
#audio-toggle{
  position:fixed;right:clamp(10px,2vw,20px);bottom:clamp(10px,2vw,20px);z-index:100;
  width:clamp(38px,4.5vw,50px);height:clamp(38px,4.5vw,50px);border-radius:50%;border:0;cursor:pointer;
  background:linear-gradient(135deg,var(--gold),#c8921a);
  box-shadow:0 8px 20px rgba(212,162,41,.4);
  display:flex;align-items:center;justify-content:center;
  color:var(--indigo);transition:.3s;font-family:inherit;
}
#audio-toggle:hover{transform:translateY(-2px) scale(1.05)}
#audio-toggle svg{width:20px;height:20px}
#audio-toggle .tip{
  position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(6px);
  background:var(--indigo);color:var(--gold);padding:7px 12px;border-radius:6px;
  font-size:11px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:.3s;
  border:1px solid rgba(212,162,41,0.2);
}
#audio-toggle:hover .tip{opacity:1;transform:translateY(-50%) translateX(0)}
#audio-toggle.playing{animation:pulse-g 2.4s ease-in-out infinite}
#audio-toggle .bars{display:none;gap:2px;align-items:center;height:18px}
#audio-toggle.playing .bars{display:flex}
#audio-toggle.playing .ico-note{display:none}
#audio-toggle .bars span{display:block;width:3px;background:var(--indigo);border-radius:2px;animation:wave 1s ease-in-out infinite}
#audio-toggle .bars span:nth-child(1){height:50%;animation-delay:0s}
#audio-toggle .bars span:nth-child(2){height:90%;animation-delay:.15s}
#audio-toggle .bars span:nth-child(3){height:60%;animation-delay:.3s}
#audio-toggle .bars span:nth-child(4){height:80%;animation-delay:.45s}
@keyframes wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
@keyframes pulse-g{0%,100%{box-shadow:0 8px 20px rgba(212,162,41,.4),0 0 0 0 rgba(212,162,41,.4)}50%{box-shadow:0 8px 20px rgba(212,162,41,.4),0 0 0 12px rgba(212,162,41,0)}}
#audio-toggle.hidden{display:none}

/* ============ 1. СМЕНА СВЕТА — утро → день → вечер ============ */
.yurt-interior{
  --light-temp:0;/* 0=утро, 0.5=день, 1=вечер — управляется JS */
}
#yurt-timelight{
  position:fixed;inset:0;z-index:87;pointer-events:none;
  opacity:0;transition:opacity 0.6s;
  mix-blend-mode:multiply;
}
#yurt-timelight.active{opacity:1}

/* ============ 2. ДЫМ ОТ ОЧАГА ============ */
.smoke-layer{
  position:fixed;bottom:0;left:0;right:0;height:100vh;z-index:88;pointer-events:none;
  opacity:0;transition:opacity 1s;
}
.smoke-layer.active{opacity:1}
.smoke{
  position:absolute;bottom:10%;border-radius:50%;
  background:radial-gradient(ellipse, rgba(200,180,150,0.15) 0%, rgba(180,160,130,0.05) 40%, transparent 70%);
  filter:blur(20px);
  animation:smoke-rise linear infinite;
}
.smoke:nth-child(1){left:46%;width:80px;height:80px;animation-duration:12s}
.smoke:nth-child(2){left:50%;width:60px;height:60px;animation-duration:15s;animation-delay:2s}
.smoke:nth-child(3){left:48%;width:100px;height:100px;animation-duration:18s;animation-delay:4s;opacity:0.7}
.smoke:nth-child(4){left:52%;width:50px;height:50px;animation-duration:10s;animation-delay:1s}
.smoke:nth-child(5){left:44%;width:70px;height:70px;animation-duration:14s;animation-delay:3s;opacity:0.6}
.smoke:nth-child(6){left:54%;width:90px;height:90px;animation-duration:16s;animation-delay:5s;opacity:0.5}
@keyframes smoke-rise{
  0%{transform:translate(0,0) scale(0.5);opacity:0}
  10%{opacity:0.6}
  40%{transform:translate(-15px,-35vh) scale(1.2);opacity:0.4}
  70%{transform:translate(10px,-60vh) scale(1.6);opacity:0.2}
  100%{transform:translate(-5px,-90vh) scale(2);opacity:0}
}


/* ============ 4. МЫШЬ = ВЗГЛЯД (параллакс) ============ */
.yurt-interior{
  transition:background-position 0.3s ease-out;
}

/* ============ RESPONSIVE — минимальные @media, остальное флюидное ============ */

/* ============ BURGER MENU ============ */
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:0;cursor:pointer;padding:6px;z-index:102;position:relative}
.burger span{display:block;width:100%;height:2px;background:var(--gold);border-radius:2px;transition:.3s}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* Навигация: прячем на планшетах, показываем бургер */
@media(max-width:900px){
  .burger{display:flex}
  .hdr-nav{
    display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;
    background:rgba(5,10,20,0.97);backdrop-filter:blur(16px);
    flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,5vw,36px);
  }
  .hdr-nav.open{display:flex}
  .hdr-nav a{font-size:clamp(16px,4vw,22px);color:rgba(255,249,236,0.7);letter-spacing:.04em;text-transform:none}
  .hdr-nav a:hover{color:#fff}
  .hdr-phone{display:none}
  .btn-cta-main{display:none}
}

/* Hero: убираем min-height на не-десктопах */
@media(max-width:768px){
  .hero{min-height:auto}
}

/* Footer: вертикальный стек на узких экранах */
@media(max-width:600px){
  .ft-row1{flex-direction:column;text-align:center}
  .ft-brand{flex-direction:column;gap:14px}
  .ft-nav{justify-content:center;flex-wrap:wrap}
  .ft-row2{flex-direction:column;text-align:center}
  .ft-badges{justify-content:center;flex-wrap:wrap}
  .ft-links{justify-content:center}
  .ft-row3{text-align:center}
}

/* CTA кнопки: стек на мобилках */
@media(max-width:520px){
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{justify-content:center}
  .cta-btns{flex-direction:column;align-items:stretch}
  .cta-btns .btn{justify-content:center}
}

/* Мобильные: убираем тяжёлые декоративные эффекты */
@media(max-width:580px){
  .uyq-left,.uyq-right{display:none}
  .smoke-layer{display:none}
  .scroll-hint{display:none}
  #audio-toggle .tip{display:none}
}

/* Landscape mobile */
@media(max-height:500px) and (orientation:landscape){
  .hero{min-height:auto}
  .hero-photo{object-position:center center}
  .scroll-hint{display:none}
}

/* Широкий экран */
@media(min-width:1400px){
  .container{max-width:1280px}
}