/* Кейс Argenhome — оформление. Подключается только на странице кейса. Префикс ah-. Сцена макета — 1600 */

@font-face{font-family:'Golos AH';font-style:normal;font-weight:400 900;font-display:swap;
src:url(fonts/golos-cyrillic.woff2) format('woff2'),url(https://fonts.gstatic.com/s/golostext/v7/q5uXsoe9Lv5t7Meb31EcOR9UdVTNs822plVRRQ5c.ttf) format('truetype');
unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos AH';font-style:normal;font-weight:400 900;font-display:swap;
src:url(fonts/golos-latin.woff2) format('woff2'),url(https://fonts.gstatic.com/s/golostext/v7/q5uCsoe9Lv5t7Meb31EcExN8hK5SAMo.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.ah{
--bl:#439CF9; --dk:#141C24; --gt:#637083; --gr:#97A1AF; --lt:#ECF5FE; --ui:#F3F9FF;
--u:calc(min(var(--cw,100vw),1600px)/1600);
--gut:max(0px,(var(--cw,100vw) - 1600*var(--u))/2);
position:relative;background:#fff;color:var(--dk);
font-family:'Golos AH','Golos Text',var(--font,'Inter'),system-ui,sans-serif;font-weight:400;
-webkit-font-smoothing:antialiased;overflow:hidden;isolation:isolate}
.ah :where(p,h2,ul,li){margin:0;padding:0}
.ah :where(ul){list-style:none}
.ah :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
.ah :where(a){color:inherit;text-decoration:none}
.ah :where(img){display:block;width:100%;height:100%;max-width:none}

.ah-st{position:relative;width:calc(1600*var(--u));margin:0 auto}
.ah-b{position:relative;height:calc(var(--h)*var(--u));isolation:isolate;overflow-x:visible;overflow-y:clip}
.ah-b::before{content:'';position:absolute;top:0;bottom:0;left:-100vmax;right:-100vmax;background:var(--bg,#fff);z-index:-1}
.ah-b--bl{--bg:var(--bl)}
.ah-b--lt{--bg:var(--lt)}
.ah-b--ui{--bg:var(--ui)}
.ah-i{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u))}
.ah-i[style*="--w"]{width:calc(var(--w)*var(--u))}
.ah-i[style*="--h"]{height:calc(var(--h)*var(--u))}
.ah-k{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u))}

/* подписи секций */
.ah-lb{position:absolute;left:calc(80*var(--u));right:calc(80*var(--u));top:calc(var(--y)*var(--u));display:flex;justify-content:space-between;align-items:center;
font-size:calc(18*var(--u));line-height:calc(25*var(--u));font-weight:600;z-index:4;pointer-events:none}
.ah-lb__t{display:flex;align-items:center;gap:calc(14*var(--u));white-space:pre}
.ah-ln{flex:none;width:calc(16*var(--u));height:calc(25*var(--u));fill:var(--bl)}
.ah-lb--w{color:#fff}
.ah-lb--w .ah-ln,.ah-ct .ah-ln{fill:rgba(255,255,255,.55)}
.ah-lb--n-w .ah-lb__n{color:#fff}
.ah-lb--in{left:calc(var(--x)*var(--u));right:auto}

/* типографика */
.ah-h2{font-size:calc(85*var(--u));line-height:calc(110.5*var(--u));font-weight:600;letter-spacing:0}
.ah-t{font-size:calc(16*var(--u));line-height:calc(22.4*var(--u))}
.ah-t--w{color:#fff}
.ah .ah-wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.ah .ah-wd__i{display:inline-block;will-change:transform}
.ah .ah-c{display:inline-block;overflow:hidden;vertical-align:top}
.ah .ah-c__i{display:inline-block;will-change:transform}

/* ---------- 01 первый экран ---------- */
.ah-b--hero::before{background:linear-gradient(180deg,#D0E8FF 0,#F2F6FA calc(1034.6*var(--u)),#F2F6FA calc(1089*var(--u)),#ECF5FE calc(1089*var(--u)))}
.ah-hbg{position:absolute;top:0;bottom:0;left:calc(-1*var(--gut) - 2px);right:calc(-1*var(--gut) - 2px);z-index:-1;display:none}
.ah-hbg::before,.ah-hbg::after{content:'';position:absolute;top:0;bottom:0;width:50%;background:url(img/h-edge-l.png) 0 0/auto 100% repeat-x}
.ah-hbg::before{left:0}
.ah-hbg::after{right:0;background-image:url(img/h-edge-r.png)}
.ah-hero{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));font-size:calc(211.17*var(--u));line-height:calc(295.63*var(--u));
font-weight:700;text-transform:uppercase;white-space:nowrap;color:var(--dk);z-index:1}
.ah-hero__a{color:var(--bl)}
.ah-tags{position:absolute;left:0;top:calc(var(--y)*var(--u));width:100%;height:calc(25*var(--u));z-index:4}
.ah-tags li{position:absolute;left:calc(var(--x)*var(--u));top:0;display:flex;align-items:center;gap:calc(14*var(--u));
font-size:calc(18*var(--u));line-height:calc(25*var(--u));font-weight:600;white-space:nowrap}
.ah-b--hero .ah-i{z-index:2}
.ah-b--hero .ah-scene{z-index:3}

/* ---------- 02 о проекте ---------- */
.ah-h2 .ah-pill{display:inline-block;position:relative;top:calc(11.5*var(--u));width:calc(230*var(--u));height:calc(106*var(--u));
margin:0 calc(var(--pr,17)*var(--u)) 0 calc(var(--pl,14)*var(--u));vertical-align:top;border-radius:calc(100*var(--u));overflow:hidden;transform:translateZ(0)}
.ah-pill img{will-change:transform}
.ah-col__t{display:flex;align-items:center;gap:calc(14*var(--u));margin-bottom:calc(20*var(--u));font-size:calc(18*var(--u));line-height:calc(25*var(--u));font-weight:600}
.ah-ic{flex:none;width:calc(39*var(--u));height:calc(23*var(--u));fill:none;stroke:var(--bl);stroke-width:7.6;stroke-linecap:round}
.ah-col p{font-size:calc(15*var(--u));line-height:calc(21*var(--u));color:var(--gt)}
.ah-col p+p{margin-top:calc(10*var(--u))}

/* ---------- 03 цвета и шрифт ---------- */
.ah-cls{position:absolute;left:0;top:0;width:calc(800*var(--u));height:calc(815*var(--u))}
.ah-cl{position:absolute;left:0;top:calc(var(--y)*var(--u));width:100%;height:calc(163*var(--u));background:var(--c);color:var(--t);will-change:transform}
.ah-cl::before{content:'';position:absolute;top:0;bottom:0;right:100%;width:100vmax;background:inherit}
.ah-cl span{position:absolute;left:calc(80*var(--u));top:calc(40*var(--u));font-size:calc(16*var(--u));line-height:calc(22*var(--u))}
.ah-cl::after{content:'Копировать';position:absolute;left:calc(80*var(--u));top:calc(66*var(--u));font-size:calc(13*var(--u));line-height:1;opacity:0;transform:translateY(calc(6*var(--u)));
transition:opacity .3s,transform .3s}
.ah-cl:is(:hover,:focus-visible)::after{opacity:.7;transform:none}
.ah-cl:focus-visible{outline:2px solid var(--dk);outline-offset:-4px}
.ah-fp{overflow:hidden;width:calc(800*var(--u) + var(--gut))}
.ah-fp__ph{will-change:transform}
.ah-fa{font-size:calc(559*var(--u));line-height:calc(559*var(--u));font-weight:var(--wg,600);color:#fff;white-space:nowrap}
.ah-fn{font-size:calc(64*var(--u));line-height:calc(64*var(--u));font-weight:600;text-transform:uppercase;color:#fff;white-space:nowrap;z-index:2}

/* ---------- окна со страницами ---------- */
.ah-win{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u));
overflow:hidden;background:#fff;transform:translateZ(0)}
.ah-win__p{position:absolute;left:0;top:0;width:100%!important;height:calc(var(--ph)*var(--u))!important;will-change:transform}
.ah-win__h{position:absolute;left:0;top:0;width:100%!important;height:calc(var(--hh)*var(--u))!important;z-index:1}
.ah-win__b{position:absolute;left:calc(10.75*var(--u));top:calc(546.7*var(--u));width:calc(269.33*var(--u))!important;height:calc(54*var(--u))!important;z-index:1}
.ah-win--ph{border-radius:calc(33.46*var(--u));box-shadow:0 0 0 calc(4*var(--u)) var(--dk)}
.ah-win--pw{box-shadow:0 0 0 calc(4*var(--u)) #fff}
.ah-win--tab{border-radius:calc(36.46*var(--u));background:#F3F9FF}
.ah-win--tab::after{content:'';position:absolute;inset:0;border:calc(4*var(--u)) solid var(--dk);border-radius:inherit;z-index:2;pointer-events:none}
.ah-win--t2{border-radius:calc(35.42*var(--u))}
.ah-win--t2::after{border-width:calc(3.886*var(--u))}
.ah-win--d{border-radius:calc(30*var(--u))}
.ah-phi img{border-radius:calc(37.46*var(--u))}
.ah-b--lt .ah-phi img{border-radius:calc(33.71*var(--u))}
.ah-r30 img{border-radius:calc(30*var(--u))}
.ah-r16 img{border-radius:calc(16*var(--u))}

/* ---------- 04 главная ---------- */
.ah-mq{position:absolute;left:0;top:calc(var(--y)*var(--u));width:100%;height:calc(70*var(--u));pointer-events:none;mix-blend-mode:soft-light}
.ah-mq__t{display:flex;width:max-content;will-change:transform}
.ah-mq--big span{flex:none;padding-right:calc(140*var(--u));font-size:calc(439.49*var(--u));line-height:calc(70*var(--u));font-weight:700;text-transform:uppercase;
color:rgba(255,255,255,.2);white-space:nowrap}

/* ---------- 05 сетка ---------- */
.ah-grid{background:#fff;overflow:hidden}
.ah-grid__p{opacity:.5}
.ah-gc{position:absolute;left:calc(var(--x)*var(--u));top:0;width:calc(76.8*var(--u));height:100%;transform-origin:50% 0;
background:repeating-linear-gradient(180deg,var(--bl) 0 calc(6*var(--u)),transparent calc(6*var(--u)) calc(12*var(--u))) 0 0/calc(1.5*var(--u)) 100% no-repeat,
repeating-linear-gradient(180deg,var(--bl) 0 calc(6*var(--u)),transparent calc(6*var(--u)) calc(12*var(--u))) 100% 0/calc(1.5*var(--u)) 100% no-repeat}
.ah-gc::before{content:'';position:absolute;inset:0;background:rgba(67,156,249,.15);opacity:var(--gf,0)}
.ah-gn{font-size:calc(114.35*var(--u));line-height:calc(148.66*var(--u));font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.ah-gn b{font-weight:inherit}
.ah-gs{font-size:calc(28.25*var(--u));line-height:calc(39.55*var(--u));font-weight:600;white-space:nowrap}

/* ---------- 07 покупка и аренда ---------- */
.ah-big{font-size:calc(186.75*var(--u));line-height:calc(186.75*var(--u));font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.2)}
.ah-big span{display:block;white-space:nowrap;will-change:transform}
.ah-shd{mix-blend-mode:difference;pointer-events:none;transform-origin:0 0}
.ah-pop img{border-radius:calc(15.43*var(--u))}
.ah-pshd{border-radius:calc(18*var(--u));background:rgba(20,40,80,.28);filter:blur(calc(40*var(--u)));opacity:0}

/* ---------- 09 ноутбук ---------- */
.ah-band{position:absolute;left:-100vmax;right:-100vmax;top:calc(var(--y)*var(--u));height:calc(var(--h)*var(--u));background:var(--bl)}

/* ---------- 12 финал ---------- */
.ah-th{font-size:calc(186.75*var(--u));line-height:calc(186.75*var(--u));font-weight:700;text-transform:uppercase;color:#fff}
.ah-th>span{display:block;overflow:hidden;white-space:nowrap}
.ah-ct{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));display:grid;gap:calc(21*var(--u));z-index:2}
.ah-ct li{display:flex;align-items:center;gap:calc(14*var(--u));font-size:calc(18*var(--u));line-height:calc(25*var(--u));font-weight:600;text-transform:uppercase;color:#fff;white-space:nowrap}
.ah-ct a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s}
.ah-ct a:is(:hover,:focus-visible){background-size:100% 1px}
.ah-epalm{transform-origin:55% 100%;z-index:3}

/* копирование цвета */
.ah-toast{position:fixed;left:50%;bottom:28px;z-index:50;padding:12px 20px;border-radius:12px;background:var(--dk);color:#fff;font-size:14px;line-height:1.3;
transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.ah-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* шире 1600px сцена по центру — края фото гасим */
@media (min-width:1601px){
.ah-hbg{display:block}
.ah-edge{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.ah-edge-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.ah-edge-r{-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent)}
.ah-mq{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}}

/* ---------- состояния до анимации ---------- */
.is-js [data-ah-in]{opacity:0;transform:translateY(calc(24*var(--u)))}
.is-js [data-ah-rise]{opacity:0;transform:translateY(calc(110*var(--u)))}
.is-js [data-ah-pop]{opacity:0;transform:scale(.8)}
.is-js [data-ah-pop1],.is-js [data-ah-pop2]{opacity:0}
.is-js [data-ah-tag]{opacity:0}

@media (prefers-reduced-motion:reduce){
.is-js [data-ah-in],.is-js [data-ah-rise],.is-js [data-ah-pop],.is-js [data-ah-pop1],.is-js [data-ah-pop2],.is-js [data-ah-tag]{opacity:1;transform:none}}

/* ---------- мобильная раскладка: одна колонка ---------- */
@media (max-width:999px){
.ah{--u:calc((100vw - 32px)/1600);--gut:0px}
.ah-st{width:100%;padding:0 16px;box-sizing:border-box}
.ah-b{height:auto!important;padding:28px 0 32px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;--mw:calc(100vw - 32px);--pw:calc((100vw - 60px)/3)}
.ah-b--p2{--pw:calc((100vw - 46px)/2)}
.ah-b>*{flex:0 0 100%}
.ah-b>.ah-i,.ah-b>.ah-k,.ah-b>.ah-win{position:relative;left:auto;top:auto}
.ah-b>.ah-i{width:var(--mw)!important;height:auto!important}
.ah-b>.ah-i>img{height:auto}
.ah-b>.ah-k,.ah-b>.ah-win{--u:calc(var(--mw)/var(--w));width:var(--mw)}
.ah-b>.ah-win--ph,.ah-b>.ah-phi{--mw:var(--pw);flex:0 0 var(--pw)}
/* композиции — целиком, в масштабе */
.ah-b.ah-b--sc{display:block;padding:0;margin:0 -16px;width:100vw;height:calc(var(--h)*var(--u))!important;--u:calc(100vw/1600)}
.ah-b--sc>.ah-i{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u))!important;height:calc(var(--h)*var(--u))!important}
.ah-b--sc>.ah-i>img{height:100%}
.ah-b--sc .ah-lb,.ah-b--sc .ah-tags,.ah-b--sc .ah-ct{display:none}
.ah-b--sc>.ah-hero,.ah-b--sc>.ah-th{width:auto!important;height:auto!important}
.ah-lb{position:relative;left:auto;right:auto;top:auto!important;font-size:13px;line-height:18px;order:-1}
.ah-lb__t{gap:8px}
.ah-ln{width:10px;height:16px}
.ah-lb--n-w .ah-lb__n{color:var(--dk)}
.ah-h2{font-size:27px;line-height:1.32}
.ah-h2 .ah-pill{width:2.45em;height:1.12em;top:.1em;margin:0 .15em}
.ah-col__t{font-size:16px;line-height:22px;gap:10px;margin-bottom:10px}
.ah-ic{width:28px;height:17px}
.ah-col p{font-size:14px;line-height:1.5}
.ah-col p+p{margin-top:8px}
.ah-col br{display:none}
.ah-bgph{display:none!important}
.ah-t{font-size:14px;line-height:1.5}
/* цвета */
.ah-b--cf{padding-top:0}
.ah-b>.ah-cls{position:relative;width:auto;height:auto;margin:0 -16px;flex-basis:100vw}
.ah-cl{position:relative;top:auto;height:64px}
.ah-cl span{left:16px;top:20px;font-size:14px;line-height:20px}
.ah-cl::after{display:none}
.ah-b>.ah-fp{margin:0 -16px;--mw:100vw;flex-basis:100vw;width:100vw}
.ah-lb--in{display:none}
/* главная */
.ah-mq{display:none}
.ah-b>.ah-mtab{order:5}
/* сетка */
.ah-b>.ah-grid{--w:1440}
/* покупка и аренда */
.ah-big{font-size:13vw;line-height:1;order:6}
.ah-big span{transform:none!important}
.ah-shd{display:none}
.ah-b>.ah-pops{display:flex;gap:14px;align-items:flex-start}
.ah-pops>.ah-i{position:relative;left:auto;top:auto;width:calc((100% - 14px)/2)!important;height:auto!important}
.ah-pops>.ah-i>img{height:auto}
.ah-pops>.ah-pshd{display:none}
.ah-b>.ah-hand{order:7}
/* UI kit */
.ah-b--ui:not(.ah-b--sc){gap:10px;align-items:center}
.ah-b>.ah-uk{flex:0 0 auto;width:calc(var(--w)*(100vw - 32px)/1000)!important;max-width:100%}
.ah-toast{bottom:18px;font-size:13px}
}

/* обложка кейса (первый экран шаблона) */
.case-cover [data-cover="argenhome"] img{object-position:50% 40%}