*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.fs-16-normal{font-family:Inter,sans-serif;font-size:16px;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:150%}.h3-48-400{font-family:Inter,sans-serif;font-size:48px;font-weight:400;font-style:normal;line-height:85%;text-transform:uppercase}@media(min-width:768px){.h3-48-400{font-size:56px}}@media(min-width:1024px){.h3-48-400{font-size:72px}}.h4-16-500{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:100%;text-transform:uppercase;letter-spacing:2%;font-style:normal}.h4-16-400{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:150%;font-style:normal}.header{display:flex;justify-content:space-between;padding:20px 18px 20px 20px}.header__button{width:20px;height:8px}@media(min-width:1024px){.header__button{display:none}}@media(min-width:768px){.header{padding:16px 18px 20px 20px}}@media(min-width:1024px){.header{padding:32px 32px 28px 36px}}.menu{position:fixed;top:0;right:0;left:0;transform:translate(-100%);display:flex;flex-direction:column;gap:132px;height:100vh;padding:20px 16px 20px 20px;background-color:#ffeefc;transition:transform .3s ease}.menu:target{transform:translate(0)}@media(min-width:1024px){.menu{position:static;transform:translate(0);height:auto;justify-self:flex-end;padding:0}}.menu__top{display:flex;justify-content:space-between}@media(min-width:1024px){.menu__top{display:none}}.menu__list{display:flex;flex-direction:column;gap:24px;align-items:center;justify-self:center;list-style:none}@media(min-width:1024px){.menu__list{flex-direction:row;gap:64px}}.menu__list-link{color:#1c1a26;text-decoration:none}.menu__list-phone-link{display:flex;gap:8px;align-items:center;font-family:Inter,sans-serif;font-size:16px;font-weight:500;font-style:Medium;line-height:100%;color:#f9512e;text-transform:uppercase;letter-spacing:2%}.hero{display:flex;flex-direction:column;padding:0 16px}@media(min-width:768px){.hero{padding:80px 44px 0;position:relative}}@media(min-width:1024px){.hero{padding:0 44px}}@media(min-width:1200px){.hero{padding:0 124px}}.hero__text{width:281px;text-align:center;align-self:flex-start}@media(min-width:768px){.hero__text{text-align:left}}@media(min-width:1024px){.hero__text{align-self:flex-start;position:absolute;top:24.5%;width:260px;padding:0}}@media(min-width:1200px){.hero__text{width:290px;top:23%}}.hero__title{width:auto;display:flex;place-self:center;font-family:Inter,sans-serif;font-size:64px;font-weight:400;font-style:normal;line-height:85%;letter-spacing:-.5px;color:#f9512e;text-align:center;text-transform:uppercase;padding-top:32px}@media(min-width:768px){.hero__title{z-index:1;position:absolute;top:45%;font-size:80px;padding-top:0}}@media(min-width:1024px){.hero__title{font-size:clamp(111px,11vw,120px);top:39%}}@media(min-width:1200px){.hero__title{font-size:clamp(112px,9.4vw,144px);top:39%}}.hero__image{display:flex;justify-content:center;align-self:center;width:auto}@media(min-width:768px){.hero__image{padding:16px 0 80px}}@media(min-width:1024px){.hero__image{padding:0}}.hero__button{display:flex;gap:6px;align-items:center;justify-content:center;place-self:center;width:288px;height:56px;border:2px solid #f9512e;border-radius:32px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;font-style:Medium;line-height:100%;color:#f9512e;text-transform:uppercase;letter-spacing:2%;text-decoration:none}@media(min-width:768px){.hero__button{width:326px}}@media(min-width:1024px){.hero__button{width:260px;margin:0;position:absolute;left:44px;bottom:32%}.hero__button:hover,.hero__button:focus{background-color:#f9512e;color:#fff;border-bottom:2px solid white}.hero__button:hover .hero__button-icon,.hero__button:focus .hero__button-icon{filter:brightness(0) invert(1)}.hero__button:after{content:"";position:absolute;width:130px;height:1px;background-color:#fff;bottom:9px;left:25%;transform:scaleX(0)}.hero__button:hover:after,.hero__button:focus:after{transform:scaleX(1)}}@media(min-width:1200px){.hero__button{width:280px;margin:0;left:124px;bottom:22%}}.main-section{display:flex;flex-direction:column;gap:56px;padding:64px 16px 72px}@media(min-width:768px){.main-section{padding:228px 44px 152px}}@media(min-width:1024px){.main-section{gap:80px;padding:152px 44px 178px}}@media(min-width:1200px){.main-section{gap:80px;padding:152px 124px 178px}}.main__description{display:flex;flex-direction:column;gap:24px;max-width:386px}@media(min-width:768px){.main__description{max-width:none}}.main__description-title{color:#f9512e}.main__cards{display:flex;flex-direction:column;gap:56px;align-items:center}@media(min-width:768px){.main__cards{flex-flow:row wrap;gap:24px;row-gap:80px}.main__cards-cakes{justify-content:flex-start}.main__cards-donuts{justify-content:flex-end}.main__cards-cookies{justify-content:flex-start}}.main__card{display:flex;flex-direction:column;gap:16px;width:auto}@media(min-width:1024px){.main__card-picture{transition:transform .3s ease}.main__card-picture:hover,.main__card-picture:focus{transform:scale(1.08)}}.main__card-description{display:flex;flex-direction:column;gap:8px}.main__card-title{color:#7f8096}.main__card-text{width:280px;letter-spacing:-.5px}@media(min-width:768px){.main__card-text{width:320px}}@media(min-width:1024px){.main__card-text{width:380px}}.main__card-button{display:flex;gap:8px;align-self:flex-start;text-decoration:none;color:#f9512e}.about{display:flex;flex-direction:column;align-items:center;gap:64px;padding:0 16px 72px;background-image:url(/layout_creativeBakery/assets/Crumbs-320-BlBzD0OX.png);background-repeat:no-repeat;background-position:50% 72%}@media(min-width:768px){.about{width:auto;gap:72px;padding:0 44px 152px;background-image:url(/layout_creativeBakery/assets/Crumbs-768-F0Jir-xY.png);background-position:50% 20%}}@media(min-width:1024px){.about{gap:144px;height:750px;padding:0 44px 56px;background-image:url(/layout_creativeBakery/assets/Crumbs-1200-cFhgRXKs.png);background-position:71% 10%}}@media(min-width:1200px){.about{gap:144px;height:750px;padding:0 124px 56px;background-image:url(/layout_creativeBakery/assets/Crumbs-1200-cFhgRXKs.png);background-position:75% 0}}.aboutUs{display:flex;flex-direction:column;gap:32px;width:auto}@media(min-width:768px){.aboutUs{display:grid;grid-template-columns:1fr 1fr;gap:24px}}.aboutUs__title{width:288px;color:#f9512e}@media(min-width:768px){.aboutUs__title{min-width:328px;max-width:456px;width:auto;letter-spacing:-.6px}}.aboutUs__text{min-width:288px;color:#1c1a26}@media(min-width:768px){.aboutUs__text{min-width:328px;max-width:456px;width:auto}}@media(min-width:1024px){.aboutUs__text{max-width:544px}}@media(min-width:1200px){.aboutUs__text{max-width:584px}}.stats{display:flex;flex-direction:column;justify-content:center;gap:48px;width:100%}@media(min-width:768px){.stats{flex-flow:row wrap;gap:24px;margin:0 auto;row-gap:80px}}.stats__values{display:flex;flex-direction:column;gap:8px}@media(min-width:768px){.stats__values{min-width:328px;width:auto}}@media(min-width:1024px){.stats__values{min-width:216px;width:23%}}.stats__values-number{font-family:Inter,sans-serif;font-weight:400;font-style:normal;font-size:96px;line-height:85%;text-transform:uppercase;color:#f9512e}.stats__values-type{font-family:Inter,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:150%;color:#1c1a26}.footer{display:flex;flex-direction:column;gap:40px;background-color:#1c1a26;padding:56px 16px}@media(min-width:768px){.footer{display:grid;justify-content:center;grid-template-columns:repeat(8,64px);gap:40px 24px;padding:88px 44px}}@media(min-width:1024px){.footer{margin:0 auto;grid-template-columns:repeat(8,1fr);gap:40px 24px;padding:88px 44px}}@media(min-width:1024px){.footer{margin:0 auto;grid-template-columns:repeat(8,1fr);gap:40px 24px;padding:88px 124px}}.footer__menu{display:flex;flex-direction:column;gap:16px;align-content:flex-start}@media(min-width:768px){.footer__menu{width:328px;grid-column:1/4}}.footer__menu-list{display:flex;flex-direction:column;gap:16px;list-style:none}.footer__menu-title{color:#7f8096}.footer__menu-link{color:#fff;text-decoration:none}.footer__title{color:#fff;grid-column:5/8;grid-row:1/2}@media(min-width:768px){.footer__title{width:328px}}@media(min-width:1024px){.footer__title{width:450px}}.footer__call{display:flex;flex-direction:column;gap:16px;width:288px;grid-column:5/8}.footer__call-title{color:#7f8096}.footer__call-list{width:288px;display:flex;flex-direction:column;gap:16px;list-style:none}.footer__call-list-link{text-decoration:none;color:#fff}.footer__email{display:flex;flex-direction:column;gap:16px}.footer__email-title{color:#7f8096}.footer__email-link{color:#fff;text-decoration:none}.footer__copyright{color:#7f8096}@media(min-width:768px){.footer__copyright{width:328px;grid-column:5/8;grid-row:3/3}}@media(min-width:768px){.social{grid-column:1/2}}.social__container{display:flex;gap:34px}@media(min-width:1024px){.social__link:hover,.social__link:focus{filter:brightness(0) invert(1)}}.contact{display:flex;flex-direction:column;gap:40px}@media(min-width:768px){.contact{grid-column:5/8}}@media(min-width:1024px){.contact{max-width:1200px;flex-direction:row;grid-column:5/8}}body{background:#ffeefc}@media(min-width:1024px){a{border-bottom:1px solid transparent;transition:color .3s ease,border-bottom .3s ease}a:hover,a:focus{border-bottom:1px solid currentColor;color:#f9512e}}.logo--hover:hover,.logo--hover:focus{filter:invert(39%) sepia(86%) saturate(2100%) hue-rotate(346deg) brightness(101%) contrast(96%)}