@font-face { font-family:'Dastali Rounded'; src:url('assets/fonts/Baloo2-Semibold.ttf') format('truetype'); font-weight:600; font-display:swap; }
@font-face { font-family:'Dastali Rounded'; src:url('assets/fonts/Baloo2-Bold.ttf') format('truetype'); font-weight:700; font-display:swap; }
@font-face { font-family:'Dastali Round Text'; src:url('assets/fonts/Nunito-Medium.ttf') format('truetype'); font-weight:500; font-display:swap; }
@font-face { font-family:'Dastali Round Text'; src:url('assets/fonts/Nunito-ExtraBold.ttf') format('truetype'); font-weight:800; font-display:swap; }
:root { --serif:'Dastali Rounded','Dastali Round Text',sans-serif; }
body,input,textarea,select { font-family:'Dastali Round Text',Manrope,sans-serif; font-weight:500; font-size:18px; }
h1,h2,h3,.card-content h3,.recipe-hero h1,.feature-suggestion strong,.brand-name,.hero-image-caption,.section-number { font-family:var(--serif); font-weight:600; letter-spacing:-.025em; }
h1 em,h2 em,h3 em { font-style:normal; color:var(--orange); }
html[lang='ru'] h1,html[lang='ru'] h2,html[lang='ru'] h3,html[lang='ru'] .feature-suggestion strong { font-family:'Dastali Round Text',sans-serif; font-weight:800; letter-spacing:-.035em; }
button,.button,.filters button,.main-nav,.language-switch,.feature-video,.feature-suggestions-heading>a,.text-link { font-family:var(--serif); font-weight:600; }
html[lang='ru'] button,html[lang='ru'] .button,html[lang='ru'] .filters button,html[lang='ru'] .main-nav,html[lang='ru'] .language-switch,html[lang='ru'] .feature-video,html[lang='ru'] .feature-suggestions-heading>a,html[lang='ru'] .text-link { font-family:'Dastali Round Text',sans-serif; font-weight:800; }
.button,.recipe-controls button,.video-revoke,.copy-kit,.message-form button { border-radius:999px; }
.button { font-size:18px; padding:15px 27px; min-height:54px; border:2px solid #214b3e; background:#214b3e; color:#fffaf0; border-radius:16px; box-shadow:0 5px 0 #123b2e; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); background:#30634f; box-shadow:0 7px 0 #123b2e; }
.button:active { transform:translateY(3px); box-shadow:0 2px 0 #123b2e; }
.button.button-outline { background:#fffaf1; color:#214b3e; border-color:#214b3e; box-shadow:0 4px 0 #d9dfcf; }
.button:focus-visible { outline:3px solid #c55d37; outline-offset:5px; }
.community-section { grid-template-columns:1fr; }
.community-star,.tiny-star { display:none; }
.main-nav { font-size:16px; }
.language-switch a { font-size:15px; min-width:38px; min-height:40px; }
.card-image,.recipe-hero-image,.gallery img,.video-card-image,.press-photos img,.editorial-photo { border-radius:22px; }
.ingredient-panel,.recipe-questions details,.search-field { border-radius:18px; }
.feature-copy h1 { font-size:clamp(39px,4.2vw,64px); line-height:1.07; }
.feature-suggestions-heading h2 { font-size:26px; }
.feature-suggestion { border-radius:20px; }
.feature-suggestion img { border-radius:14px; }
.feature-suggestion strong { font-size:22px; }
.feature-copy .eyebrow span { font-size:13px; }
.community-star { font-size:84px; }
.editorial-strip>span[aria-hidden] { font-size:13px; }
.story-link { border-radius:0; }
.brand img { width:58px; height:58px; object-fit:contain; object-position:center; }
.kitchen-section .kitchen-image { height:auto; aspect-ratio:1; overflow:hidden; border-radius:28px; background:#f8f4ea; }
.kitchen-section .kitchen-image img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.feature-description,.hero-description,.recipe-intro,.method p,.ingredient-panel li,.recipe-questions p,.information-sections p,.contact-invite>p,.community-section p:not(.eyebrow),.press-teaser p:not(.eyebrow) { font-size:18px; line-height:1.75; }
.section-heading>p,.follow-section p,.kitchen-section p { font-size:17px; line-height:1.75; }
.card-content h3 { font-size:30px; line-height:1.2; }
.card-content>p:last-child,.feature-suggestion small,.eyebrow,.feature-photo-note { font-size:13px; }
.feature-video,.feature-suggestions-heading>a,.filters button,.recipe-nav,.text-link { font-size:16px; }
.filters button { border:1px solid #bbcab9; padding:10px 17px; }
.filters button[aria-pressed='true'] { background:#214b3e; color:#fffaf0; border-color:#214b3e; box-shadow:0 3px 0 #123b2e; }
.feature-video { border:2px solid #bbcab9; border-radius:16px; padding:12px 18px; background:#fffaf1; }
.site-footer,.footer-brand p,.site-footer nav,.site-footer button,.mail-mode-note,.form-privacy,.consent-notice { font-size:14px!important; line-height:1.7!important; }
.contact-compose label { font-size:16px; }
.contact-compose input,.contact-compose textarea,.contact-compose select { font-size:17px; }
.footer-bottom { font-size:12px; }
@media(max-width:1200px) { .recipe-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1080px) { .site-header { height:auto; flex-wrap:wrap; padding-top:17px; padding-bottom:17px; row-gap:16px; } .site-header .main-nav { display:flex; order:3; flex-basis:100%; flex-wrap:wrap; justify-content:center; font-size:16px; gap:10px 24px; } .main-nav a { padding:4px 0; } }
@media(max-width:760px) { .feature-copy h1 { font-size:40px; } .feature-suggestions-heading h2 { font-size:25px; } .community-star { font-size:48px; } .feature-description,.hero-description,.recipe-intro,.method p,.ingredient-panel li,.recipe-questions p,.information-sections p,.community-section p:not(.eyebrow),.press-teaser p:not(.eyebrow) { font-size:17px; } .site-header .main-nav { font-size:14px; gap:8px 18px; } .feature-suggestions-heading>a { font-size:14px; } .card-content h3 { font-size:27px; } }
@media(max-width:620px) { .recipe-grid { grid-template-columns:1fr; } .feature-suggestion strong { font-size:21px; } }
@media(max-width:760px) { .feature-main { gap:16px; } .feature-copy { display:contents; } .feature-copy>.eyebrow { order:1; margin:0; } .feature-copy>h1 { order:2; margin:0; } .feature-photo { order:3; aspect-ratio:1.35; } .feature-description { order:4; margin:3px 0 0; } .feature-actions { order:5; margin:0; } }
@media(prefers-reduced-motion:reduce) { .button { transition:none; } .button:hover,.button:active { transform:none; } }