/* Tresora — неофициальный интерактивный концепт WOLF & CODE. Один селектор — одна строка деклараций. */
:root{--bg:oklch(0.16 0.012 45);--bg2:oklch(0.205 0.016 45);--bg3:oklch(0.25 0.02 50);--ink:oklch(0.94 0.018 80);--mute:oklch(0.74 0.02 70);--gold:oklch(0.82 0.075 82);--gold2:oklch(0.7 0.08 70);--line:oklch(0.82 0.075 82 / 0.28);--line2:oklch(0.94 0.018 80 / 0.12);--serif:'Prata',Georgia,serif;--sans:'Jost',system-ui,sans-serif;--gut:clamp(16px,4vw,56px);--ease:cubic-bezier(0.22,1,0.36,1);--s-xs:4px;--s-sm:8px;--s-md:16px;--s-lg:24px;--s-xl:48px;--s-2xl:96px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto;background:var(--bg);color-scheme:dark;-webkit-tap-highlight-color:transparent}
body{margin:0;background:var(--bg);color:var(--ink);font:300 clamp(16px,1.05vw,18px)/1.7 var(--sans);letter-spacing:0.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:1px solid var(--gold);outline-offset:4px}

/* ---------- Типографика ---------- */
.eyebrow{margin:0;font:400 12px/1.4 var(--sans);letter-spacing:0.32em;text-transform:uppercase;color:var(--gold)}
.h-mega{margin:0;font:400 clamp(48px,9.2vw,168px)/0.92 var(--serif);letter-spacing:0.02em;text-transform:uppercase}
.h-mega--sm{font-size:clamp(42px,7vw,124px)}
.h-mega span{display:inline-block}
.h-sec{margin:0;font:400 clamp(34px,4.6vw,76px)/1.04 var(--serif);text-transform:uppercase;letter-spacing:0.015em;max-width:16ch}
.h-cap{margin:0;font:400 clamp(34px,3.8vw,68px)/1 var(--serif);text-transform:uppercase;letter-spacing:0.015em}
.lead{margin:0;font-size:clamp(17px,1.35vw,21px);line-height:1.6;max-width:36ch;color:var(--ink)}

/* ---------- Плашка концепта и шапка ---------- */
.concept{position:fixed;z-index:60;right:max(var(--gut),env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));transition:opacity 0.5s var(--ease),transform 0.5s var(--ease);display:flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid var(--line);border-radius:99px;background:oklch(0.16 0.012 45 / 0.72);backdrop-filter:blur(10px);font:400 12px/1 var(--sans);letter-spacing:0.08em;text-decoration:none;color:var(--mute)}
.concept b{color:var(--gold);font-weight:500}
.concept i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px oklch(0.82 0.075 82 / 0.18)}
.hdr{position:absolute;z-index:40;top:0;left:0;right:0;display:flex;align-items:center;gap:var(--s-xl);padding:max(26px,env(safe-area-inset-top)) var(--gut) 26px}
.brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;line-height:1}
.brand__word{font:400 26px/1 var(--serif);letter-spacing:0.22em;text-transform:uppercase;margin-right:-0.22em}
.brand__by{margin-top:6px;font:400 9px/1 var(--sans);letter-spacing:0.5em;text-transform:uppercase;color:var(--gold);margin-right:-0.5em}
.hdr__nav{display:flex;gap:34px;margin-left:auto}
.hdr__nav a{position:relative;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;text-decoration:none;color:var(--ink);opacity:0.86;transition:opacity 0.3s}
.hdr__nav a::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform 0.5s var(--ease)}
.hdr__nav a:hover{opacity:1}
.hdr__nav a:hover::after{transform:scaleX(1);transform-origin:left}
.hdr__cta{padding:12px 22px;border:1px solid var(--gold);font-size:12px;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;color:var(--gold);transition:background 0.4s var(--ease),color 0.4s var(--ease)}
.hdr__cta:hover{background:var(--gold);color:var(--bg)}

/* ---------- Сцена прокрутки ---------- */
.scene{position:relative;height:var(--len);background:var(--bg)}
.scene__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.scene__cv{position:absolute;inset:0;width:100%;height:100%}
.scene__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,oklch(0.12 0.01 45 / 0.62) 0%,oklch(0.12 0.01 45 / 0.12) 46%,transparent 70%),linear-gradient(0deg,oklch(0.12 0.01 45 / 0.7) 0%,transparent 28%),linear-gradient(180deg,oklch(0.12 0.01 45 / 0.5) 0%,transparent 22%)}
.scene__bar{position:absolute;left:var(--gut);right:var(--gut);bottom:calc(22px + env(safe-area-inset-bottom));height:1px;background:var(--line2)}
.scene__bar i{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.scene--life .scene__bar{bottom:22px}
.skip{position:relative;justify-self:start;display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border:1px solid var(--line2);border-radius:99px;background:oklch(0.12 0.01 45 / 0.35);backdrop-filter:blur(6px);font-size:11px;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;color:var(--mute);transition:color 0.3s,border-color 0.3s}
.skip:hover{color:var(--gold);border-color:var(--gold)}
.skip i{font-style:normal}

/* Подписи: появляются и уходят по прогрессу (--t от 0 до 1 внутри окна) */
.cap{position:absolute;z-index:2;left:var(--gut);bottom:clamp(110px,16vh,180px);max-width:min(520px,32vw);display:grid;gap:var(--s-lg);opacity:0;visibility:hidden;transition:opacity 0.6s var(--ease),visibility 0.6s,transform 0.9s var(--ease);transform:translateY(28px)}
.cap.is-on{opacity:1;visibility:visible;transform:translateY(0)}
.cap p{margin:0}
.cap--right{left:var(--gut);right:auto;text-align:left;justify-items:start}
.cap--intro{bottom:auto;top:50%;transform:translateY(-44%);max-width:min(1100px,92vw)}
.cap--intro.is-on{transform:translateY(-50%)}
.cap--intro .h-mega span,.cap--final .h-mega span{opacity:0;transform:translateY(0.4em);transition:opacity 0.9s var(--ease),transform 1.1s var(--ease)}
.cap.is-on .h-mega span{opacity:1;transform:none}
.cap.is-on .h-mega span:nth-child(2){transition-delay:0.08s}
.cap.is-on .h-mega span:nth-child(3){transition-delay:0.16s}
.cap--final{bottom:auto;top:50%;transform:translateY(-44%);max-width:min(1000px,92vw)}
.cap--final.is-on{transform:translateY(-50%)}
.cap--door{left:0;right:0;bottom:auto;top:50%;max-width:none;justify-items:center;text-align:center}
.cap--door .h-cap{font-size:clamp(30px,4vw,64px);color:var(--ink);text-shadow:0 2px 30px oklch(0.12 0.01 45 / 0.6)}
.cap__num{font:400 13px/1 var(--sans);letter-spacing:0.32em;text-transform:uppercase;color:var(--gold)}
.cap--side>p:not(.cap__num):not(.here){font-size:clamp(16px,1.2vw,19px);line-height:1.65;max-width:34ch}
.here{display:inline-flex;align-items:center;gap:12px;font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold)}
.here i{position:relative;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.here i::after{content:'';position:absolute;inset:-6px;border:1px solid var(--gold);border-radius:50%;animation:ping 2.2s var(--ease) infinite}
@keyframes ping{0%{transform:scale(0.4);opacity:1}100%{transform:scale(1.8);opacity:0}}
.scroll-hint{display:inline-flex;align-items:center;gap:14px;font-size:12px;letter-spacing:0.3em;text-transform:uppercase;color:var(--mute)}
.scroll-hint i{position:relative;width:1px;height:44px;background:var(--line2);overflow:hidden}
.scroll-hint i::after{content:'';position:absolute;left:0;top:-50%;width:1px;height:50%;background:var(--gold);animation:drip 2s var(--ease) infinite}
@keyframes drip{to{top:100%}}

/* Приборы таймлапса */
.hud{position:absolute;z-index:3;right:var(--gut);bottom:calc(46px + env(safe-area-inset-bottom));display:flex;gap:clamp(18px,3vw,48px)}
.hud__cell{display:grid;gap:6px;min-width:96px}
.hud__k{font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:var(--mute)}
.hud b{font:400 clamp(22px,2.1vw,34px)/1 var(--serif);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}

/* ---------- Цифры ---------- */
.facts{padding:var(--s-2xl) var(--gut) var(--s-xl);border-bottom:1px solid var(--line2)}
.facts__row{display:grid;grid-template-columns:repeat(4,1fr);margin:0}
.facts__row>div{display:grid;gap:6px;padding:var(--s-lg) var(--s-lg) var(--s-lg) 0;border-top:1px solid var(--line)}
.facts__row>div+div{padding-left:var(--s-lg);border-left:1px solid var(--line2)}
.facts dt{font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold)}
.facts dd{margin:0;font:400 clamp(24px,2.4vw,40px)/1.1 var(--serif)}
.facts dd small{font:400 0.42em var(--sans);letter-spacing:0.2em;color:var(--mute)}
.facts span{font-size:14px;color:var(--mute)}

/* ---------- Башня по этажам ---------- */
.tower{padding:var(--s-2xl) var(--gut)}
.tower__head{display:grid;gap:var(--s-md);margin-bottom:var(--s-xl)}
.tower__hint{margin:0;color:var(--mute);max-width:52ch}
.tower__stage{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,72px);align-items:start}
.tower__pic{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden;background:var(--bg2)}
.tower__pic img{width:100%;height:100%;object-fit:cover}
.tower__map{position:absolute;inset:0;width:100%;height:100%}
.tower__pic::after{content:'';position:absolute;inset:0;background:oklch(0.12 0.01 45 / 0.38);pointer-events:none;transition:opacity 0.5s var(--ease)}
.tower__map{z-index:1}
.tower__map .lv{fill:oklch(0.82 0.075 82 / 0);stroke:oklch(0.82 0.075 82 / 0);stroke-width:2;cursor:pointer;transition:fill 0.35s var(--ease),stroke 0.35s var(--ease)}
.tower__map .lv:hover,.tower__map .lv.is-hover{fill:oklch(0.86 0.06 82 / 0.38);stroke:oklch(0.86 0.06 82 / 0.8)}
.tower__map .lv.is-sel{fill:oklch(0.86 0.07 82 / 0.55);stroke:var(--gold);stroke-width:3}
.tower__map .lv-line{stroke:var(--gold);stroke-width:1.5;opacity:0;transition:opacity 0.35s}
.tower__map .lv-g.is-sel .lv-line,.tower__map .lv-g:hover .lv-line{opacity:1}
.tower__panel{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--s-lg);min-height:100%}
.levels{list-style:none;margin:0;padding:0 6px 0 0;max-height:min(78vh,860px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-right:1px solid var(--line2)}
.levels button{display:flex;width:100%;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 10px 9px 0;border:0;background:none;cursor:pointer;text-align:left;font-size:14px;color:var(--mute);transition:color 0.3s}
.levels button b{font:400 18px/1 var(--serif);color:var(--ink);transition:color 0.3s}
.levels button:hover,.levels button.is-hover{color:var(--ink)}
.levels button.is-sel b,.levels button.is-sel{color:var(--gold)}
.floor{display:grid;gap:var(--s-md);align-content:start}
.floor__k{margin:0;font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold)}
.floor__t{margin:0;font:400 clamp(28px,2.8vw,46px)/1.05 var(--serif);text-transform:uppercase}
.floor__d{margin:0;color:var(--mute);max-width:52ch}
.plate{width:100%;height:auto;margin-top:var(--s-sm);overflow:visible}
.plate .core{fill:var(--bg3);stroke:var(--line2)}
.plate .slab{fill:none;stroke:var(--line);stroke-width:1.2}
.plate .u{fill:oklch(0.94 0.018 80 / 0.03);stroke:var(--line2);stroke-width:1}
.plate .u.is-off{fill:url(#hatch)}
.plate .u.is-on{fill:oklch(0.82 0.075 82 / 0.14);stroke:var(--gold);cursor:pointer;transition:fill 0.3s}
.plate .u.is-on:hover,.plate .u.is-sel{fill:oklch(0.82 0.075 82 / 0.42)}
.plate text{font:400 13px var(--sans);fill:var(--mute);letter-spacing:0.08em;pointer-events:none}
.plate .t-on{fill:var(--ink)}
.plate .t-big{font:400 15px var(--serif);fill:var(--mute);letter-spacing:0.3em}
.plate.is-swap{animation:swap 0.7s var(--ease)}
@keyframes swap{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.unit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-lg);align-items:start;padding-top:var(--s-lg);border-top:1px solid var(--line2);animation:swap 0.8s var(--ease)}
.unit[hidden]{display:none}
.unit__plan{background:oklch(0.94 0.018 80 / 0.03);padding:var(--s-md)}
.unit__plan img{width:100%;height:auto}
.unit__info{display:grid;gap:var(--s-md);align-content:start}
.unit__t{margin:0;font:400 clamp(24px,2.2vw,36px)/1.1 var(--serif);text-transform:uppercase}
.unit__dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:15px}
.unit__dl dt{color:var(--mute)}
.unit__dl dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}

/* ---------- Кнопки ---------- */
.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:18px 30px;border:1px solid var(--gold);background:var(--gold);color:var(--bg);font:500 13px/1 var(--sans);letter-spacing:0.22em;text-transform:uppercase;cursor:pointer;transition:background 0.4s var(--ease),color 0.4s var(--ease)}
.btn:hover{background:transparent;color:var(--gold)}
.btn--line{background:transparent;color:var(--gold)}
.btn--line:hover{background:var(--gold);color:var(--bg)}

/* ---------- Удобства: лента ---------- */
.amen{padding:var(--s-2xl) 0}
.amen__head{display:flex;justify-content:space-between;align-items:end;gap:var(--s-lg);padding:0 var(--gut) var(--s-xl)}
.arrows{display:flex;gap:10px}
.arr{width:54px;height:54px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;font-size:18px;transition:border-color 0.3s,background 0.3s}
.arr:hover{border-color:var(--gold);background:oklch(0.82 0.075 82 / 0.1)}
.rail{display:flex;gap:clamp(12px,1.6vw,24px);overflow-x:auto;padding:0 var(--gut);scroll-snap-type:x mandatory;scroll-padding:0 var(--gut);scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
.rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.rail.is-drag .tile{pointer-events:none}
.tile{position:relative;flex:0 0 clamp(260px,27vw,420px);margin:0;scroll-snap-align:start;overflow:hidden;aspect-ratio:9/11;background:var(--bg2);user-select:none}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.tile:hover img{transform:scale(1.05)}
.tile figcaption{position:absolute;left:0;right:0;bottom:0;display:grid;gap:4px;padding:56px 22px 22px;background:linear-gradient(0deg,oklch(0.12 0.01 45 / 0.85),transparent)}
.tile b{font:400 22px/1.15 var(--serif);text-transform:uppercase;letter-spacing:0.02em}
.tile span{font-size:14px;color:var(--mute)}

/* ---------- Умный дом ---------- */
.smart{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,96px);padding:var(--s-2xl) var(--gut);border-top:1px solid var(--line2)}
.smart__intro{display:grid;gap:var(--s-md);align-content:start}
.smart__list{list-style:none;margin:0;padding:0;counter-reset:s}
.smart__list li{counter-increment:s;display:grid;grid-template-columns:48px 150px minmax(0,1fr);gap:var(--s-md);padding:22px 0;border-top:1px solid var(--line2)}
.smart__list li::before{content:'0' counter(s);font:400 14px/1.6 var(--sans);color:var(--gold);letter-spacing:0.1em}
.smart__list b{font:400 20px/1.3 var(--serif);text-transform:uppercase}
.smart__list span{color:var(--mute)}

/* ---------- Калькулятор ---------- */
.calc{padding:var(--s-2xl) var(--gut);background:var(--bg2)}
.calc__head{display:grid;gap:var(--s-md);margin-bottom:var(--s-xl)}
.calc__grid{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,72px)}
.calc__form{display:grid;gap:var(--s-lg);align-content:start}
.field{display:grid;gap:10px}
.field__k{font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold)}
.seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.seg--sm{grid-template-columns:repeat(2,minmax(0,110px));width:max-content}
.seg label{position:relative;cursor:pointer}
.seg label+label{border-left:1px solid var(--line)}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:grid;gap:2px;padding:14px 16px;font-size:16px;transition:background 0.35s var(--ease),color 0.35s}
.seg small{font-size:12px;color:var(--mute);transition:color 0.35s}
.seg input:checked+span{background:var(--gold);color:var(--bg)}
.seg input:checked+span small{color:oklch(0.25 0.02 50)}
.seg input:focus-visible+span{outline:1px solid var(--ink);outline-offset:-4px}
.sum{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:10px 16px;padding-top:var(--s-lg);border-top:1px solid var(--line)}
.sum__k{margin:0;color:var(--mute)}
.sum__v{margin:0;font:400 clamp(24px,2.3vw,36px)/1.1 var(--serif);font-variant-numeric:tabular-nums;text-align:right}
.sum__v--gold{color:var(--gold)}
.sum__note{grid-column:1/-1;margin:0;font-size:13px;color:var(--mute)}
.sched{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 var(--s-lg)}
.sched__bar{width:1px;background:var(--line)}
.sched__list{list-style:none;margin:0;padding:0;max-height:560px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.sched__list li{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:var(--s-md);align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line2);font-variant-numeric:tabular-nums;animation:swap 0.6s var(--ease) both}
.sched__list .d{color:var(--mute);font-size:14px}
.sched__list .w{font-size:15px}
.sched__list .w em{font-style:normal;color:var(--gold)}
.sched__list .v{font:400 18px var(--serif);text-align:right}
.sched__list li.is-hand{border-bottom-color:var(--gold)}
.sched__list li.is-hand .w{color:var(--gold)}
.calc__fine{margin:var(--s-xl) 0 0;font-size:13px;color:var(--mute);max-width:90ch}

/* ---------- Район ---------- */
.place{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,96px);align-items:center;padding:var(--s-2xl) var(--gut)}
.place__text{display:grid;gap:var(--s-md)}
.place__text>p{margin:0;color:var(--mute);max-width:52ch}
.place__list{list-style:none;margin:var(--s-sm) 0 0;padding:0}
.place__list li{display:grid;grid-template-columns:110px 1fr;gap:var(--s-md);padding:12px 0;border-top:1px solid var(--line2)}
.place__list b{font-weight:400;font-size:12px;letter-spacing:0.24em;text-transform:uppercase;color:var(--gold);padding-top:4px}
.place__map{margin:0;overflow:hidden}
.place__map img{width:100%;transition:transform 2s var(--ease)}
.place__map:hover img{transform:scale(1.03)}

/* ---------- Заявка и подвал ---------- */
.lead-b{position:relative;padding:var(--s-2xl) var(--gut);background:var(--bg) url(img/lead-bg.webp) center/cover no-repeat}
.lead-b::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,oklch(0.14 0.012 45 / 0.95) 0%,oklch(0.14 0.012 45 / 0.75) 55%,oklch(0.14 0.012 45 / 0.35) 100%)}
.lead-b__in{position:relative;display:grid;gap:var(--s-xl);max-width:640px}
.lead-f{display:grid;gap:var(--s-lg)}
.lf{display:grid;gap:8px}
.lf span{font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold)}
.lf input{padding:14px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:300 20px var(--sans);outline:none;transition:border-color 0.3s}
.lf input:focus{border-bottom-color:var(--gold)}
.lf-how{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;border:0}
.lf-how label{position:relative;cursor:pointer}
.lf-how input{position:absolute;opacity:0}
.lf-how span{display:block;padding:10px 18px;border:1px solid var(--line);border-radius:99px;font-size:14px;transition:background 0.3s,color 0.3s}
.lf-how input:checked+span{background:var(--gold);color:var(--bg);border-color:var(--gold)}
.lf-how input:focus-visible+span{outline:1px solid var(--ink);outline-offset:3px}
.lf-ok{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--mute);cursor:pointer}
.lf-ok input{margin-top:5px;accent-color:var(--gold)}
.lead-f .btn{justify-self:start}
.lead-f__done{margin:0;color:var(--gold)}
.ftr{display:grid;gap:8px;padding:var(--s-xl) var(--gut) 90px;border-top:1px solid var(--line2);font-size:14px;color:var(--mute)}
.ftr p{margin:0}
.ftr__fine{font-size:12px;max-width:90ch}

/* ---------- Появление блоков ---------- */
.rv{opacity:0;transform:translateY(32px);transition:opacity 0.9s var(--ease),transform 1.1s var(--ease)}
.rv.is-in{opacity:1;transform:none}

/* ---------- Планшет ---------- */
@media (max-width:1100px){
.cap{max-width:min(520px,60vw)}
.hdr__nav{display:none}
.hdr__cta{margin-left:auto}
.tower__stage{grid-template-columns:1fr}
.tower__pic{aspect-ratio:4/5;max-height:80vh}
.facts__row{grid-template-columns:1fr 1fr}
.facts__row>div:nth-child(3){padding-left:0;border-left:0}
.smart,.place,.calc__grid{grid-template-columns:1fr}
.hud{left:var(--gut);right:auto;bottom:44px}
}
/* ---------- Телефон ---------- */
@media (max-width:760px){
.cap{max-width:86vw}
.hdr{padding:max(16px,env(safe-area-inset-top)) var(--gut) 16px}
.brand__word{font-size:21px}
.hdr__cta{padding:10px 14px;font-size:10px;letter-spacing:0.16em}
.scene__shade{background:linear-gradient(0deg,oklch(0.12 0.01 45 / 0.85) 0%,oklch(0.12 0.01 45 / 0.25) 45%,transparent 60%),linear-gradient(180deg,oklch(0.12 0.01 45 / 0.55) 0%,transparent 20%)}
.cap{bottom:128px}
.cap--right{left:var(--gut);right:auto;text-align:left;justify-items:start}
.cap--intro,.cap--final{top:auto;bottom:128px;transform:translateY(28px)}
.cap--intro.is-on,.cap--final.is-on{transform:none}
.hud{gap:18px;bottom:44px}
.hud__cell{min-width:0}
.hud b{font-size:20px}
.facts__row{grid-template-columns:1fr}
.facts__row>div,.facts__row>div+div{padding:18px 0;border-left:0}
.tower__panel{grid-template-columns:1fr}
.levels{display:flex;max-height:none;overflow-x:auto;gap:4px;padding:0 0 8px;border-right:0;border-bottom:1px solid var(--line2);scrollbar-width:none}
.levels::-webkit-scrollbar{display:none}
.levels li{flex:0 0 auto}
.levels button{flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:11px}
.unit{grid-template-columns:1fr}
.smart__list li{grid-template-columns:36px minmax(0,1fr)}
.smart__list li span{grid-column:2}
.sched__list li{grid-template-columns:86px minmax(0,1fr);row-gap:2px}
.sched__list .v{grid-column:2;text-align:left}
.amen__head{flex-wrap:wrap}
.place__list li{grid-template-columns:1fr;gap:2px}
.concept{bottom:12px;right:12px;padding:7px 12px;font-size:11px}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}

/* Режим «кино»: пока идёт сцена, лишний интерфейс уходит */
.is-cine .concept{opacity:0;transform:translateY(12px);pointer-events:none}
@media (max-width:760px){
.cap{bottom:calc(132px + env(safe-area-inset-bottom))}
.cap--intro,.cap--final{bottom:calc(132px + env(safe-area-inset-bottom))}
.h-cap{font-size:clamp(34px,10vw,46px)}
.cap--side>p:not(.cap__num):not(.here){font-size:15px;line-height:1.6}
.hud{bottom:calc(40px + env(safe-area-inset-bottom));gap:22px}
.hud__k{font-size:10px;letter-spacing:0.24em}
.scene__shade{background:linear-gradient(0deg,oklch(0.1 0.01 45 / 0.92) 0%,oklch(0.1 0.01 45 / 0.55) 30%,transparent 55%),linear-gradient(180deg,oklch(0.1 0.01 45 / 0.5) 0%,transparent 16%)}
.hdr__cta{border-color:var(--line);color:var(--ink)}
}

/* ---------- WOLF & CODE: переключатель языка и пометка о неофициальном концепте ---------- */
.lang{display:flex;align-items:center;gap:2px;font:400 12px/1 var(--sans);letter-spacing:0.18em}
.lang a,.lang span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;text-decoration:none;color:var(--ink);opacity:0.7;transition:opacity 0.3s}
.lang a:hover{opacity:1}
.lang span{opacity:1;color:var(--gold);border-bottom:1px solid var(--gold)}
.facts__note{margin:var(--s-lg) 0 0;max-width:90ch;font-size:13px;line-height:1.6;color:var(--mute)}
.facts__note b{color:var(--ink);font-weight:400}
.ftr__off{color:var(--ink)}
.ftr a{color:var(--gold)}
@media (max-width:1100px){
.lang{margin-left:auto}
.hdr__cta{margin-left:0}
}
@media (max-width:760px){
.hdr{gap:10px}
.lang a,.lang span{min-width:30px;padding:0 5px;font-size:11px}
.lang span{display:none}
}