/* Intro v24 — «Цена в объявлении → реальные цифры».
   Art layer reproduces the 1774×887 key frame: every size inside .intro24-art
   is a share of the frame, so the hand, the photo and the ledger stay aligned. */
.intro24{--i-paper:#f4f5f6;--i-ink:#23272b;--i-muted:#5d666b;--i-line:#cfd3d6;--i-orange:#f5921e;--i-orange-hi:#fb992a;
  position:relative;background:var(--i-paper);color:var(--i-ink);font-family:'BM Montserrat','Montserrat SemiBold',sans-serif}
.intro24-pin{position:relative;height:100svh;min-height:620px;max-height:1100px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}

/* Top bar */
.intro24-bar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;height:clamp(72px,6.8vw,108px);border-bottom:1px solid var(--i-line);flex:none}
.intro24-brand{display:flex;align-items:center;gap:14px;color:var(--i-ink);text-decoration:none;font-weight:800;font-size:13px;line-height:1.15;letter-spacing:.08em;text-transform:uppercase}
.intro24-brand img{width:44px;height:auto}
.intro24-skip{display:inline-flex;align-items:center;gap:22px;padding:15px 22px;border:1px solid var(--i-line);background:rgba(255,255,255,.55);color:var(--i-ink);font-size:13px;font-weight:500;text-decoration:none;transition:border-color .2s,background-color .2s}
.intro24-skip span{color:var(--i-orange);font-weight:700;transition:transform .2s cubic-bezier(.22,1,.36,1)}
.intro24-skip:hover{border-color:var(--i-ink);background:#fff}.intro24-skip:hover span{transform:translate(2px,-2px)}

/* Copy */
.intro24-copy{position:relative;z-index:4;flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(20px,3vw,48px);pointer-events:none}
.intro24-copy a{pointer-events:auto}
.intro24-eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 clamp(18px,2.2vw,34px);font-size:clamp(11px,.8vw,13px);font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.intro24-eyebrow::before{content:"";width:38px;height:2px;background:var(--i-orange)}
.intro24 h1{margin:0;font-size:clamp(40px,5.15vw,104px);line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--i-ink);max-width:9.2em}
.intro24-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.intro24-line>span{display:block}
.intro24 h1 em{font-style:normal;color:inherit;position:relative;display:inline-block}
.intro24 h1 em::after{content:"";position:absolute;left:.02em;right:0;bottom:-.02em;height:max(3px,.05em);background:var(--i-orange);transform-origin:0 50%;transform:scaleX(var(--underline,1))}
.intro24-lead{margin:clamp(20px,2.4vw,40px) 0 0;max-width:30em;font-size:clamp(15px,1.2vw,21px);line-height:1.55;font-weight:500;color:#41494e}
.intro24-cta{margin-top:clamp(24px,2.8vw,48px);display:inline-flex;align-items:center;justify-content:space-between;gap:40px;width:clamp(260px,21vw,376px);min-height:clamp(56px,4.8vw,86px);padding:0 clamp(22px,1.9vw,34px);box-sizing:border-box;background:var(--i-orange);color:var(--i-ink);font-size:clamp(14px,1.05vw,18px);font-weight:600;text-decoration:none;transition:background-color .2s}
.intro24-cta span{font-size:1.2em;font-weight:700;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.intro24-cta:hover{background:var(--i-orange-hi)}.intro24-cta:hover span{transform:translate(3px,-3px)}
.intro24-cta:focus-visible,.intro24-skip:focus-visible{outline:2px solid var(--i-ink);outline-offset:3px}
.intro24-note{margin:14px 0 0;font-size:clamp(11px,.78vw,13px);color:var(--i-muted)}

/* Footer line */
.intro24-foot{position:relative;z-index:4;flex:none;display:flex;justify-content:flex-start;gap:56px;align-items:center;height:clamp(48px,5vw,92px);font-size:clamp(10px,.72vw,12px);font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.intro24-foot::before{content:"";position:absolute;top:0;left:0;width:min(58%,980px);border-top:1px solid var(--i-line)}
.intro24-cue{display:none;align-items:center;gap:10px;color:var(--i-muted);letter-spacing:.14em}
.intro24-cue i{position:relative;width:1px;height:22px;background:var(--i-line);overflow:hidden}
.intro24-cue i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--i-orange);animation:intro24-cue 1.8s cubic-bezier(.65,0,.35,1) infinite}
@keyframes intro24-cue{to{top:100%}}
.intro24-motion .intro24-cue{display:inline-flex}

/* Art frame (1774×887) */
.intro24-art{position:absolute;right:0;bottom:0;z-index:1;width:min(100vw,200svh);aspect-ratio:1774/887;container-type:inline-size;pointer-events:none}
.intro24-sheet{position:absolute;inset:0}
.intro24-case{position:absolute;z-index:3;left:54.96%;right:5.3%;top:16.2%;display:flex;justify-content:space-between;font-size:.86cqw;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.intro24-case span+span{color:#8a9296;font-weight:500}
.intro24-photo{position:absolute;z-index:3;left:54.96%;top:20.63%;width:39.74%;height:15.1%;margin:0;overflow:hidden;background:#6a5040}
.intro24-photo img{width:100%;height:100%;object-fit:cover;display:block}
.intro24-sample{position:absolute;z-index:3;left:54.96%;top:32.7%;margin:0;padding:.42cqw .9cqw .42cqw 0;background:var(--i-paper);font-size:.7cqw;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.intro24-rows{position:absolute;z-index:1;left:54.96%;right:5.3%;top:37.2%;margin:0;padding:0;list-style:none}
.intro24-rows li{display:flex;align-items:center;justify-content:space-between;height:4.15cqw;border-bottom:1px solid var(--i-line)}
.intro24-rows span{font-size:.86cqw;font-weight:500;color:var(--i-muted)}
.intro24-rows b{font-size:1.72cqw;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.intro24-rows b small{font-size:.62em;font-weight:700}
.intro24-result{position:absolute;z-index:1;left:54.96%;right:5.3%;top:73.6%;display:flex;align-items:center;gap:1.6cqw}
.intro24-result>span{font-size:.86cqw;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.intro24-result>span small{display:block;margin-top:.35cqw;font-size:.78cqw;font-weight:500;letter-spacing:0;text-transform:none;color:var(--i-muted)}
.intro24-result strong{margin-left:auto;font-size:2.5cqw;font-weight:700;letter-spacing:-.03em;color:var(--i-orange)}
.intro24-result strong small{font-size:.5em;font-weight:700;color:var(--i-ink)}
.intro24-result i{font-style:normal;font-weight:700;font-size:2.1cqw;line-height:1;color:var(--i-orange)}
.intro24-hand{position:absolute;z-index:2;left:36.64%;top:2.25%;width:63.36%;height:97.75%;transform-origin:78% 100%;will-change:transform}
.intro24-hand img{display:block;width:100%;height:100%;filter:drop-shadow(0 1.2cqw 1.6cqw rgba(35,39,43,.16))}

/* Before the hand leaves, the ledger labels and the result are hidden under it. */
.intro24-motion .intro24{height:calc(100svh + var(--intro24-runway,110svh))}
.intro24-motion .intro24-pin{position:sticky;top:0}
.intro24-motion .intro24-rows span,.intro24-motion .intro24-result>span,.intro24-motion .intro24-result strong{opacity:0}

/* Tablet & phone */
@media (max-width:1100px){.intro24 h1{font-size:clamp(40px,6.4vw,72px)}}
@media (max-width:760px){
  .intro24-pin{min-height:600px}
  .intro24-bar{height:64px}
  .intro24-brand{font-size:11px;gap:10px}.intro24-brand img{width:34px}
  .intro24-skip{padding:10px 12px;font-size:11px;gap:12px}
  .intro24-copy{justify-content:flex-start;padding-top:clamp(24px,5svh,44px)}
  .intro24-eyebrow{margin-bottom:16px;font-size:10px;letter-spacing:.16em}.intro24-eyebrow::before{width:28px}
  .intro24 h1{font-size:clamp(34px,10.6vw,48px)}
  .intro24-lead{margin-top:16px;font-size:14px}.intro24-lead br{display:none}
  .intro24-cta{width:auto;align-self:flex-start;min-height:52px;padding:0 20px;gap:28px;font-size:14px}
  .intro24-note{font-size:11px}
  .intro24-art{width:178vw}
  .intro24-case,.intro24-sample,.intro24-result>span{display:none}
  .intro24-rows span{font-size:1.55cqw}
  .intro24-rows b{font-size:2.3cqw}
  .intro24-result strong{font-size:3.4cqw}.intro24-result i{font-size:2.8cqw}
  .intro24-foot{height:44px}.intro24-foot::before{display:none}.intro24-foot>span:first-child{display:none}
}
@media (max-width:760px) and (max-height:700px){.intro24-art{width:150vw}.intro24 h1{font-size:clamp(30px,9.4vw,40px)}.intro24-note{display:none}}

@media (prefers-reduced-motion:reduce){.intro24-cue i::after{animation:none}}

/* v24.2 — listing form crumpled by the hand (WebGL paper layer) */
.intro24-paper,.intro24-art--grip,.intro24-cover,.intro24-hint{display:none}
.intro24-paper-mode .intro24-paper{display:block;position:absolute;inset:0;z-index:6;width:100%;height:100%;pointer-events:none}
.intro24-paper-mode .intro24-art--grip{display:block;z-index:6}
.intro24-paper-mode .intro24-cover{display:block;position:absolute;inset:0;z-index:6;background:#fff;pointer-events:none}
.intro24-paper-mode .intro24-hint{display:inline-flex;position:absolute;z-index:7;left:50%;bottom:22px;transform:translateX(-50%);margin:0;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:rgba(35,39,43,.86);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;pointer-events:none}
.intro24-hint i{width:1px;height:14px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}
.intro24-hint i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--i-orange);animation:intro24-cue 1.6s cubic-bezier(.65,0,.35,1) infinite}
.intro24-paper-mode .intro24-art:not(.intro24-art--grip) .intro24-hand{opacity:0}
.intro24-paper-mode .intro24-bar,.intro24-paper-mode .intro24-copy,.intro24-paper-mode .intro24-foot{opacity:0}
/* v24.3 — open hand: own shadow on the page, grip marker followed by the paper */
.intro24-hand--open{position:absolute}
.intro24-hand--open img{position:absolute;inset:0}
.intro24-hand--open .intro24-hand-skin{filter:none}
.intro24-hand--open .intro24-hand-shadow{filter:brightness(0) blur(1.1cqw);opacity:.22;transform:translate(3%,6%) scale(1.02);transform-origin:78% 100%}
.intro24-grip-point{position:absolute;left:22.2%;top:46.1%;width:1px;height:1px;pointer-events:none}
/* v25 — three photographed poses: reach, half-closed, grip */
.intro24-pose{position:absolute;inset:0}
.intro24-pose[data-pose="half"],.intro24-pose[data-pose="grip"]{opacity:0}