h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;font-family:inherit}img,picture{display:block;max-width:100%;height:auto}:root{--color-scheme-1-background: var(--color-coffee-lighter);--color-neutral-darkest: #0b0803;--color-scheme-1-border: var(--opacity-neutral-darkest-15);--color-scheme-1-text: var(--color-neutral-darkest);--color-neutral-lighter: #dad9d9;--color-white: #fff;--color-neutral-lightest: #f2f2f2;--color-neutral-light: #b5b4b3;--color-neutral: #858381;--color-neutral-dark: #54524e;--color-neutral-darker: #23201c;--opacity-transparent: rgba(255, 255, 255, 0);--color-scheme-1-foreground: var(--color-coffee-light);--color-scheme-1-accent: var(--color-neutral-darkest);--opacity-white-5: rgba(255, 255, 255, .05);--opacity-white-10: rgba(255, 255, 255, .1);--opacity-white-15: rgba(255, 255, 255, .15);--opacity-white-20: rgba(255, 255, 255, .2);--opacity-white-30: rgba(255, 255, 255, .3);--opacity-white-40: rgba(255, 255, 255, .4);--opacity-white-50: rgba(255, 255, 255, .5);--opacity-white-60: rgba(255, 255, 255, .6);--opacity-neutral-darkest-5: rgba(11, 8, 3, .05);--opacity-neutral-darkest-10: rgba(11, 8, 3, .1);--opacity-neutral-darkest-15: rgba(11, 8, 3, .15);--opacity-neutral-darkest-20: rgba(11, 8, 3, .2);--opacity-neutral-darkest-30: rgba(11, 8, 3, .3);--opacity-neutral-darkest-40: rgba(11, 8, 3, .4);--opacity-neutral-darkest-50: rgba(11, 8, 3, .5);--opacity-neutral-darkest-60: rgba(11, 8, 3, .6);--color-coffee-lightest: #eadfd6;--color-coffee-lighter: #e0cbb4;--color-coffee-light: #c29d84;--color-coffee: #b58869;--color-coffee-dark: #6f4e37;--color-coffee-darker: #60432f;--color-coffee-darkest: #443022;--color-scheme-2-text: var(--color-neutral-darkest);--color-scheme-2-background: var(--color-coffee);--color-scheme-2-border: var(--opacity-neutral-darkest-15);--color-scheme-2-accent: var(--color-neutral-darkest);--color-scheme-2-foreground: var(--color-coffee);--color-error-red: #7f1c1c}:root{--font-family: "Quicksand", sans-serif;--second-family: "Aboreto", sans-serif}html{scroll-behavior:smooth}body{background-color:var(--color-coffee-lighter);font-family:var(--font-family);color:var(--color-neutral-darkest);font-size:18px;line-height:1.5}section{padding:64px 0}h2{font-family:var(--second-family);font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-.01em}@media only screen and (min-width: 1440px){h2{font-size:48px}}main{flex-grow:1}main:has(.back-link){text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}a,button,input,textarea{cursor:url("data:image/svg+xml,%3c!--%20Generated%20by%20IcoMoon.io%20--%3e%3csvg%20id='cursor-icon'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='23'%20height='32'%20viewBox='0%200%2045%2040'%20transform='scale(1%20-1)%20rotate(30)'%20fill='currentColor'%3e%3cpath%20fill='%236f4e37'%20d='M9.599%200.064c-1.459%200.3-2.784%200.901-3.964%201.8-2.809%202.139-4.725%205.907-5.378%2010.576-0.241%201.728-0.302%203.608-0.174%205.42%200.214%203.005%200.943%205.764%202.122%208.030%200.975%201.871%202.222%203.355%203.703%204.407%200.881%200.626%201.886%201.114%202.899%201.406%200.518%200.15%201.113%200.271%201.381%200.282%200.535%200.023%201.020-0.26%201.26-0.736%200.071-0.141%200.101-0.247%200.166-0.591%200.371-1.961%200.503-3.937%200.385-5.766-0.117-1.804-0.462-3.523-1.021-5.076-0.32-0.893-0.546-1.404-1.182-2.681-0.837-1.68-1.152-2.367-1.459-3.185-0.599-1.596-0.848-3.007-0.801-4.543%200.039-1.336%200.283-2.602%200.75-3.916%200.531-1.492%201.275-2.986%202.11-4.235%200.1-0.15%200.191-0.301%200.204-0.334%200.12-0.32-0.009-0.672-0.308-0.837-0.168-0.093-0.321-0.097-0.695-0.021z'%3e%3c/path%3e%3cpath%20fill='%23443022'%20d='M13.669%200.119c-0.286%200.072-0.534%200.277-0.653%200.54-0.050%200.111-0.495%201.589-0.706%202.349-0.51%201.832-0.756%203.17-0.827%204.505-0.015%200.284-0.015%200.96%200%201.232%200.065%201.159%200.263%202.056%200.676%203.092%200.272%200.68%200.472%201.095%201.344%202.797%200.62%201.209%200.988%202.026%201.3%202.891%200.844%202.338%201.14%204.89%200.862%207.439-0.15%201.378-0.495%202.79-0.989%204.053-0.183%200.467-0.458%201.070-0.667%201.462-0.14%200.265-0.165%200.339-0.166%200.499%200%200.209%200.067%200.37%200.213%200.518%200.149%200.15%200.291%200.21%200.499%200.212%200.147%200.001%200.201-0.012%200.573-0.134%200.733-0.242%201.437-0.573%202.103-0.989%200.888-0.556%201.75-1.324%202.471-2.204%201.041-1.266%201.892-2.866%202.503-4.701%200.613-1.844%200.984-3.904%201.104-6.134%200.052-0.972%200.050-2.228-0.006-3.227-0.226-4.043-1.309-7.565-3.097-10.074-0.407-0.571-0.751-0.978-1.235-1.463-0.525-0.525-0.985-0.905-1.564-1.287-0.93-0.616-1.889-1.033-3.043-1.323-0.246-0.062-0.272-0.065-0.434-0.070-0.141-0.004-0.188%200-0.263%200.019z'%3e%3c/path%3e%3c/svg%3e"),pointer}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}}@media only screen and (min-width: 1440px){.container{max-width:1440px;padding:0 64px}}.scroll-top{position:fixed;bottom:24px;right:24px;padding:10px;width:52px;height:52px;border:none;border-radius:50%;background:#d9c39a;color:#2a1f14;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #0000002e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease;z-index:999}.scroll-top.is-visible{opacity:1;visibility:visible;pointer-events:auto}@media (hover: hover){.scroll-top:hover{background:#c9ad7d}}.scroll-top:focus-visible{outline:2px solid #2a1f14;outline-offset:4px}@media only screen and (min-width: 768px){.scroll-top{width:64px;height:64px;font-size:18px}}.header{position:sticky;top:0;z-index:100;background-color:var(--color-coffee-lighter);box-shadow:0 2px 4px #0000001a;max-width:1440px;margin:0 auto;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease;will-change:transform}.header .container{display:flex;align-items:center;justify-content:space-between;height:72px;transition:height .25s ease}.header.is-scrolled .container{height:56px}.header.is-scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000014}.header.is-hidden{transform:translateY(-100%)}.header a:focus-visible,.header button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header-logo-link{display:flex;align-items:center;justify-content:center;padding:18px 10px}.header-nav{display:none}.mobile-menu-open{border:none;background-color:transparent;padding:12px}.burger-btn-icon{display:block;fill:var(--color-scheme-1-text)}@media only screen and (min-width: 768px){.header .container{padding:0 64px}.mobile-menu-open{display:none}.header-nav{display:block}.header-list{display:flex;align-items:center;justify-content:center;gap:32px}.header-item-link{font-weight:400;font-size:16px;color:var(--color-scheme-1-text);padding:24px 0;transition:opacity .25s ease-in-out}.header-item-link:hover,.header-item-link:focus{opacity:.5}.header-item-link:active{opacity:.7}}.hero-section{background-image:linear-gradient(#00000080,#00000080),url(/JoJo-team-project/assets/hero-BEkyEFnu.webp);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;padding:108.5px 32px;margin:0 auto}@media screen and (min-resolution: 2dppx){.hero-section{background-image:linear-gradient(#00000080,#00000080),url(/JoJo-team-project/assets/hero2x-BvAP6lC4.webp)}}.hero-content{display:flex;flex-direction:column;align-items:center;gap:32px;padding:0;min-width:256px;max-width:256px;margin:0}.hero-txt{display:flex;gap:24px;flex-direction:column}.hero-title{font-family:var(--second-family);text-transform:uppercase;font-weight:400;font-size:40px;line-height:1.2;letter-spacing:-.01em;color:var(--color-white)}.hero-text{font-weight:400;font-size:18px;line-height:1.5;color:var(--color-white)}.hero-link-button{display:block;border:none;font-weight:500;font-size:16px;line-height:1.5;color:var(--color-white);border-radius:100px;padding:10px 24px;width:135px;height:44px;box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);background:var(--color-coffee-dark);transition:opacity .25s cubic-bezier(.4,0,.2,1);align-self:flex-start}.hero-link-button:hover{opacity:.5}.hero-link-button:active,.hero-link-button:focus{box-shadow:none;opacity:1}@media screen and (min-width: 768px){.hero-section{padding-top:311.5px;padding-bottom:311.5px}.hero-content{max-width:560px}}@media screen and (min-width: 1440px){.hero-section{width:1440px;padding:259px 64px}.hero-title{font-size:56px}}.about-section .container{display:flex;flex-wrap:wrap;gap:32px}.welcome-title{flex:0 0 100%;display:flex;flex-direction:column;gap:16px}.welcome-description{flex:0 0 100%;display:flex;flex-direction:column;gap:32px}.welcome-images{flex:1 1 100%}.welcome-rounded{border-radius:40px}.welcome-button{display:inline-flex;align-items:center;border:none;font-weight:500;font-size:16px;line-height:1.5;color:var(--color-white);border-radius:100px;padding:10px 24px;height:44px;box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);background:var(--color-coffee-dark);transition:all .25s cubic-bezier(.4,0,.2,1);gap:14px;justify-content:center}.welcome-icon{display:block;fill:#fff;width:20px;height:20px}.welcome-button:hover{opacity:.5}.welcome-button:active,.welcome-button:focus{box-shadow:none;opacity:1}.welcome-text{font-family:var(--font-family);font-weight:600;font-size:16px;line-height:1.5;color:var(--color-neutral-darkest)}@media only screen and (min-width: 768px){.welcome-title,.welcome-description{flex:0 0 calc((100% - 32px)/2)}.welcome-images{flex:1 1 100%}.welcome-button{width:fit-content}}@media only screen and (min-width: 1440px){.about-section .container{row-gap:80px;column-gap:32px}.welcome-images{height:738px}}.benefits-section{padding:64px 0;text-align:center}.benefits-text-subtitle{font-weight:600;font-size:16px;line-height:1.5;margin-bottom:16px;color:var(--color-neutral-darkest)}.benefits-section-title{margin-bottom:16px}.benefits-section-description{margin-bottom:32px}.benefits-list{display:flex;flex-direction:column;align-items:stretch;gap:24px}.benefits-image{border-radius:32px;box-shadow:5px 5px 8px #aa9a78,-5px -5px 8px #e2cc9e;margin-bottom:32px;width:100%}.benefits-subtitle{font-weight:600;font-size:20px;line-height:1.5;color:var(--color-neutral-darkest);margin-bottom:8px}.benefits-text{font-size:16px;line-height:1.5;text-align:center;color:var(--color-neutral-darkest)}@media only screen and (min-width: 768px){.benefits-section-title{width:452px;margin:0 auto}.benefits-list{flex-direction:row;flex-wrap:wrap}.benefits-item{position:relative;display:flex;flex-direction:column;width:calc((100% - 24px)/2)}.benefits-item:last-child{flex-grow:2}.benefits-item:nth-child(3) .benefits-text{margin:0 132px}}@media only screen and (min-width: 1440px){.benefits-section-title{width:768px;font-size:48px;margin:0 auto 24px}.benefits-section-description{width:768px;margin:0 auto 32px}.benefits-item{width:calc((100% - 48px) / 3);border-radius:32px}.benefits-image{transition:transform .25s ease-in-out,scale .25s ease-in-out,background-color .25s ease-in-out,box-shadow .25s ease-in-out}.benefits-image:hover,.benefits-image:focus{transform:scale(1.05);background-color:var(--color-scheme-1-hover)}.benefits-text,.benefits-item:nth-child(3) .benefits-text{margin:0 auto}}.gallery-section .container{display:flex;flex-direction:column}.text-container{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:32px}.section-title{text-align:center;max-width:288px;text-transform:uppercase}.section-description{text-align:center;max-width:288px}.gallery-list{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.gallery-item{overflow:hidden;border-radius:32px;box-shadow:5px 5px 8px #aa9a78,-5px -5px 8px #e2cc9e;transition:transform .25s ease-in-out}.gallery-item img{width:100%;object-fit:cover}@media screen and (min-width: 320px) and (max-width: 767px){.gallery-item{min-width:288px;max-width:343px;width:100%}}@media only screen and (min-width: 768px){.section-title,.section-description{max-width:768px}.gallery-list{flex-direction:row;flex-wrap:wrap;gap:32px}}@media only screen and (min-width: 1440px){.gallery-list{flex-direction:column;justify-content:flex-start;max-height:948px}.gallery-item:hover{transform:scale(1.05)}}.subscribe-container{display:flex;flex-direction:column;gap:32px}.subscribe-content{display:flex;flex-direction:column;align-items:flex-start}.subscribe-header{margin-bottom:32px}.subscribe-title{margin-bottom:24px}.subscribe-description{font-weight:400}.subscribe-form{display:flex;flex-direction:column}.subscribe-input-control{display:flex;flex-direction:column;gap:24px;margin-bottom:16px}.subscribe-input{display:block;width:100%;border-radius:12px;padding:8px 12px;font-size:16px;font-weight:400;line-height:1.375;background:#fff0;border:1px solid var(--color-scheme-1-border);transition:border-color .25s ease-in-out}.subscribe-input:not(:placeholder-shown):invalid{border:1px solid #7f1c1c;color:#7f1c1c}.subscribe-input:focus,.subscribe-input:hover{outline:none;border-color:#6f4e37}.subscribe-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;border:none;padding:10px 24px;box-shadow:0 1px 2px #0b08030d,inset 0 -2px 1px #0003,inset 0 0 0 1px #0b080326,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;background:#6f4e37;color:#fff;font-size:16px;font-weight:500;line-height:1.5;transition:opacity .25s ease-in-out}.subscribe-btn:hover,.subscribe-btn:focus-visible{opacity:.5}.subscribe-btn:active{box-shadow:none}.subscribe-svg{fill:currentColor;width:24px;height:24px;align-self:center}.subscribe-note{font-size:12px;font-weight:400;line-height:1.5;color:var(--color-scheme-1-text)}.subscribe-image{width:100%;aspect-ratio:288 / 400;border-radius:40px;overflow:hidden}.subscribe-images{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media only screen and (min-width: 768px){.subscribe-input-control{flex-direction:row;gap:16px}.subscribe-image{aspect-ratio:704 / 400}.subscribe-input{width:340px}.subscribe-btn{width:158px}}@media only screen and (min-width: 1440px){.subscribe-container{flex-direction:row;align-items:center;gap:32px}.subscribe-content{flex:0 0 640px;margin-bottom:0}.subscribe-image{flex:0 0 640px;aspect-ratio:640 / 400}}.testimonial-title{text-align:left;margin-bottom:24px;width:100%}.reviews_list{display:flex;flex-direction:column;gap:24px}.review-card{background:var(--color-scheme-1-foreground);border:1px solid var(--color-scheme-1-border);border-radius:32px;box-shadow:5px 5px 8px #aa9a78,-5px -5px 8px #e2cc9e;padding:32px}.review-card-group{margin-bottom:24px}.stars-list{display:flex;margin-bottom:24px;gap:4px}.icon-white-star,.icon-black-star{display:block}.icon-white-star{fill:transparent;stroke-width:1px;stroke:#0b0803}.review-text{width:100%;min-width:224px}.review-author{font-weight:600;font-size:16px;line-height:1.5}@media only screen and (min-width: 768px){.testimonial-title{max-width:498px}.reviews_list{flex-direction:row;flex-wrap:wrap;gap:24px}.review-card{position:relative;display:flex;flex-direction:column;width:calc((100% - 24px)/2);min-height:254px}.review-card-group{margin-bottom:auto}.review-text{width:276px}}@media only screen and (min-width: 1440px){.testimonial-title{max-width:416px;font-size:48px}.review-card{min-height:304px;width:calc(25% - 18px);box-shadow:none;transition:transform .25s ease-in-out,background-color .25s ease-in-out}.review-card:hover{transform:translateY(-8px);background-color:var(--color-scheme-1-hover)}.review-text{width:246px}}.location .container{display:flex;flex-direction:column;align-items:stretch}.location-content{width:100%;margin-bottom:32px}.location address{font-style:normal}.location-header{margin-bottom:40px}.location-tag-txt{margin-bottom:16px;font-size:16px;font-weight:600}.location-title{margin-bottom:24px}.location-description{font-weight:400}.location-list{display:flex;flex-direction:column;gap:40px;margin-bottom:0}.location-svg{display:block;width:32px;height:32px;fill:var(--color-scheme-1-text);margin-bottom:16px}.location-list-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:20px;line-height:1.4;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:8px}.location-link{display:block;line-height:1.5;font-size:16px;font-weight:400;text-decoration:underline;text-decoration-skip-ink:none}.location-list-txt{display:block;line-height:1.5;font-size:16px;font-weight:400;margin-bottom:16px}.location-direction-link{position:relative;display:flex;align-items:center;width:138px;padding-right:28px;border-radius:100px;font-weight:500;font-size:16px;line-height:1.5;color:var(--color-scheme-1-text);text-decoration:none}.location-svg.chevron-right{position:absolute;display:block;width:24px;height:24px;right:0;top:50%;transform:translateY(-50%);margin-bottom:0}.location-link,.location-direction-link{transition:opacity .25s ease-in-out}.location-link:hover,.location-link:focus-visible,.location-direction-link:hover,.location-direction-link:focus-visible{opacity:.5}.location-link:active{opacity:.7}.location-direction-link:active{background:#0b08031a}.location-map-div{border-radius:40px;width:100%;aspect-ratio:288 / 307;overflow:hidden}.location-map{width:100%;height:100%}@media only screen and (min-width: 768px){.location-list{flex-direction:row;justify-content:space-between}.location-list-txt{width:208px}.location-map-div{aspect-ratio:704 / 307}}@media only screen and (min-width: 1440px){.location .container{flex-direction:row;gap:24px;align-items:flex-start;justify-content:space-between}.location-content{flex:0 0 419px;max-width:419px}.location-list{flex-direction:column;justify-content:space-between;margin-bottom:0}.location-list-txt{width:100%}.location-map-div{flex:1;width:auto;aspect-ratio:869 / 697}}.footer{background:var(--color-scheme-2-background);min-width:320px}.footer .container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px}.footer-content{padding:32px 48px;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--color-scheme-1-foreground);border:1px solid var(--color-scheme-1-border);gap:32px;width:100%}.footer-logo-link{display:flex;align-items:center;justify-content:center}.social{display:flex;flex-direction:column;align-items:center;gap:40px}.icon-list{display:flex;align-items:baseline;gap:12px}.icon-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.social-link{display:flex;justify-content:center;align-items:center;transition:opacity .25s ease-in-out}.social-link:hover,.social-link:focus{opacity:.5}.social-link:active{opacity:.7}.footer-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.footer-item-link{font-weight:400;font-size:16px;color:var(--color-scheme-1-text);transition:opacity .25s ease-in-out}.footer-item-link:hover,.footer-item-link:focus{opacity:.5}.footer-item-link:active{opacity:.7}.rights{font-weight:400;font-size:14px;line-height:1.5;color:var(--color-scheme-1-text);margin-top:32px}@media screen and (min-width: 768px){.footer .container{padding:24px 32px}.footer-content{width:100%}.footer-logo{width:84px;height:36px}.icon-item{width:24px;height:24px}.social,.footer-list{flex-direction:row}}@media screen and (min-width: 1440px){.footer .container{padding:24px 64px}.footer-content{flex-direction:row;justify-content:space-between}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-scheme-1-background);opacity:0;visibility:hidden;pointer-events:none;z-index:999;transform:translate(100%);transition:transform .25s ease-in-out,opacity .25s ease-in-out,visibility .25s ease-in-out}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.menu-container{position:relative;display:flex;flex-direction:column;height:100%}.menu-header{display:flex;align-items:center;justify-content:space-between}.mobile-menu-close{border:none;background-color:transparent;padding:12px}.mobile-menu-close-icon{display:block;fill:var(--color-scheme-1-text)}.mobile-menu-nav{margin:auto}.mobile-menu-nav-list{display:flex;flex-direction:column;gap:32px;align-items:center}.mobile-menu-nav-link{font-weight:400;font-size:16px;transition:opacity .25s ease-in-out}.mobile-menu-nav-link:hover,.mobile-menu-nav-link:focus{opacity:.5}.mobile-menu-nav-link:active{opacity:.7}@media only screen and (min-width: 768px){.mobile-menu{display:none}}.modal-overlay{background:#00000040;position:fixed;width:100%;height:100%;opacity:0;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.modal-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal-overlay:not(.is-open) .modal{transform:translate(-50%,-50%) scale(1.5)}.modal-form{display:flex;flex-direction:column;align-items:center;gap:24px;background:var(--color-scheme-1-background);min-width:288px;border-radius:40px;padding:64px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.modal-close-btn{width:32px;height:32px;stroke-width:1px;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;position:absolute;cursor:pointer;top:24px;right:24px;transition:opacity .25s ease-in-out}.modal-close-btn:hover,.modal-close-btn:focus{opacity:.5}.modal-close-btn:hover .cross-icon,.modal-close-btn:focus .cross-icon{opacity:.5}.close-icon{fill:var(--color-scheme-2-text)}.modal-text{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:256px;gap:16px}.modal-title{font-family:var(--second-family);font-weight:400;font-size:32px;line-height:1.2;letter-spacing:-.01em;text-align:center;color:var(--color-scheme-1-text)}.modal-desc{font-family:var(--font-family);font-weight:400;font-size:18px;line-height:1.5;text-align:center;color:var(--color-scheme-1-text)}.graitfull-foto{border-radius:24px}.modal-button{display:block;align-items:center;min-width:256px;height:44px;padding:10px 24px;color:var(--color-white);border:none;border-radius:100px;box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);background:var(--color-coffee-dark);font-size:16px;cursor:pointer;font-weight:500;line-height:1.5;letter-spacing:.04em;transition:opacity .25s ease-in-out}.modal-button:hover,.modal-button:focus{opacity:.5}.modal-button:active{opacity:.7}@media screen and (min-width: 768px){.modal-form{gap:48px;min-width:704px;padding:64px 30px}.modal-text{max-width:576px}.modal-title{max-width:502px;font-size:36px}.graitfull-foto{width:644px;height:374px}.modal-button{width:340px}}@media screen and (min-width: 1440px){.modal-form{padding:64px}.modal-text{max-width:738px}.modal-title{min-width:738px;font-size:48px}.modal-button{min-width:274px}}.welcome-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--color-scheme-2-background);color:var(--color-scheme-2-text);text-align:center;padding:16px;opacity:1;transform:scale(1);filter:blur(0);transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1),filter .45s cubic-bezier(.4,0,.2,1)}.welcome-screen.hide{opacity:0;transform:scale(1.05);filter:blur(6px);pointer-events:none}.welcome-screen-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(90vw,320px)}.welcome-screen-title{font-family:var(--font-family);line-height:1.5;font-weight:600;font-size:clamp(24px,6vw,32px);margin-bottom:24px}.welcome-logo{width:min(80vw,220px);margin-bottom:24px}.welcome-screen-text{font-family:var(--font-family);font-weight:500;font-size:clamp(14px,4vw,16px);line-height:1.5;letter-spacing:.03em;text-align:center}@media screen and (min-width: 375px){.welcome-screen-content{width:320px}.welcome-screen-title{font-size:32px;margin-bottom:32px}.welcome-logo{width:260px;height:111px}.welcome-screen-text{font-size:16px}}@media screen and (min-width: 768px){.welcome-screen-content{width:420px}.welcome-screen-title{font-size:40px;margin-bottom:40px}.welcome-logo{width:360px;height:154px}.welcome-screen-text{font-size:20px}}@media screen and (min-width: 1440px){.welcome-screen-content{width:550px}.welcome-screen-title{font-size:48px;margin-bottom:48px}.welcome-logo{display:block;align-self:center;width:541px;height:232px}.welcome-screen-text{font-size:23px}}