@import"https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--header-height: 5rem;--first-color: darkgoldenrod;--first-color-light: hsl(42, 13%, 34%);--title-color: hsl(0, 0%, 100%);--text-color: hsl(0, 0%, 67%);--bg-color: hsl(0, 0%, 8%);--container-color: hsl(0, 0%, 6%);--hsla: hsla(0, 0%, 0%, .75);--body-font: "Roboto Slab";--second-font: "Raleway";--biggest-font-size: clamp(2rem, 1.125rem + 4vw, 4.125rem);--bigger-font-size: clamp(1.875rem, 1.3603rem + 2.3529vw, 3.125rem);--big-font-size: clamp(1.75rem, 1.4412rem + 1.4118vw, 2.5rem);--h1-font-size: 1.875rem;--h2-font-size: 1.75rem;--h3-font-size: 1.5rem;--largest-font-size: 1.375rem;--larger-font-size: 1.25rem;--large-font-size: 1.125rem;--normal-font-size: 1rem;--weight-400: 400;--weight-500: 500;--weight-600: 600;--weight-700: 700;--weight-800: 800;--weight-900: 900;--radius: .5rem;--transition: ease-in-out}*{margin:0;padding:0;box-sizing:border-box;transition:ease-in-out}input,textarea,button,body{font-family:var(--body-font);font-size:var(--normal-font-size)}body{color:var(--text-color);background:var(--bg-color)}h1,h2,h3{font-family:var(--second-font);color:var(--title-color);font-weight:var(--weight-400)}ul{list-style:none}p{line-height:1.8}a{text-decoration:none}input,textarea{border:none;outline:none}img{max-width:100%}.container{max-width:1200px;margin-inline:auto;padding-inline:.75rem}.grid{display:grid;gap:1.5rem}.btn{display:inline-block;color:var(--title-color);background:var(--first-color);border:2px solid var(--first-color);padding:1rem 1.5rem;border-radius:var(--radius)}.btn:hover{background-color:transparent;color:var(--title-color)}.btn--flex{display:flex;align-items:center;column-gap:.25rem}.section{padding-block:7.5rem}.section__title{font-size:var(--big-font-size);text-align:center;margin-bottom:3rem}.section__title:before{content:attr(data-title);display:block;color:var(--first-color);font-family:var(--second-font);font-size:var(--h2-font-size);letter-spacing:2px;margin-bottom:.5rem}.title-left{text-align:left;margin-bottom:1rem}.header{position:absolute;left:0;top:0;width:100%;z-index:100}.nav{position:relative;height:calc(var(--header-height) + 1.5rem);display:flex;align-items:center;justify-content:space-between}.nav__logo-img{width:170px;cursor:pointer}.nav__list{display:flex;column-gap:2rem}.nav__link,.nav__toggle{color:var(--title-color);cursor:pointer}.nav__link{font-size:var(--large-font-size);font-weight:var(--weight-500)}.nav__toggle{font-size:var(--h2-font-size);display:none}.scroll-header{position:fixed;background:var(--container-color);animation:slide-down .7s}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.active,.nav__link:hover{color:var(--first-color)!important}.home{background:center / cover url(/assets/home-bg-0ddf2748.png);min-height:calc(100vh + var(--header-height));display:flex;align-items:center}.home__container{width:100%}.home__content{max-width:660px}.home__subtitle,.home__description{color:var(--title-color)}.home__subtitle{font-size:var(--h1-font-size);font-weight:var(--weight-500)}.home__title{background-image:linear-gradient(-70deg,darkgoldenrod,gold);font-size:var(--biggest-font-size);font-weight:var(--weight-700);margin-block:1.25rem;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home__description{margin-bottom:2.25rem}.home__btns{display:flex;column-gap:2rem}.home__btn{background-color:transparent}.home__btn:hover{background-color:var(--first-color);color:var(--title-color)}.about{padding-bottom:0}.about__grid{grid-template-columns:repeat(2,1fr);align-items:center;gap:3rem}.about__img-wrapper{position:relative;padding-left:1.5rem}.about__img-wrapper:before{content:"";position:absolute;bottom:-1.125rem;left:0;background-color:var(--first-color);width:100%;height:100%;z-index:-1}.about__img{width:100%}.about__details{margin-block:1.25rem 2.25rem}.about__details-description{display:flex;align-items:center}.about__details,.about__details-description{gap:.625rem}.features__grid{grid-template-columns:repeat(3,1fr)}.features__item{background-color:var(--container-color);padding:2rem;border-radius:var(--radius);position:relative;transition:.5s var(--transition)}.features__item:before{content:"";position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;border:2px solid var(--first-color);opacity:.2;border-radius:inherit}.feature__img{width:60px;margin-bottom:1.25rem}.feature__title{font-size:var(--h3-font-size);margin-bottom:.625rem}.feature__shape{position:absolute;width:120px;right:1.25rem;top:3rem;opacity:.2}.features__item:hover{transform:translateY(-.5rem)}.pricing{background:url(/assets/bg-a87431d1.jpg) center / cover fixed;position:relative}.pricing:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--hsla)}.pricing .section__title,.pricing__grid{position:relative;z-index:1}.pricing__grid{grid-template-columns:repeat(2,1fr)}.pricing__item{grid-template-columns:max-content 1fr;align-items:center;gap:.75rem;background:var(--container-color);padding:1.25rem;border-radius:var(--radius);transition:.5s var(--transition)}.pricing__img-wrapper{border:2px dashed var(--first-color);padding:3px;width:80px;height:80px}.pricing__img-wrapper,.pricing__img{border-radius:50%}.pricing__data{display:flex;align-items:center;justify-content:space-between;column-gap:.75rem}.pricing__title,.pricing__price{color:var(--first-color)}.pricing__title{font-size:var(--large-font-size);margin-bottom:.25rem}.pricing__price{border-left:2px dashed var(--first-color);padding-left:1.5rem;font-size:var(--larger-font-size);font-weight:var(--weight-600)}.pricing__item:hover{transform:translateY(-.5rem)}.choose__grid{grid-template-columns:repeat(2,1fr);align-items:center}.choose__description{margin-bottom:3rem}.choose__details{row-gap:2rem}.choose__details-item{display:flex;align-items:start;column-gap:1.25rem}.choose__details-img-wrapper{border:2px dashed var(--title-color);width:60px;height:60px;border-radius:50%;display:grid;place-items:center}.choose__details-img{width:36px}.choose__details-item div:last-child{width:calc(100% - 80px)}.choose__details-title{font-size:var(--largest-font-size);margin-bottom:.5rem}.gallery__grid{grid-template-columns:repeat(3,1fr)}.gallery__item{position:relative}.gallery__item:before{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;background-color:var(--first-color);border-radius:var(--radius);transform:scaleY(0);opacity:0;transition:.4s var(--transition)}.gallery__img,.gallery__title{border-radius:var(--radius)}.gallery__icon,.gallery__title{position:absolute;font-size:var(--largest-font-size);opacity:0}.gallery__icon{top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--title-color);color:var(--first-color);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin-top:3rem;transition:.3s var(--transition);transition-delay:.3s}.gallery__title{bottom:0;inset-inline:1.75rem;background-color:var(--container-color);text-align:center;padding-block:1.25rem;transition:.5s var(--transition)}.gallery__item:hover:before{transform:scaleY(1);opacity:.7}.gallery__item:hover .gallery__icon,.gallery__item:hover .gallery__title{opacity:1}.gallery__item:hover .gallery__icon{margin-top:0}.gallery__item:hover .gallery__title{bottom:1.75rem}.reservation{background:var(--container-color);padding:2.5rem}.reservation,.reservation .section__title,.reservation__form{position:relative}.reservation .section__title,.reservation__form{z-index:10}.reservation__form{grid-template-columns:repeat(3,1fr)}.form__input-textarea,.reservation__btn{grid-column:1/-1}.reservation,.form__input{border-radius:var(--radius)}.form__input{width:100%;color:var(--title-color);background:var(--bg-color);border:1px solid var(--first-color-light);border-radius:10px;padding:1rem 1.25rem}.form__input::placeholder{color:var(--first-color-light)}.form__input-textarea .form__input{height:128px;resize:none}.reservation__btn{justify-self:center}.reservation__contact{display:flex;align-items:center;justify-content:space-around}.reservation__contact-item{flex:0 0 25%;max-width:25%;text-align:center}.reservation__title{color:var(--first-color);font-size:25px;font-weight:700;text-align:center;margin:70px 0 30px}.reservation__contact-item-icon{color:var(--first-color);font-size:30px}.reservation__contact-item h4{margin:15px 0 5px;font-size:19px}.footer{background:var(--container-color)}.footer__grid{grid-template-columns:4fr 2fr 3fr 3fr;padding-block:6.25rem 4.5rem}.footer__title,.footer__logo-img{margin-bottom:2rem}.footer__logo-img{width:190px}.footer__description{margin-bottom:1.25rem}.footer__contact-item{display:flex;align-items:center;column-gap:.75rem;margin-bottom:1rem}.footer__contact-item .icon{color:var(--first-color);font-size:var(--larger-font-size)}.footer__title{font-size:var(--h3-font-size);letter-spacing:1.5px;padding-bottom:1.25rem;position:relative}.footer__title:before,.footer__title:after{content:"";position:absolute;bottom:0;height:2px;background-color:var(--first-color)}.footer__title:before{width:12px;left:0}.footer__title:after{width:30px;left:1.125rem}.footer__links,.footer__link{display:flex}.footer__links{flex-direction:column;gap:1.5rem}.footer__link{color:var(--title-color);align-items:center;column-gap:.25rem}.footer__link .icon{color:var(--first-color)}.footer__opening-hour{background:var(--bg-color);padding:2rem 1.5rem;position:relative}.footer__opening-hour:before{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border:2px dashed var(--first-color)}.opening__hour-item{display:flex;justify-content:space-between}.opening__hour-item:not(:last-child){margin-bottom:1.125rem}.subscribe__input{border:2px solid var(--title-color)}.subscribe__input::placeholder{color:var(--title-color)}.subscribe__btn{width:100%;justify-content:center;margin-top:1.25rem}.footer__social-follow{font-size:var(--normal-font-size);margin-block:1.5rem 1rem}.footer__social-links-item{display:flex;column-gap:1rem;align-items:center}.footer__social-links{display:flex;flex-direction:column;row-gap:1rem;margin-top:3rem}.footer__social-link{width:38px;height:38px;border-radius:50%;color:var(--title-color);border:2px solid var(--first-color);display:grid;place-items:center;transition:.5s var(--transition)}.footer__social-link:hover{background-color:var(--first-color)}.footer__social-links-item a{color:var(--text-color)}.copyright-text{padding-block:1.25rem;border-top:2px dashed hsla(0,0%,100%,.1);text-align:center;color:var(--title-color)}.copyright-text span{color:var(--first-color)}@media screen and (max-width: 1200px){.container{max-width:960px}.features__grid,.footer__grid{grid-template-columns:repeat(2,1fr)}.footer__grid{row-gap:3rem}}@media screen and (max-width: 992px){:root{--h1-font-size: 1.5rem;--h2-font-size: 1.375rem;--h3-font-size: 1.25rem;--largest-font-size: 1.25rem;--larger-font-size: 1.125rem;--large-font-size: 1rem;--normal-font-size: .9375rem}.container{max-width:720px}.btn{padding:.75rem 1.25rem}.nav{height:var(--header-height)}.nav__logo-img,.footer__logo-img{width:140px}.nav__menu{position:absolute;top:100%;inset-inline:.75rem;background-color:var(--title-color);overflow:scroll;max-height:0;transition:all .3s ease-in-out}.show-menu{max-height:220px}.nav__list{flex-direction:column}.nav__item{padding:.5rem 1.25rem}.nav__link{color:var(--bg-color)}.nav__toggle{display:block}.home__btns{flex-wrap:wrap;gap:1.25rem}.about__grid,.pricing__grid,.choose__grid{grid-template-columns:1fr}.stats__grid,.gallery__grid,.team__grid,.reservation__form{grid-template-columns:repeat(2,1fr)}.stats__grid{row-gap:5rem}.choose__grid{row-gap:3rem}}@media screen and (max-width: 768px){.container{max-width:540px}.footer__grid{grid-template-columns:1fr}}@media screen and (max-width: 576px){.about__img-wrapper{padding-left:1rem}.about__img-wrapper:before{bottom:-.625rem}.features__grid,.pricing__item,.stats__grid,.gallery__grid,.team__grid,.reservation__form{grid-template-columns:1fr}.pricing__img-wrapper{width:60px;height:60px;padding:2px}.reservation__contact{flex-direction:column}.reservation__contact-item{margin-bottom:35px}}@media screen and (max-width: 350px){.reservation{padding:1.5rem 1.25rem}}