@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(assets/fonts/manrope-normal-200-800-cyrillic.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(assets/fonts/manrope-normal-200-800-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(assets/fonts/manrope-normal-200-800-latin.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;
}
:root{
--w:#fff;--g:#eeeeec;--k:#111;--m:#6f6f6f;--m2:#5e5e5c;--r:#d5d5d2;--b:#1f3bff;
--pad:clamp(16px,4.4vw,64px);--gap:clamp(12px,1.7vw,24px);--hh:56px;
--e:cubic-bezier(.2,.7,.1,1);
}
@media (min-width:900px){:root{--hh:68px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--w);color:var(--k);font:400 16px/1.55 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings:"kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,p,ul,ol,figure,dl,dd,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
sup{font-size:.62em;line-height:0;position:relative;top:-.05em;vertical-align:super;font-weight:600;letter-spacing:0}
:focus-visible{outline:2px solid var(--b);outline-offset:3px}
main:focus{outline:0}
::selection{background:var(--b);color:#fff}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:var(--pad);top:-80px;z-index:100;background:var(--k);color:#fff;padding:12px 18px;font-weight:600;font-size:14px}
.skip:focus{top:8px}
.dot{color:var(--b)}
.wrap{padding-inline:var(--pad)}
.g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--gap);padding-inline:var(--pad)}
.g>*{grid-column:1/-1;min-width:0}
@media (min-width:900px){.g{grid-template-columns:repeat(12,minmax(0,1fr))}}
.xl{font-weight:200;font-size:15.5vw;line-height:.88;letter-spacing:-.055em;overflow-wrap:break-word;margin-left:-.04em}
html:lang(ru) .xl,html:lang(en) .xl{font-size:14vw}
html:lang(ru) .xl{letter-spacing:-.05em}
@media (min-width:900px){.xl,html:lang(en) .xl{font-size:min(11.2vw,13rem)}html:lang(ru) .xl{font-size:min(10.8vw,12.6rem)}}
.l{font-weight:200;font-size:10.5vw;line-height:1;letter-spacing:-.045em;overflow-wrap:break-word}
html:lang(ru) .l{font-size:9.4vw}
@media (min-width:900px){.l{font-size:min(5.6vw,6rem)}html:lang(ru) .l{font-size:min(5.2vw,5.6rem)}}
.m{font-weight:300;font-size:clamp(1.3rem,2.5vw,2.4rem);line-height:1.2;letter-spacing:-.025em}
.lead{font-size:clamp(1.02rem,1.25vw,1.2rem);line-height:1.6;max-width:36em}
.kick{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:clamp(16px,2vw,28px)}
.kick-n{font-variant-numeric:tabular-nums;color:var(--m)}
.kick::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--k);align-self:center}
.ln{display:inline-flex;align-items:center;gap:.4em;min-height:44px;font-weight:600;font-size:14px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;transition:color .25s}
.nw{white-space:nowrap}
.ln:hover{color:var(--b)}
.arr{display:inline-block;transition:transform .35s var(--e)}
a:hover .arr,button:hover .arr{transform:translateX(4px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:52px;padding:0 26px;border:1px solid var(--k);border-radius:999px;background:transparent;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.btn:hover{background:var(--k);color:#fff}
.btn--k{background:var(--k);color:#fff}
.btn--k:hover{background:var(--b);border-color:var(--b)}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.lb{font-size:13px;line-height:1.45;padding-top:14px;max-width:24em}
.lb>span,.lb>b{display:block}
.lb-n{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.03em;margin-bottom:8px}
.lb-t{font-weight:700;font-size:14px}
.lb-sub{display:inline;font-weight:400}
.lb-m i{font-style:normal}
.lb-f{color:var(--m)}
.zoom{overflow:hidden;background:var(--g)}
.zoom img{width:100%;transform-origin:var(--ox,50%) var(--oy,50%);transition:transform 1.1s var(--e)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.zoom:hover img{transform:scale(1.06)}
}
.hd{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;column-gap:clamp(14px,2vw,32px);min-height:var(--hh);padding-inline:var(--pad);background:rgba(255,255,255,.97);border-bottom:1px solid transparent;transition:border-color .3s}
.hd.is-s{border-bottom-color:var(--k)}
.wm{font-weight:700;font-size:19px;letter-spacing:-.035em;margin-right:auto;min-height:44px;display:flex;align-items:center}
.hd-info{display:none;font-size:13px;color:var(--m);margin-right:auto}
.hd-nav ul{display:flex;flex-wrap:wrap;column-gap:clamp(16px,2.2vw,32px)}
.hd-nav a,.hd-cta{position:relative;display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:500;transition:color .2s}
.hd-nav a:hover,.hd-cta:hover{color:var(--b)}
.hd-nav a[aria-current]::after{content:"";position:absolute;left:0;bottom:6px;width:5px;height:5px;border-radius:50%;background:var(--b)}
.hd-cta{display:none;font-weight:600;padding:0 18px;border:1px solid var(--k);border-radius:999px;min-height:40px}
.hd-cta:hover{background:var(--k);color:#fff}
.hd-lang{display:flex}
.hd-lang a{display:grid;place-items:center;min-width:40px;min-height:44px;font-size:12px;font-weight:600;color:var(--m);letter-spacing:.04em}
.hd-lang a:hover{color:var(--b)}
.hd-lang a[aria-current]{color:var(--k);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.hd-btn{display:none;min-height:44px;padding:0 0 0 10px;background:none;border:0;font-weight:600;font-size:14px;cursor:pointer}
.hd-btn-c{display:none}
.hd-btn[aria-expanded="true"] .hd-btn-o{display:none}
.hd-btn[aria-expanded="true"] .hd-btn-c{display:inline}
.js .hd-btn:not([hidden]){display:inline-flex;align-items:center}
@media (max-width:899px){
.hd-nav{order:5;width:100%}
.js .hd-nav{display:none}
.hd-lang a{min-width:44px}
}
@media (min-width:900px){
.js .hd-btn{display:none!important}
.hd-cta{display:flex}
}
@media (min-width:1180px){.hd-info{display:block}.wm{margin-right:0}}
.menu{position:fixed;inset:var(--hh) 0 0;z-index:39;background:var(--w);padding:20px var(--pad) 96px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto;border-top:1px solid var(--k)}
.menu[hidden]{display:none}
.menu ol a{display:flex;align-items:baseline;gap:14px;padding:10px 0 12px;border-bottom:1px solid var(--r);font-weight:200;font-size:clamp(2.4rem,12vw,4.6rem);line-height:1;letter-spacing:-.045em}
.menu ol a span{font-size:12px;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--m)}
.menu ol a[aria-current]{color:var(--b)}
.menu-foot{margin-top:32px;font-size:14px;color:var(--m2);display:grid;gap:6px;justify-items:start}
.menu-foot .btn{margin-top:14px}
.menu-foot a.btn{color:#fff}
.menu-foot a{color:var(--k)}
.menu-open{overflow:hidden}
.hero{padding-top:clamp(16px,2.4vw,32px)}
.hero-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 24px;font-size:12px;font-weight:600;padding-top:12px;margin-inline:var(--pad);padding-inline:0;border-top:1px solid var(--k)}
.hero-meta span:nth-child(2){color:var(--m)}
.hero-hw{position:relative;margin-top:clamp(36px,6vw,88px)}
.hero-h{font-weight:200;font-size:22vw;line-height:.88;letter-spacing:-.06em}
html:lang(ru) .hero-h{font-size:14.6vw;letter-spacing:-.055em}
html:lang(en) .hero-h{font-size:19vw}
@media (min-width:600px){.hero-h{font-size:17vw}html:lang(ru) .hero-h{font-size:13vw}html:lang(en) .hero-h{font-size:15.5vw}}
@media (min-width:900px){.hero-h,html:lang(en) .hero-h{font-size:min(12.6vw,16rem)}html:lang(ru) .hero-h{font-size:min(11.8vw,15rem)}}
.hero-h .l1,.hero-h .l2{display:block}
.hero-h .l1{margin-left:-.05em}
.rot{display:inline-grid;vertical-align:top;overflow:hidden;padding:.14em .08em .16em 0;margin:-.14em 0 -.16em}
.rot-w{grid-area:1/1;white-space:nowrap}
html:not(.js) .rot-w:not(:first-child){visibility:hidden}
.js .rot-w{transform:translate3d(0,125%,0);opacity:0;transition:transform 1s var(--e),opacity .6s}
.js .rot-w.is-on{transform:none;opacity:1;transition:transform 1s var(--e),opacity .8s .1s}
.js .rot-w.is-out{transform:translate3d(0,-125%,0);opacity:0}
.rot-ui{display:flex;align-items:center;gap:14px;padding-inline:var(--pad);margin-top:18px}
.rot-ui[hidden]{display:none}
.rot-dots{display:flex;gap:6px}
.rot-dots i{width:6px;height:6px;border-radius:50%;background:var(--r);transition:background-color .4s}
.rot-dots i.on{background:var(--k)}
.rot-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border:0;font-size:12px;font-weight:600;cursor:pointer;color:var(--m)}
.rot-btn::before{content:"";width:8px;height:10px;border-inline:2px solid currentColor;box-sizing:border-box}
.rot-btn[aria-pressed="true"]::before{width:0;height:0;border-width:5px 0 5px 9px;border-style:solid;border-color:transparent transparent transparent currentColor}
.rot-btn:hover{color:var(--b)}
.hero-row{margin-top:clamp(36px,5vw,72px);row-gap:36px}
.hero-fig{order:-1;grid-column:2/-1!important}
.hero-fig .zoom{aspect-ratio:4/5}
.hero-fig img{height:100%;object-fit:cover;object-position:50% 50%}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;margin-bottom:18px}
.dot-b{width:7px;height:7px;border-radius:50%;background:var(--b);flex:none}
.lede{font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.5;letter-spacing:-.01em;margin-bottom:28px;max-width:30em}
@media (min-width:900px){
.hero-h .l2{padding-left:16.6%}
.rot-ui{position:absolute;right:0;top:.4em;margin:0}
.hero-txt{grid-column:1/6!important;align-self:start;padding-top:8px}
.hero-fig{order:0;grid-column:7/-1!important;display:grid;grid-template-columns:minmax(0,1fr) 11.5rem;column-gap:var(--gap);align-items:end}
.hero-fig .lb{padding-top:0}
}
.exh{margin-top:clamp(110px,14vw,220px)}
.exh-head{align-items:end;row-gap:22px}
.exh-head .kick{margin-bottom:0}
.exh-p{margin-top:4px}
.exh-ctl{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
.cnt{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.cnt-h{color:var(--m);font-weight:500}
.ctl-b{display:flex;gap:8px}
.rnd{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--k);border-radius:50%;background:none;font-size:18px;cursor:pointer;transition:background-color .2s,color .2s,opacity .2s}
.rnd:hover:not(:disabled){background:var(--k);color:#fff}
.rnd:disabled{opacity:.25;cursor:default}
html:not(.js) .ctl-b,html:not(.js) .prog{display:none}
@media (min-width:900px){
.exh-head h2{grid-column:1/8}
.exh-p{grid-column:8/12!important;padding-bottom:.6vw}
}
.track{--wall:clamp(300px,56vh,470px);margin-top:clamp(36px,4vw,56px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none;position:relative}
.track::-webkit-scrollbar{display:none}
html:not(.js) .track{scrollbar-width:thin}
.track:focus-visible{outline-offset:-2px}
.track.drag{scroll-snap-type:none;cursor:grabbing}
.fine .track{cursor:grab}
.track ol{display:flex;gap:clamp(36px,6.4vw,120px);width:max-content;padding-inline:var(--pad)}
.piece{flex:none;scroll-snap-align:start}
.piece figure{width:min-content}
.wall{height:var(--wall);display:flex;align-items:center}
.wall .zoom{height:100%}
.pz-m .wall .zoom{height:74%}
.pz-s .wall .zoom{height:60%}
.wall img{height:100%;width:auto;max-width:min(80vw,760px);object-fit:cover;-webkit-user-drag:none;user-select:none}
.piece .lb{min-width:13em}
@media (min-width:900px){.track{--wall:clamp(360px,52vh,600px)}}
.prog{height:1px;margin:28px var(--pad) 0;background:var(--r);position:relative;overflow:hidden}
.prog i{position:absolute;inset:0;background:var(--k);transform-origin:0 50%;transform:scaleX(.1);transition:transform .15s linear}
.room{padding-top:clamp(120px,15vw,240px)}
.room--g{background:var(--g);margin-top:clamp(120px,15vw,240px);padding-bottom:clamp(100px,12vw,190px)}
.room--g .zoom{background:#e2e2df}
.room--g .lb-f,.room--g .lead{color:#3d3d3b}
.room-head{row-gap:0}
.room-h{margin-top:4px}
.room-lead{margin-top:32px;display:grid;gap:8px;justify-items:start}
@media (min-width:900px){.room-lead{grid-column:7/12!important;margin-top:56px}}
.bleed{margin-top:clamp(56px,7vw,110px)}
.bleed .zoom{height:clamp(360px,82vh,900px)}
.bleed img{height:100%;object-fit:cover}
.bleed .lb{margin-left:auto;margin-right:var(--pad);max-width:22em}
.r1 .bleed img{object-position:30% 60%}
.r4 .bleed img{object-position:22% 55%}
@media (min-width:900px){.r4 .bleed img{object-position:50% 58%}}
.r1-works{margin-top:clamp(64px,9vw,140px);row-gap:56px;align-items:start}
.r1-works .a{grid-column:1/6}
.r1-works .b{grid-column:3/-1}
.r1-works .c{grid-column:1/5}
.quote{grid-column:1/-1;margin-top:clamp(24px,6vw,96px)}
.quote p{font-weight:200;font-size:clamp(2rem,4.6vw,4.8rem);line-height:1.12;letter-spacing:-.04em;max-width:13em}
.quote p::before{content:"“";color:var(--b)}
.quote p::after{content:"”"}
@media (min-width:900px){
.r1-works .a{grid-column:1/5}
.r1-works .b{grid-column:6/9;margin-top:22vw}
.r1-works .c{grid-column:10/13;margin-top:8vw}
.quote{grid-column:3/12!important}
}
.r2-works{margin-top:clamp(56px,7vw,110px);row-gap:56px;align-items:start}
.r2-works .a{grid-column:1/-1}
.r2-works .b{grid-column:2/-1}
.r2-works .c{grid-column:1/5}
@media (min-width:900px){
.r2-works .a{grid-column:1/7;grid-row:1/3}
.r2-works .b{grid-column:8/-1;margin-top:10vw}
.r2-works .c{grid-column:8/12}
}
.r4-works{margin-top:clamp(56px,7vw,110px);row-gap:56px;align-items:start}
.r4-works .a{grid-column:1/-1}
.r4-works .b{grid-column:3/-1}
.r4-works .c{grid-column:1/5}
.r4-works .d{grid-column:3/-1}
.r4-facts{display:grid;gap:0;font-size:15px;align-self:start}
.r4-facts div{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);gap:12px;border-top:1px solid #c9c9c6;padding:14px 0}
.r4-facts div:last-child{border-bottom:1px solid #c9c9c6}
.r4-facts dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.r4-facts dd{margin:0;color:#3d3d3b}
.r4-both{grid-column:1/-1;max-width:34em}
@media (min-width:900px){
.r4-works .a{grid-column:1/8}
.r4-works .b{grid-column:9/12;margin-top:8vw}
.r4-facts{grid-column:1/7!important;margin-top:-2vw}
.r4-works .c{grid-column:8/11;margin-top:4vw}
.r4-works .d{grid-column:2/5;margin-top:-15vw}
.r4 .quote{grid-column:6/13!important;margin-top:0}
.r4-both{grid-column:6/12!important}
}
.nf{padding-bottom:clamp(120px,14vw,220px)}
.nf-acts{margin-top:40px}
.r3-works{margin-top:clamp(56px,7vw,110px);row-gap:56px;align-items:start}
.r3-works .a{grid-column:1/-1}
.r3-works .b{grid-column:3/-1}
.r3-works .c{grid-column:1/6}
@media (min-width:900px){
.r3-works .a{grid-column:1/8}
.r3-works .b{grid-column:9/12;margin-top:14vw}
.r3-works .c{grid-column:2/8;margin-top:-2vw}
}
.makers{padding-top:clamp(140px,16vw,260px)}
.mk-h{margin-bottom:clamp(36px,5vw,72px)}
.mk-list{counter-reset:mk}
.mk{display:grid;grid-template-columns:2.4rem minmax(0,1fr);column-gap:12px;align-items:baseline;padding:22px 0 26px;border-top:1px solid var(--k);position:relative}
.mk:last-child{border-bottom:1px solid var(--k)}
.mk-n{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.mk-name{font-weight:200;font-size:clamp(3rem,16vw,8.6rem);line-height:.9;letter-spacing:-.055em;transition:transform .5s var(--e),color .3s}
.mk-meta,.mk-desc,.mk-a{grid-column:2}
.mk-meta{font-size:13px;margin-top:14px;display:flex;flex-wrap:wrap;gap:2px 12px}
.mk-meta span{color:var(--m)}
.mk-desc{font-size:14px;color:var(--m2);max-width:34em;margin-top:6px}
.mk-a{justify-self:start;margin-top:4px}
.pk{display:none}
@media (min-width:900px){
.mk-name{font-size:min(8.4vw,8.6rem)}
.mk{grid-template-columns:4.5rem minmax(0,1.5fr) minmax(0,1.1fr) 11rem;column-gap:var(--gap);align-items:end}
.mk-name{grid-column:2}
.mk-meta{grid-column:3;grid-row:1;flex-direction:column;margin:0;padding-bottom:6px}
.mk-desc{grid-column:3;grid-row:2}
.mk-a{grid-column:4;grid-row:1;justify-self:end}
.fine .mk:hover .mk-name{transform:translateX(.12em)}
}
.peek{position:fixed;left:0;top:0;z-index:60;width:clamp(220px,21vw,340px);pointer-events:none;opacity:0;transition:opacity .25s;will-change:transform}
.peek.on{opacity:1}
.peek img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:var(--g);box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.visit{margin-top:clamp(140px,16vw,260px);padding-block:clamp(80px,10vw,150px);background:var(--g)}
.visit .zoom{background:#e2e2df}
.visit-h{margin-bottom:clamp(40px,6vw,96px)}
.visit-fig{grid-column:1/6}
.visit-info{margin-top:40px}
.addr{font-weight:200;font-size:clamp(2.2rem,4.8vw,5rem);line-height:1;letter-spacing:-.045em;margin:32px 0 28px}
.addr-c{display:block;font-size:.42em;letter-spacing:-.02em;margin-top:10px;color:var(--m2)}
.facts{display:grid;gap:14px;margin-bottom:32px;font-size:15px}
.facts div{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:12px;border-top:1px solid #cfcfcc;padding-top:12px}
.facts dt{font-size:13px;font-weight:600}
.visit .lb-f,.visit .lead{color:#3a3a3a}
@media (min-width:900px){
.visit-fig{grid-column:1/5!important}
.visit-info{grid-column:6/12!important;margin-top:0}
.addr{margin-top:48px}
}
.ft{padding:clamp(80px,9vw,140px) var(--pad) 88px;font-size:14px}
.ft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px var(--gap);border-top:1px solid var(--k);padding-top:28px}
.ft-a{grid-column:1/-1}
.ft-wm{font-weight:700;font-size:22px;letter-spacing:-.035em;margin-bottom:6px}
.ft-h{font-size:12px;font-weight:600;color:var(--m);margin-bottom:10px}
.ft a{transition:color .2s}
.ft a:hover{color:var(--b)}
.ft p+p{margin-top:4px}
.ft .ft-bot p{margin:0}
.ft ul a{display:inline-flex;min-height:32px;align-items:center}
.ft-lang{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:10px}
.ft-lang a{min-height:32px;display:inline-flex;align-items:center;color:var(--m2)}
.ft-big{font-weight:200;font-size:min(24.6vw,30rem);line-height:.8;letter-spacing:-.07em;margin:clamp(56px,8vw,120px) 0 0 -.05em;white-space:nowrap}
.ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:28px;padding-top:14px;border-top:1px solid var(--r);font-size:12px;color:var(--m)}
@media (min-width:900px){
.ft-grid{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr))}
.ft-a{grid-column:auto}
}
.wh{padding-top:clamp(28px,4.4vw,72px)}
.wh-h{grid-column:1/-1}
.wh-sup{font-size:.24em;font-weight:600;letter-spacing:0;vertical-align:baseline;top:-2.5em;margin-left:.25em;color:var(--b)}
@media (min-width:900px){.wh-sup{font-size:.15em;top:-4.2em}}
.wh-p{margin-top:28px}
@media (min-width:900px){.wh-p{grid-column:7/12!important;margin-top:40px}}
.tools{position:sticky;top:var(--hh);z-index:30;display:flex;align-items:center;gap:8px 20px;margin-top:clamp(40px,6vw,96px);padding-inline:var(--pad);background:rgba(255,255,255,.97);border-block:1px solid var(--k)}
html:not(.js) .tools{display:none}
.flt{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;margin-left:-10px}
.flt::-webkit-scrollbar{display:none}
.flt button,.view button{position:relative;display:inline-flex;align-items:center;min-height:52px;padding:0 10px;background:none;border:0;font-size:14px;font-weight:500;color:var(--m);white-space:nowrap;cursor:pointer;transition:color .2s}
.flt button:hover,.view button:hover{color:var(--k)}
.flt button[aria-pressed="true"],.view button[aria-pressed="true"]{color:var(--b);font-weight:600}
.flt button[aria-pressed="true"]::after{content:"";position:absolute;left:10px;bottom:9px;width:5px;height:5px;border-radius:50%;background:var(--b)}
.flt sup{margin-left:2px}
.tools-cnt{display:none;font-size:13px;font-weight:600;color:var(--m);white-space:nowrap}
.view{display:flex;border-left:1px solid var(--r);padding-left:10px}
@media (max-width:599px){
.tools{flex-wrap:wrap;column-gap:0}
.flt{flex:1 1 100%;border-bottom:1px solid var(--r);margin:0 calc(var(--pad)*-1);padding-inline:calc(var(--pad) - 10px)}
.flt button,.view button{min-height:46px}
.tools-cnt{display:block;order:1;margin-right:auto}
.view{order:2;border:0;padding:0;margin-right:-10px}
}
@media (min-width:900px){.tools-cnt{display:block}}
.idx-wrap{margin-top:clamp(20px,2.4vw,36px)}
.idx-h{display:none}
.idx{border-top:1px solid var(--k);border-bottom:1px solid var(--k)}
.w+.w{border-top:1px solid var(--r)}
.w[hidden]{display:none}
.w summary{display:grid;grid-template-columns:64px minmax(0,1fr) 20px;grid-template-areas:"i n x" "i t t" "i m m";column-gap:16px;row-gap:4px;align-items:start;padding:14px 0;cursor:pointer;list-style:none}
.w summary::-webkit-details-marker{display:none}
.w summary:focus-visible{outline-offset:-2px}
.w-n{grid-area:n;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.03em;padding-top:2px}
.w-i{grid-area:i;display:block;aspect-ratio:4/5}
.w-i img{height:100%;object-fit:cover}
.w-t{grid-area:t;font-weight:300;font-size:clamp(1.3rem,2.3vw,2.25rem);line-height:1.1;letter-spacing:-.03em;transition:transform .5s var(--e),color .25s}
.w-sub{color:var(--m)}
.w-meta{grid-area:m;font-size:13px;color:var(--m2)}
.w-meta>span+span::before{content:" · "}
.w-mk{color:var(--k);font-weight:600}
.w-x{grid-area:x;justify-self:end;position:relative;width:14px;height:14px;margin-top:2px}
.w-x::before,.w-x::after{content:"";position:absolute;left:0;top:6px;width:14px;height:1.5px;background:currentColor;transition:transform .35s var(--e)}
.w-x::after{transform:rotate(90deg)}
details[open]>summary .w-x::after{transform:rotate(0)}
.w details[open] summary .w-i img{opacity:.0}
.w-b{display:grid;gap:24px;padding:6px 0 44px}
.w-b-img{max-width:560px}
.w-b .lb{padding-top:0;margin-bottom:18px}
.w-d{max-width:34em;font-size:15px}
.w-feat{margin:16px 0 8px;font-size:13px;display:grid;gap:4px}
.w-feat li::before{content:"— ";color:var(--m)}
.idx-foot{margin-top:24px;font-size:13px;color:var(--m)}
@media (min-width:900px){
.idx-h{display:grid;grid-template-columns:5.5rem minmax(0,2.4fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.2fr) 20px;column-gap:var(--gap);padding:0 0 10px;font-size:12px;font-weight:600;color:var(--m)}
html:not(.fine) .idx-h{padding-left:calc(72px + var(--gap))}
.w summary{grid-template-columns:5.5rem 72px minmax(0,2.4fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.2fr) 20px;grid-template-areas:"n i t mk co ty x";column-gap:var(--gap);align-items:center;padding:16px 0}
.fine .w summary{grid-template-columns:5.5rem minmax(0,2.4fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.2fr) 20px;grid-template-areas:"n t mk co ty x";padding:20px 0}
.fine .w-i{display:none}
.w-meta{display:contents}
.w-meta>span+span::before{content:none}
.w-mk{grid-area:mk}
.w-co{grid-area:co}
.w-ty{grid-area:ty}
.w-n,.w-x{padding:0;margin:0}
.w-b{grid-template-columns:5.5rem minmax(0,1.15fr) minmax(0,1fr);column-gap:var(--gap)}
.w-b-img{grid-column:2}
.w-b-txt{grid-column:3;padding-top:4px}
.fine .w summary:hover .w-t{transform:translateX(.3em);color:var(--b)}
}
.idx.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px var(--gap);border:0;align-items:start}
.is-grid~.idx-foot{border-top:1px solid var(--k);padding-top:16px}
.idx-wrap:has(.is-grid) .idx-h{display:none}
.is-grid .w+.w{border:0}
.is-grid .w summary{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:0}
.is-grid .w-i{display:block!important;order:-1;margin-bottom:12px;width:100%}
.is-grid .w-t{font-size:15px;font-weight:700;letter-spacing:0;transform:none!important}
.is-grid .w-sub{font-weight:400}
.is-grid .w-meta{display:block}
.is-grid .w-meta>span{display:inline}
.is-grid .w-meta>span+span::before{content:" · "}
.is-grid .w-mk{font-weight:400}
.is-grid .w-ty{display:block!important}
.is-grid .w-ty::before{content:none!important}
.is-grid .w-x{display:none}
.is-grid .w details[open] summary .w-i img{opacity:1}
.is-grid .w-b{display:block;padding:14px 0 0}
.is-grid .w-b-img,.is-grid .w-b .lb{display:none}
.is-grid .w-d{font-size:13px}
@media (min-width:900px){.idx.is-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:64px var(--gap)}}
.ab-head{padding-top:clamp(28px,4.4vw,72px)}
.ab-lede{margin-top:clamp(28px,4vw,56px);font-weight:300;font-size:clamp(1.25rem,2.1vw,2rem);line-height:1.28;letter-spacing:-.02em;max-width:24em}
.ab-fig{grid-column:3/-1!important;margin-top:48px}
.ab-fig .zoom{aspect-ratio:4/5}
.ab-fig img{height:100%;object-fit:cover}
.ab-h,.ct-h{font-size:23vw}
html:lang(ru) .ct-h{font-size:19vw}
html:lang(ru) .ab-h{font-size:27vw}
@media (min-width:600px){.ab-h,.ct-h,html:lang(ru) .ab-h,html:lang(ru) .ct-h{font-size:15vw}}
@media (min-width:900px){
.ab-h,html:lang(ru) .ab-h{grid-column:1/9!important;font-size:min(15vw,19rem)}
.ct-h,html:lang(ru) .ct-h{font-size:min(13.6vw,17rem)}
.ab-lede{grid-column:1/8!important}
.ab-fig{grid-column:9/12!important;grid-row:2/5;margin-top:0}
}
.stmts{padding-top:clamp(110px,13vw,200px)}
.st-list li{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--gap);padding:22px 0 30px;border-top:1px solid var(--k)}
.st-list li:last-child{border-bottom:1px solid var(--k)}
.st-n{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;padding-top:.7em}
.st-list .m{max-width:24em}
@media (min-width:900px){.st-list li{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}}
.ab-wide{margin-top:clamp(110px,13vw,200px);align-items:end}
.ab-wide .zoom{aspect-ratio:16/10}
.ab-wide img{height:100%;object-fit:cover}
@media (min-width:900px){
.ab-wide .zoom{grid-column:4/-1;grid-row:1}
.ab-wide .lb{grid-column:1/4;grid-row:1;padding:0 0 4px}
}
.ab-makers{padding-top:clamp(120px,14vw,220px)}
.abm-grid{margin-top:clamp(36px,5vw,72px);row-gap:64px}
.abm .zoom{aspect-ratio:4/5}
.abm img{height:100%;object-fit:cover}
.abm-name{font-weight:200;font-size:clamp(2.6rem,4.4vw,4.4rem);letter-spacing:-.05em;line-height:1;margin-top:22px}
.abm-c{font-size:13px;font-weight:600;margin-top:10px}
.abm-d{font-size:15px;margin-top:14px;color:var(--m2)}
.abm-f{margin-top:18px;border-top:1px solid var(--k);counter-reset:f;font-size:13px}
.abm-f li{counter-increment:f;display:grid;grid-template-columns:2rem minmax(0,1fr);padding:9px 0;border-bottom:1px solid var(--r)}
.abm-f li::before{content:counter(f,decimal-leading-zero);font-weight:600;font-variant-numeric:tabular-nums;color:var(--m)}
@media (min-width:900px){
.abm{grid-column:span 4!important}
.abm:nth-child(2){margin-top:12vw}
.abm:nth-child(3){margin-top:5vw}
}
.svc{padding-top:clamp(120px,14vw,220px)}
.svc .l{max-width:14em}
.svc-list{margin-top:clamp(36px,5vw,72px)}
.svc-list li:last-child{border-bottom:1px solid var(--k)}
.svc-list li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);column-gap:12px;padding:20px 0 24px;border-top:1px solid var(--k)}
.svc-n{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;padding-top:.55em}
.svc-t{font-weight:300;font-size:clamp(1.35rem,2.4vw,2.3rem);letter-spacing:-.03em;line-height:1.12}
.svc-p{grid-column:2;color:var(--m2);font-size:15px;margin-top:8px;max-width:30em}
@media (min-width:900px){
.svc-list li{grid-template-columns:minmax(0,1fr) minmax(0,6fr) minmax(0,5fr);column-gap:var(--gap);align-items:baseline}
.svc-p{grid-column:3;margin:0}
}
.proc{padding-top:clamp(120px,14vw,220px)}
.proc-head{align-items:end;row-gap:24px}
.proc-big{font-weight:200;font-size:clamp(7rem,26vw,26rem);line-height:.78;letter-spacing:-.07em;margin-left:-.06em}
.proc-txt .lead{margin-top:20px}
@media (min-width:900px){
.proc-big{grid-column:1/7!important}
.proc-txt{grid-column:7/12!important;padding-bottom:1.2vw}
}
.proc-list{margin-top:clamp(48px,6vw,96px);display:grid;gap:0 var(--gap)}
.proc-list li{position:relative;padding:22px 0 28px;border-top:1px solid var(--k)}
.proc-list li::before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--k)}
.proc-list li:first-child::before{background:var(--b)}
.pr-n{display:block;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--m)}
.pr-t{font-weight:300;font-size:clamp(1.3rem,1.8vw,1.75rem);letter-spacing:-.03em;line-height:1.15;margin:10px 0 10px}
.proc-list p{font-size:14px;color:var(--m2)}
@media (min-width:900px){.proc-list{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ct-head{padding-top:clamp(28px,4.4vw,72px)}
.ct-sub{margin-top:clamp(14px,2vw,28px)}
.ct-p{margin-top:28px}
@media (min-width:900px){.ct-p{grid-column:7/12!important;margin-top:40px}}
.ct-info{margin-top:clamp(56px,7vw,110px);row-gap:0}
.ct-info>div{padding:18px 0 22px;border-top:1px solid var(--k)}
.ct-info dt{font-size:12px;font-weight:600;color:var(--m);margin-bottom:8px}
.ct-info dd{font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.6}
.ct-info dd a:not(.ln):hover{color:var(--b)}
.ct-info dd .ln{font-size:14px}
@media (min-width:600px){.ct-info>div{grid-column:span 3!important}}
@media (min-width:900px){.ct-info>div{padding-right:var(--gap)}}
.ct-form{padding-top:clamp(110px,13vw,200px)}
.ct-form .lead{margin-top:20px}
.ct-fig{margin-top:56px}
.form{margin-top:48px;display:grid;gap:26px;align-content:start}
@media (min-width:900px){
.ct-form-a{grid-column:1/6!important;grid-row:1}
.ct-fig{grid-column:1/6!important;grid-row:2}
.form{grid-column:7/-1!important;grid-row:1/3;margin-top:0}
}
.fld{display:grid;gap:6px}
.fld label{font-size:13px;font-weight:600}
.fld input,.fld textarea{width:100%;min-height:52px;padding:12px 0;border:0;border-bottom:1px solid var(--k);border-radius:0;background:transparent;font:300 clamp(1.15rem,1.6vw,1.45rem)/1.4 Manrope,system-ui,sans-serif;color:var(--k);letter-spacing:-.01em;transition:border-color .2s}
.fld textarea{resize:vertical;min-height:140px}
.fld input:focus,.fld textarea:focus{outline:0;border-bottom:2px solid var(--b)}
.fld ::placeholder{color:#9a9a97}
.form-ok{font-weight:600;color:var(--b)}
.form-note{font-size:12px;color:var(--m)}
.faq{padding-top:clamp(110px,13vw,200px)}
.faq-list{margin-top:clamp(36px,5vw,64px)}
.faq-list li:last-child{border-bottom:1px solid var(--k)}
.faq-list .w-x{grid-area:auto;align-self:center}
.faq-list li{border-top:1px solid var(--k)}
.faq-list summary{display:grid;grid-template-columns:2.6rem minmax(0,1fr) 20px;column-gap:12px;align-items:baseline;padding:20px 0;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover .faq-q{color:var(--b)}
.faq-n{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.faq-q{font-weight:300;font-size:clamp(1.2rem,2vw,1.9rem);letter-spacing:-.025em;line-height:1.2;transition:color .2s}
.faq-a{padding:0 0 26px calc(2.6rem + 12px);max-width:44em;color:var(--m2)}
@media (min-width:900px){
.faq-list summary{grid-template-columns:minmax(0,1fr) minmax(0,8fr) 20px;column-gap:var(--gap)}
.faq-a{padding-left:calc(11.11% + var(--gap))}
}
.ct-wide .zoom{aspect-ratio:16/9}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
@media print{.hd,.tools,.peek,.menu{display:none!important}}
