.about{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center;max-width:1100px;margin:clamp(36px,4.5vw,64px) auto clamp(56px,9vw,120px);scroll-margin-top:var(--header-h)}.about h2{font:300 clamp(20px,2.6vw,32px)/1.2 var(--font-display);letter-spacing:.24em;text-transform:uppercase;margin-bottom:clamp(16px,2vw,24px)}.about .about__text p{max-width:46ch;margin:0 0 14px;font-size:clamp(17px,1.1vw + 12px,19.5px);line-height:1.7;color:#ffffffd9}.about__points{list-style:none;margin:24px 0 0;padding:0;max-width:46ch;border-top:1px solid rgba(255,255,255,.16)}.about__points li{display:grid;grid-template-columns:8.5em 1fr;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:16.5px;color:#ffffffbf}.about__points b{font-weight:400;letter-spacing:.16em;text-transform:uppercase;font-size:14px;color:var(--ink);align-self:center}.about__photo{margin:0;position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.22);aspect-ratio:4 / 5;justify-self:center;width:100%;box-shadow:inset 0 1px #ffffff2e,0 30px 60px -30px #050a1cb3}.about__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;filter:saturate(.85) brightness(.9)}.about__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#465ad247,#141b3080);mix-blend-mode:multiply;pointer-events:none}.about__line{position:absolute;z-index:1;left:50%;top:0;bottom:0;width:1px;pointer-events:none;opacity:0;background:linear-gradient(180deg,#fff0,#ffffffe6 20%,#ffffffe6 80%,#fff0);box-shadow:0 0 12px #a0beff99}.about--js .about__line{opacity:1;transform:scaleY(0);transform-origin:top;transition:transform .7s cubic-bezier(.6,0,.2,1),opacity .6s ease 1.7s}.about--js .about__text{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);transform:translate(56px);opacity:0}.about--js .about__photo{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transform:translate(-56px);opacity:0}.about--js .about__text,.about--js .about__photo{transition:clip-path 1s cubic-bezier(.2,.7,.2,1) .6s,transform 1s cubic-bezier(.2,.7,.2,1) .6s,opacity .4s ease .6s}.about--js.is-in .about__line{transform:scaleY(1);opacity:0}.about--js.is-in .about__text,.about--js.is-in .about__photo{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:none;opacity:1}@media(max-width:760px){.about{grid-template-columns:1fr}.about__line{display:none}.about__photo{max-height:440px;order:-1}.about--js .about__text,.about--js .about__photo{-webkit-clip-path:none;clip-path:none;transform:translateY(28px);transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .7s ease}.about--js.is-in .about__text,.about--js.is-in .about__photo{transform:none}.about__points li{grid-template-columns:7em 1fr}}.info{max-width:1100px;margin:clamp(48px,8vw,100px) auto;scroll-margin-top:var(--header-h)}.info h2{font:300 clamp(20px,2.6vw,32px)/1.2 var(--font-display);letter-spacing:.24em;text-transform:uppercase;text-align:center;margin-bottom:14px;overflow-wrap:anywhere}.info .info__intro{max-width:62ch;margin:0 auto clamp(22px,3vw,32px);text-align:center;font-size:clamp(16px,.6vw + 13px,18.5px);line-height:1.7;color:#ffffffc7}.info__rule{height:1px;margin:0 auto;opacity:0;background:linear-gradient(90deg,#fff0,#ffffffe6 20%,#ffffffe6 80%,#fff0);box-shadow:0 0 12px #a0beff99;position:relative;z-index:3}.info__grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:clamp(14px,2vw,26px);counter-reset:st}.info__item{padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(155deg,#ffffff1f,#ffffff0a);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 1px #ffffff24;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}.info:not(.info--js) .info__item:hover,.info--done .info__item:hover,.info--m .info__item.is-in:hover{transform:translateY(-6px);border-color:#ffffff52;box-shadow:inset 0 1px #fff3,0 22px 40px -22px #050a1ccc}.info h3{margin:0 0 8px;font:400 clamp(17px,.8vw + 13px,20.5px)/1.35 var(--font-display);letter-spacing:.05em;text-transform:none;color:var(--ink)}.info .info__item p{margin:0;font-size:16.5px;line-height:1.7;color:#ffffffc7;max-width:none}.info--steps .info__item{counter-increment:st}.info--steps .info__item:before{content:"0" counter(st);display:block;margin-bottom:12px;font:300 14px var(--font-display);letter-spacing:.28em;color:#a0c3fff2}.info h2,.info .info__intro{position:relative;z-index:2}.info__item{position:relative;z-index:1}.info--js h2,.info--js .info__intro{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.info--js .info__intro{transition-delay:.15s}.info--js.is-in h2,.info--js.is-in .info__intro{opacity:1;transform:none}.info--js .info__rule{opacity:1;transform:scaleX(0);transition:transform .8s cubic-bezier(.6,0,.2,1) .55s,opacity .6s ease 2.3s}.info--js.is-in .info__rule{transform:scaleX(1);opacity:0}.info--js:not(.info--done) .info__grid{-webkit-clip-path:inset(0 -60px -90px -60px);clip-path:inset(0 -60px -90px -60px)}.info--js .info__item{transform:translateY(var(--dy, -320px));transition:transform 1s cubic-bezier(.25,1.08,.4,1) 1.3s,box-shadow .35s,border-color .35s}.info--js.is-in .info__item{transform:none}.info--js:not(.info--done):not(.info--m) .info__item{pointer-events:none}.info--js.info--done .info__item:hover{transform:translateY(-6px)}.info--done .info__item{transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .3s,box-shadow .35s,border-color .35s}.info--m .info__rule{display:none}.info--m h2,.info--m .info__intro{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:0s}.info--m h2.is-in,.info--m .info__intro.is-in{opacity:1;transform:none}.info--m.info--js .info__grid{-webkit-clip-path:none;clip-path:none}.info--m .info__item{opacity:0;transform:translateY(46px);transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s ease}.info--m .info__item.is-in{opacity:1;transform:none}.info--m .info__item:not(.is-in){pointer-events:none}.info--m .info__item.is-in:hover{transform:translateY(-6px)}