:root{
  --bg:#F7F5EF; --surface:#FFFFFF; --sand:#ECE5D6; --ink:#15271F; --ink2:#3E4E47; --muted:#6C7771;
  --fir:#1D3A2F; --fir2:#28503F; --blue:#1F3B55; --gold:#A97C2F; --gold2:#C9A25A; --line:#DCD6C8;
  --chip:#E7EFE9; --chipInk:#1D3A2F; --warn:#8A5A12; --warnBg:#FBF1DC;
  --shadow:0 1px 2px rgba(21,39,31,.06),0 10px 30px rgba(21,39,31,.08);
  --display:"Cormorant",Georgia,"Times New Roman",serif;
  --body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;--bg:#0E1714;--surface:#15211C;--sand:#1B2A24;--ink:#ECE8DD;--ink2:#C9CFC9;--muted:#98A39D;
  --fir:#2E5A48;--fir2:#3A6B57;--blue:#8FB3D1;--gold:#D6B06A;--gold2:#E2C483;--line:#2A3A33;--chip:#1F3129;--chipInk:#CFE3D7;
  --warn:#E7C27D;--warnBg:#2B2416;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35)}}
:root[data-theme="dark"]{
  color-scheme:dark;--bg:#0E1714;--surface:#15211C;--sand:#1B2A24;--ink:#ECE8DD;--ink2:#C9CFC9;--muted:#98A39D;
  --fir:#2E5A48;--fir2:#3A6B57;--blue:#8FB3D1;--gold:#D6B06A;--gold2:#E2C483;--line:#2A3A33;--chip:#1F3129;--chipInk:#CFE3D7;
  --warn:#E7C27D;--warnBg:#2B2416;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
.wrap{width:min(1180px,100%);margin:0 auto;padding-inline:20px}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto;font-family:var(--display);font-weight:600;letter-spacing:-.01em;text-wrap:balance;margin:0}
h1{font-size:clamp(40px,6.2vw,76px);line-height:1}
h2{font-size:clamp(32px,4.2vw,50px);line-height:1.05}
h3{font-size:26px;line-height:1.15}
p{margin:0}
.lede{font-size:18px;color:var(--ink2);max-width:62ch}
.kicker{font:600 12px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.muted{color:var(--muted)}
.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.02em}

/* demo bar + header */
.demobar{background:var(--fir);color:#E6EFE9;font-size:13px;text-align:center;padding:7px 16px}
.demobar b{color:var(--gold2);font-weight:600}
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:14px;min-height:68px}
header.site .wrap{width:min(1340px,100%)}
.brand{display:flex;flex-direction:column;text-decoration:none;line-height:1;margin-right:auto;flex-shrink:0;white-space:nowrap}
.brand b{font:600 24px/1 var(--display);letter-spacing:.16em}
.brand span{font:500 9.5px/1.4 var(--mono);letter-spacing:.2em;color:var(--gold);margin-top:4px;text-transform:uppercase}
.menu{display:flex;gap:2px;flex-wrap:nowrap}
.menu a{white-space:nowrap;text-decoration:none;font-size:14px;font-weight:500;padding:8px 9px;border-radius:8px;color:var(--ink2)}
.menu a:hover{background:var(--sand);color:var(--ink)}
.menu a.on{color:var(--ink);background:var(--sand)}
.langs{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.langs button{border:0;background:transparent;padding:7px 9px;font:600 12px/1 var(--mono);cursor:pointer;color:var(--muted)}
.langs button.on{background:var(--fir);color:#fff}
.burger{display:none;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 11px;cursor:pointer}
.cta-mini{background:var(--gold);color:#1a1307;text-decoration:none;font-weight:600;font-size:14px;padding:9px 14px;border-radius:10px;white-space:nowrap}
@media (max-width:1240px){
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 20px 18px;flex-direction:column}
  .menu.open{display:flex}.burger{display:block}
}
@media (max-width:520px){.cta-mini{display:none}.brand b{font-size:17px;letter-spacing:.1em}.brand span{letter-spacing:.1em}.nav{gap:8px}.langs button{padding:7px 6px}}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;font-size:15px;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn.gold{background:var(--gold);color:#1a1307}
.btn.dark{background:var(--fir);color:#fff}
.btn.ghost{border-color:var(--line);background:var(--surface);color:var(--ink)}
.btn.light{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* scenes (photo slots) */
.scene{position:relative;overflow:hidden;background:#cfd8d6;isolation:isolate}
.scene svg{display:block;width:100%;height:100%}
.slot{position:absolute;left:12px;top:12px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;background:rgba(10,20,16,.55);color:#F3EFE5;padding:6px 8px;border-radius:6px;backdrop-filter:blur(6px)}

/* hero */
.hero{position:relative;color:#fff}
.hero .scene{height:clamp(440px,64vh,640px)}
.hero .scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,14,.55) 0%,rgba(8,18,14,.1) 60%),linear-gradient(180deg,rgba(8,18,14,0) 35%,rgba(8,18,14,.75) 100%);z-index:1}
.hero-copy{position:absolute;inset:auto 0 0 0;z-index:2;padding-block:0 42px}
.hero-copy .kicker{color:var(--gold2)}
.hero-copy h1{max-width:15ch;margin:12px 0 16px}
.hero-copy p{max-width:58ch;font-size:18px;color:#E9EEE9}
.hero-copy .row{margin-top:24px}
.quick{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.quick a{background:var(--surface);padding:18px 16px;text-decoration:none;display:flex;flex-direction:column;gap:4px}
.quick a:hover{background:var(--sand)}
.quick b{font-size:15px}.quick span{font-size:12.5px;color:var(--muted)}
@media (max-width:900px){.quick{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.quick{grid-template-columns:repeat(2,1fr)}.hero-copy p{font-size:16px}}

/* sections */
section.block{padding-block:72px}
section.alt{background:var(--sand)}
.head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px;flex-wrap:wrap}
.head > div{max-width:720px;display:grid;gap:10px}
.head p{color:var(--ink2);max-width:52ch}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}

/* cards */
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
a.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.card .scene{aspect-ratio:16/10}
.card .body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{font-size:24px}
.card p{color:var(--ink2);font-size:14.5px}
.facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.fact{font:500 11.5px/1 var(--mono);padding:6px 8px;border-radius:6px;background:var(--chip);color:var(--chipInk)}
.tag{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}

/* interest switcher */
.interests{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.pill{border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500}
.pill[aria-pressed="true"]{background:var(--fir);border-color:var(--fir);color:#fff}
.path{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.path > a,.path > div{padding:18px;border-right:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;gap:6px}
.path > :last-child{border-right:0}
.path .step{font:600 11px/1 var(--mono);letter-spacing:.12em;color:var(--gold);text-transform:uppercase}
.path b{font-size:16px}.path span{font-size:13.5px;color:var(--ink2)}
.path > a:hover{background:var(--sand)}
@media (max-width:820px){.path{grid-template-columns:1fr 1fr}.path > :nth-child(2){border-right:0}.path > :nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:480px){.path{grid-template-columns:1fr}.path > *{border-right:0!important;border-bottom:1px solid var(--line)}.path > :last-child{border-bottom:0}}

/* map */
.mapbox{display:grid;grid-template-columns:1fr 300px;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.mapsvg{background:var(--sand);position:relative}
.mapsvg svg{display:block;width:100%;height:auto}
.mapside{padding:18px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.mapside .row{gap:6px}
.pin{cursor:pointer}
.pin circle{transition:r .15s}
.pin:hover circle.dot,.pin.on circle.dot{r:9}
.maptools{display:flex;gap:6px;flex-wrap:wrap}
.maptools .pill{padding:6px 11px;font-size:13px}
@media (max-width:860px){.mapbox{grid-template-columns:1fr}.mapside{border-left:0;border-top:1px solid var(--line)}}

/* page head */
.phead{padding-block:40px 30px;border-bottom:1px solid var(--line)}
.crumbs{font:500 12px/1 var(--mono);color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--gold)}
.phead h1{font-size:clamp(38px,5.4vw,64px)}
.phead .lede{margin-top:14px}
.banner{border-radius:14px;overflow:hidden;margin-top:26px}
.banner .scene{aspect-ratio:21/8}
@media (max-width:640px){.banner .scene{aspect-ratio:16/10}}

/* detail layout */
.detail{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
.detail .prose{display:grid;gap:16px;font-size:16.5px;color:var(--ink2);max-width:68ch}
.detail .prose h3{color:var(--ink);margin-top:12px}
.aside{position:sticky;top:90px;display:grid;gap:14px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}
.box h4{margin:0 0 10px;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
dl.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:14px}
dl.kv dt{color:var(--muted)}dl.kv dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums}
.links{display:grid;gap:8px}
.links a{text-decoration:none;display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line);font-size:14px;font-weight:500}
.links a:hover{border-color:var(--gold)}
.links a small{color:var(--muted);font-weight:400;font-family:var(--mono);font-size:11px;white-space:nowrap}
.note{background:var(--warnBg);color:var(--warn);border-radius:10px;padding:12px 14px;font-size:13.5px}
@media (max-width:900px){.detail{grid-template-columns:1fr}.aside{position:static}}

/* program */
ol.program{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--line)}
ol.program li{padding:0 0 18px 20px;position:relative}
ol.program li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--gold)}
ol.program b{display:block;color:var(--ink)}
ul.ticks{padding:0;margin:0;list-style:none;display:grid;gap:6px}
ul.ticks li{padding-left:22px;position:relative}
ul.ticks li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:6px;border-left:2px solid var(--fir2);border-bottom:2px solid var(--fir2);transform:rotate(-45deg) translateY(-3px)}

/* season table */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
table.season{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}
table.season th,table.season td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
table.season th{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
table.season tr:last-child td{border-bottom:0}
.lv{display:inline-flex;gap:3px}.lv i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.lv.l1 i:nth-child(-n+1),.lv.l2 i:nth-child(-n+2),.lv.l3 i:nth-child(-n+3){background:var(--fir2)}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:12px}

/* accordion */
details.acc{border-bottom:1px solid var(--line);padding:16px 0}
details.acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:17px}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary::after{content:"+";font:400 22px/1 var(--display);color:var(--gold)}
details.acc[open] summary::after{content:"−"}
details.acc p{margin-top:10px;color:var(--ink2);max-width:70ch}

/* form */
form.smart{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f{display:grid;gap:6px}.f.full{grid-column:1/-1}
.f label,.f .lbl{font:600 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.f input,.f select,.f textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.f textarea{min-height:100px;resize:vertical}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font:500 14px/1 var(--body);letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer;background:var(--bg)}
.checks input{width:auto;margin:0;accent-color:var(--fir2)}
.checks label:has(input:checked){border-color:var(--fir2);background:var(--chip)}
.out{grid-column:1/-1;display:grid;gap:12px}
.out pre{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px;font:13px/1.55 var(--mono);margin:0}
@media (max-width:640px){form.smart{grid-template-columns:1fr;padding:18px}}
.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:start}
@media (max-width:900px){.contactgrid{grid-template-columns:1fr}}
.cbox{background:var(--fir);color:#E8F0EB;border-radius:16px;padding:26px;display:grid;gap:14px}
.cbox h3{color:#fff}
.cline{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.15);padding-top:12px;font-size:14px}
.cline span:last-child{font-family:var(--mono);font-size:12.5px;color:var(--gold2);text-align:right}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stepc{border-top:2px solid var(--gold);padding-top:14px;display:grid;gap:6px}
.stepc .n{font:600 12px/1 var(--mono);color:var(--gold)}
.stepc p{color:var(--ink2);font-size:14.5px}
@media (max-width:820px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}

/* footer */
footer.site{background:#0B1511;color:#AEBDB5;padding-block:52px 30px;margin-top:0}
footer.site .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:30px}
footer.site h4{color:#fff;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}
footer.site a{display:block;text-decoration:none;font-size:14px;padding:4px 0}
footer.site a:hover{color:var(--gold2)}
footer.site .fine{border-top:1px solid #1F2C27;margin-top:32px;padding-top:18px;font-size:12px;color:#7F8F87}
@media (max-width:980px){footer.site .cols{grid-template-columns:1fr 1fr}}
.kknote{display:inline-block;margin-left:8px;font:500 10.5px/1 var(--mono);color:var(--warn);background:var(--warnBg);padding:4px 6px;border-radius:5px;vertical-align:middle}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--fir);color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;z-index:60}

/* v2: journal, matcher, admin, legal, dev */
.pill:disabled{opacity:.55;cursor:default}
.soon{font:500 10px/1 var(--mono);color:var(--muted);margin-left:4px}
.matcher{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;align-items:start}
.mform{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;gap:18px}
.mres{display:grid;gap:14px}
.mitem{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:grid;gap:8px}
.mitem:first-of-type{border-color:var(--gold)}
.mhead{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.mhead a{text-decoration:none;font-size:17px}
.mpct{font:600 13px/1 var(--mono);color:var(--gold)}
.mbar{height:4px;border-radius:4px;background:var(--line);overflow:hidden}
.mbar i{display:block;height:100%;background:var(--fir2)}
@media (max-width:860px){.matcher{grid-template-columns:1fr}}
mark.ph{background:var(--warnBg);color:var(--warn);border-radius:4px;padding:0 3px}
.fact.who.ok{background:var(--chip);color:var(--chipInk)}
.fact.who.cl{background:var(--warnBg);color:var(--warn)}
.fact.who.fm{background:color-mix(in srgb,var(--blue) 14%,var(--surface));color:var(--blue)}
.fact.st0{background:var(--warnBg);color:var(--warn)}
.fact.st3,.fact.st4{background:var(--chip);color:var(--chipInk)}
table.adm select{padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:13px}
table.adm td{vertical-align:middle;font-size:13.5px}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#1a1307;padding:8px 12px;z-index:100;border-radius:0 0 8px 0}
.skip:focus{left:0}
article.prose p{font-size:17px}
table.adm td.mono{white-space:nowrap}

.wa-share{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:45;display:inline-flex;align-items:center;gap:8px;background:#1F7A4D;color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:12px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.wa-share:hover{background:#18643F}
@media (max-width:520px){.wa-share{padding:13px}.wa-share span{display:none}}

.scene img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.scene.has-photo .slot{display:none}
.hero .scene img.ph{object-position:50% 12%}




/* news · blog · board */
.cmtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto;scrollbar-width:none}
.cmtabs a{text-decoration:none;padding:10px 14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.cmtabs a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--gold)}
.cmtabs a:hover{color:var(--ink)}
.cmhead{display:flex;justify-content:flex-end;margin:-10px 0 8px}
.cmnews{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.cmnews li{border-top:1px solid var(--line)}
.cmnews li a{display:flex;flex-direction:column;gap:5px;padding:14px 0;text-decoration:none}
.cmnews li a b{font-weight:600;font-size:16px;line-height:1.35}
.cmnews li a:hover b{color:var(--gold)}
.cmnews-home{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cmnews-home li{border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.cmnews-home li a{padding:16px 18px;height:100%}
.cmnews-home li a:hover{box-shadow:var(--shadow)}
.cmmeta{font:500 11.5px/1.3 var(--mono);color:var(--muted);letter-spacing:.02em}
.cmsrc{margin-top:22px;font-size:13px;color:var(--muted);max-width:70ch}
.cmnote{color:var(--muted);padding:18px 0;grid-column:1/-1}
.cmskel{height:74px;border-radius:12px;background:linear-gradient(90deg,var(--sand) 0%,color-mix(in srgb,var(--sand) 50%,var(--surface)) 50%,var(--sand) 100%);background-size:200% 100%;animation:cmsk 1.2s linear infinite;list-style:none;margin:6px 0}
@keyframes cmsk{to{background-position:-200% 0}}
@media (max-width:980px){.cmnews-home{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cmnews,.cmnews-home{grid-template-columns:1fr}.cmnews-home{gap:10px}}
.cmpost .body{gap:10px}.cmread{margin-top:auto;font:600 12px/1 var(--mono);color:var(--gold)}
.cmarticle{max-width:68ch;display:grid;gap:14px;font-size:17px;color:var(--ink2)}
.cmbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.cmbar .interests{margin:0}
.cmsearch{width:100%;max-width:420px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:18px}
.cmboard{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.cmlist{display:grid;gap:14px}
.cmitem{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:8px}
.cmitem h3{font-size:24px}
.cmprice{font:600 15px/1 var(--mono);color:var(--gold)}
.cmtext{color:var(--ink2);font-size:15px;display:grid;gap:8px;overflow-wrap:anywhere}
.cmtext.clamp{max-height:7.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent)}
.cmmore{justify-self:start;border:0;background:none;color:var(--gold);font-weight:700;cursor:pointer;padding:0}
.cmcontact{border-top:1px solid var(--line);padding-top:10px;font-size:14px;font-weight:500;overflow-wrap:anywhere}
.cmcontact a{color:var(--fir2)}
.cmaside{position:sticky;top:90px;display:grid;gap:14px}
.cmform{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:12px;scroll-margin-top:90px}
.cmform h3{font-size:24px}
.cmform select,.cmform input,.cmform textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.cmform textarea{min-height:110px;resize:vertical}
.cmhp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cmconsent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink2);line-height:1.45}
.cmconsent input{width:auto;margin-top:3px;accent-color:var(--fir2)}
.cmform .btn{justify-content:center}
.cmform .btn:disabled{opacity:.6}
.cmmsg{font-size:14px}.cmmsg.good{color:var(--fir2)}.cmmsg.bad{color:#9b2c2c}
@media (max-width:900px){.cmboard{grid-template-columns:1fr}.cmaside{position:static}}
@media (max-width:520px){.cmbar .btn{width:100%;justify-content:center}.cmsearch{max-width:none}}

@media (max-width:1260px){.menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 20px 18px;flex-direction:column}.menu.open{display:flex}.burger{display:block}}

/* national cuisine */
.fgrid{display:grid;gap:16px}
.fgrid.f4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fgrid.f5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1080px){.fgrid.f5{grid-template-columns:repeat(3,minmax(0,1fr))}.fgrid.f4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.fgrid.f4,.fgrid.f5{grid-template-columns:1fr}}
.fdish{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,transform .2s,box-shadow .2s}
.fdish:hover{border-color:var(--gold2);transform:translateY(-2px);box-shadow:var(--shadow)}
.fdhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.fnum{font:600 12px/1 var(--mono);color:var(--gold);letter-spacing:.1em}
.fdish h3{font-size:25px}
.fkk{font:500 11.5px/1.3 var(--mono);color:var(--muted);letter-spacing:.04em}
.fdish p{color:var(--ink2);font-size:14.5px;margin-top:4px}
.fband{background:var(--fir);color:#E8F0EB}
.fband .kicker{color:var(--gold2)}
.fband h2{color:#fff}
.fband .head p{color:#C9D8CF}
.fband .fdish{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#E8F0EB}
.fband .fdish h3{color:#fff}
.fband .fdish p{color:#C9D8CF}
.fband .fkk{color:#9FB5A8}
.fband .fact{background:rgba(255,255,255,.1);color:#E8F0EB}
.frest{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px}
.frhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.frest h3{font-size:26px}
.frest h3 small{font:500 11px/1 var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.fprice{font:600 13px/1 var(--mono);color:var(--gold);letter-spacing:.08em;white-space:nowrap}
.fprice i{font-style:normal;color:var(--line)}
.frest p{color:var(--ink2);font-size:14.5px}
.fraddr{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:14px;font-weight:500}
.frlinks{display:flex;gap:14px;flex-wrap:wrap}
.frlinks a{font:600 12px/1 var(--mono);text-decoration:none;color:var(--ink2);letter-spacing:.04em}
.frlinks a:hover{color:var(--gold)}
.ftalgar{margin-top:22px;background:var(--surface);border:1px dashed var(--gold2);border-radius:14px;padding:20px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:8px 24px;align-items:center}
.ftalgar h3{font-size:24px}
.ftalgar p{color:var(--ink2);font-size:15px}
@media (max-width:860px){.ftalgar{grid-template-columns:1fr}}
.fcta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.fcta p{color:#C9D8CF;max-width:60ch;margin-top:10px}


/* ALMATY VISTA Concierge */
.cardwrap{position:relative;display:flex;flex-direction:column}
.cardwrap>.card{flex:1}
.addtrip{border:1px solid var(--line);background:var(--surface);color:var(--fir2);font:600 12.5px/1 var(--body);padding:8px 12px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.cardwrap>.addtrip{position:absolute;right:12px;top:12px;z-index:3;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(0,0,0,.12)}
.addtrip:hover{border-color:var(--gold)}
.addtrip.on{background:var(--fir);border-color:var(--fir);color:#fff}
.addtrip.big{padding:13px 18px;font-size:15px;border-radius:12px}
.addtrip.sm{font-size:12px;padding:6px 10px}
.phcredit{position:absolute;right:8px;bottom:8px;z-index:2;font:500 10px/1.2 var(--mono);color:#fff;background:rgba(8,18,14,.5);padding:4px 6px;border-radius:5px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.hero .phcredit{bottom:auto;top:10px}
/* home */
.aihome{background:linear-gradient(180deg,var(--bg),var(--sand))}
.aihgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.aihcard{border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.aihplan{background:var(--fir);color:#E8F0EB;background-image:radial-gradient(circle at 85% 0%,rgba(201,162,90,.28),transparent 55%)}
.aihplan h2{color:#fff;max-width:18ch}.aihplan p{color:#C9D8CF;max-width:52ch}.aihplan .kicker{color:var(--gold2)}
.aihask{background:var(--surface);border:1px solid var(--line)}
.aihask .aiask{width:100%}
@media (max-width:900px){.aihgrid{grid-template-columns:1fr}.aihcard{padding:22px}}
/* ask form */
.aiask{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.aiask textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);resize:vertical;min-height:52px}
.aisugg{display:flex;flex-wrap:wrap;gap:6px}
.aisugg .pill{font-size:12.5px;padding:7px 11px;text-align:left}
@media (max-width:520px){.aiask{grid-template-columns:1fr}.aiask .btn{justify-content:center}}
/* fab + panel */
.aifab{position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:46;display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;background:var(--fir);color:#fff;font:600 14px/1 var(--body);padding:12px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.aifab:hover{background:var(--fir2)}
.aistar{color:var(--gold2);font-size:16px}
.aibadge{background:var(--gold);color:#1a1307;border-radius:999px;font-size:11px;min-width:20px;padding:3px 6px;text-align:center}
@media (max-width:520px){.aifab{bottom:calc(76px + env(safe-area-inset-bottom,0px));padding:12px 14px}}
.aiback{position:fixed;inset:0;background:rgba(8,18,14,.35);z-index:70}
.aipanel{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);z-index:71;background:var(--bg);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .2s ease;box-shadow:-10px 0 40px rgba(0,0,0,.2)}
.aipanel.open{transform:none}
body.ailock{overflow:hidden}
.aihead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 20px 12px;background:var(--fir);color:#fff}
.aihead b{display:block;font:600 22px/1.1 var(--display);letter-spacing:.04em}
.aisub{display:block;font-size:12.5px;color:#C9D8CF;margin-top:4px}
.aiclose{border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:15px}
.aitabs{display:flex;background:var(--fir);padding:0 12px}
.aitabs button{flex:1;border:0;background:none;color:#B8C9BF;font:600 13px/1 var(--body);padding:12px 6px;border-bottom:2px solid transparent;cursor:pointer}
.aitabs button.on{color:#fff;border-bottom-color:var(--gold2)}
.aibody{flex:1;overflow-y:auto;padding:18px 18px 40px;display:grid;gap:14px;align-content:start;-webkit-overflow-scrolling:touch}
.aih{margin:6px 0 0;font:600 16px/1.3 var(--body)}
.aiscen{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.aiscen button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px;font:500 13.5px/1.3 var(--body);cursor:pointer;color:var(--ink)}
.aiscen button:hover{border-color:var(--gold2)}
.aimsg{border-radius:14px;padding:12px 14px;font-size:14.5px;display:grid;gap:10px}
.aimsg.me{background:var(--chip);color:var(--chipInk);justify-self:end;max-width:90%}
.aimsg.bot{background:var(--surface);border:1px solid var(--line)}
.aicards{display:grid;gap:8px}
.aimini{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-decoration:none;color:inherit;font-size:13.5px}
.aimini b{font-size:14.5px}.aimini span{color:var(--ink2)}
a.aimini:hover{border-color:var(--gold2)}
.airow{display:flex;gap:12px;flex-wrap:wrap}.airow a{font:600 12px/1 var(--mono);color:var(--fir2);text-decoration:none}
.airest{grid-template-columns:84px 1fr;align-items:start;gap:12px}.airest .scene{border-radius:8px;aspect-ratio:1}.airest>div{display:grid;gap:4px}
.ainote{font-size:12.5px;color:var(--muted);background:var(--bg);border-radius:10px;padding:9px 11px;margin:0}
.ainote.warn{background:var(--warnBg);color:var(--warn)}
.aichips{display:flex;flex-wrap:wrap;gap:6px}
.aichips .pill{font-size:13.5px;padding:9px 13px}
.aiwiz{display:grid;gap:12px}
.aiprog{height:4px;background:var(--line);border-radius:4px;overflow:hidden}.aiprog i{display:block;height:100%;background:var(--gold)}
.aiwiz textarea,.aiwiz input,.aiform2 select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.aidl{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.aiform2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.aiplan{display:grid;gap:12px}
.aiplan h3{font-size:26px}
.aiday{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px}
.aidayh h4{margin:4px 0 0;font:600 20px/1.15 var(--display)}
.aichain{font-size:14px;color:var(--ink);font-weight:500}
.aikv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px}.aikv dt{color:var(--muted)}.aikv dd{margin:0}
.aieat{display:grid;gap:4px;font-size:13px}.aieat a{color:var(--fir2);text-decoration:none;font-weight:600}
.aism{padding:8px 12px;font-size:13px}
.aiready{background:var(--fir);color:#fff;border-radius:14px;padding:16px;display:grid;gap:10px}
.aiready h4{margin:0;font:600 20px/1.1 var(--display);color:#fff}
.aiready .btn{padding:10px 13px;font-size:13.5px}
.aimy{margin:0;padding-left:20px;display:grid;gap:6px}
.aimy li{display:flex;justify-content:space-between;gap:10px;align-items:center}
.aimy a{text-decoration:none;font-weight:600}
.aix{border:0;background:var(--sand);border-radius:8px;width:28px;height:28px;cursor:pointer;color:var(--ink2)}
.sr{position:absolute;left:-9999px}
@media (max-width:520px){.aipanel{width:100%;border-left:0}.aiscen{grid-template-columns:1fr 1fr}.aiform2{grid-template-columns:1fr}}


/* creators */
.crhero{padding-block:40px 50px;background:linear-gradient(180deg,var(--bg),var(--sand))}
.crhgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center}
.crphoto{border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:var(--fir);box-shadow:var(--shadow)}
.crphoto img{width:100%;height:100%;object-fit:cover;display:block}
.crinfo{display:grid;gap:14px}.crinfo h1{font-size:clamp(40px,5.4vw,64px)}
.crvid{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0b1511}
.crvid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.crvmeta{display:grid;gap:4px;margin-top:10px}.crvmeta b{font-size:16px}.crvmeta span{font-size:13px}.crvmeta a{color:var(--fir2)}
.crplace{display:grid;gap:10px;margin-top:10px}.crby{font:600 12.5px/1 var(--mono);color:var(--gold);text-decoration:none}
.crava{aspect-ratio:16/10;background:var(--fir)}.crava img{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.crhgrid{grid-template-columns:1fr}.crphoto{max-width:420px}}


/* hero video */
.hero .scene video.herovid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .8s ease}
.hero .scene video.herovid.on{opacity:1}
.hero.hasvid .phcredit{display:none}
@media (prefers-reduced-motion:reduce){.hero .scene video.herovid{display:none}}
/* partner + sponsors */
.pcard{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.plogo{display:flex;align-items:center;justify-content:center;background:#0A0A0A;min-height:260px;padding:28px}
.plogo img{width:100%;max-width:420px;height:auto;display:block;transition:transform .35s ease}
.plogo:hover img{transform:scale(1.03)}
.pinfo{padding:30px 32px;display:flex;flex-direction:column;gap:12px}
.pinfo h3{font-size:clamp(30px,3.2vw,40px)}
.pdesc{color:var(--ink2);max-width:52ch}
.pkv{margin:6px 0 8px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px}
.pkv a{text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}
.pkv a:hover{color:var(--gold);border-bottom-color:var(--gold)}
.pinfo .btn svg{flex-shrink:0}
@media (max-width:860px){.pcard{grid-template-columns:1fr}.plogo{min-height:0;aspect-ratio:16/9;padding:22px}.pinfo{padding:22px 20px 24px}}
@media (max-width:480px){.pinfo .row .btn{flex:1 1 100%;justify-content:center}}
.spgrid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.spgrid>li{flex:0 1 calc((100% - 64px)/5);min-width:0}
.spcard{height:100%;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 14px 16px;transition:border-color .2s,box-shadow .2s,transform .2s}
.spcard:hover{border-color:var(--gold2);box-shadow:var(--shadow);transform:translateY(-2px)}
.splogo{width:100%;height:84px;display:flex;align-items:center;justify-content:center;background:#FBFAF6;border-radius:10px;margin-bottom:6px}
.splogo img{width:100%;max-width:200px;height:60px;object-fit:contain;display:block}
.spname{font-weight:600;font-size:15px;color:var(--ink)}
.sphost{font:500 11.5px/1 var(--mono);color:var(--muted)}
.spcard:hover .sphost{color:var(--gold)}
.spthanks{margin-top:28px;text-align:center;color:var(--muted);font-family:var(--display);font-style:italic;font-size:20px;text-wrap:balance}
@media (max-width:1080px){.spgrid>li{flex-basis:calc((100% - 32px)/3)}}
@media (max-width:640px){.spgrid{gap:12px}.spgrid>li{flex-basis:calc((100% - 12px)/2)}.splogo{height:72px}.splogo img{height:52px}}
@media (max-width:340px){.spgrid>li{flex-basis:100%}}

.demobar:empty{display:none}.slot{display:none!important}

/* ===== Abenteuerkarte ===== */
.advsec{background:#0e1a16;color:#ECE8DD;position:relative;overflow:hidden}
.advsec::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 420px at 15% 0%,rgba(201,162,90,.13),transparent 70%),radial-gradient(700px 400px at 100% 100%,rgba(63,142,163,.12),transparent 70%);pointer-events:none}
.advsec .wrap{position:relative}
.advsec .head .kicker{color:#C9A25A}
.advsec .head h2{color:#F4EFE3}
.advsec .head p{color:#B9C3BD;max-width:620px}
.adv{position:relative;display:grid;gap:14px}
.adv-stage{position:relative;width:100%;border-radius:18px;overflow:hidden;background:#0b1713;box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 0 0 1px rgba(236,232,221,.08);touch-action:pan-y;--s:1}
.adv-zoom{position:absolute;inset:0;transform-origin:0 0;transition:transform .8s cubic-bezier(.22,.8,.25,1);will-change:transform}
.adv-svg{display:block;width:100%;height:100%}
.adv-grat line{stroke:rgba(236,232,221,.07);stroke-width:1}
.adv-grat text,.adv-scale text,.adv-compass text{font:500 11px var(--mono);fill:rgba(236,232,221,.45);letter-spacing:.06em}
.adv-sh{fill:#040a08;opacity:.35}
.adv-m1{fill:#243f33;opacity:.9}
.adv-m2{fill:#35584a;opacity:.85}
.adv-m3{fill:#5b7d6c;opacity:.75}
.adv-crest{fill:none;stroke:#EDE8DA;stroke-width:1.8;stroke-dasharray:3 4;stroke-linecap:round;opacity:.8}
.adv-river{fill:none;stroke:#4f9fb4;stroke-width:1.6;opacity:.8;stroke-linejoin:round}
.adv-lake{fill:url(#advWater);stroke:#7cc3d4;stroke-width:1;opacity:.9}
.adv-border{fill:none;stroke:rgba(236,232,221,.35);stroke-width:1.2;stroke-dasharray:7 5}
.adv-lbl{font:italic 400 15px var(--display);fill:rgba(236,232,221,.55);letter-spacing:.02em}
.adv-lbl.mtn{fill:rgba(233,228,214,.6)}
.adv-lbl.wat{fill:#8ccbdb}
.adv-lbl.cty{font:500 11px var(--mono);letter-spacing:.35em;fill:rgba(236,232,221,.28);font-style:normal}
.adv-route{fill:none;stroke:#C9A25A;stroke-width:2.2;stroke-dasharray:.012 .012;stroke-linecap:round;opacity:0}
.adv.in .adv-route{animation:advDraw 1.6s ease-out forwards;animation-delay:calc(.9s + var(--d))}
@keyframes advDraw{0%{opacity:0;stroke-dashoffset:.3}30%{opacity:.9}100%{opacity:.9;stroke-dashoffset:0}}
.adv-scale rect{fill:rgba(236,232,221,.5)}
.adv-compass circle{fill:rgba(11,23,19,.6);stroke:rgba(236,232,221,.3)}
.adv-compass path{fill:#C9A25A}
.adv-pins{position:absolute;inset:0}
.adv-pin{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border:0;padding:0;background:none;cursor:pointer;transform:scale(calc(1 / var(--s)));transition:transform .8s cubic-bezier(.22,.8,.25,1);-webkit-tap-highlight-color:transparent;opacity:0}
.adv.in .adv-pin{animation:advPop .6s cubic-bezier(.3,1.4,.5,1) forwards;animation-delay:calc(.25s + var(--i) * .12s)}
@keyframes advPop{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.adv-dot{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#C9A25A;box-shadow:0 0 0 3px rgba(14,26,22,.85),0 0 0 4px rgba(233,228,214,.8),0 4px 12px rgba(0,0,0,.5);transition:transform .25s,background .25s}
.adv-dot::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px solid rgba(201,162,90,.7);opacity:0}
.adv-pin:hover .adv-dot,.adv-pin:focus-visible .adv-dot{transform:scale(1.2)}
.adv-pin.on .adv-dot{background:#F2D08A;transform:scale(1.3);box-shadow:0 0 0 3px rgba(14,26,22,.85),0 0 0 4px #F4EFE3,0 0 26px 8px rgba(242,208,138,.55)}
.adv-pin.on .adv-dot::after{animation:advGlow 2s ease-out infinite}
@keyframes advGlow{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.9)}}
.adv-pin:focus-visible{outline:2px solid #F2D08A;outline-offset:2px;border-radius:50%}
.adv-name{position:absolute;left:34px;top:50%;transform:translateY(-50%);white-space:nowrap;font:600 12.5px var(--body);color:#F4EFE3;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.7);pointer-events:none;letter-spacing:.01em}
.adv-pin[data-adv="medeu"] .adv-name,.adv-pin[data-adv="kolsai"] .adv-name{left:auto;right:34px}
.adv-pin[data-adv="almaty"] .adv-name{top:12%}
.adv-pin[data-adv="medeu"] .adv-name{top:88%}
.adv-hud{position:absolute;left:14px;top:14px;display:flex;gap:10px;align-items:center;z-index:2}
.adv-coord{font:500 11px var(--mono);letter-spacing:.08em;color:rgba(236,232,221,.7);background:rgba(11,23,19,.55);border:1px solid rgba(236,232,221,.12);padding:6px 10px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.adv-reset{font:600 12px var(--body);color:#0e1a16;background:#F2D08A;border:0;border-radius:999px;padding:7px 13px;cursor:pointer;min-height:32px}
.adv-card{position:absolute;top:16px;right:16px;width:318px;max-width:calc(100% - 32px);background:#FBF8F1;color:#15271F;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45);z-index:3;animation:advCard .45s cubic-bezier(.22,.8,.25,1)}
.adv-card.left{right:auto;left:16px}
@keyframes advCard{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.adv-media{aspect-ratio:16/10;background:#1b2a24;position:relative;overflow:hidden}
.adv-ph{width:100%;height:100%;object-fit:cover;display:block}
.adv-ill,.adv-ill .scene{position:absolute;inset:0}
.adv-ill .scene svg{width:100%;height:100%}
.adv-ill span{position:absolute;left:10px;bottom:8px;font:500 10px var(--mono);letter-spacing:.06em;color:#fff;background:rgba(0,0,0,.4);padding:3px 7px;border-radius:999px}
.adv-body{padding:16px 18px 18px;display:grid;gap:9px}
.adv-body h3{font:600 26px/1.05 var(--display);margin:0;color:#15271F}
.adv-body p{margin:0;font-size:14px;line-height:1.5;color:#3E4E47}
.adv-facts{display:flex;flex-wrap:wrap;gap:6px}
.adv-fact{font:500 11.5px var(--mono);background:#E7EFE9;color:#1D3A2F;padding:5px 9px;border-radius:999px}
.adv-go{justify-self:start;margin-top:4px;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#1D3A2F;color:#F4EFE3;font-weight:600;font-size:14px;text-decoration:none;transition:background .2s}
.adv-go:hover{background:#28503F}
.adv-x{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(11,23,19,.55);color:#fff;font-size:20px;line-height:1;cursor:pointer;backdrop-filter:blur(4px)}
.adv-hint{margin:2px 0 0;font:500 12px var(--mono);letter-spacing:.04em;color:rgba(236,232,221,.55)}
.adv-chips{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.adv-chips::-webkit-scrollbar{display:none}
.adv-chip{flex:0 0 auto;scroll-snap-align:start;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(236,232,221,.22);background:rgba(236,232,221,.04);color:#ECE8DD;font:500 14px var(--body);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.adv-chip:hover{border-color:rgba(242,208,138,.6)}
.adv-chip.on{background:#F2D08A;border-color:#F2D08A;color:#0e1a16}
@media (max-width:720px){
 .adv-stage{border-radius:14px}
 .adv-name{display:none}
 .adv-pin{width:36px;height:36px;margin:-18px 0 0 -18px}
 .adv-dot{width:14px;height:14px;margin:-7px 0 0 -7px}
 .adv-hud{left:10px;top:10px}
 .adv-pin.on .adv-name{display:block;font-size:12px}
 .adv-card{position:relative;top:auto;right:auto;left:auto;width:auto;max-width:none;display:grid;grid-template-columns:118px 1fr;border-radius:14px}
 .adv-card.left{left:auto}
 .adv-media{aspect-ratio:auto;min-height:100%}
 .adv-body{padding:12px 14px 14px;gap:6px}
 .adv-body h3{font-size:21px;padding-right:22px}
 .adv-body p{font-size:13px}
 .adv-x{background:rgba(11,23,19,.08);color:#15271F;right:6px;top:6px;left:auto}
 .adv-go{min-height:40px;padding:0 14px;font-size:13px}
 .adv-hint{order:2}
 .adv-card{order:1}.adv-stage{order:0}.adv-chips{order:3}
 .adv-coord{font-size:10px;padding:5px 8px}
}
@media (prefers-reduced-motion:reduce){.adv-pin,.adv-route{opacity:1!important}.adv-zoom{transition:none}}

/* ===== BRAND RELEASE · Modern Kazakhstan / Premium Adventure ===== */
/* tour cards: one small, identical mark on all tour cards (photos stay the hero) */
a.card[href^="#tour-"]{position:relative}
a.card[href^="#tour-"]::after{content:"";position:absolute;top:10px;right:10px;width:20px;height:18px;z-index:2;pointer-events:none;opacity:.9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 44' fill='none' stroke='%23F2D08A' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9 24 38 39 9'/%3E%3Cpath d='M9 9C4 3 11-1 15 3M39 9c5-6-2-10-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
/* tour detail page: light accent only (mark above the title) */
.av-tour .phead h1::before{content:"";display:block;width:34px;height:31px;margin-bottom:14px;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 44' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9 24 38 39 9'/%3E%3Cpath d='M9 9C4 3 11-1 15 3c3 3 0 7-3 5.5M39 9c5-6-2-10-6-6-3 3 0 7 3 5.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 44' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9 24 38 39 9'/%3E%3Cpath d='M9 9C4 3 11-1 15 3c3 3 0 7-3 5.5M39 9c5-6-2-10-6-6-3 3 0 7 3 5.5'/%3E%3C/svg%3E") center/contain no-repeat}
.av-tour .phead h1::after{content:"";display:block;width:56px;height:2px;margin-top:16px;background:var(--gold2)}
/* CTA in sidebar: tiny brand mark, colour unchanged */
.aside>.btn.gold::before{content:"";width:16px;height:14px;flex:none;background:currentColor;opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 44' fill='none' stroke='%23000' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9 24 38 39 9'/%3E%3Cpath d='M9 9C4 3 11-1 15 3M39 9c5-6-2-10-6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 44' fill='none' stroke='%23000' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9 24 38 39 9'/%3E%3Cpath d='M9 9C4 3 11-1 15 3M39 9c5-6-2-10-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
/* footer: small mark + thin gold line, nothing more */
footer.site{position:relative}
footer.site::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);opacity:.7}
.fbrand{display:flex;align-items:center;gap:10px}
footer.site .bmark .mv{stroke:#fff}
footer.site .bmark .mr{opacity:.22}
/* narrow phones (360): shrink the mark first, header height unchanged */
@media (max-width:389px){.brand{gap:5px}.brand .bmark{width:20px;height:18px}.brand .bt b{font-size:16px;letter-spacing:.03em}.brand .bt span{letter-spacing:.02em}.nav{gap:6px}.langs{flex:none}.langs button{padding:7px 4px}}
/* hero: photo first, motif quieter */
.hero::before{opacity:.1}


/* ===== BRAND PROTOTYPE · Modern Kazakhstan / Premium Adventure (local only) ===== */
:root{--av-ice:#E3ECE7;--av-deep:#0F2A24;--av-gold:#C9A25A}
.bmark,.dmark{flex:none;overflow:visible}
.bmark .mr,.dmark .mr{fill:var(--gold2);opacity:.28;stroke:none}
.bmark .mv,.dmark .mv{fill:none;stroke:var(--fir);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.bmark .mh,.dmark .mh{fill:none;stroke:var(--gold);stroke-width:2.6;stroke-linecap:round}
:root[data-theme="dark"] .bmark .mv{stroke:var(--ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bmark .mv{stroke:var(--ink)}}
.brand{flex-direction:row;align-items:center;gap:10px}
.brand .bt{display:flex;flex-direction:column;line-height:1}
.brand .bt b{font:600 24px/1 var(--display);letter-spacing:.16em}
.brand .bt span{font:500 9.5px/1.4 var(--mono);letter-spacing:.2em;color:var(--gold);margin-top:4px;text-transform:uppercase}
@media (max-width:520px){.brand .bt b{font-size:17px;letter-spacing:.1em}.brand .bt span{letter-spacing:.1em}.bmark{width:26px;height:24px}.brand{gap:6px}.brand .bt span{font-size:8px;letter-spacing:.04em}.brand .bt b{letter-spacing:.06em}}
/* hero: Alatau silhouette cuts into the page + light motif watermark */
.hero{--ridge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V78l90-30 70 24 110-58 90 52 80-30 120 62 100-50 90 28 130-76 110 70 90-40 120 48 80-30 90 46 70-28V120Z'/%3E%3C/svg%3E")}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(34px,5vw,64px);background:var(--bg);-webkit-mask:var(--ridge) center bottom/100% 100% no-repeat;mask:var(--ridge) center bottom/100% 100% no-repeat;z-index:3;pointer-events:none}
.hero::before{content:"";position:absolute;right:4%;top:14%;width:clamp(120px,22vw,300px);aspect-ratio:48/44;opacity:.16;z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 44' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9 24 38 39 9' stroke-width='1.6'/%3E%3Cpath d='M9 9C4 3 11-1 15 3c3 3 0 7-3 5.5M39 9c5-6-2-10-6-6-3 3 0 7 3 5.5' stroke-width='1.3'/%3E%3Cpath d='M2 40 14 28l5 4 8-13 6 10 4-4 9 15' stroke-width='1'/%3E%3C/svg%3E") center/contain no-repeat}
.hero-copy{z-index:4}
.hero .kicker{display:inline-flex;align-items:center;gap:10px}
.hero .kicker::before{content:"";width:28px;height:1px;background:var(--gold2)}
/* section divider */
.avdiv{display:flex;align-items:center;gap:18px;max-width:560px;margin:0 auto;padding:10px 24px}
.avdiv i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);opacity:.7}
/* tour card (first card of the tours grid = prototype) */
/* Adventure Map: same component, brand-integrated */
.advsec::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='110' viewBox='0 0 48 44' fill='none' stroke='%23fff' stroke-width='.9' stroke-linecap='round'%3E%3Cpath d='M9 9 24 38 39 9'/%3E%3Cpath d='M9 9C4 3 11-1 15 3c3 3 0 7-3 5.5M39 9c5-6-2-10-6-6-3 3 0 7 3 5.5'/%3E%3C/svg%3E") 0 0/180px 165px}
.advsec .head .kicker{display:inline-flex;align-items:center;gap:10px}
.advsec .head .kicker::before{content:"";width:28px;height:1px;background:var(--gold2)}
.adv-card{border-top:3px solid var(--gold2)}
.adv-go{background:linear-gradient(90deg,#1D3A2F,#28503F);box-shadow:inset 0 0 0 1px rgba(201,162,90,.5)}
.adv-stage{box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 0 0 1px rgba(201,162,90,.22)}

/* mobile: Ask-FAB collapses to icon while Adventure Map is on screen; card button never sits under it */
@media (max-width:720px){
 body.av-advview .aifab{padding:0;width:48px;height:48px;justify-content:center}
 body.av-advview .aifab .aifabt{display:none}
 .adv-body{padding-right:62px}
 .adv-go{max-width:100%;justify-content:center}
 .advsec{padding-bottom:calc(28px + 64px)}
}


/* ===== ADVENTURE MAP 3D · premium relief (dark green + soft gold) ===== */
.adv-stage{background:#0b1713;box-shadow:0 34px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(236,232,221,.08)}
.adv-stage::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(11,23,19,.55) 0,rgba(11,23,19,0) 14%),radial-gradient(120% 90% at 50% 40%,transparent 62%,rgba(6,12,10,.5) 100%);z-index:1}
.adv-terrain{opacity:0;transition:opacity 1.1s ease}
.adv.ready .adv-terrain{opacity:1}
.adv-terrain-hi{opacity:0;transition:opacity .6s ease;pointer-events:none}
.adv-terrain-hi.on{opacity:1}
.adv-ol{opacity:0;transition:opacity .9s ease .15s}
.adv.ready .adv-ol{opacity:1}
.adv-lake{fill:url(#advWater);stroke:#8fd0dd;stroke-width:.9;opacity:.92;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.adv-lake.sm{stroke-width:.7;opacity:.95}
.adv-river{fill:none;stroke:#7cc9da;stroke-width:1.15;opacity:.8;stroke-linejoin:round;stroke-linecap:round}
.adv-river.big{stroke-width:1.6;opacity:.75}
.adv-road-s{fill:none;stroke:rgba(8,16,13,.6);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.adv-road{fill:none;stroke:rgba(236,228,205,.72);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.adv-border{fill:none;stroke:rgba(236,232,221,.4);stroke-width:1.1;stroke-dasharray:6 5}
.adv-lbl{paint-order:stroke;stroke:rgba(9,18,15,.7);stroke-width:3.2px;stroke-linejoin:round}
.adv-lbl.mtn{fill:rgba(244,240,228,.78)}
.adv-lbl.cty{stroke:none}
.adv-route{stroke:#F2D08A;stroke-width:2.4;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65))}
.adv-lead{stroke:rgba(242,208,138,.9);stroke-width:1;stroke-dasharray:2 2}
.adv-lead-dot{fill:#F2D08A;stroke:rgba(9,18,15,.8);stroke-width:1}
.adv.ready .adv-route{animation:advDraw 1.6s ease-out forwards;animation-delay:calc(.9s + var(--d))}
.adv.ready .adv-pin{animation:advPop .6s cubic-bezier(.3,1.4,.5,1) forwards;animation-delay:calc(.25s + var(--i) * .07s)}
.adv-pin.minor .adv-dot{width:12px;height:12px;margin:-6px 0 0 -6px;background:#E8DCC0;box-shadow:0 0 0 2px rgba(14,26,22,.85),0 0 0 3px rgba(233,228,214,.7),0 3px 9px rgba(0,0,0,.5)}
.adv-pin.minor.on .adv-dot{background:#F2D08A}
.adv-pin.fish .adv-dot{background:#F2D08A;width:19px;height:19px;margin:-9.5px 0 0 -9.5px;box-shadow:0 0 0 3px rgba(14,26,22,.88),0 0 0 4.5px #F2D08A,0 0 22px 6px rgba(242,208,138,.42)}
.adv-pin.fish .adv-dot::before{content:"";position:absolute;inset:3.5px;background:#0e1a16;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12c3-5 8-7 12-5l4 3 4-2v8l-4-2-4 3c-4 2-9 0-12-5zm13-1.2a1.1 1.1 0 1 0 0 .01z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12c3-5 8-7 12-5l4 3 4-2v8l-4-2-4 3c-4 2-9 0-12-5zm13-1.2a1.1 1.1 0 1 0 0 .01z'/%3E%3C/svg%3E") center/contain no-repeat}
.adv-pin .adv-name{transition:opacity .25s}
.adv-pin.lb-l .adv-name{left:auto;right:30px}
.adv-pin.lb-b .adv-name,.adv-pin.lb-t .adv-name{right:auto}
.adv-pin.lb-b .adv-name{left:50%;top:calc(50% + 13px);transform:translateX(-50%)}
.adv-pin.lb-t .adv-name{left:50%;top:-2px;transform:translate(-50%,-100%)}
.adv-pin.nolbl .adv-name{display:none}
.adv.z .adv-pin.nolbl .adv-name{display:block}
.adv-pin.minor .adv-name{display:none;font-size:11.5px;font-weight:500}
.adv.z .adv-pin.minor .adv-name,.adv-pin.minor.on .adv-name,.adv-pin.minor:hover .adv-name,.adv-pin.minor:focus-visible .adv-name{display:block}
.adv-pin.lb-t.minor .adv-name{display:none}
.adv.z .adv-pin.lb-t.minor .adv-name{display:block}
.adv-pin.fish .adv-name{color:#F2D08A;font-weight:700}
.adv.grp .adv-pin:not([data-g]) .adv-dot{opacity:1}
.adv[data-g="almaty"] .adv-pin:not([data-g="almaty"]) .adv-dot,.adv[data-g="almaty"] .adv-pin:not([data-g="almaty"]) .adv-name,
.adv[data-g="talgar"] .adv-pin:not([data-g="talgar"]) .adv-dot,.adv[data-g="talgar"] .adv-pin:not([data-g="talgar"]) .adv-name,
.adv[data-g="region"] .adv-pin:not([data-g="region"]) .adv-dot,.adv[data-g="region"] .adv-pin:not([data-g="region"]) .adv-name{opacity:.3}
.adv-tabs{display:flex;gap:6px;flex-wrap:wrap}
.adv-tab{min-height:40px;padding:0 18px;border-radius:999px;border:1px solid rgba(236,232,221,.2);background:rgba(236,232,221,.03);color:#D9D4C4;font:600 13px var(--body);letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.adv-tab:hover{border-color:rgba(242,208,138,.6)}
.adv-tab[aria-pressed="true"]{background:rgba(242,208,138,.14);border-color:#F2D08A;color:#F2D08A}
.adv-chip[hidden]{display:none}
.adv-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:4px}
.adv-acts .adv-go{margin-top:0}
.adv-sub{font:600 13px var(--body);color:#1D3A2F;text-decoration:underline;text-decoration-color:rgba(29,58,47,.35);text-underline-offset:3px}
.adv-sub:hover{text-decoration-color:#1D3A2F}
.adv-fact.gold{background:#F6EBCB;color:#5b4416}
.adv-hint{max-width:none}
h2.tgh{margin:0 0 24px;font-family:var(--display);font-weight:600;font-size:clamp(26px,3.4vw,36px)}
@media (max-width:720px){
 .adv-coord{display:none}
 .adv-pin.minor,.adv-pin.mm{display:none}
 .adv.z .adv-pin.minor,.adv.grp .adv-pin.minor,.adv-pin.minor.on,.adv.z .adv-pin.mm,.adv.grp .adv-pin.mm,.adv-pin.mm.on{display:block}
 .adv-pin.maj .adv-dot{width:13px;height:13px;margin:-6.5px 0 0 -6.5px}
 .adv-pin.maj .adv-name{display:none}
 .adv.z .adv-pin.minor .adv-name{display:none}
 .adv.z .adv-pin.minor.on .adv-name{display:block}
 .adv-pin.on .adv-name,.adv-pin.fish .adv-name{display:block;font-size:11.5px}
 .adv-pin.fish .adv-name{display:none}
 .adv.z .adv-pin.fish .adv-name,.adv-pin.fish.on .adv-name{display:block}
 .adv-pin.minor .adv-dot{width:11px;height:11px;margin:-5.5px 0 0 -5.5px}
 .adv-pin.fish .adv-dot{width:17px;height:17px;margin:-8.5px 0 0 -8.5px}
 .adv-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
 .adv-tabs::-webkit-scrollbar{display:none}
 .adv-tab{flex:0 0 auto;min-height:44px;padding:0 16px}
 .adv-tabs{order:3}.adv-chips{order:4}.adv-hint{order:5}
 .adv-acts{gap:4px 14px}
 .adv-hint{padding-right:60px}
}

/* ===== ALMATY VISTA · PREMIUM MODERN KAZAKHSTAN (design layer v3) ===== */
:root{--bg:#FAF6EC;--sand:#F1E8D4;--ink:#12262E;--ink2:#364851;--muted:#667279;--fir:#0F4650;--fir2:#17606B;--blue:#17617C;--sky:#2B9FB0;--sky2:#7FCBD3;--gold:#B8862F;--gold2:#D7AE5E;--line:#E6DBC1;--chip:#E2F0EF;--chipInk:#0E4852;--surface:#FFFDF8;--shadow:0 1px 2px rgba(18,38,46,.06),0 14px 34px rgba(18,38,46,.09);--avShany:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22 fill=%22none%22 stroke=%22%23D7AE5E%22 stroke-linecap=%22round%22 stroke-width=%221.3%22%3E%0A%3Ccircle cx=%22100%22 cy=%22100%22 r=%2294%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2286%22 stroke-width=%22.6%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2222%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%227%22 stroke-width=%22.8%22/%3E%0A%3Cg%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(0 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(22 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(44 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(66 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(88 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(110 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(132 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(154 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(176 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(198 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(220 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(242 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(264 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(286 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(308 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(330 100 100)%22/%3E%3Cpath d=%22M100 78Q113 46 100 14%22 transform=%22rotate(352 100 100)%22/%3E%3C/g%3E%0A%3C/svg%3E");--avRam:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 20%22 fill=%22none%22 stroke=%22%23D7AE5E%22 stroke-width=%221.2%22 stroke-linecap=%22round%22%3E%0A%3Cpath d=%22M0 10H13C18 10 19 3 26 3C32 3 33 9 28.5 10.5C25 11.5 24 7.5 26.5 7%22/%3E%3Cpath d=%22M64 10H51C46 10 45 3 38 3C32 3 31 9 35.5 10.5C39 11.5 40 7.5 37.5 7%22/%3E%3Cpath d=%22M32 12L35 16L32 20L29 16Z%22 fill=%22%23D7AE5E%22 stroke=%22none%22/%3E%3C/svg%3E");--avRamTile:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2220%22 viewBox=%220 0 64 20%22 fill=%22none%22 stroke=%22%23D7AE5E%22 stroke-width=%221.1%22 stroke-linecap=%22round%22%3E%0A%3Cpath d=%22M2 10C7 10 8 3 15 3C21 3 22 9 17.5 10.5C14 11.5 13 7.5 15.5 7%22/%3E%3Cpath d=%22M62 10C57 10 56 3 49 3C43 3 42 9 46.5 10.5C50 11.5 51 7.5 48.5 7%22/%3E%3Cpath d=%22M32 4L35 10L32 16L29 10Z%22 fill=%22%23D7AE5E%22 stroke=%22none%22/%3E%3C/svg%3E");--avCorner:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%23D7AE5E%22 stroke-width=%221.3%22 stroke-linecap=%22round%22%3E%0A%3Cpath d=%22M2 62V14C2 7 7 2 14 2H62%22/%3E%3Cpath d=%22M10 54V20C10 14 14 10 20 10H54%22 stroke-width=%22.7%22 opacity=%22.7%22/%3E%3Cpath d=%22M14 30C14 22 22 18 30 20C36 22 35 29 30 29C26 29 26 24 29 24%22/%3E%3Ccircle cx=%226%22 cy=%226%22 r=%222.2%22 fill=%22%23D7AE5E%22 stroke=%22none%22/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0A1A1F;--surface:#102830;--sand:#143039;--ink:#F1ECDD;--ink2:#CFD8D6;--muted:#9AABAD;--fir:#2B8E9C;--fir2:#3AA2B0;--blue:#8FC4DC;--gold:#D7AE5E;--gold2:#E6C98B;--line:#21404A;--chip:#173842;--chipInk:#CFEAEC}}
:root[data-theme="dark"]{--bg:#0A1A1F;--surface:#102830;--sand:#143039;--ink:#F1ECDD;--ink2:#CFD8D6;--muted:#9AABAD;--fir:#2B8E9C;--fir2:#3AA2B0;--blue:#8FC4DC;--gold:#D7AE5E;--gold2:#E6C98B;--line:#21404A;--chip:#173842;--chipInk:#CFEAEC}
body{background:var(--bg)}
/* header */
header.site{border-bottom:0;box-shadow:0 1px 0 var(--line)}
header.site::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);opacity:.8;pointer-events:none}
.brand b{color:var(--ink)}
/* buttons */
.btn{border-radius:999px;padding:13px 24px;letter-spacing:.01em}
.btn.gold{background:linear-gradient(135deg,#E8C47A 0%,#C8963E 55%,#B8862F 100%);color:#1c1404;box-shadow:0 8px 22px rgba(184,134,47,.32),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.gold:hover{box-shadow:0 12px 28px rgba(184,134,47,.42),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.dark{background:linear-gradient(135deg,var(--fir2),var(--fir));color:#fff;box-shadow:0 8px 20px rgba(15,70,80,.28)}
.btn.ghost{border-color:rgba(184,134,47,.45);background:var(--surface);color:var(--ink)}
.btn.ghost:hover{border-color:var(--gold);background:var(--sand)}
.btn.light{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1);backdrop-filter:blur(6px)}
/* HERO: shanyrak + ornament band */
.hero .scene::after{background:linear-gradient(90deg,rgba(6,34,42,.66) 0%,rgba(6,34,42,.14) 62%),linear-gradient(180deg,rgba(6,34,42,0) 34%,rgba(6,34,42,.8) 100%)}
.hero{overflow:hidden}
.hero::before{content:"";position:absolute;z-index:1;right:max(3vw,16px);top:clamp(20px,6vh,60px);width:clamp(180px,27vw,400px);aspect-ratio:1;background:var(--avShany) center/contain no-repeat;opacity:.55;pointer-events:none;filter:drop-shadow(0 0 18px rgba(215,174,94,.25))}
.hero::after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:20px;background:var(--avRamTile) center/64px 20px repeat-x;opacity:.7;pointer-events:none}
.hero-copy h1{text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero-copy .kicker{color:var(--gold2);display:inline-flex;align-items:center;gap:10px}
.quick{background:var(--line);border-top:1px solid var(--gold2)}
.quick a{background:var(--surface);position:relative}
.quick a::before{content:"";position:absolute;left:16px;top:0;width:26px;height:2px;background:var(--gold2);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.quick a:hover{background:var(--sand)}.quick a:hover::before{transform:scaleX(1)}
.quick b{font-family:var(--display);font-size:19px;font-weight:600;color:var(--fir)}
/* section heads with ram-horn ornament */
.kicker{color:var(--gold)}
.head h2::after{content:"";display:block;width:84px;height:26px;margin-top:10px;background:var(--avRam) left center/contain no-repeat;opacity:.9}
.head h2{color:var(--ink)}
.avdiv i{opacity:.9}.avdiv .dmark *{stroke:var(--gold)}
.block.alt{background:linear-gradient(180deg,var(--sand),color-mix(in srgb,var(--sand) 70%,var(--bg)))}
/* unified card system */
.card{position:relative;border-radius:20px;background:var(--surface);border:1px solid rgba(184,134,47,.24);box-shadow:0 1px 2px rgba(18,38,46,.05),0 12px 30px rgba(18,38,46,.07);transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 2px 4px rgba(18,38,46,.06),0 22px 44px rgba(18,38,46,.14)}
.card .scene{border-radius:0}
.card .scene::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,transparent,rgba(6,34,42,.5));z-index:1;pointer-events:none}
.card .body{padding:20px 20px 24px;position:relative}
.card .body::before{content:"";display:block;width:54px;height:16px;background:var(--avRam) left center/contain no-repeat;margin-bottom:2px;opacity:.85}
.card h3{color:var(--fir);font-size:25px}
.card .tag{color:var(--sky);font-weight:700}
.card .facts{padding-right:46px}
.card::after{content:"→";position:absolute;right:16px;bottom:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sand);color:var(--gold);font-weight:700;border:1px solid rgba(184,134,47,.4);transition:background .2s,color .2s,transform .2s}
.card:hover::after{background:var(--gold);color:#fff;transform:translateX(3px)}
.fact{border-radius:999px;padding:6px 10px}
.chip,.pill{border-radius:999px}
/* deep-teal sections */
.advsec{background:#08222B}
.advsec::before{background:radial-gradient(900px 420px at 12% 0%,rgba(215,174,94,.16),transparent 70%),radial-gradient(800px 460px at 100% 100%,rgba(43,159,176,.22),transparent 70%)}
.advsec .head .kicker{color:var(--gold2)}
.advsec .head p{color:#B7D0D2}
.advsec .head h2::after{opacity:1}
.adv-stage{background:#071D25;box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 0 0 1px rgba(215,174,94,.4),inset 0 0 0 7px rgba(8,34,43,.9),inset 0 0 0 8px rgba(215,174,94,.18)}
.adv-stage::before,.adv-stage::after{content:"";position:absolute;width:56px;height:56px;z-index:6;pointer-events:none;background:var(--avCorner) center/contain no-repeat;opacity:.9}
.adv-stage::before{left:10px;top:10px}
.adv-stage::after{right:10px;bottom:10px;transform:rotate(180deg)}
.adv-m1{fill:#17454E}.adv-m2{fill:#26666F}.adv-m3{fill:#4E8F95}
.adv-dot{background:linear-gradient(135deg,#F0D08A,#C8963E);box-shadow:0 0 0 3px rgba(7,29,37,.9),0 0 0 4.5px #FAF6EC,0 4px 12px rgba(0,0,0,.5)}
.adv-pin.minor .adv-dot{background:#E8DCC0}
.adv-pin[data-adv="medeu"] .adv-dot,.adv-pin[data-adv="talgar-gorge"] .adv-dot,.adv-pin[data-adv="reserve"] .adv-dot,.adv-pin[data-adv="lesnaya"] .adv-dot{width:36px;height:36px;margin:-18px 0 0 -18px;background-size:cover;background-position:center;background-color:#C8963E;box-shadow:0 0 0 2px #FAF6EC,0 0 0 4px #C8963E,0 8px 18px rgba(0,0,0,.55)}
.adv-pin[data-adv="medeu"] .adv-dot{background-image:url(/images/tours/medeu-shymbulak-01.webp)}
.adv-pin[data-adv="talgar-gorge"] .adv-dot{background-image:url(/photo-talgar-gorge.jpg)}
.adv-pin[data-adv="reserve"] .adv-dot{background-image:url(/photo-reserve.jpg)}
.adv-pin[data-adv="lesnaya"] .adv-dot{background-image:url(/photo-lesnaya-skazka.jpg)}
.adv-chip{border-color:rgba(215,174,94,.35)}
.adv-coord{margin-left:50px}
/* footer */
footer.site{background:#071D25;border-top:1px solid rgba(215,174,94,.4)}
footer.site::before{content:"";display:block;height:20px;margin:-52px auto 26px;max-width:720px;background:var(--avRamTile) center/64px 20px repeat-x;opacity:.45}
@media (max-width:640px){
.hero::before{width:168px;right:-34px;top:14px;opacity:.32}
.hero::after{height:16px;background-size:51px 16px}
.card::after{width:30px;height:30px;right:12px;bottom:12px}
.card .facts{padding-right:40px}
.head h2::after{width:68px;height:21px}
.btn{padding:13px 20px}
.adv-stage::before,.adv-stage::after{width:34px;height:34px}
.adv-pin[data-adv="medeu"] .adv-dot,.adv-pin[data-adv="talgar-gorge"] .adv-dot,.adv-pin[data-adv="reserve"] .adv-dot,.adv-pin[data-adv="lesnaya"] .adv-dot{width:30px;height:30px;margin:-15px 0 0 -15px}
}
/* ===== /design layer v3 ===== */

/* статические страницы */
.langs a{border:0;background:transparent;padding:7px 9px;font:600 12px/1 var(--mono);color:var(--muted);text-decoration:none;display:inline-block}.langs a.on{background:var(--fir);color:#fff}@media(max-width:389px){.langs a{padding:7px 6px}}.avs-cta{margin:0 auto}.avs-cta .box{padding:24px}.avs-cta .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.avs-alt{font-size:13px;color:var(--muted);margin-top:14px}.addtrip{display:none!important}