:root{--paper:#fff9e9;--ink:#273b72;--accent:#273b72;--button-text:#fff9e9;--muted:#5b6380;--surface:#ece4c9;--line:#c6c2af;--field:#fffdf5}
body{font-size:15px}
.header{display:grid;grid-template-columns:1fr auto 1fr;height:82px}
.logo{font:900 42px/1 Archivo,sans-serif;letter-spacing:-.04em;grid-column:2;grid-row:1}
.nav{grid-column:1;grid-row:1;margin:0;gap:24px}
.header>.button{grid-column:3;grid-row:1;justify-self:end}
h1,h2,h3{font-family:Archivo,sans-serif;letter-spacing:-.035em}
.bakery-title{padding-block:45px 33px;text-align:center}
.bakery-title h1{font-size:clamp(37px,4vw,61px);font-weight:800;line-height:1.13}
.bakery-title p{max-width:49ch;margin:20px auto 9px;font-size:14px}
.counter-photo{width:min(1440px,100%);margin:auto}
.counter-photo .photo{height:440px}
.counter-photo img{object-position:center 47%}
.bread-menu{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.bread-menu h2{font-size:37px;font-weight:800}
.bread-menu>div>p{margin-top:19px;max-width:33ch;font-size:14px}
.bread-list{display:grid;grid-template-columns:1fr 1fr;gap:30px 42px}
.bread-list h3{font-size:22px;font-weight:700}
.bread-list p{font-size:13px;margin-top:11px;max-width:33ch}
.baker-section{background:#f1e7c9}
.baker-section .photo{height:390px}
.baker-section h2{font-weight:800;font-size:41px}
.baker-section p{font-size:14px;max-width:47ch}
.contact h2{font-weight:800;font-size:38px}
.footer .logo{font-size:33px}
@media(max-width:767px){.header{display:flex;height:72px}.header .logo{font-size:34px}.header .nav{margin:0}.header .menu-button{margin-left:auto}.bakery-title{padding-top:28px;padding-bottom:28px}.bakery-title h1{font-size:37px}.bakery-title p{font-size:13px;max-width:40ch}.counter-photo .photo{height:310px}.bread-menu{grid-template-columns:1fr;gap:12px}.bread-menu h2{font-size:33px}.bread-menu>div>p{max-width:45ch}.bread-list{gap:29px;grid-template-columns:1fr}.bread-list p{max-width:48ch}.baker-section .photo{height:290px}.baker-section h2{font-size:34px}.contact h2{font-size:34px}}

:root{--paper:#f5e2a2;--ink:#223a70;--accent:#223a70;--button-text:#fff9e9;--muted:#4d5e7e;--surface:#e6ce8d;--line:#a6a174;--field:#fff9e9}.header{height:100px}.header .logo{font-size:54px}.bakery-title{padding-block:50px 43px}.bakery-title h1{font-size:clamp(48px,5.8vw,88px);line-height:1.08;letter-spacing:-.04em}.bakery-title p{font-size:14px;margin-top:25px}.counter-photo{width:calc(100% - 44px);max-width:none}.counter-photo .cinema{height:570px}.baker-section{background:#243b71;color:#fff6dc}.baker-section .text-block{--ink:#fff6dc}.baker-section h2{font-size:48px}.baker-section .photo{height:480px}@media(max-width:767px){.header{height:78px}.header .logo{font-size:41px}.bakery-title{padding-block:32px 31px}.bakery-title h1{font-size:43px}.counter-photo{width:calc(100% - 24px)}.counter-photo .cinema{height:360px}.baker-section h2{font-size:35px}.baker-section .photo{height:320px}}