@font-face{font-family:Geologica;src:url('assets/geologica.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--paper:#f6f4f0;--panel:#f0ede7;--red:#e63c1c;--ink:#1c1a1d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}.desktop-layout{display:none}.mobile-layout{width:100%}.source-section{position:relative;width:100%;container-type:inline-size}.type-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.geologica{font-family:Geologica,sans-serif;font-weight:600}.manrope{font-family:Manrope,sans-serif;font-weight:400}.source-image{position:absolute;object-fit:fill}.source-link{display:block;position:absolute;z-index:2;border-radius:12px}.source-link:hover{background:#ffffff0d}
@media(min-width:901px){
.mobile-layout{display:none}.desktop-layout{display:block;width:min(1240px,calc(100% - 112px));margin:auto;font-size:18px;line-height:1.45;letter-spacing:-.01em}.desktop-layout h1,.desktop-layout h2,.desktop-layout h3{font-family:Geologica,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.05}.desktop-layout h1 span,.desktop-layout h2 span{color:var(--red)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-top:64px}.hero h1{font-size:clamp(44px,4.6vw,66px)}.hero-photo{width:100%;height:auto;aspect-ratio:1.4998;border-radius:24px;object-fit:cover}.intro{padding-block:42px 64px;display:grid;grid-template-columns:1fr 1fr;gap:64px}.section-title{margin-bottom:32px}.section-title h2{font-size:40px}.tastes{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.taste{background:var(--panel);border-radius:24px;padding:28px}.taste h2{font-size:28px;color:var(--red)}.taste>p{margin:20px 0 32px;min-height:calc(1.45em * 5)}.products{list-style:none;padding:0;margin:0;display:grid;gap:14px}.product{background:var(--paper);padding:14px;display:grid;grid-template-columns:42% 1fr;gap:24px;align-items:center;border-radius:22px;min-height:140px}.product img{width:100%;height:auto;aspect-ratio:550/356;object-fit:contain;border-radius:18px}.product h3{font-size:18px;color:var(--red);line-height:1.1}.sauces{margin-top:90px}.sauce-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:42px}.sauce-intro h2{font-size:clamp(42px,4vw,60px)}.sauce-intro p{margin-top:30px}.sauce-intro>img{width:100%;height:auto;border-radius:24px}.sauce-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sauce{background:var(--panel);border-radius:24px;padding:28px;display:grid;grid-template-columns:68px 1fr;gap:26px;align-items:start}.sauce-icon{width:68px;height:68px;border-radius:22px}.sauce h3{font-size:25px;color:var(--red);margin:0 0 18px}.tip{margin-top:24px;padding:26px 30px;border-radius:22px;background:white}.tip strong{font-family:Geologica,sans-serif;font-size:26px;color:var(--red);font-weight:600}.tip p{margin-top:14px}.order{max-width:760px;margin:64px auto 0}.order-panel>div:first-child>p{background:var(--panel);padding:28px;border-radius:22px}.button{display:flex;align-items:center;justify-content:center;background:var(--red);color:var(--paper);font-family:Geologica,sans-serif;font-size:26px;font-weight:600;text-decoration:none;min-height:80px;border-radius:16px;margin-top:28px}.button:hover{filter:brightness(.95)}.contacts{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:26px}.contacts::before{content:'Заказать легко! ❤️';margin-bottom:18px}.contacts a{display:flex;gap:8px;align-items:baseline;text-decoration:none}.contacts a:not(.site) span::after{content:' —'}.contacts a strong{font-weight:400}.contacts .site::before{content:'🌐'}.contacts a:not(.site)::before{content:'📞'}.contacts a:hover{text-decoration:underline}footer{padding:30px 0 44px;text-align:center}
}
@media(min-width:901px) and (max-width:1120px){.desktop-layout{width:calc(100% - 64px);font-size:16px}.hero,.intro,.sauce-intro{gap:36px}.taste{padding:24px}.taste h2{font-size:25px}.product{gap:18px;padding:12px;min-height:115px}.product h3{font-size:16px}.sauce{padding:24px;gap:18px;grid-template-columns:56px 1fr}.sauce-icon{width:56px;height:56px}.sauce h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}