/* Layout: graphite "warm room" bands alternate with white paper bands; type does the work, red marks only actions and one word per headline. */
:root{
  --red:#E31E24; --red-deep:#C3161C;
  --graphite:#2B2A29; --graphite-2:#363433; --graphite-line:#4A4745;
  --paper:#FFFFFF; --paper-2:#F6F4F3; --ink:#2B2A29; --ink-2:#6B6765; --line:#E4E0DE;
  --on-dark:#FFFFFF; --on-dark-2:#B9B4B1;
  --display:'Oswald','Arial Narrow',Impact,sans-serif;
  --text:'Raleway','Segoe UI',Helvetica,Arial,sans-serif;
  --wrap:1200px; --radius:999px; --section:clamp(64px,9vw,120px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:700;text-transform:uppercase;line-height:1.02;letter-spacing:.005em;margin:0;text-wrap:balance}
h2{font-size:clamp(34px,5vw,60px)}
h3{font-size:24px;font-weight:600;letter-spacing:.02em}
p{margin:0}
.red{color:var(--red)}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:var(--section)}
.dark{background:var(--graphite);color:var(--on-dark)}
.soft{background:var(--paper-2)}
.eyebrow{font-family:var(--text);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.lead{font-size:19px;color:var(--ink-2);max-width:60ch}
.dark .lead{color:var(--on-dark-2)}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}

/* language switch: both languages live in the markup */
html[data-lang="ru"] [lang="en"], html[data-lang="en"] [lang="ru"]{display:none!important}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--text);font-weight:600;font-size:16px;text-decoration:none;padding:15px 28px;border-radius:var(--radius);border:2px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-deep)}
.btn-line{border-color:currentColor}
.btn-line:hover{background:var(--on-dark);color:var(--graphite);border-color:var(--on-dark)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:3px}

/* header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--graphite)}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(43,42,41,.96);backdrop-filter:blur(8px);color:var(--on-dark);border-bottom:1px solid var(--graphite-line)}
.top .wrap{display:flex;align-items:center;gap:24px;height:72px}
.logo img{height:34px;width:auto}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{text-decoration:none;font-size:15px;font-weight:500;color:var(--on-dark-2)}
.nav a:hover{color:#fff}
.lang{display:flex;border:1px solid var(--graphite-line);border-radius:var(--radius);overflow:hidden}
.lang button{background:none;border:0;color:var(--on-dark-2);font:600 13px var(--text);letter-spacing:.08em;padding:7px 12px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--on-dark);color:var(--graphite)}
.top .btn{padding:10px 20px;font-size:15px}
@media (max-width:980px){.nav{display:none}.lang{margin-left:auto}}
@media (max-width:520px){.top .btn{display:none}.logo img{height:28px}}

/* hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(72px,11vw,150px) clamp(56px,8vw,110px);background:var(--graphite) url(img/ai-hero.jpg) center 55%/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,30,29,.94) 0%,rgba(31,30,29,.80) 45%,rgba(31,30,29,.35) 100%),linear-gradient(0deg,rgba(31,30,29,.85) 0%,rgba(31,30,29,0) 40%)}
@media (max-width:760px){.hero::before{background:rgba(31,30,29,.82)}}
.hero .wrap{position:relative}
.hero h1{font-size:clamp(52px,9.4vw,128px);max-width:11ch}
.hero .lead{margin-top:28px;font-size:clamp(18px,2vw,21px)}
.hero .cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(56px,7vw,96px);border-top:1px solid var(--graphite-line)}
.facts div{padding:22px 20px 0 0}
.facts b{display:block;font-family:var(--display);font-weight:600;font-size:clamp(26px,3vw,36px);letter-spacing:.01em}
.facts span{color:var(--on-dark-2);font-size:15px}
@media (max-width:760px){.facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}}

/* section head */
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:56px}
.head .eyebrow{grid-column:1/-1;margin-bottom:-8px}
@media (max-width:860px){.head{grid-template-columns:minmax(0,1fr)}}

/* popular massages */
.massages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink)}
.massage{padding:32px 32px 36px 0;display:flex;flex-direction:column;gap:14px}
.massage + .massage{padding-left:32px;border-left:1px solid var(--line)}
.massage p{color:var(--ink-2)}
.price{margin-top:auto;padding-top:14px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.price b{font-family:var(--display);font-weight:600;font-size:28px}
.price small{color:var(--ink-2);font-size:14px}
.note{margin-top:28px;color:var(--ink-2);font-size:15px}
@media (max-width:860px){.massages{grid-template-columns:minmax(0,1fr)}.massage,.massage + .massage{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}}

/* spa zone */
.zone{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:start}
.gauges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--graphite-line);border:1px solid var(--graphite-line);margin-top:40px}
.gauge{background:var(--graphite);padding:22px}
.gauge b{display:block;font-family:var(--display);font-weight:600;font-size:40px;line-height:1}
.gauge span{display:block;margin-top:8px;color:var(--on-dark-2);font-size:15px}
.tariff{border:1px solid var(--graphite-line);background:var(--graphite-2)}
.tariff h3{padding:24px 28px;border-bottom:1px solid var(--graphite-line)}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 28px;border-bottom:1px solid var(--graphite-line)}
.row:last-of-type{border-bottom:0}
.row span{color:var(--on-dark-2)}
.row b{font-family:var(--display);font-weight:600;font-size:24px}
.tariff .foot{padding:18px 28px 26px;color:var(--on-dark-2);font-size:14px;border-top:1px solid var(--graphite-line)}
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:clamp(40px,5vw,64px)}
.shots figure{margin:0;position:relative;overflow:hidden;aspect-ratio:4/3;max-width:100%}
.shots figure:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.shots img{width:100%;height:100%;object-fit:cover}
.shots figcaption{position:absolute;left:0;bottom:0;padding:8px 14px;background:rgba(31,30,29,.78);color:#fff;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:600px){.shots{grid-template-columns:repeat(2,minmax(0,1fr))}.shots figure:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}}

/* masters */
.masters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.master{display:flex;flex-direction:column;gap:6px;min-width:0}
.master img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;margin-bottom:12px;background:var(--paper-2)}
.master h3{font-size:22px}
.master .exp{color:var(--red);font-weight:600;font-size:14px}
.master p{color:var(--ink-2);font-size:15px;line-height:1.5}
.master.ask{background:var(--graphite);color:var(--on-dark);padding:28px 24px;justify-content:flex-end;gap:16px;min-height:280px}
.master.ask p{color:var(--on-dark-2)}
.master.ask .btn{align-self:flex-start}
@media (max-width:1000px){.masters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.masters{gap:28px 14px}.master h3{font-size:19px}.master p{font-size:14px}}
@media (max-width:900px){.zone{grid-template-columns:minmax(0,1fr)}}

/* directions */
.dirs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.dir{background:var(--paper);padding:28px 24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;min-height:230px;transition:background .2s}
.dir:hover{background:var(--paper-2)}
.dir p{color:var(--ink-2);font-size:15px}
.dir .from{margin-top:auto;font-weight:600;font-size:15px}
.dir .from b{font-family:var(--display);font-size:22px;font-weight:600}
.dir.new{background:var(--red);color:#fff}
.dir.new p,.dir.new .from{color:#fff}
.dir.new:hover{background:var(--red-deep)}
@media (max-width:1000px){.dirs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.dirs{grid-template-columns:minmax(0,1fr)}.dir{min-height:0}}

/* couples */
.duo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ritual{border:1px solid var(--graphite-line);padding:30px 28px;display:flex;flex-direction:column;gap:14px}
.ritual p{color:var(--on-dark-2);font-size:16px}
.ritual .price b{color:#fff}
.ritual .price small{color:var(--on-dark-2)}
@media (max-width:900px){.duo{grid-template-columns:minmax(0,1fr)}}

/* why */
.why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.why div{display:flex;flex-direction:column;gap:10px;border-top:2px solid var(--red);padding-top:20px}
.why b{font-family:var(--display);font-size:22px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.why p{color:var(--ink-2);font-size:16px}
.brands{margin-top:56px;display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--ink-2);font-size:15px}
.brands strong{color:var(--ink)}
@media (max-width:900px){.why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.why{grid-template-columns:minmax(0,1fr)}}

/* contacts */
.contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(40px,6vw,88px)}
.ways{display:grid;gap:12px;margin-top:36px}
.way{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--graphite-line);text-decoration:none;transition:border-color .2s,background .2s}
.way:hover{border-color:var(--red);background:var(--graphite-2)}
.way-main{background:var(--red);border-color:var(--red)}
.way-main:hover{background:var(--red-deep);border-color:var(--red-deep)}
.way-main small{color:rgba(255,255,255,.8)}
.way-main b{font-size:20px}
.way small{display:block;color:var(--on-dark-2);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.way b{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:.02em}
.way i{font-style:normal;color:var(--red);font-size:22px}
.info{display:grid;gap:28px;align-content:start}
.info small{display:block;color:var(--on-dark-2);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:6px}
.info p{font-size:18px}
.info a{color:#fff}
@media (max-width:860px){.contact{grid-template-columns:minmax(0,1fr)}}

footer{background:#1F1E1D;color:var(--on-dark-2);font-size:14px;padding-block:28px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---------- inner pages ---------- */
.nav a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--red)}
.page-hero{position:relative;overflow:hidden;padding-block:clamp(56px,8vw,104px) clamp(40px,6vw,72px);background:var(--graphite) center/cover no-repeat}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,30,29,.95) 0%,rgba(31,30,29,.82) 50%,rgba(31,30,29,.45) 100%)}
.page-hero .wrap{position:relative}
.page-hero h1{font-size:clamp(46px,7.4vw,96px);margin-top:16px;max-width:14ch}
.page-hero .lead{margin-top:22px}
.crumbs{font-size:14px;color:var(--on-dark-2)}
.crumbs a{color:var(--on-dark-2);text-decoration:none}
.crumbs a:hover{color:#fff}
.note a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--red)}

/* category explainer */
.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:56px}
.cat{border:1px solid var(--line);padding:24px 26px;display:grid;gap:6px}
.cat b{font-family:var(--display);font-size:24px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.cat span{color:var(--ink-2);font-size:15px}
@media (max-width:700px){.cats{grid-template-columns:minmax(0,1fr)}}

/* price list */
.plist{border-top:2px solid var(--ink)}
.prow{display:grid;grid-template-columns:minmax(0,1fr) 110px 190px 190px;gap:16px 24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line)}
.prow.phead{padding:14px 0;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.prow h3{font-size:22px}
.prow p{color:var(--ink-2);font-size:15px;margin-top:6px;max-width:58ch}
.prow .c{font-variant-numeric:tabular-nums;font-weight:600;font-size:16px}
.prow .c.dim{color:var(--ink-2);font-weight:400}
.prow .c small{display:none;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:2px}
@media (max-width:820px){
  .prow{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}
  .prow > div:first-child{grid-column:1/-1}
  .prow.phead{display:none}
  .prow .c small{display:block}
}
.extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.extra{border-top:2px solid var(--red);padding-top:18px;display:grid;gap:8px}
.extra b{font-family:var(--display);font-size:22px;font-weight:600;text-transform:uppercase}
.extra p{color:var(--ink-2);font-size:15px}
.extra .c{font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:760px){.extras{grid-template-columns:minmax(0,1fr)}}
.courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--graphite-line);border:1px solid var(--graphite-line)}
.courses div{background:var(--graphite);padding:26px 24px}
.courses b{display:block;font-family:var(--display);font-size:52px;font-weight:600;line-height:1;color:var(--red)}
.courses span{display:block;margin-top:10px;color:var(--on-dark-2)}
@media (max-width:600px){.courses{grid-template-columns:minmax(0,1fr)}}

/* master profiles */
.profiles{display:grid;gap:clamp(56px,7vw,96px)}
.profile{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
.profile:nth-child(even) .ph{order:2}
.profile .ph img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%}
.profile h2{font-size:clamp(34px,4.4vw,52px)}
.profile .exp{display:block;color:var(--red);font-weight:600;margin-top:10px}
.profile dl{margin:28px 0 32px;display:grid;gap:20px}
.profile dt{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.profile dd{margin:0;max-width:62ch}
.profile .btn{align-self:start}
@media (max-width:800px){.profile{grid-template-columns:minmax(0,1fr)}.profile:nth-child(even) .ph{order:0}.profile .ph img{aspect-ratio:1/1}}

/* compact booking band */
.book{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
.book h2{font-size:clamp(32px,4.4vw,52px);max-width:16ch}
.book .ways{margin-top:0;min-width:0;flex:1 1 360px;max-width:520px}
.prow.two{grid-template-columns:minmax(0,1fr) 190px 190px}
@media (max-width:820px){.prow.two{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* nav v2 + mobile menu */
.nav{gap:22px}
.menu-btn{display:none;background:none;border:1px solid var(--graphite-line);color:#fff;font:600 14px var(--text);padding:8px 14px;border-radius:var(--radius);cursor:pointer}
@media (max-width:1180px){
  .menu-btn{display:inline-block}
  .nav{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;gap:0;background:var(--graphite);border-bottom:1px solid var(--graphite-line);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}
  .top.open .nav{display:flex}
  .nav a{padding:12px 0;font-size:17px;border-bottom:1px solid var(--graphite-line)}
  .nav a[aria-current="page"]{box-shadow:none;color:var(--red)}
  .lang{margin-left:auto}
}
.top .wrap{position:relative}

/* programme cards */
.progs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.progs.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.prog{border:1px solid var(--line);background:var(--paper);padding:30px 28px;display:flex;flex-direction:column;gap:14px;min-width:0}
.dark .prog{border-color:var(--graphite-line);background:transparent}
.prog .sub{font-size:14px;color:var(--ink-2);margin-top:-6px}
.dark .prog .sub,.dark .prog p,.dark .prog li{color:var(--on-dark-2)}
.prog .meta{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}
.prog .meta b{font-family:var(--display);font-size:28px;font-weight:600}
.prog .meta span{color:var(--ink-2);font-size:15px}
.dark .prog .meta span{color:var(--on-dark-2)}
.prog ul{margin:0;padding-left:20px;display:grid;gap:4px}
.prog li::marker{color:var(--red)}
.prog p{color:var(--ink-2);font-size:15px}
.prog .tag{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
@media (max-width:1000px){.progs.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.progs,.progs.three{grid-template-columns:minmax(0,1fr)}}
.subnav{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.subnav a{font-size:14px;font-weight:600;text-decoration:none;padding:8px 16px;border:1px solid var(--graphite-line);border-radius:var(--radius);color:#fff}
.subnav a:hover{border-color:var(--red)}
.aromas{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.aromas span{font-size:13px;padding:5px 12px;border:1px solid var(--line);border-radius:var(--radius)}
.dark .aromas span{border-color:var(--graphite-line)}
.prog .row span{color:var(--ink-2)}

/* steps + faq (tan page) */
.steps{border-top:2px solid var(--red)}
.step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.step > b{font-family:var(--display);font-size:32px;font-weight:600;color:var(--red);line-height:1}
.step h3{font-size:22px}
.step p{color:var(--ink-2);font-size:15px;margin-top:6px}
.faq{border-top:2px solid var(--ink);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-weight:600;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--red);font-family:var(--display);font-size:26px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 22px;color:var(--ink-2);max-width:65ch}
.extras.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.extras.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.extras.four{grid-template-columns:minmax(0,1fr)}}
.prog ul.check{list-style:none;padding-left:0;gap:12px}
.prog ul.check li{position:relative;padding-left:32px}
.prog ul.check li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border:2px solid var(--red);border-radius:4px}
.tariff .foot a{color:#fff}

/* telegram pairs + gift certificate */
.pair{display:flex;flex-wrap:wrap;gap:10px}
.hero .cta .pair{display:contents}
.nav a.nav-gift{color:var(--red)}
.nav a.nav-gift:hover{color:#fff}
.gift{background:var(--paper-2);border-top:4px solid var(--red)}
.gift-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.gift-in > div:first-child{flex:1 1 480px;min-width:0}
.gift h2{font-size:clamp(32px,4.4vw,52px)}
.gift-cta{display:flex;flex-wrap:wrap;gap:12px}
.gift .btn-line{color:var(--ink)}
.gift .btn-line:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ========== Тёмная восточная тема (2026-11-13, по образцам из «для сайта») ========== */
:root{
  --paper:#151312; --paper-2:#1C1917; --ink:#F2ECE4; --ink-2:#ADA49B; --line:#35302C;
  --graphite:#1F1B19; --graphite-2:#29241F; --graphite-line:#3B3430; --on-dark-2:#B3AAA0;
  --gold:#C9A46A; --card:18px;
  --girih:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='none' stroke='%23C9A46A' stroke-opacity='.10' stroke-width='1'%3E%3Cpath d='M44 14l9 21 21 9-21 9-9 21-9-21-21-9 21-9z'/%3E%3Crect x='29' y='29' width='30' height='30' transform='rotate(45 44 44)'/%3E%3Cpath d='M0 0l14 14M88 0L74 14M0 88l14-14M88 88L74 74M44 0v6M44 82v6M0 44h6M82 44h6'/%3E%3C/g%3E%3C/svg%3E");
  color-scheme:dark;
}
body{background:var(--paper)}
.dark{background:var(--graphite) var(--girih)}
.eyebrow{color:var(--gold)}
.eyebrow::before{content:"";display:inline-block;width:8px;height:8px;margin:0 12px 2px 0;border:1px solid var(--gold);transform:rotate(45deg)}
.page-hero .eyebrow::before,.crumbs + h1{margin-top:16px}

/* шапка: полоса с адресом и часами */
.top{background:rgba(21,19,18,.92);border-bottom-color:var(--graphite-line)}
.top .strip{border-bottom:1px solid var(--graphite-line);font-size:13px;color:var(--on-dark-2)}
.top .strip .wrap{height:34px;justify-content:flex-end;gap:28px}
.top .strip a{text-decoration:none;color:#fff;font-variant-numeric:tabular-nums}
@media (max-width:760px){.top .strip{display:none}}
.btn-gift{border-color:var(--gold);color:var(--gold)}
.btn-gift:hover{background:var(--gold);border-color:var(--gold);color:#151312}
@media (max-width:760px){.top .btn-gift{display:none}}
@media (max-width:1400px){
  .menu-btn{display:inline-block}
  .nav{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;gap:0;background:var(--graphite);border-bottom:1px solid var(--graphite-line);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}
  .top.open .nav{display:flex}
  .nav a{padding:12px 0;font-size:17px;border-bottom:1px solid var(--graphite-line)}
  .lang{margin-left:auto}
}
@media (min-width:1401px){.nav a.nav-gift{display:none}}
.nav a.nav-gift{color:var(--gold)}

/* скругления карточек */
.dir,.prog,.ritual,.cat,.tariff,.way,.gauges,.courses,.shots figure,.master img,.profile .ph img,.master.ask,.gift-img{border-radius:var(--card)}
.prog,.ritual,.tariff,.cat,.courses,.gauges{overflow:hidden}
.btn{border-radius:var(--radius)}

/* направления — карточки с фото */
.dirs{gap:16px;background:none;border:0}
.dir{border:1px solid var(--line);overflow:hidden;padding:0 22px 24px;background:var(--paper-2)}
.dir img{width:calc(100% + 44px);max-width:none;margin:0 -22px 8px;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}
.dir:hover{background:var(--graphite-2)}
.dir:hover img{transform:scale(1.04)}
.dir.new{border-color:var(--red)}

/* «Выберите свой отдых» */
.moods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mood{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--card);overflow:hidden;text-decoration:none;color:#fff;background:var(--graphite)}
.mood img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mood:hover img{transform:scale(1.05)}
.mood::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,13,12,.92) 0%,rgba(15,13,12,.35) 40%,rgba(15,13,12,0) 65%)}
.mood-t{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:grid;gap:6px}
.mood-t b{font-family:var(--display);font-weight:600;font-size:26px;text-transform:uppercase;letter-spacing:.02em}
.mood-t small{font-size:14px;color:rgba(255,255,255,.8)}
.mood-t b::after{content:" →";color:var(--red)}
@media (max-width:1000px){.moods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.moods{gap:10px}.mood-t{left:14px;right:14px;bottom:14px}.mood-t b{font-size:20px}.mood-t small{font-size:12px}}

/* сертификат с фото */
.gift{background:var(--paper-2) var(--girih);border-top:1px solid var(--graphite-line);border-bottom:1px solid var(--graphite-line)}
.gift-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
.gift-img{width:100%;aspect-ratio:4/5;object-fit:cover}
.gift-text .gift-cta{margin-top:32px}
.gift .btn-line{color:var(--ink)}
.gift .btn-line:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (max-width:800px){.gift-in{grid-template-columns:minmax(0,1fr)}.gift-img{aspect-ratio:4/3}}

/* мелочи тёмной темы */
.btn-line:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hero::before{background:linear-gradient(90deg,rgba(15,13,12,.92) 0%,rgba(15,13,12,.70) 45%,rgba(15,13,12,.15) 100%),linear-gradient(0deg,rgba(15,13,12,.9) 0%,rgba(15,13,12,0) 40%)}
@media (max-width:760px){.hero::before{background:rgba(15,13,12,.72)}}
.page-hero::before{background:linear-gradient(90deg,rgba(15,13,12,.92) 0%,rgba(15,13,12,.72) 50%,rgba(15,13,12,.25) 100%)}
.master img{background:var(--graphite)}
.way-main:hover{background:var(--red-deep)}
footer{background:#0E0D0C}
.hero.dark{background:var(--graphite) url(img/ai-hero.jpg) center 55%/cover no-repeat}
.page-hero.dark{background-color:var(--graphite);background-position:center;background-size:cover;background-repeat:no-repeat}
.nav a,.top .btn{white-space:nowrap}

/* ===== Правки 2026-11-13: лого не сжимается, крупнее и светлее ===== */
:root{
  --paper:#1E1A17; --paper-2:#27221E; --graphite:#2A2420; --graphite-2:#342D28; --graphite-line:#4A413A;
  --line:#463E37; --ink-2:#CFC6BB; --on-dark-2:#D6CDC2;
}
.logo,.lang,.top .btn,.menu-btn{flex-shrink:0}
.logo img{height:44px;width:auto;max-width:none}
@media (max-width:520px){.logo img{height:34px}}
.top .wrap{height:80px}
.nav{gap:26px}
.nav a{font-size:16px;font-weight:600;color:#EDE6DD}
.nav a:hover,.nav a[aria-current="page"]{color:#fff}
.lang button{font-size:14px;padding:8px 13px}
.top .btn{font-size:16px;padding:12px 22px}
@media (max-width:1400px){.nav{top:80px}}
/* верхняя полоса */
.top .strip{font-size:15px;color:#EDE6DD;background:rgba(201,164,106,.08)}
.top .strip .wrap{height:40px;gap:36px}
.top .strip b{color:var(--gold);font-weight:600}
.top .strip a{font-weight:700;font-size:16px;color:#fff}
/* цифры на первом экране */
.facts{border-top:0;gap:14px;margin-top:clamp(48px,6vw,80px)}
.facts div{padding:22px 24px;background:rgba(30,26,23,.62);border:1px solid rgba(201,164,106,.35);border-radius:var(--card);backdrop-filter:blur(6px)}
.facts b{font-size:clamp(34px,3.6vw,48px);color:#fff}
.facts b span{font-size:.55em}
.facts span{color:#F1EAE1;font-size:16px;font-weight:500}
@media (max-width:760px){.facts{gap:10px}.facts div{padding:16px}}
/* первый экран и шапки страниц светлее */
.hero::before{background:linear-gradient(90deg,rgba(20,17,15,.85) 0%,rgba(20,17,15,.55) 45%,rgba(20,17,15,.05) 100%),linear-gradient(0deg,rgba(20,17,15,.75) 0%,rgba(20,17,15,0) 35%)}
@media (max-width:760px){.hero::before{background:rgba(20,17,15,.62)}}
.page-hero::before{background:linear-gradient(90deg,rgba(20,17,15,.88) 0%,rgba(20,17,15,.6) 50%,rgba(20,17,15,.1) 100%)}
.lead,.dark .lead{color:#E2D9CE}
.hero .lead{color:#F3ECE3}
.top .wrap{max-width:1400px}
.nav{gap:22px}
@media (max-width:1460px){.top .wrap{max-width:none}}
@media (max-width:1400px){.top .wrap{max-width:var(--wrap)}}