@charset "UTF-8";*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure,fieldset):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable;scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}button{-webkit-tap-highlight-color:transparent}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-dark-orange: #B2341A;--color-accent-orange: #F9512E;--color-light-orange: #FBA28F;--color-light-pink: #FFEEFC;--color-light-blue: #EEF7FF;--color-black: #1C1A26;--color-grey: #7F8096;--color-white: #FFFFFF;--page-bg: var(--color-light-blue);--title-color: var(--color-black);--big-font-color: var(--color-black);--border: 1px solid var(--color-accent-orange);--border-radius: 32px;--border-radius-small: 8px;--shadow: 0 0 8px var(--color-accent-orange);--font-family-base: Inter, sans-serif;--container-max-width: 100%;--container-padding-x: 16px;--footer-small-title-MB: 16px;--footer-block-MT: 40px}@media(min-width:640px){:root{--container-padding-x: 44px}}@media(min-width:1200px){:root{--container-max-width: 1250px;--container-padding-x: 34px}}:root{--transition-duration: .3s}@font-face{font-family:Inter;font-weight:100 900;src:url(../../fonts/Inter-Variable.woff2) format("woff2 supports variations");font-style:normal;font-display:swap}.page{font-family:var(--font-family-base);font-style:normal;font-weight:400;font-size:16px;line-height:150%;letter-spacing:-.01em;color:var(--color-black);background-color:var(--page-bg);transition:background-color var(--transition-duration) ease}.page:has(.menu:target){overflow:hidden}.page--theme--pink{--page-bg: var(--color-light-pink);--title-color: var(--color-accent-orange);--big-font-color: var(--color-accent-orange)}a,button,input,textarea,svg *{transition-duration:var(--transition-duration)}a{color:inherit}a,a:hover{text-decoration:none}button{padding:0;border:none;background-color:transparent}h4,.h4{font-weight:500;line-height:100%;letter-spacing:.02em;text-transform:uppercase;color:var(--color-grey);font-size:16px}.container{max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-padding-x)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(100%)!important;white-space:nowrap!important}@media(max-width:1023.98px){.hidden-tablet-mobile{display:none!important}}@media(min-width:1024px){.visible-tablet-mobile{display:none!important}}.nav__list{display:flex;column-gap:64px;align-items:center}.nav__link{position:relative;display:inline-flex;align-items:center;height:60px}.nav__link:not(.button):after{content:"";position:absolute;bottom:8px;scale:0;width:100%;height:2px;background-color:currentColor;transition-duration:inherit}@media(hover:hover){.nav__link:hover:after{scale:1}}@media(hover:none){.nav__link:active:after{scale:1}}.nav--vertical .nav__list{display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:24px}.nav--vertical .nav__link{height:auto;padding:8px 0}@keyframes phone-wiggle{0%{transform:rotate(0)}to{transform:rotate(15deg)}}@keyframes arrow-move{0%{transform:translate(0)}to{transform:translate(3px)}}.button{font-weight:500;line-height:100%;letter-spacing:.02em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;padding-block:8px;color:var(--color-accent-orange)}.button--contact-us{column-gap:1px}.button--contact-us:before{width:24px;aspect-ratio:1;content:"";background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2016.42V19.956C21.0001%2020.2092%2020.9042%2020.453%2020.7316%2020.6382C20.559%2020.8234%2020.3226%2020.9363%2020.07%2020.954C19.633%2020.984%2019.276%2021%2019%2021C10.163%2021%203%2013.837%203%205C3%204.724%203.015%204.367%203.046%203.93C3.06372%203.67744%203.17658%203.44101%203.3618%203.26841C3.54703%203.09581%203.79082%202.99989%204.044%203H7.58C7.70404%202.99987%207.8237%203.04586%207.91573%203.12902C8.00776%203.21218%208.0656%203.32658%208.078%203.45C8.101%203.68%208.122%203.863%208.142%204.002C8.34073%205.38892%208.748%206.73783%209.35%208.003C9.445%208.203%209.383%208.442%209.203%208.57L7.045%2010.112C8.36445%2013.1865%2010.8145%2015.6365%2013.889%2016.956L15.429%2014.802C15.4919%2014.714%2015.5838%2014.6509%2015.6885%2014.6237C15.7932%2014.5964%2015.9042%2014.6068%2016.002%2014.653C17.267%2015.2539%2018.6156%2015.6601%2020.002%2015.858C20.141%2015.878%2020.324%2015.9%2020.552%2015.922C20.6752%2015.9346%2020.7894%2015.9926%2020.8724%2016.0846C20.9553%2016.1766%2021.0012%2016.2961%2021.001%2016.42H21Z'%20fill='%23F9512E'/%3e%3c/svg%3e") center/contain no-repeat}@media(hover:hover){.button--contact-us:hover{text-shadow:var(--shadow)}.button--contact-us:hover:before{animation:phone-wiggle var(--transition-duration) ease-in-out infinite alternate}}@media(hover:none){.button--contact-us:active{text-shadow:var(--shadow)}.button--contact-us:active:before{animation:phone-wiggle var(--transition-duration) ease-in-out infinite alternate}}.button--contact-us:focus{box-shadow:var(--shadow);padding-right:4px;outline:none}.button--learn-more{padding-block:20px;border:var(--border);border-radius:var(--border-radius)}@media(hover:hover){.button--learn-more:hover{color:var(--color-white);background-color:var(--color-accent-orange)}}@media(hover:none){.button--learn-more:active{color:var(--color-white);background-color:var(--color-accent-orange)}}.button--learn-more:focus{color:var(--color-white);background-color:var(--color-dark-orange)}.button--order{column-gap:4px}@media(hover:hover){.button--order:hover{color:var(--color-light-orange)}.button--order:hover svg{fill:var(--color-light-orange);animation:arrow-move var(--transition-duration) ease-in-out infinite alternate}}@media(hover:none){.button--order:active{color:var(--color-light-orange)}.button--order:active svg{fill:var(--color-light-orange);animation:arrow-move var(--transition-duration) ease-in-out infinite alternate}}.button--order:focus-visible{box-shadow:var(--shadow);padding-right:4px;outline:none}.theme-toggle{position:relative;width:64px;height:24px}.theme-toggle__label{position:absolute;top:50%;right:0;left:0;display:block;width:60px;height:30px;margin:0 auto;transform:translateY(-50%);cursor:pointer}.theme-toggle__label:before{content:"";position:absolute;top:5px;left:4px;width:20px;height:20px;border:2px solid var(--color-accent-orange);border-radius:50px;box-sizing:border-box;transition:.5s ease top,.5s ease left,.5s ease width,.5s ease height,.5s ease border-color}.theme-toggle__label:after{content:"";position:absolute;top:0;right:0;width:60px;height:30px;border:2px solid var(--color-black);border-radius:50px;box-sizing:border-box;transition:.5s ease top,.5s ease right,.5s ease width,.5s ease height,.5s ease border-color}.theme-toggle__input:checked+.theme-toggle__label:before{top:0;left:0;width:60px;height:30px;border-color:var(--color-black);border:2px solid var(--color-black)}.theme-toggle__input:checked+.theme-toggle__label:after{top:5px;right:4px;width:20px;height:20px;border-color:var(--color-accent-orange);border:2px solid var(--color-accent-orange)}.theme-toggle__input:focus-visible+.theme-toggle__label{outline:2px solid var(--color-black);outline-offset:4px}.icon{width:24px;aspect-ratio:1;transition-duration:var(--transition-duration)}.icon--menu{background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%208H22V10H2V8ZM2%2014H22V16H2V14Z'%20fill='%231C1A26'/%3e%3c/svg%3e") center/contain no-repeat}@media(hover:hover){.icon--menu:hover{transform:scale(1.2)}}@media(hover:none){.icon--menu:active{transform:scale(1.2)}}.icon--close{background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2010.586L16.95%205.63599L18.364%207.04999L13.414%2012L18.364%2016.95L16.95%2018.364L12%2013.414L7.04999%2018.364L5.63599%2016.95L10.586%2012L5.63599%207.04999L7.04999%205.63599L12%2010.586Z'%20fill='%231C1A26'/%3e%3c/svg%3e") center/contain no-repeat}@media(hover:hover){.icon--close:hover{transform:rotate(50deg) scale(1.2)}}@media(hover:none){.icon--close:active{transform:rotate(50deg) scale(1.2)}}.logo__image{transition:transform var(--transition-duration)}@media(hover:hover){.logo__image:hover{transform:scale(1.1)}}@media(hover:none){.logo__image:active{transform:scale(1.1)}}.header{--headerPaddingY: 16px;--headerPaddingX: 16px;padding:var(--headerPaddingY) var(--headerPaddingX)}@media(min-width:1024px){.header{--headerPaddingY: 28px;--headerPaddingX: 32px;padding:var(--headerPaddingY) var(--headerPaddingX) 0}}.header__inner{display:flex;justify-content:space-between;align-items:center;column-gap:64px}.header__wrapper{display:flex;column-gap:24px}.header__menu{margin-left:auto}.menu{position:fixed;top:0;right:0;left:0;height:100vh;pointer-events:none;background-color:var(--page-bg);transform:scale(0);opacity:0;transition-duration:var(--transition-duration)}.menu:target{opacity:1;transform:scale(1);pointer-events:all;z-index:1}.menu__top{display:flex;align-items:center;justify-content:space-between;padding:16px}.menu__top:not(:last-child){margin-bottom:132px}.menu__wrapper{display:flex;column-gap:24px}.hero{position:relative}.hero__inner{--columns: 2;display:grid;grid-template-columns:repeat(var(--columns),1fr);column-gap:16px}@media(min-width:640px){.hero__inner{--columns: 8;column-gap:24px}}.hero__inner{grid-template-rows:repeat(4,auto);margin-bottom:64px;padding-bottom:40px;text-align:center}@media(min-width:640px){.hero__inner{margin-bottom:152px;padding-bottom:76px}}@media(min-width:1024px){.hero__inner{grid-template-rows:1fr auto 1fr;padding-bottom:66px}}.hero__title{font-weight:400;font-size:64px;line-height:85%;text-transform:uppercase;letter-spacing:-.05em}@media(min-width:640px){.hero__title{font-size:80px}}@media(min-width:1024px){.hero__title{font-size:136px}}@media(min-width:1200px){.hero__title{font-size:144px}}.hero__title{grid-column:1/-1;grid-row:2;color:var(--title-color);transition-duration:var(--transition-duration)}@media(min-width:640px){.hero__title{grid-column:1/-1;place-self:center}}.hero__description{grid-column:span 2;grid-row:1;padding-block:32px}@media(min-width:640px){.hero__description{grid-column:span 4;padding-block:72px 16px;text-align:left}}@media(min-width:1024px){.hero__description{grid-column:1/span 2;padding-block:135px 0;align-self:end}}@media(min-width:1200px){.hero__description{padding-block:144px 40px}}.hero__image{grid-column:span 2;grid-row:3;place-self:center;width:100%;max-width:288px}@media(min-width:640px){.hero__image{z-index:-1;grid-column:3/7;grid-row:2;max-width:326px}}@media(min-width:1024px){.hero__image{position:absolute;left:50%;translate:-50% -50%;top:45%;max-width:544px}}@media(min-width:1200px){.hero__image{max-width:584px}}.hero__button{grid-column:span 2;grid-row:4}@media(min-width:640px){.hero__button{grid-column:3/7;grid-row:3;margin-top:80px}}@media(min-width:1024px){.hero__button{grid-column:1/span 2;grid-row:3;align-self:start;margin-top:64px}}.products__inner{margin-bottom:72px}@media(min-width:640px){.products__inner{margin-bottom:152px}}@media(min-width:1024px){.products__inner{margin-bottom:178px}}.products__header{--columns: 2;display:grid;grid-template-columns:repeat(var(--columns),1fr);column-gap:16px}@media(min-width:640px){.products__header{--columns: 8;column-gap:24px}}.products__title{font-weight:400;font-size:48px;line-height:85%;text-transform:uppercase;letter-spacing:-.05em}@media(min-width:640px){.products__title{font-size:56px}}@media(min-width:1024px){.products__title{font-size:72px}}.products__title{grid-column:1/span 2;margin-bottom:24px;color:var(--title-color);transition-duration:var(--transition-duration)}@media(min-width:640px){.products__title{grid-column:1/span 5}}@media(min-width:1024px){.products__title{grid-column:1/span 4}}.products__description{grid-column:1/span 2;margin-bottom:56px}@media(min-width:640px){.products__description{grid-column:1/span 6;margin-bottom:80px}}@media(min-width:1024px){.products__description{grid-column:1/span 4}}.products__list{--columns: 2;display:grid;grid-template-columns:repeat(var(--columns),1fr);column-gap:16px}@media(min-width:640px){.products__list{--columns: 8;column-gap:24px}}.products__list{row-gap:56px}@media(min-width:640px){.products__list{row-gap:80px}}.products__item{grid-column:1/-1}@media(min-width:640px){.products__item{grid-column:span 4}}@media(min-width:1024px){.products__item{grid-column:span 3}}@media(min-width:1024px){.products__item--right-start{grid-column:3/span 3}}.product-card{display:flex;flex-direction:column;row-gap:16px;align-items:start}.product-card__image{display:block;width:100%;border-radius:var(--border-radius-small);transition-duration:var(--transition-duration)}@media(hover:hover){.product-card__image:hover{scale:1.05}}@media(hover:none){.product-card__image:active{scale:1.05}}.product-card__info{display:flex;flex-direction:column;row-gap:8px}.product-card__name{font-weight:500;line-height:100%;letter-spacing:.02em;text-transform:uppercase;font-size:16px;color:var(--color-grey)}.about-us__inner{margin-bottom:72px;background-image:url(https://hokkaidodev.github.io/Creative-Bakery/assets/crumbs-3eLFtup3.webp);background-position:0 75%;background-repeat:no-repeat;background-size:contain}@media(min-width:640px){.about-us__inner{margin-bottom:152px;background-position:center;background-size:77%}}@media(min-width:1024px){.about-us__inner{margin-bottom:56px;background-position:70%;background-size:contain}}.about-us__header{--columns: 2;display:grid;grid-template-columns:repeat(var(--columns),1fr);column-gap:16px}@media(min-width:640px){.about-us__header{--columns: 8;column-gap:24px}}.about-us__header{row-gap:32px;margin-bottom:64px}@media(min-width:640px){.about-us__header{margin-bottom:72px}}@media(min-width:1024px){.about-us__header{margin-bottom:144px}}.about-us__title{font-weight:400;font-size:48px;line-height:85%;text-transform:uppercase;letter-spacing:-.05em}@media(min-width:640px){.about-us__title{font-size:56px}}@media(min-width:1024px){.about-us__title{font-size:72px}}.about-us__title{grid-column:1/span 2;color:var(--title-color);transition-duration:var(--transition-duration)}@media(min-width:640px){.about-us__title{grid-column:1/span 4}}@media(min-width:1024px){.about-us__title{grid-column:1/span 3;font-size:clamp(3.5rem,-2.32rem + 9.09vw,4.5rem)}}.about-us__description{grid-column:1/span 2}@media(min-width:640px){.about-us__description{grid-column:5/span 4}}.achievements__list{--columns: 2;display:grid;grid-template-columns:repeat(var(--columns),1fr);column-gap:16px}@media(min-width:640px){.achievements__list{--columns: 8;column-gap:24px}}.achievements__list{row-gap:48px}@media(min-width:640px){.achievements__list{row-gap:80px}}@media(min-width:1024px){.achievements__list{padding-bottom:294px}}.achievements__item{display:flex;grid-column:1/span 2;flex-direction:column;row-gap:8px}@media(min-width:640px){.achievements__item{grid-column:span 4}}@media(min-width:1024px){.achievements__item{grid-column:span 2}}.achievements__value{font-size:96px;line-height:85%;text-transform:uppercase;letter-spacing:-.05em;color:var(--big-font-color);transition-duration:var(--transition-duration)}.footer{background-color:var(--color-black)}.footer__inner{--columns: 2;display:grid;grid-template-columns:repeat(var(--columns),1fr);column-gap:16px}@media(min-width:640px){.footer__inner{--columns: 8;column-gap:24px}}.footer__inner{grid-template-rows:repeat(6,auto);padding-block:56px}@media(min-width:640px){.footer__inner{grid-template-rows:repeat(3,auto);padding-block:88px}}.footer__logo{grid-column:1/span 2;align-self:start}@media(min-width:640px){.footer__logo{grid-column:1/span 4}}.footer__navigation{display:contents}.footer__menu{grid-column:1/span 2}@media(min-width:640px){.footer__menu{grid-column:1/span 4}}.footer__menu-title{margin-bottom:var(--footer-small-title-MB)}.footer__menu-list{display:flex;flex-direction:column;row-gap:16px;color:var(--color-white)}.footer__menu-link{position:relative}.footer__menu-link:after{content:"";position:absolute;width:100%;scale:0;height:1px;bottom:-5px;left:0;background-color:currentColor;transition-duration:inherit}@media(hover:hover){.footer__menu-link:hover{color:var(--color-accent-orange);text-shadow:0 0 8px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.3)}.footer__menu-link:hover:after{scale:1}}@media(hover:none){.footer__menu-link:active{color:var(--color-accent-orange);text-shadow:0 0 8px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.3)}.footer__menu-link:active:after{scale:1}}.footer__menu-link:focus-visible{color:var(--color-light-orange)}.footer__body{display:contents}.footer__contacts-title{font-weight:400;font-size:48px;line-height:85%;text-transform:uppercase;letter-spacing:-.05em}@media(min-width:640px){.footer__contacts-title{font-size:56px}}@media(min-width:1024px){.footer__contacts-title{font-size:72px}}.footer__contacts-title{margin-top:64px;grid-column:1/span 2;color:var(--color-white)}@media(min-width:640px){.footer__contacts-title{margin-top:0;grid-row:1;grid-column:5/span 4}}.footer__extra{display:contents}.footer__menu,.footer__copyright{margin-top:var(--footer-block-MT)}.footer__copyright{grid-column:1/span 2;color:var(--color-grey)}@media(min-width:640px){.footer__copyright{margin-top:48px;grid-row:3;grid-column:5/span 4}}.contacts{margin-top:var(--footer-block-MT);display:flex;flex-direction:column;row-gap:var(--footer-block-MT);grid-column:1/span 2;color:var(--color-white)}@media(min-width:640px){.contacts{grid-row:2;grid-column:5/span 4}}@media(min-width:1024px){.contacts{display:grid;grid-template-columns:subgrid}}.contacts__call-us-title,.contacts__email-us-title{margin-bottom:var(--footer-small-title-MB)}.contacts__call-us-body p{--paragraphMarginBottom: 16px}@media(min-width:1024px){.contacts__call-us{grid-column:1/span 2}}@media(min-width:1024px){.contacts__email-us{grid-column:3/span 2}}.contacts__link{position:relative}.contacts__link:after{content:"";position:absolute;width:100%;scale:0;height:1px;bottom:-5px;left:0;background-color:currentColor;transition-duration:inherit}@media(hover:hover){.contacts__link:hover{color:var(--color-accent-orange);text-shadow:0 0 8px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.3)}.contacts__link:hover:after{scale:1}}@media(hover:none){.contacts__link:active{color:var(--color-accent-orange);text-shadow:0 0 8px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.3)}.contacts__link:active:after{scale:1}}.contacts__link:focus-visible{color:var(--color-light-orange)}.soc1als{display:contents}.soc1als__list{margin-top:var(--footer-block-MT);display:flex;column-gap:32px;grid-column:1/span 2}@media(min-width:640px){.soc1als__list{grid-row:3;grid-column:1/span 4;align-items:end}}@media(min-width:1024px){.soc1als__list{margin-top:48px}}.soc1als__item{display:flex}.soc1als__link svg{color:var(--color-accent-orange);transition-duration:var(--transition-duration)}@media(hover:hover){.soc1als__link svg:hover{color:var(--color-white);translate:0 -5px;scale:1.2}}@media(hover:none){.soc1als__link svg:active{color:var(--color-white);translate:0 -5px;scale:1.2}}.soc1als__link:focus-visible svg{color:var(--color-white)}