@font-face{font-family:Spline Sans Mono;src:url(SplineSansMono-Regular.960a1f12.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Spline Sans Mono;src:url(SplineSansMono-Medium.d5b4430b.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Unbounded;src:url(Unbounded-Medium.deccdd71.woff2)format("woff2");font-weight:500;font-style:normal}*{box-sizing:border-box;margin:0}html,body{font-family:Spline Sans Mono,monospace;font-size:10px}a{color:#0a0a0a;text-decoration:none}img{max-width:100%}ul{list-style:none}.contacts__wrapper,.about__wrapper,.works__wrapper,.projects__wrapper,.hero__wrapper,.header__wrapper{max-width:192rem;margin:0 auto;padding-left:max(16px,min(2.5vw,32px));padding-right:max(16px,min(2.5vw,32px))}.btn,.btn-icon{text-transform:uppercase;padding-bottom:.1em;font-size:max(24px,min(1.6vw,36px));font-weight:500;line-height:1.2em;position:relative}@media (max-width:1024px){.btn,.btn-icon{font-size:max(20px,min(1.3vw,28px))}}.info-bar{border-top:1px solid #ababab;justify-content:space-between;padding-top:max(8px,min(.8vw,20px));padding-bottom:max(48px,min(5vw,120px));display:flex}.header{z-index:1000;width:100%;transition:padding .35s;position:fixed;top:0;left:0}.header__wrapper{justify-content:space-between;align-items:center;padding:max(20px,min(1.6vw,26px)) max(20px,min(2vw,32px));transition:background-color .55s cubic-bezier(.22,1,.36,1),backdrop-filter .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-radius .55s cubic-bezier(.22,1,.36,1),padding .55s cubic-bezier(.22,1,.36,1),-ms-transform .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);display:flex}.header__list{align-items:center;gap:max(16px,min(1.5vw,40px));padding:0;display:flex}.header__list a{color:#2e2e2e;font-size:max(20px,min(1.3vw,28px));line-height:1.2em}.header__links{align-items:center;gap:max(16px,min(1.5vw,40px));display:flex}.logo-link{z-index:1001;font-optical-sizing:auto;letter-spacing:-.04em;font-family:Inter,sans-serif;font-size:max(20px,min(1.3vw,28px));font-style:normal;font-weight:600;line-height:1.2em;position:relative}.logo-link__group{align-items:center;gap:max(4px,min(.5vw,12px));display:flex}.logo-link__group img{width:1.2em;height:1.2em;transition:-ms-transform .4s cubic-bezier(.77,0,.18,1),transform .4s cubic-bezier(.77,0,.18,1)}.logo-link__group img.rotate{-ms-transform:rotate(360deg);transform:rotate(360deg)}@media (hover:hover){.logo-link:hover .logo-link__group img:not(.rotate){-ms-transform:rotate(90deg);transform:rotate(90deg)}}.btn-icon__group{align-items:center;gap:max(4px,min(.5vw,12px));display:inline-flex}.btn-icon__img{width:.9em;height:.9em;transition:-ms-transform .4s cubic-bezier(.77,0,.18,1),transform .4s cubic-bezier(.77,0,.18,1)}.burger{cursor:pointer;z-index:1001;background:0 0;border:none;padding:0;display:none}.burger__icon{width:32px;height:32px;display:block}.burger__icon-close,.burger.active .burger__icon-menu{display:none}.burger.active .burger__icon-close{display:block}.bracket{transition:-ms-transform .4s cubic-bezier(.77,0,.18,1),transform .4s cubic-bezier(.77,0,.18,1);display:inline-block}.word{display:inline-flex}.letter{height:1em;display:inline-block;overflow:hidden}.letter span{transition:-ms-transform .4s cubic-bezier(.77,0,.18,1),transform .4s cubic-bezier(.77,0,.18,1);display:block}.nav__link:hover .letter span{-ms-transform:translateY(-100%);transform:translateY(-100%)}.letter:first-child span{transition-delay:30ms}.letter:nth-child(2) span{transition-delay:60ms}.letter:nth-child(3) span{transition-delay:90ms}.letter:nth-child(4) span{transition-delay:.12s}.letter:nth-child(5) span{transition-delay:.15s}.letter:nth-child(6) span{transition-delay:.18s}.letter:nth-child(7) span{transition-delay:.21s}.letter:nth-child(8) span{transition-delay:.24s}.letter:nth-child(9) span{transition-delay:.27s}.letter:nth-child(10) span{transition-delay:.3s}.letter:nth-child(11) span{transition-delay:.33s}.letter:nth-child(12) span{transition-delay:.36s}.letter:nth-child(13) span{transition-delay:.39s}.btn{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size .4s}.btn-icon{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;transition:background-size .4s cubic-bezier(.77,0,.18,1)}@media (hover:hover){.btn:hover{background-size:100% 2px}.btn-icon:hover{background-size:0 2px}.btn-icon:hover .btn-icon__img{-ms-transform:rotate(45deg);transform:rotate(45deg)}}@media (max-width:1024px){.header .container{flex-wrap:wrap}.burger{display:block}.nav{opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#0a0a0a;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100dvh;padding:160px 24px 40px;transition:opacity .4s cubic-bezier(.77,0,.18,1),visibility .4s;display:flex;position:fixed;top:0;left:0}.nav a{color:#fefefe}.nav__mobile-actions{margin-top:max(32px,min(3vw,72px))}.nav.active{opacity:1;visibility:visible;pointer-events:auto}.header__list{flex-direction:column;align-items:center;gap:max(32px,min(3vw,72px))}.header__links{display:none}.mobile-links{flex-direction:column;align-items:center;gap:max(32px,min(3vw,72px));display:flex}.mobile-links a{color:#fefefe}.mobile-links .btn-icon__img{filter:brightness(0)invert()}body.menu-open .logo-link{color:#fefefe}body.menu-open .logo-link img{filter:brightness(0)invert()}}.header.scrolled{padding-top:max(16px,min(2.5vw,32px));padding-bottom:max(16px,min(2.5vw,32px))}.header.scrolled .header__wrapper{backdrop-filter:blur(24px)saturate(180%);background:rgba(255,255,255,.55);border-radius:999px;box-shadow:inset 0 1px rgba(255,255,255,.7),0 12px 40px rgba(15,23,42,.08)}@media (max-width:1024px){.header.scrolled{backdrop-filter:blur(24px);background:rgba(255,255,255,.55);box-shadow:0 8px 30px rgba(0,0,0,.08)}.header.scrolled .header__wrapper{backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0}}.hero{padding-top:max(32px,min(3vw,72px))}.hero__top{align-items:flex-end;display:flex}.hero__content{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;display:flex}.hero__subtitle-group{flex-direction:column;gap:max(8px,min(.8vw,20px));margin-bottom:max(32px,min(3vw,72px));display:flex}.hero__subtitle{color:#0a0a0a;text-align:left;letter-spacing:.52em;text-transform:uppercase;font-family:Spline Sans Mono,monospace;font-size:max(24px,min(1.6vw,36px));font-weight:400;line-height:1.4}@media (max-width:1024px){.hero__subtitle{letter-spacing:.18em;font-size:max(14px,min(.9vw,18px))}}.hero__title{color:#0a0a0a;text-align:left;letter-spacing:-.04em;text-transform:uppercase;font-family:Unbounded,sans-serif;font-size:max(72px,min(7vw,160px));font-weight:500;line-height:1.4}@media (max-width:1024px){.hero__title{letter-spacing:-.04em;font-size:max(36px,min(3vw,68px))}}.hero__title{line-height:.6}.hero__photo{flex-shrink:0;width:max(420px,min(43.75vw,840px));margin-left:auto}.hero__image{object-fit:cover;width:100%;height:auto;display:block}.hero__title--bottom{text-align:right;margin-top:max(24px,min(2.2vw,56px));display:block}@media (max-width:1024px){.hero{padding-top:max(48px,min(5vw,120px))}.hero__top{flex-direction:column;gap:max(16px,min(1.5vw,40px));display:flex}.hero__photo{order:1;width:100%;max-width:100%}.hero__image{width:100%;height:auto;display:block}.hero__content{order:2;width:100%}.hero__subtitle-group{gap:max(4px,min(.5vw,12px));margin-bottom:max(16px,min(1.5vw,40px))}.hero__title--bottom{text-align:right;margin-top:max(16px,min(1.5vw,40px))}}.projects__group{flex-direction:column;gap:max(32px,min(3vw,72px));display:flex}.projects__title{color:#0a0a0a;text-align:center;letter-spacing:-.04em;text-transform:uppercase;font-family:Unbounded,sans-serif;font-size:max(72px,min(7vw,160px));font-weight:500;line-height:1.4}@media (max-width:1024px){.projects__title{letter-spacing:-.04em;font-size:max(36px,min(3vw,68px))}}.projects__cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:max(20px,min(2vw,40px));display:grid}.projects__cards>.project__card:nth-child(odd):last-child{grid-column:1/-1;justify-self:center;width:calc(50% - max(20px,min(2vw,40px))/2)}.info-bar__text{color:#2e2e2e;text-align:center;text-transform:uppercase;font-family:Spline Sans Mono,monospace;font-size:max(20px,min(1.3vw,28px));font-weight:400}@media (max-width:1024px){.info-bar__text{font-size:max(14px,min(.9vw,18px))}}.project__card{color:#fefefe;aspect-ratio:1.1;background:#0a0a0a;width:100%;padding:max(24px,min(2.2vw,56px));text-decoration:none;transition:all .45s;display:block;position:relative;overflow:hidden}.project__card:before{content:"";opacity:0;background:radial-gradient(circle at 80% 80%,rgba(255,255,255,.247),transparent 65%);transition:opacity .45s;position:absolute;top:0;bottom:0;left:0;right:0}.project__card-header{z-index:5;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.project__card-title{color:#fefefe;text-align:left;font-family:Unbounded,sans-serif;font-size:max(48px,min(4vw,88px));font-weight:500;line-height:.9}@media (max-width:1024px){.project__card-title{font-size:max(32px,min(2.2vw,52px))}}.project__card-arrow{width:max(48px,min(4vw,88px));transition:all .45s}.project__card-images{height:72%;position:absolute;bottom:-10px;left:0;right:0}.project__card-image{transition:all .45s;display:block;position:absolute}.project__card-image--main{z-index:2;width:73%;left:-10%;-ms-transform:rotate(-5deg);transform:rotate(-5deg)}.project__card-image--logo{z-index:1;width:73%;top:26%;right:-10%;-ms-transform:rotate(8deg);transform:rotate(8deg)}@media (max-width:1024px){.projects__cards{grid-template-columns:1fr}.projects__cards>.project__card:nth-child(odd):last-child{grid-column:auto;width:100%}.info-bar__text{font-size:max(14px,min(.9vw,18px))}.project__card{padding:max(16px,min(1.5vw,40px))}}@media (hover:hover){.project__card:hover:before{opacity:1}.project__card:hover .project__card-arrow{-ms-transform:rotate(45deg);transform:rotate(45deg)}.project__card:hover .project__card-image--main{-ms-transform:rotate(-3deg)translateY(-6px);transform:rotate(-3deg)translateY(-6px)}.project__card:hover .project__card-image--logo{-ms-transform:rotate(5deg)translateY(-10px);transform:rotate(5deg)translateY(-10px)}}.works__title{color:#0a0a0a;text-align:center;letter-spacing:-.04em;text-transform:uppercase;font-family:Unbounded,sans-serif;font-size:max(72px,min(7vw,160px));font-weight:500;line-height:1.4}@media (max-width:1024px){.works__title{letter-spacing:-.04em;font-size:max(36px,min(3vw,68px))}}.works__title{margin-bottom:max(32px,min(3vw,72px))}.works__title:nth-of-type(n+2){margin-top:max(48px,min(5vw,120px))}.works__list{border-top:1px solid #ababab}.works__item{border-bottom:1px solid #ababab}.works__button{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:max(20px,min(1.3vw,28px)) 0;display:flex}.works__company{color:#0a0a0a;text-align:left;font-family:Unbounded,sans-serif;font-size:max(36px,min(3vw,68px));font-weight:400;line-height:1.1}@media (max-width:1024px){.works__company{font-size:max(20px,min(1.3vw,28px))}}.works__icon{flex-shrink:0;width:max(32px,min(2.2vw,52px));height:max(32px,min(2.2vw,52px));transition:-ms-transform .35s cubic-bezier(.77,0,.18,1),transform .35s cubic-bezier(.77,0,.18,1)}.works__content{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.77,0,.18,1);display:grid}.works__body{overflow:hidden}.works__text{color:#2e2e2e;text-align:left;text-transform:none;font-family:Spline Sans Mono,monospace;font-size:max(20px,min(1.3vw,28px));font-weight:400}@media (max-width:1024px){.works__text{font-size:max(14px,min(.9vw,18px))}}.works__text{width:max(920px,min(55vw,1320px));padding-bottom:max(20px,min(1.3vw,28px))}.works__item.active .works__content{grid-template-rows:1fr}.works__item.active .works__icon{-ms-transform:rotate(45deg);transform:rotate(45deg)}.btn-icon--faq{margin-bottom:max(20px,min(1.3vw,28px))}@media (max-width:1024px){.works__icon{margin-left:16px}.works__text{max-width:100%}.info-bar__text{font-size:max(14px,min(.9vw,18px))}}.about__group{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:max(20px,min(2vw,40px));display:grid}.about__image{object-fit:cover;width:100%;height:auto;display:block}.about__group-1{flex-direction:column;gap:max(32px,min(3vw,72px));display:flex}.about__text{color:#2e2e2e;text-align:left;text-transform:none;font-family:Spline Sans Mono,monospace;font-size:max(20px,min(1.3vw,28px));font-weight:400}@media (max-width:1024px){.about__text{font-size:max(14px,min(.9vw,18px))}}.about__group-2{align-items:flex-start;gap:max(20px,min(2vw,40px));display:flex}.about__group>.about__image{width:100%}.about__group-2 .about__image{flex-shrink:0;width:48%}@media (max-width:1024px){.about__group{grid-template-columns:1fr 1fr;gap:max(16px,min(1.5vw,40px));display:grid}.about__group-1,.about__group-2{display:contents}.about__group-2 .about__text{grid-area:1/2}.about__group-2 .about__image{grid-area:1/1;width:100%}.about__group>.about__image:first-of-type{grid-area:2/1}.about__group>.about__image:nth-of-type(2){grid-area:2/2}.about__group-1>.about__text:last-child{grid-area:3/1/auto/-1}.info-bar__text{font-size:max(14px,min(.9vw,18px))}}.contacts__group{flex-direction:column;align-items:center;gap:max(14px,min(.9vw,18px));display:flex}.contacts__info{flex-direction:column;align-items:center;gap:max(32px,min(2.2vw,52px));display:flex}.contacts__info-image{width:max(48px,min(4vw,88px));height:max(48px,min(4vw,88px))}.contacts__title{color:#0a0a0a;text-align:center;font-family:Unbounded,sans-serif;font-size:max(36px,min(3vw,68px));font-weight:400;line-height:1.1}@media (max-width:1024px){.contacts__title{font-size:max(20px,min(1.3vw,28px))}}.contacts__text{color:#2e2e2e;text-align:center;text-transform:none;font-family:Spline Sans Mono,monospace;font-size:max(20px,min(1.3vw,28px));font-weight:400}@media (max-width:1024px){.contacts__text{font-size:max(14px,min(.9vw,18px))}}.contacts__text{width:max(620px,min(30vw,1000px))}.contacts__links{flex-flow:wrap;justify-content:center;gap:max(32px,min(2.2vw,52px));display:flex}@media (max-width:1024px){.contacts__info{gap:max(20px,min(1.3vw,28px))}.contacts__title,.contacts__text{width:30rem}.contacts__links{gap:max(24px,min(1.6vw,36px))}}.footer{background-color:#0a0a0a;flex-direction:column;gap:max(14px,min(.9vw,18px));padding:max(64px,min(6vw,140px)) 0;display:flex}.footer__text{color:#fefefe;text-align:center;text-transform:none;font-family:Spline Sans Mono,monospace;font-size:max(20px,min(1.3vw,28px));font-weight:400}@media (max-width:1024px){.footer__text{font-size:max(14px,min(.9vw,18px))}}html{background:#0a0a0a}body{color:#0a0a0a;background-color:#fefefe;padding-top:max(48px,min(5vw,120px));transition:background-color .35s}body.footer-visible{background:#0a0a0a}main{z-index:1;background:#fefefe;position:relative}.divider{height:max(128px,min(10vw,220px))}.footer{z-index:2;background:#0a0a0a;position:relative}
/*# sourceMappingURL=sokolstylz.ru.9c700957.css.map */