@layer theme{:root{--color-primary:#333;--color-accent:#3284be;--color-accent-light:#eef;--color-text:#555;--color-text-light:#999;--color-text-white:#fff;--color-bg-white:#fff;--color-bg-light:#fafafa;--color-bg-gray:#fbfbfb;--color-bg-dark:#f2f2f2;--color-bg-deep:#f0f0f0;--color-bg-grayer:#eee;--color-border:#eee;--color-border-dark:#ddd;--header-height:80px;--color-bg:var(--color-bg-white)}.list--disc{list-style-type:disc}.text--note{color:var(--color-text-light);font-size:.8em}}@layer animations{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes btnPop{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes planeHover{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes planeFly{0%{opacity:1;transform:translate(0)scale(1)}40%{opacity:0;transform:translate(150px)scale(1.2)}80%{opacity:0;transform:translate(-40px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}.inline--animation{transition:transform .3s}.inline--animation:hover{transform:translateY(-3px)}.card--animation{border:1px solid var(--color-border);transition:border-color .3s,transform .3s,box-shadow .3s;animation:.5s forwards fadeUp}.card--animation:hover{border-color:var(--color-accent);transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.card--animation:hover .work-card__image{transform:scale(1.05)}.section--animation{position:relative;overflow:hidden}.section--animation .section--animation__inside{position:absolute;top:0;right:0}#circle-small{opacity:.1;background:#cacaca;border-radius:50%;width:300px;height:300px;animation:3s cubic-bezier(.6,0,.4,1) infinite alternate circle-small-scale;position:absolute;top:-200px;right:-150px}#circle-medium{opacity:.1;background:#cacaca;border-radius:50%;width:600px;height:600px;animation:3s cubic-bezier(.6,0,.4,1) .3s infinite alternate circle-small-scale;position:absolute;top:-400px;right:-300px}#circle-large{opacity:.1;background:#cacaca;border-radius:50%;width:900px;height:900px;animation:3s cubic-bezier(.6,0,.4,1) .6s infinite alternate circle-small-scale;position:absolute;top:-550px;right:-450px}#circle-xlarge{opacity:.1;background:#cacaca;border-radius:50%;width:1200px;height:1200px;animation:3s cubic-bezier(.6,0,.4,1) .9s infinite alternate circle-small-scale;position:absolute;top:-650px;right:-600px}#circle-xxlarge{opacity:.1;background:#cacaca;border-radius:50%;width:1500px;height:1500px;animation:3s cubic-bezier(.6,0,.4,1) 1.2s infinite alternate circle-small-scale;position:absolute;top:-800px;right:-750px}@keyframes circle-small-scale{0%{transform:scale(1)}to{transform:scale(1.1)}}.thumb:before{content:"";background:linear-gradient(120deg,#fff0 40%,#fff9 50%,#fff0 60%);width:200%;height:200%;animation:2.5s infinite shine;position:absolute;top:-150%;left:-150%;transform:rotate(25deg)}.thumb.active:before{visibility:hidden}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)rotate(25deg)}to{transform:translate(100%)translateY(100%)rotate(25deg)}}}@layer base{html{scroll-behavior:smooth;scrollbar-gutter:stable}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);background-color:var(--color-bg);font-family:Inter,Noto Sans JP,sans-serif;line-height:1.8}img{max-width:100%;height:auto;display:block}a{text-decoration:none;transition:color .3s;display:inline-block}.link{color:inherit;text-decoration:underline}.link:hover{color:var(--color-accent)}.nav__link,.mobile-menu__link{display:inline-block}ul{list-style:none}.container{z-index:1;width:100%;margin:0 auto;padding:0 20px;position:relative}@media screen and (width>=992px){.container{max-width:960px;padding:0 40px}}.section{padding:40px 0}@media screen and (width>=768px){.section{padding:80px 0}}.section__title{text-align:center;color:var(--color-primary);opacity:0;margin-bottom:40px;font-size:2rem;font-weight:700;transition:opacity .6s ease-out,transform .6s ease-out;position:relative;transform:translateY(20px)}.section__title.in-view{opacity:1;transform:translateY(0)}.grecaptcha-badge{visibility:hidden}.pages{background-color:var(--color-bg-gray)}@media screen and (width>=768px){.sp_only{display:none}}@media screen and (width<=767px){.pc_only{display:none}}}@layer layout{.page-static{padding-top:calc(var(--header-height) + 40px)}.page-static .section__title{opacity:1;transform:none}.page-static .container--narrow{max-width:800px;margin-left:auto;margin-right:auto}.page-static .static-content{background:var(--color-bg-white);border-radius:12px;margin-top:40px;padding:40px;box-shadow:0 4px 20px #0000000d}.page-static .static-content h3{border-left:4px solid var(--color-primary);color:var(--color-primary);margin-top:2.5rem;margin-bottom:1rem;padding-left:1rem;font-size:1.25rem}.page-static .static-content p{color:var(--color-text);margin-bottom:1.5rem;line-height:1.8}.page-static .static-content ul{color:#555;margin-bottom:1.5rem;padding-left:1.5rem}.page-static .static-content li{margin-bottom:.5rem}.page-static .static-content .mt-xl{margin-top:3rem}.page-static .static-content .text-right{text-align:right}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;width:100%;height:var(--header-height);background-color:#ffffff80;align-items:center;transition:height .3s,background-color .3s;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 10px #0000000d}.header.header--scrolled{height:60px;box-shadow:0 4px 15px #0000001a}.header .header__container{justify-content:space-between;align-items:center;width:100%;display:flex}.header .logo{color:var(--color-primary);letter-spacing:-1px;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:900}.header .header__title{color:var(--color-primary);margin-left:20px;margin-right:auto;font-size:1rem;font-weight:400;display:none}@media screen and (width>=768px){.header .header__title{display:block}}.header .nav{display:none}@media screen and (width>=768px){.header .nav{display:block}}.header .nav .nav__list{gap:1em;display:flex}.header .nav .nav__link{color:var(--color-primary);font-size:.95rem;font-weight:500;transition:all .2s}@media screen and (width<=820px){.header .nav .nav__link{font-size:.8rem}}.header .nav .nav__link:active{color:var(--color-accent)}.hamburger{cursor:pointer;z-index:1100;background:0 0;border:none;width:30px;height:24px;display:block;position:relative}@media screen and (width>=768px){.hamburger{display:none}}.hamburger .hamburger__line{background-color:var(--color-primary);width:100%;height:2px;transition:all .3s;display:block;position:absolute}.hamburger .hamburger__line:first-child{top:0}.hamburger .hamburger__line:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger .hamburger__line:nth-child(3){bottom:0}.hamburger.active .hamburger__line:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.hamburger.active .hamburger__line:nth-child(2){opacity:0}.hamburger.active .hamburger__line:nth-child(3){top:50%;transform:translateY(-50%)rotate(-45deg)}.footer{border-top:1px solid var(--color-border);text-align:center;background-color:var(--color-bg-white);padding:40px 0;font-size:.8rem}.footer .footer__container{flex-direction:column;align-items:center;gap:15px;display:flex}.footer .footer__links{gap:20px;display:flex}.footer .footer__links a{color:var(--color-text-light)}.footer .footer__links a:hover{color:var(--color-accent)}.page-top-btn{background-color:var(--color-accent);width:50px;height:50px;color:var(--color-text-white);opacity:0;pointer-events:none;z-index:900;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 10px #0003}.page-top-btn.visible{opacity:1;pointer-events:auto}.page-top-btn:hover{color:var(--color-text-white);transform:translateY(-5px)}.mobile-menu{z-index:1050;opacity:0;pointer-events:none;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.mobile-menu.active{opacity:1;pointer-events:auto}.mobile-menu .mobile-menu__list{text-align:center}.mobile-menu .mobile-menu__item{margin:20px 0}.mobile-menu .mobile-menu__link{color:var(--color-primary);font-size:1.2rem;font-weight:700}.mobile-menu .mobile-menu__close{width:50px;height:50px;color:var(--color-primary);cursor:pointer;z-index:1060;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;line-height:1;display:flex;box-shadow:0 4px 10px #0000001a}}@layer components{.btn{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn.btn--primary{background-color:var(--color-accent);color:var(--color-text-white)}.btn.btn--primary:hover{background-color:color-mix(in srgb, var(--color-accent), black 10%);color:var(--color-text-white)}.btn.btn--outline{border:2px solid var(--color-accent);color:var(--color-accent);background-color:#0000}.btn.btn--outline:hover{background-color:var(--color-accent);color:var(--color-text-white)}.btn:active,.filter-btn:active,.load-more-btn:active,.flow-more-btn:active,.submit-btn:active,.modal__close:active,.back-to-top:active,.nav__link:active,.mobile-menu__link:active,.mobile-menu__close:active{animation:.3s ease-out btnPop}.modal{z-index:3000;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.is-open{animation:.2s ease-out forwards fadeIn;display:block}.modal .modal__overlay{z-index:2000;background:#000000b3;justify-content:center;padding:20px;display:flex;position:fixed;inset:0}@media screen and (width>=768px){.modal .modal__overlay{align-items:center}}.modal .modal__container{background:var(--color-bg-gray);scroll-behavior:smooth;scrollbar-gutter:stable;border-radius:12px;width:100%;max-width:800px;max-height:80dvh;padding:20px;position:relative;overflow:hidden auto}@media screen and (width>=768px){.modal .modal__container{max-height:80vh;padding:40px}}.modal .modal__close{cursor:pointer;z-index:2100;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:15px auto;font-size:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000001a}.modal .modal__close:hover{background:var(--color-bg-deep);transform:scale(1.1)}.modal .modal__close:before{content:"×"}.modal .modal__content{flex-direction:column;gap:20px;display:flex}.modal .modal__image-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}@media screen and (width>=768px){.modal .modal__image-wrapper{flex-direction:row;gap:15px;max-height:400px}}.modal .modal__details{text-align:left;flex-direction:column;display:flex}.modal .modal__details h2{font-size:1.2rem}@media screen and (width>=768px){.modal .modal__details h2{font-size:1.5rem}}.modal .modal__details p{white-space:pre-line;transition:opacity .2s linear}.modal .modal__main-image{object-fit:contain;opacity:1;border-radius:8px;width:600px;max-height:100%;transition:opacity .5s linear}.modal .modal__thumbnails{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;display:flex}@media screen and (width>=768px){.modal .modal__thumbnails{flex-direction:column;max-height:400px;margin-top:0}}.modal .modal__thumbnails .thumb{background-color:var(--color-border-dark);cursor:pointer;background-position:50%;background-size:cover;border:2px solid #0000;width:50px;height:50px;position:relative;overflow:hidden}.modal .modal__thumbnails .thumb.active{border-color:var(--color-accent);animation:.2s btnPop}.modal #modal-thumbnails{display:none}@media screen and (width>=768px){.modal #modal-thumbnails{display:flex}.modal #footer-modal-thumbnails{display:none}}.modal .modal__header{flex-direction:column;gap:15px;margin-bottom:15px;display:flex}@media screen and (width>=768px){.modal .modal__header{flex-direction:row}}.modal .modal__tags{align-items:center;gap:10px;display:flex}.modal .modal__tags .tag{background:var(--color-accent-light);color:var(--color-accent);border-radius:4px;padding:4px 12px;font-size:.8rem;font-weight:700}.modal .modal__description{min-height:100px}.toast-container{z-index:9999;position:fixed;bottom:20px;right:20px}.toast{color:#fff;opacity:0;border-radius:8px;justify-content:space-between;align-items:center;min-width:250px;margin-top:10px;padding:15px 20px;font-size:.9rem;animation:.3s ease-out forwards slideIn;display:flex;box-shadow:0 5px 15px #0003}.toast.toast--success{background-color:#4caf50}.toast.toast--error{background-color:#f44336}.toast.toast--info{background-color:#2196f3}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast.hide{animation:.3s ease-in forwards slideOut}}.hero{background-color:#fff;padding:120px 0 60px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(-110deg,#000 10%,#0000 25% 75%,#000 90%);mask-image:linear-gradient(-110deg,#000 10%,#0000 25% 75%,#000 90%)}.hero .hero__container{z-index:2;position:relative}.hero .hero__container:before{content:"";position:absolute;inset:-30px 10px}@media screen and (width>=768px){.hero .hero__container:before{inset:-20px 40px}}.hero .hero__container:before{pointer-events:none;z-index:5;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-size:1px 40px,40px 1px,1px 40px,40px 1px,1px 40px,40px 1px,1px 40px,40px 1px}@media screen and (width>=768px){.hero .hero__container:before{background-size:2px 50px,50px 2px,2px 50px,50px 2px,2px 50px,50px 2px,2px 50px,50px 2px}}.hero .hero__container:before{background-position:14px 0,0 14px,calc(100% - 14px) 0,100% 14px,14px 100%,0 calc(100% - 14px),calc(100% - 14px) 100%,100% calc(100% - 14px);background-repeat:no-repeat}.hero .hero__image-wrapper{z-index:10;text-align:center;margin:0 auto;position:relative}.hero .hero__main-image{max-width:100%;height:auto;display:inline}.works{background-color:var(--color-bg-gray)}.works__filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.filter-btn{background-color:var(--color-bg-deep);cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-weight:500;transition:all .3s}@media screen and (width>=768px){.filter-btn{padding:8px 24px}}.filter-btn.active{background-color:var(--color-accent);color:#fff;animation:.3s btnPop}.filter-btn:hover{background-color:var(--color-accent);color:#fff}.works__grid{grid-template-columns:1fr;gap:30px;margin-bottom:40px;display:grid}@media screen and (width>=768px){.works__grid{grid-template-columns:repeat(3,1fr)}}.work-card{background:var(--color-bg-white);cursor:pointer;border-radius:12px;overflow:hidden}.work-card.hidden{display:none}.work-card .work-card__image-wrapper{aspect-ratio:3/2;background:var(--color-bg-grayer);overflow:hidden}.work-card .work-card__image{object-fit:cover;opacity:1;width:100%;height:100%;transition:transform .5s,opacity 1s linear}.work-card .work-card__content{padding:20px}.work-card .work-card__category{color:var(--color-accent);margin-bottom:5px;font-size:.75rem;font-weight:700;display:block}.work-card .work-card__title{color:var(--color-primary);font-size:1.1rem;font-weight:700}.works__more{text-align:center}.Lead{color:var(--color-accent);background:#f9fdff;position:relative}.Lead h2{color:var(--color-accent);margin-top:40px}.Lead .container:before,.Lead .container:after{content:"";background:var(--color-accent);opacity:.3;z-index:0;border-radius:50%;width:6px;height:6px;position:absolute;top:-40px}.Lead .container:before{left:20px}@media screen and (width>=992px){.Lead .container:before{left:40px}}.Lead .container:before{box-shadow:15px 0 0 0 var(--color-accent), 30px 0 0 0 var(--color-accent), 45px 0 0 0 var(--color-accent), 0 15px 0 0 var(--color-accent), 15px 15px 0 0 var(--color-accent), 30px 15px 0 0 var(--color-accent), 0 30px 0 0 var(--color-accent), 15px 30px 0 0 var(--color-accent), 0 45px 0 0 var(--color-accent)}.Lead .container:after{right:20px}@media screen and (width>=992px){.Lead .container:after{right:40px}}.Lead .container:after{box-shadow:-15px 0 0 0 var(--color-accent), -30px 0 0 0 var(--color-accent), -45px 0 0 0 var(--color-accent), 0 15px 0 0 var(--color-accent), -15px 15px 0 0 var(--color-accent), -30px 15px 0 0 var(--color-accent), 0 30px 0 0 var(--color-accent), -15px 30px 0 0 var(--color-accent), 0 45px 0 0 var(--color-accent)}.Lead__content{z-index:1;margin-bottom:80px;position:relative}@media screen and (width>=768px){.Lead__content{margin-bottom:20px}}.Lead__content:before,.Lead__content:after{content:"";position:absolute;bottom:-80px}@media screen and (width>=768px){.Lead__content:before,.Lead__content:after{bottom:-40px}}.Lead__content:before,.Lead__content:after{background:var(--color-accent);opacity:.3;border-radius:50%;width:6px;height:6px}.Lead__content:before{box-shadow:15px 0 0 0 var(--color-accent), 30px 0 0 0 var(--color-accent), 45px 0 0 0 var(--color-accent), 0 -15px 0 0 var(--color-accent), 15px -15px 0 0 var(--color-accent), 30px -15px 0 0 var(--color-accent), 0 -30px 0 0 var(--color-accent), 15px -30px 0 0 var(--color-accent), 0 -45px 0 0 var(--color-accent);left:0}.Lead__content:after{box-shadow:-15px 0 0 0 var(--color-accent), -30px 0 0 0 var(--color-accent), -45px 0 0 0 var(--color-accent), 0 -15px 0 0 var(--color-accent), -15px -15px 0 0 var(--color-accent), -30px -15px 0 0 var(--color-accent), 0 -30px 0 0 var(--color-accent), -15px -30px 0 0 var(--color-accent), 0 -45px 0 0 var(--color-accent);right:0}@media screen and (width>=768px){.Lead__content{text-align:center}}.Lead__content>p+p{margin-top:1em}.services{background-color:var(--color-bg-gray)}.services .services__grid{gap:20px;display:grid}@media screen and (width>=768px){.services .services__grid{grid-template-columns:repeat(2,1fr)}}.service-card{background:var(--color-bg-white);border-radius:12px;justify-content:space-between;align-items:center;padding:30px;display:flex}.service-card:hover{cursor:pointer}.service-card .service-card__info{flex:1}.service-card .service-card__title{margin-bottom:10px;font-size:1.1rem}.service-card .service-card__content{align-items:center;gap:15px;display:flex}.service-card .service-card__desc{color:var(--color-text);font-size:.9rem}.service-card .service-card__icon{flex-shrink:0;width:100px}.commitment .commitment__list{flex-direction:column;display:flex}@media screen and (width<=767px){.commitment .commitment__list{gap:60px}}.commitment .commitment__item{flex-direction:column;gap:20px;display:flex}@media screen and (width>=768px){.commitment .commitment__item{flex-direction:row;align-items:center}.commitment .commitment__item:nth-child(2n){flex-direction:row-reverse}}.commitment .commitment__image{border-radius:12px;overflow:hidden}@media screen and (width>=768px){.commitment .commitment__image{width:280px}}.commitment .commitment__content{flex:1;padding:20px}@media screen and (width>=768px){.commitment .commitment__content{padding:40px}}.commitment .commitment__title{color:var(--color-primary);margin-bottom:20px;font-size:1.5rem}.flow{background-color:var(--color-bg-light)}.flow .flow__content{max-height:500px;transition:max-height .6s;position:relative;overflow:hidden}@media screen and (width>=768px){.flow .flow__content{max-height:300px}}.flow .flow__content:after{content:"";background:linear-gradient(to bottom, transparent, var(--color-bg-white));pointer-events:none;height:100px;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}.flow .flow__content.is-expanded{max-height:5000px}.flow .flow__content.is-expanded:after{opacity:0}.flow .flow__more{text-align:center;margin-top:20px}.flow .flow__list{grid-template-columns:6em 1fr;margin-bottom:15px}@media screen and (width>=768px){.flow .flow__list{gap:5px;margin-bottom:15px;display:grid}}.flow .flow__list h3{text-align:center;color:#fff;place-content:center;padding:1em}.flow .flow__list.flow__list--01 h3{background:#5cb4c4}.flow .flow__list.flow__list--01 h4{color:#405664;text-indent:-1.3em;background:#d2f7f7;padding-left:2.3em!important}.flow .flow__list.flow__list--02 h3{background:#d9c35d}.flow .flow__list.flow__list--02 h4{color:#645f41;background:#f7f2d2}.flow .flow__list.flow__list--03 h3{background:#a4d18e}.flow .flow__list.flow__list--03 h4{color:#4a6441;background:#d2e8cc}.flow .flow__list.flow__list--04 h3{background:#9c8fc3}.flow .flow__list.flow__list--04 h4{color:#474063;background:#d6d0e7}.flow .flow__list.flow__list--05 h3{background:#ea98aa}.flow .flow__list.flow__list--05 h4{color:#644048;background:#f6d2d8}.flow .flow__item{grid-template-columns:12em 1fr}@media screen and (width>=768px){.flow .flow__item{gap:5px;display:grid}}.flow .flow__item h4{text-align:center;padding:1em}@media screen and (width>=768px){.flow .flow__item h4{text-align:left;place-content:center start;gap:5px;display:grid}}.flow .flow__item p{background:#fff;border:1px solid #d6ebf8;place-content:center;padding:1em}.about .about__content{flex-direction:column;align-items:center;gap:30px;max-width:960px;margin:0 auto;padding:30px;display:flex}@media screen and (width>=768px){.about .about__content{text-align:left;flex-direction:row;align-items:start;gap:50px;padding:0}}.about .about__image-wrapper{flex-shrink:0}.about .about__image{border:4px solid var(--color-bg-light);object-fit:cover;background:#d3e7ff;border-radius:50%;width:150px;height:150px;box-shadow:0 4px 10px #0000001a}@media screen and (width>=768px){.about .about__image{width:200px;height:200px}}.about .about__text-wrapper{flex:1}.about .about__name{color:var(--color-primary);margin-bottom:15px;font-size:1.8rem}.about .about__desc{color:var(--color-text);margin-bottom:25px;line-height:1.8}.about .about__social{align-items:center;font-weight:700;display:flex}.about .about__social-list{justify-content:center;gap:15px;margin-bottom:60px;display:flex}@media screen and (width>=768px){.about .about__social-list{justify-content:flex-start}}.about .about__tools{margin-bottom:15px}.about .about__tools-list{flex-flow:column wrap;gap:15px;display:flex}.about .about__tools-list .about__tools-list__ul{flex-wrap:wrap;gap:15px;display:flex}.about .about__tools-list .about__tools-list__ul li+li:before{content:"/";margin-right:15px}.social-icon{width:40px;height:40px;color:var(--color-primary);justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.social-icon:hover{transform:translateY(-3px)}.social-icon:active{animation:.3s btnPop}.contact{background-color:var(--color-bg-dark);position:relative;overflow:hidden}@media screen and (width<=767px){.contact .container{z-index:2;position:relative}}.contact .contact__desc{text-align:center;margin-bottom:40px}.contact .contact__hide-icon{z-index:10;background-image:url(/img/my_icon_hide_marge.webp);background-position:0;background-repeat:no-repeat;background-size:100px 75px;width:50px;height:75px;position:absolute;bottom:0;right:0}@media screen and (width>=768px){.contact .contact__hide-icon{cursor:url(data:image/webp;base64,UklGRm4BAABXRUJQVlA4TGEBAAAvJcAEEN/BOJKsVFNwJv8Iudl3wS0IRpEkKaolFetfwwo6fDIPsG0kSVHrzr78IzyPn39JCCLZxkX4EVTRiAQi0EQFFTTQwElgHY77+EGEoIIIabz/W4II53MSRPjlx56dIIIIqb7/24MIgICAgMABBB7g6lmeK0sePs2d3CweKbqGyqX93U85gqIBIJCBFJNOXesKJgABHMB+WmvABYxNw0wNO3cAMbZtVQ3u57t/LG64HRJu/419uy8VRPR/AqR5FroOSl0/Fu3URX07VkiCaRfNvUYpMGuNmsFvYgMYDBSQ1AsAoDPU8GrkgQ0A/dZMA1WxjWKvPYZqUuahfALlqJA7APDyBf2g4AB4PP5+DYQiHwuYT0TeXv/B90Xe38w9k/vPubnVhpTIMhXJjhTJQ8eA7WXXPbmX0jSpu3xaJ5X55bAh7wfRPN/JzfZw2P1sSHJzvInyef/D4uZnf7pKEQA=) 38 0,pointer;background-size:150px 113px;width:75px;height:113px}}.contact .contact__hide-icon:hover{background-position:100%}.contact .contact__form{background:var(--color-bg-white);max-width:600px;margin:0 auto;padding:40px;box-shadow:0 5px 20px #0000000d}.contact .contact__form .contact__form__submit{justify-content:center;align-items:center;gap:10px;width:100%;margin:0 auto;display:flex;overflow:hidden}@media screen and (width>=768px){.contact .contact__form .contact__form__submit{width:50%}}.contact .contact__form .contact__form__submit:hover:not(.is-flying) .contact__form__icon{animation:1s ease-in-out infinite planeHover}.contact .contact__form .contact__form__submit.is-flying .contact__form__icon{animation:.8s ease-in-out forwards planeFly}.contact .contact__form .contact__form__icon{align-items:center;transition:opacity .3s;display:inline-flex}.contact .contact__form .contact__form__icon svg{display:block}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid var(--color-border-dark);border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none}.form-note{margin-bottom:20px}.form-note a{text-decoration:underline}@layer sections;
