@font-face{font-family:Oswald;src:url(/shishkinsa997-JSFE2025Q3/portfolio/assets/Oswald-Regular.CkU7LyUk.woff2) format("woff2");font-optical-sizing:auto;font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Oswald-Light;src:url(/shishkinsa997-JSFE2025Q3/portfolio/assets/Oswald-Light.CeeJrer6.woff2) format("woff2");font-optical-sizing:auto;font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Mulish;src:url(/shishkinsa997-JSFE2025Q3/portfolio/assets/Mulish-Regular.CzCoWEgE.woff2) format("woff2");font-optical-sizing:auto;font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mulish-Medium;src:url(/shishkinsa997-JSFE2025Q3/portfolio/assets/Mulish-Medium.-Gs1vN7s.woff2) format("woff2");font-optical-sizing:auto;font-weight:500;font-style:normal;font-display:swap}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:Mulish,sans-serif;font-size:16px;font-weight:400;line-height:24px;background-color:#fff;letter-spacing:0%;color:#222}#app{width:100%;height:100%}a{text-decoration:none;color:inherit;cursor:pointer}button{all:unset;cursor:pointer}img{max-width:900px;max-height:900px}.dark-bg{background-color:#222;color:#fff}.header{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;top:0;left:0;z-index:999;padding:0 20px;height:60px;gap:20px}.header label{display:none;cursor:pointer}.header #burger-toggle{display:none}.menu{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:16px;font-weight:400;line-height:24px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;color:#fff;gap:40px;list-style:none;transition:all}.menu li{transition:background-position .3s ease-in-out;color:transparent;background:linear-gradient(180deg,#ff3c3c 0% 50%,#fff 50% 100%);background-size:100% 200%;background-position:0 100%;-webkit-background-clip:text;background-clip:text;cursor:pointer}.menu li:hover{background-position:0 0}.section{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;align-items:start;padding:60px 20px}.hero{position:relative;display:flex;align-items:stretch;gap:40px;padding:0 20px 0 80px}.rotate{display:flex;justify-content:space-between;align-items:center;font-family:Mulish-Medium,sans-serif;font-size:12px;line-height:16px;font-weight:500;position:absolute;flex-direction:column-reverse;margin:auto;top:0;left:0;width:60px;height:100%;color:#fff;padding:60px 20px;gap:12px}.rotate *{writing-mode:sideways-lr}.rotate div{flex-grow:1;width:1px;background-color:#fff}.rotate span{white-space:nowrap}.hero-column-1{padding-left:20px}.hero-text-wrapper{display:flex;flex-direction:column;gap:40px;margin:160px 0}.hero-counters{display:flex;align-items:center;justify-content:start;gap:60px}.hero-counter{display:flex;flex-direction:column;gap:8px;margin-left:27px}.hero-counter-num{font-family:Oswald-Light,sans-serif;text-transform:uppercase;position:relative;font-size:48px;line-height:54px;font-weight:300}.hero-counter-num:before{content:"+";position:absolute;top:0;left:-27px}.hero-counter-text{font-family:Mulish,sans-serif;font-size:16px;font-weight:400;line-height:24px;white-space:nowrap}.h1{font-family:Oswald-Light,sans-serif;font-weight:300;text-transform:uppercase;font-size:116px;line-height:132px;margin:0;max-width:650px}.subtext{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:20px;font-weight:400;line-height:28px}.scroll{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:8px;margin-bottom:60px}.scroll span{transition:background-position .3s ease-in-out;color:transparent;background:linear-gradient(180deg,#ff3c3c 0% 50%,#fff 50% 100%);background-size:100% 200%;background-position:0 100%;-webkit-background-clip:text;background-clip:text;cursor:pointer}.scroll span:hover{background-position:0 0}.scroll svg{transition:stroke .3s ease-in-out;stroke:#fff}.scroll svg path{transition:stroke .3s ease-in-out;stroke:inherit}.scroll svg:hover{stroke:#ff3c3c}.scroll:hover svg{stroke:#ff3c3c}.hero-column-2{display:flex;justify-content:center;align-items:center;width:fit-content;margin:auto 0 auto auto;height:100%}.hero-column-2 img{width:220px;aspect-ratio:1/1;object-fit:cover}.hero-column-3{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:end;justify-content:space-between;gap:30px;padding:60px 0}.hero-column-3 img{width:280px;height:auto;object-fit:cover;margin-bottom:auto}.hero-column-3 div{flex-grow:1;flex-shrink:1}.hero-column-3 .greeting{display:flex;flex-direction:column;margin-top:auto;text-align:end}.about{gap:40px}.about-column{display:flex;align-items:start;justify-content:start;flex-direction:column;gap:40px}.about-column img{width:440px;aspect-ratio:1/1;object-fit:cover}.h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:32px;font-weight:400;line-height:40px;margin:0 0 12px}.portfolio{max-width:1440px;margin:0 auto;flex-direction:column;gap:40px;width:100%;height:100%;padding:60px 20px 40px}.portfolio p{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:start;max-width:360px}.slider-container{padding-bottom:60px}.slider{position:relative;display:grid;width:100%;min-height:654px;max-width:1920px;overflow:hidden;margin-inline:auto}.slider-wrapper{position:relative;width:100%;height:100%;margin-inline:auto;max-width:1440px}.slider-wrapper .slides{display:flex;justify-content:space-between;align-items:center;position:absolute;height:100%;gap:20px;margin-inline:auto;margin:0 20px 60px}.slider-wrapper .slides .slide{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:100%}.slider-wrapper .slides .slide:nth-child(1),.slider-wrapper .slides .slide:nth-child(8),.slider-wrapper .slides .slide:nth-child(16){justify-content:start}.slider-wrapper .slides .slide:nth-child(2),.slider-wrapper .slides .slide:nth-child(5),.slider-wrapper .slides .slide:nth-child(12),.slider-wrapper .slides .slide:nth-child(18){justify-content:end}.slider-wrapper .slides .slide:nth-child(3),.slider-wrapper .slides .slide:nth-child(7),.slider-wrapper .slides .slide:nth-child(9),.slider-wrapper .slides .slide:nth-child(15),.slider-wrapper .slides .slide:nth-child(19){padding-top:120px}.slider-wrapper .slides .slide img{width:100%;object-fit:cover;display:block}.slider-wrapper .slides .l{width:400px}.slider-wrapper .slides .m{width:280px;justify-content:start}.slider-wrapper .slides .s{width:220px;justify-content:center}.slider-wrapper .slides .s img{aspect-ratio:1/1}.slider-hover{position:absolute;width:35%;height:100%;inset-block-start:0;cursor:pointer;z-index:2}.slider-hover-left{inset-inline-start:0}.slider-hover-right{inset-inline-end:0}.price{flex-direction:column;gap:40px}.packages{display:flex;justify-content:center;align-items:center;min-height:500px;height:100%;gap:40px;flex-wrap:wrap}.package{display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:space-between;align-items:start;padding:24px;width:320px;gap:20px;height:inherit;min-height:inherit;border:1px solid #222;transition:border .3s ease-in-out}.package .package-header,.package .package-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:start;width:100%;gap:12px}.package .h3{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:20px;font-weight:400;line-height:28px;margin:0}.package ul{all:unset;list-style:none;padding-left:12px}.package ul li{position:relative;line-height:27.7px}.package ul li:before{content:"";left:-12px;top:10px;width:6px;height:6px;background-color:#222;position:absolute}.package .package-price{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:16px;font-weight:400;line-height:24px;margin:0}.package .package-footer{line-height:20px}@media (hover: hover){.package:hover{border:1px solid #FF3C3C}}.package:active{border:1px solid #FF3C3C}.faq{display:flex;justify-content:space-between;align-items:center;align-items:start;gap:40px}.faq .accordion{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:start;justify-content:start;max-width:680px;width:100%}.faq .accordion .faq-question{position:relative;width:100%;height:100%;margin:0}.faq .accordion .faq-question[open] .faq-icon:after{transform:scale(0)}.faq .accordion .faq-question:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#fff}.faq .accordion .faq-question .faq-summary{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:20px;font-weight:400;line-height:28px;display:flex;justify-content:space-between;align-items:center;width:100%;height:64px;padding:auto;cursor:pointer}.faq .accordion .faq-question .faq-summary .faq-head{transition:background-position .3s ease-in-out;color:transparent;background:linear-gradient(180deg,#ff3c3c 0% 50%,#fff 50% 100%);background-size:100% 200%;background-position:0 100%;-webkit-background-clip:text;background-clip:text;cursor:pointer}.faq .accordion .faq-question .faq-summary .faq-head:hover{background-position:0 0}.faq .accordion .faq-question .faq-summary .faq-icon{position:relative;width:24px;height:24px;transition:all .3s ease}.faq .accordion .faq-question .faq-summary .faq-icon:before{content:"";position:absolute;top:50%;left:50%;width:66.6666666667%;height:8.3333333333%;background:#fff no-repeat center/contain;border-radius:100px;translate:-50% -50%;transition:all .2s ease-in-out}.faq .accordion .faq-question .faq-summary .faq-icon:after{content:"";position:absolute;top:50%;left:50%;width:8.3333333333%;height:66.6666666667%;background:#fff no-repeat center/contain;border-radius:100px;translate:-50% -50%;transition:all .2s ease-in-out}@media (hover: hover){.faq .accordion .faq-question .faq-summary:hover span{background-position:0 0}.faq .accordion .faq-question .faq-summary:hover span:after,.faq .accordion .faq-question .faq-summary:hover span:before{background-color:#ff3c3c}}.faq .accordion .faq-question .faq-summary:active span{background-position:0 0}.faq .accordion .faq-question .faq-summary:active span:after,.faq .accordion .faq-question .faq-summary:active span:before{background-color:#ff3c3c}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px 20px;gap:20px}.form-container .form-head{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:20px;font-weight:400;line-height:28px;text-align:center}.form-container .form-content{display:flex;justify-content:center;align-items:center;align-items:stretch;flex-wrap:nowrap;width:100%;gap:8px}.form-container .form-content .form-input{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:16px;font-weight:400;line-height:24px;flex:1 1 380px;flex-grow:1;width:100%;min-width:0;max-width:380px;height:60px;padding:0 8px;border:1px solid #222;transition:border .3s ease-in-out;padding-inline:12px}.form-container .form-content .form-input:hover{border:1px solid #FF3C3C}.form-container .form-content button{flex:0}address{all:unset}.footer{justify-content:center;padding:20px}.socials{display:flex;justify-content:center;align-items:center;margin:auto 0}.socials .socials-link{display:flex;justify-content:center;align-items:center;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:16px;font-weight:400;line-height:24px;padding:20px;width:100%;height:60px;white-space:nowrap;border-left:1px solid transparent}.socials .socials-link span{transition:background-position .3s ease-in-out;color:transparent;background:linear-gradient(180deg,#ff3c3c 0% 50%,#fff 50% 100%);background-size:100% 200%;background-position:0 100%;-webkit-background-clip:text;background-clip:text;cursor:pointer}.socials .socials-link span:hover{background-position:0 0}.overlay{display:flex;position:fixed;left:-200%;top:0;z-index:9999;align-items:center;justify-content:center;width:100vw;height:100vh;font-size:18px;background-color:#dbdbdb80;transition:left ease-in-out .5s}.overlay .overlay-close{position:absolute;top:0;right:0;width:60px;height:60px;cursor:pointer}.overlay .overlay-close:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:2px;background:#222 no-repeat center/contain;border-radius:100px;translate:-50% -50%;transform:rotate(45deg);transition:all .2s ease-in-out}.overlay .overlay-close:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:2px;background:#222 no-repeat center/contain;border-radius:100px;translate:-50% -50%;transform:rotate(-45deg);transition:all .2s ease-in-out}.overlay .form-container{position:relative;max-width:500px;width:100%;background-color:#fff;padding:60px 20px;margin:20px}.overlay .form-content{flex-direction:column;align-items:center}.overlay .form-content .form-input{flex:none}@media (max-width: 1439px){.about .about-column:nth-child(3){display:none}.about img{width:100%}.price .package{min-width:0px;width:calc(50% - 44px)}}@media (max-width: 1439px) and (min-width: 768px){.hero .h1{font-size:clamp(68px,8vw,116px);line-height:clamp(80px,9.5vw,132px)}.hero .hero-column-2 img{width:clamp(120px,15vw,220px)}.hero .hero-column-3 img{width:clamp(220px,20vw,280px)}}@media (max-width: 1150px){.hero{gap:20px}.hero .hero-column-2{display:none}.price .packages{gap:20px}.faq{flex-direction:column}.faq .accordion{max-width:100%}}@media (max-width: 768px){.header{padding-right:0}.header label{position:relative;display:block;height:60px;width:60px}.header label:after,.header label:before{position:absolute;height:2px;right:20px;background-color:#fff;transition:.3s}.header label:before{content:"";width:12px;top:25px}.header label:after{content:"";width:20px;top:33px}.header #burger-toggle:checked~label:after{transform:rotate(45deg);top:30px}.header #burger-toggle:checked~label:before{transform:rotate(-45deg);width:20px;top:30px}.header .menu{position:fixed;height:100vh;background-color:#222;padding:auto;z-index:-1;flex-direction:column;text-align:center;bottom:100vh;top:-100vh;left:0;right:0;transition:all .3s ease-in-out,left .3s ease-in-out,right .3s ease-in-out}.header #burger-toggle:checked~.menu{overflow:hidden;bottom:0;top:0}.hero .h1{font-size:68px;line-height:80px}.about{flex-direction:column}.about .about-column:nth-child(3){display:block}.about .about-column:nth-child(3) img{display:none}.about img{width:100%}.hero .hero-column-3 img{width:220px}}@media (max-width: 767px) and (min-width: 380px){.hero{padding:0 20px}.hero .h1{font-size:clamp(56px,9vw,68px);line-height:clamp(64px,10.5vw,80px)}.rotate{display:none}}@media (max-width: 650px){.hero{flex-direction:column;padding:0 20px}.hero .rotate{display:none}.hero .hero-text-wrapper{margin:60px 0 0}.hero .scroll{display:none}.hero .hero-column-1{padding:0}.hero .hero-column-3{padding-top:0}.hero .hero-column-3 img{width:64%}.price .package{width:80%;align-items:center}.price .package header,.price .package footer{width:85%}.form-container .form-content{flex-direction:column;align-items:center}.form-container .form-content .form-input{flex:none}.socials{flex-direction:column}}@media (max-width: 380px){.hero .h1{font-size:56px;line-height:64px}.hero .hero-column-3 img{width:220px}.price .package{width:320px}}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl,ol ol,ol ul,ul ol,ul ul{margin:0}hr{box-sizing:content-box;color:inherit;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}table{border-color:inherit;text-indent:0}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}._root_de6mb_382{all:unset;display:flex;justify-content:center;align-items:center;width:100%;max-width:380px;min-width:200px;height:60px;min-height:60px;background-color:#222;transition:all .3s ease-in-out}._label_de6mb_396{color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:16px;font-weight:400;line-height:24px;transition:all .3s ease-in-out}@media (hover: hover){._root_de6mb_382:hover{box-shadow:inset 380px 0 #ff3c3c;color:#222;cursor:pointer}._root_de6mb_382:hover ._label_de6mb_396{color:#222}}._root_de6mb_382:active{box-shadow:inset 380px 0 #ff3c3c;color:#222;cursor:pointer}._root_de6mb_382:active ._label_de6mb_396{color:#222}
