:root{--pink:#ea2fb9;--pink-hover:#ec46c1;--teal:#00b9bb;--teal-hover:#00d4d6;--yellow:#ffbc00;--yellow-hover:#ffc700}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:#fff;color:#000;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.2;min-width:360px;overflow-x:hidden}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}.teal{color:var(--teal)}.pink{color:var(--pink)}.yellow{color:var(--yellow)}.container{margin:0 auto;max-width:1280px;padding:0 10px;width:100%}@media (min-width:480px){.container{max-width:620px}}@media (min-width:768px){.container{max-width:1160px;padding:0 30px}}.btn{border-radius:20px;display:inline-block;font-weight:600;line-height:1;padding:20px 40px;text-align:center}.btn,.btn--m{font-size:16px}.btn--m{padding:20px 24px}@media (min-width:1000px){.btn{font-size:20px}.btn,.btn--m{padding:24px 48px}.btn--m{font-size:16px}}.btn--primary{background:var(--pink);color:#fff}.btn--primary:hover{background:var(--pink-hover)}.btn--secondary{background:var(--teal);color:#fff}.btn--secondary:hover{background:var(--teal-hover);color:#fff}.btn--outline{background:transparent;border:2px solid var(--teal);color:var(--teal)}.btn--outline:hover{background:var(--teal);color:#fff}.section-title{font-size:36px;font-weight:700;line-height:1.1;margin-bottom:16px}@media (min-width:768px){.section-title{font-size:48px}}@media (min-width:1000px){.section-title{font-size:64px}}.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:15px 0;position:sticky;top:0;z-index:1000}.header__inner{align-items:center;display:flex;gap:20px;justify-content:space-between}.header__logo{flex-shrink:0}.logo{display:block;height:40px;width:auto}@media (min-width:1000px){.logo{height:56px}}.nav{display:none}.nav__list{display:flex;gap:30px}.nav__link{font-size:14px;font-weight:500;transition:color .3s ease}.nav__link:hover{color:var(--pink)}@media (min-width:768px){.nav{box-shadow:none;display:block;padding:0;position:static}.nav__list{flex-direction:row}}.nav.active{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);display:block;left:0;padding:20px;position:fixed;right:0;top:70px}.nav.active .nav__list{flex-direction:column;gap:20px}.header__actions{align-items:center;display:none;gap:20px}@media (min-width:768px){.header__actions{display:flex}}.header__icon{align-items:center;color:#000;display:flex;justify-content:center;transition:color .3s ease}.header__icon:hover{color:var(--pink)}.header__icon svg{display:block;height:24px;width:24px}.burger{display:flex;flex-direction:column;gap:5px;height:22px;width:28px;z-index:1001}.burger span{background:#333;border-radius:2px;display:block;height:3px;transition:all .3s ease;width:100%}.burger.active span:first-child{transform:translateY(8px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (min-width:768px){.burger{display:none}}.hero{margin:40px 0 64;overflow:hidden;padding-top:32px;position:relative}@media (min-width:480px){.hero{margin:40px 0 96px}}@media (min-width:1000px){.hero{margin:140px 0 96px;padding-top:0}}.hero .container{padding:0}.hero__title{font-size:46px;font-weight:800;letter-spacing:-2.5px;line-height:1.1;margin-bottom:30px;text-align:center}@media (min-width:1000px){.hero__title{font-size:78px}}@media (min-width:1280px){.hero__title{font-size:96px;letter-spacing:-4px}}.hero__title--underline{display:inline-block;position:relative}.hero__title--underline:after{background-image:url(/front/img/studio/underline.svg);background-position:bottom;background-repeat:repeat-x;background-size:auto 100%;bottom:0;content:"";height:7px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.hero__btn{display:block;margin:0 auto}.hero__waves{background-image:url(/front/img/studio/hero-waves.webp);background-position:50%;background-repeat:repeat-x;background-size:cover;height:106px;margin-top:40px;position:relative;width:100%}@media (min-width:480px){.hero__waves{height:120px}}@media (min-width:768px){.hero__waves{background-size:contain;height:200px}}@media (min-width:1000px){.hero__waves{height:250px;height:300px}}.video{margin:64px 0}@media (min-width:480px){.video{margin:96px 0}}.video__content{aspect-ratio:16/9;border-radius:32px;overflow:hidden;position:relative}.video__player{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.about{padding:64px 0}@media (min-width:480px){.about{margin:96px 0}}.about__grid{display:grid;gap:24px}@media (min-width:480px){.about__grid{grid-template-columns:1fr}}@media (min-width:1000px){.about__grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto}}.about-card{border-radius:20px;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:30px 25px;text-align:center}@media (min-width:768px){.about-card{background-size:110%!important;min-height:200px}}@media (min-width:1000px){.about-card{background-size:auto!important;min-height:220px;padding:40px 30px}}@media (min-width:1280px){.about-card{min-height:240px}}.about-card--pink{background:var(--pink) url(/front/img/studio/bg-1.svg) no-repeat center}.about-card--yellow{background:var(--yellow) url(/front/img/studio/bg-2.svg) no-repeat center}.about-card--teal{background:var(--teal) url(/front/img/studio/bg-3.svg) no-repeat center}.about-card__title{font-size:22px;font-weight:800;letter-spacing:-1px;line-height:1.25;margin-bottom:5px}@media (min-width:768px){.about-card__title{font-size:20px}}@media (min-width:1000px){.about-card__title{font-size:22px}}@media (min-width:1280px){.about-card__title{font-size:24px}}.about-card__text{font-size:16px;font-weight:600;line-height:1.25}@media (min-width:1280px){.about-card__text{font-size:16px}}.studio-logo__wrapper{align-items:center;background:#f8f8f8;border-radius:32px;display:flex;grid-column:1/-1;height:290px;justify-content:center;padding:0 24px}@media (min-width:480px){.studio-logo__wrapper{height:310px;padding:0 45px}}@media (min-width:768px){.studio-logo__wrapper{height:320px;padding:0 48px}}@media (min-width:1000px){.studio-logo__wrapper{height:360px}}.studio-logo__svg{height:auto;margin:0 auto;max-width:100%;width:640px}.studio-logo__text{fill:url(#logoGradient);font-size:48px;font-weight:900;letter-spacing:2px}@media (min-width:768px){.studio-logo__text{font-size:56px}}@media (min-width:1280px){.studio-logo__text{font-size:72px}}.studio-logo__subtitle{fill:#666;font-size:24px;font-weight:700;letter-spacing:8px}@media (min-width:1280px){.studio-logo__subtitle{font-size:32px}}.projects{margin:64px 0}@media (min-width:768px){.projects{margin:96px 0}}.projects__tabs{background:#f4f5f6;border-radius:16px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;padding:4px;width:-moz-fit-content;width:fit-content}.filter-btn{align-items:center;background:transparent;border-radius:14px;color:#000;display:flex;font-size:14px;font-weight:600;min-height:48px;padding:12px;transition:all .3s ease}@media (min-width:480px){.filter-btn{padding:12px 32px}}.filter-btn--active{background:var(--teal);box-shadow:0 0 1px rgba(0,0,0,.04),0 2px 10px rgba(0,0,0,.02),0 16px 28px rgba(0,0,0,.04),0 -1px 20px rgba(0,0,0,.03);color:#fff}.filter-btn:hover:not(.filter-btn--active){background:var(--teal-hover);color:#fff}.projects__grid{display:grid;gap:20px}@media (min-width:768px){.projects__grid{grid-template-columns:repeat(2,1fr)}}.project-card{border-radius:18px;cursor:pointer;height:300px;overflow:hidden;position:relative;transition:transform .3s ease}@media (min-width:768px){.project-card{height:320px}}@media (min-width:1000px){.project-card{height:380px}}.project-card:hover{transform:translateY(-5px)}.project-card__img{border-radius:18px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.project-card__overlay{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5));bottom:0;color:#fff;left:0;position:absolute;right:0;top:0}.project-card__content{bottom:0;left:0;padding:20px;position:absolute;right:0}.project-card__title{font-size:32px;font-weight:700;line-height:1;margin-bottom:5px}.project-card__tags{display:flex;flex-wrap:wrap;gap:8px}.project-card__tag{border:1px solid hsla(0,0%,100%,.75);border-radius:8px;display:inline-block;font-size:12px;line-height:1.25;padding:4px 8px;white-space:nowrap}.team{margin:64px 0}@media (min-width:768px){.team{margin:96px 0}}.team__grid{display:grid;gap:20px}@media (min-width:480px){.team__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.team__grid{grid-template-columns:repeat(3,1fr)}}.team-card{aspect-ratio:3/4;border-radius:20px;overflow:hidden;position:relative}.team-card--teal{background:var(--teal)}.team-card--pink{background:var(--pink)}.team-card--yellow{background:var(--yellow)}.team-card__img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.team-card__info{background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent);bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0;text-align:center}.team-card__name{font-size:24px;font-weight:700;line-height:1;margin-bottom:5px}.team-card__role{display:none;font-size:14px;font-weight:500;line-height:1}@media (max-width:1000px){.team__grid-wrapper{overflow:hidden;position:relative}.team__grid{-ms-overflow-style:none;display:flex;gap:16px;grid-template-columns:unset;overflow-x:auto;padding:0 10px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.team__grid::-webkit-scrollbar{display:none}.team-card{flex:0 0 calc(100% - 40px);max-width:400px;scroll-snap-align:center;scroll-snap-stop:always}}@media (min-width:480px) and (max-width:1000px){.team-card{flex:0 0 65%;max-width:350px}}.contact-form{margin:64px 0}@media (min-width:768px){.contact-form{margin:96px 0}}.contact-form__content{background:var(--teal) url(/front/img/studio/bg-3.svg) no-repeat center;background-size:120%;border-radius:24px;color:#fff;padding:32px 16px}@media (min-width:768px){.contact-form__content{padding:48px 24px}}@media (min-width:1000px){.contact-form__content{padding:64px 48px}}.contact-form__title{font-size:26px;font-weight:700;line-height:1.25;margin-bottom:15px}@media (min-width:480px){.contact-form__title{font-size:36px}}@media (min-width:768px){.contact-form__title{font-size:42px}}@media (min-width:1000px){.contact-form__title{font-size:48px}}@media (min-width:1280px){.contact-form__title{font-size:42px}}.contact-form__subtitle{font-size:14px;line-height:1.5;margin-bottom:32px}@media (min-width:480px){.contact-form__subtitle{font-size:16px}}@media (min-width:768px){.contact-form__subtitle{font-size:24px}}.form__row{display:flex;flex-direction:column;gap:16px;margin:0 auto}@media (min-width:768px){.form__row{align-items:center;flex-direction:row}}.form__input{background:#fff;border:none;border-radius:20px;color:#333;font-size:16px;font-weight:400;height:56px;line-height:56px;padding:0 16px;transition:all .3s ease}@media (min-width:768px){.form__input{flex:1}}@media (min-width:1000px){.form__input{height:64px;line-height:64px}}.form__input::-moz-placeholder{color:#83888f}.form__input::placeholder{color:#83888f}.form__input:focus{box-shadow:0 0 0 2px hsla(0,0%,100%,.5);outline:none}.contact-form__agreement{font-size:11px;font-weight:400;margin-top:16px;text-align:center}@media (min-width:768px){.contact-form__agreement{font-size:14px;text-align:left}}.contact-form__agreement a{text-decoration:underline}.history-letter{margin:64px 0}@media (min-width:480px){.history-letter{margin:96px 0}}.history-letter__content{align-items:center;background:#f5f5f5;border-radius:40px;display:flex;flex-direction:column;padding:60px 20px;text-align:center}@media (min-width:1000px){.history-letter__content{padding:80px 60px}}.history-letter__image{border-radius:50%;height:160px;overflow:hidden;width:160px}.history-letter__img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;width:100%}.history-letter__name{font-size:28px;font-weight:700;margin-bottom:4px}@media (min-width:1000px){.history-letter__name{font-size:36px}}.history-letter__role{font-size:14px;margin-bottom:24px}@media (min-width:1000px){.history-letter__role{font-size:16px}}.history-letter__quote{font-size:16px;font-style:italic;line-height:1.25;margin-bottom:32px;max-width:800px}@media (min-width:1000px){.history-letter__quote{font-size:18px}}.footer{background:#000;color:#fff;padding:64px 0}.footer__top{align-items:start;display:flex;flex-direction:column;gap:20px;margin-bottom:20px}@media (min-width:768px){.footer__top{flex-direction:row;justify-content:space-between}}.footer__social{display:flex;gap:20px;order:1}@media (min-width:768px){.footer__social{order:-1}}.footer__social-link{color:#fff;transition:all .3s ease}.footer__social-link svg{height:32px;width:32px}@media (min-width:1000px){.footer__social-link svg{height:40px;width:40px}}.footer__social-link:hover rect{fill:var(--teal)}.footer__nav{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.footer__link{font-size:14px;transition:color .3s ease}.footer__link:hover{color:var(--teal)}.footer__legal{display:grid;gap:2px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.footer__legal-link:nth-child(2n){text-align:right}@media (min-width:1000px){.footer__legal-link:nth-child(2n){text-align:left}.footer__legal{display:flex;justify-content:space-between}}.footer__legal-link{color:#6c6c6c;font-size:10px;transition:color .3s ease}@media (min-width:768px){.footer__legal-link{font-size:12px}}@media (min-width:1000px){.footer__legal-link{font-size:14px}}.footer__legal-link:hover{color:var(--teal)}.footer__logo{margin-bottom:20px;text-align:center}.footer__logo-img{display:block;height:auto;width:100%}.footer__copyright{color:#6c6c6c;display:grid;font-size:10px;gap:2px;grid-template-columns:repeat(2,1fr)}.footer__copyright span:nth-child(2n){text-align:right}@media (min-width:768px){.footer__copyright{font-size:12px}}@media (min-width:1000px){.footer__copyright{font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.project-card{display:block;transition:opacity .3s ease,transform .3s ease}.project-card.hidden{display:none}.alert{border:1px solid transparent;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-dismissible{padding-right:4rem}.alert .close:not(:disabled):not(.disabled){cursor:pointer}.alert-dismissible .close{color:inherit}.alert .close{background-color:transparent;color:#000;float:right;font-size:1.5rem;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff}.popup{display:none}.popup.active{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:2000}.popup__overlay{background:rgba(0,0,0,.6);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.popup.active.visible .popup__overlay{opacity:1}.popup__container{background:#fff;border-radius:24px;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:800px;opacity:0;overflow:hidden;padding:40px 12px 12px 24px;position:relative;transform:scale(.95);transition:opacity .3s ease,transform .3s ease;width:calc(100% - 32px);z-index:2001}.popup__content{overflow-y:auto;padding-right:12px;text-align:left}.popup.active.visible .popup__container{opacity:1;transform:scale(1)}.popup__close{align-items:center;background:none;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s ease;width:40px;z-index:1}.popup__close:hover{background:#f4f5f6}.popup__author{align-items:center;display:flex;gap:12px;margin-bottom:24px}.popup__author-img{border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:48px}.popup__author-name{font-size:16px;font-weight:700;line-height:1.2}.popup__author-role{color:#666;font-size:13px}.popup__subtitle{color:#666;font-size:16px;margin-bottom:20px}body.popup-open{overflow:hidden}@media (max-width:479px){.popup__container{border-radius:16px;max-height:calc(100vh - 24px);padding:40px 16px 24px;transform:translateY(20px) scale(.95);width:calc(100% - 24px)}.popup.active.visible .popup__container{transform:translateY(0) scale(1)}}@media (min-width:768px){.popup__container{padding:48px 20px 20px 40px}.popup__title{font-size:36px}}.text{font-size:14px;line-height:1.25}@media (min-width:768px){.text{font-size:16px}}.text p{margin-bottom:24px}.text .popup__year{margin-bottom:8px}.text h2{font-size:32px;font-weight:700;line-height:1.1;margin:8px 0}@media (min-width:768px){.text h2{font-size:44px}}.text h3{font-size:24px;font-weight:700;line-height:1;margin-bottom:12px;margin-top:32px}@media (min-width:768px){.text h3{font-size:32px}}.text h4{font-size:20px;margin-bottom:12px}@media (min-width:768px){.text h4{font-size:24px}}.text ul{line-height:1.25;list-style:disc;margin:0 0 24px 15px;padding:0}.text ul li{margin:0;padding:0}

/*# sourceMappingURL=studio.css.map*/