/* Extends the approved Stilliano cards; landing rules stay inside .blog-teaser. */
.blog-teaser{--bg:#f5f0e6;--paper:#fbf8f2;--ink:#2a211b;--ink-2:#5a4d42;--ink-3:#75695f;--accent-deep:#5c3a1a;--gold:#c5a46d;--line:#ded6ca;padding-block:clamp(72px,7vw,112px);background:var(--bg);color:var(--ink);scroll-margin-top:120px}
.blog-teaser__head{max-width:840px;margin-bottom:36px}
.blog-teaser__head h2{margin:18px 0 20px;font:600 40px/1.17 Manrope,Gilroy,sans-serif;letter-spacing:-.025em;text-wrap:balance}
.blog-teaser__head>p:last-child{max-width:710px;margin:0;color:var(--ink-2);font:400 20px/1.5 Gilroy,sans-serif}
.blog-teaser .related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.blog-teaser .related-copy{padding:22px}
.blog-teaser .related-copy h3{font-size:22px}
.blog-teaser .related-copy p{font-size:17px}
.blog-teaser .related-read{font-size:15px}
.blog-teaser .related-card{color:var(--ink)}
.blog-teaser .related-card:hover{color:var(--ink)}
.blog-teaser .related-card{transition:transform 220ms ease,box-shadow 220ms ease}
.blog-teaser .related-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px -30px rgba(31,24,18,.25);border-color:var(--line)}
.blog-teaser .related-image img{transition:transform 500ms ease}
.blog-teaser .related-card:hover .related-image img{transform:scale(1.04)}
/* Continue the landing's existing two-tone alternation after adding the blog. */
body.kitchen-page .blog-teaser ~ #contacts{background:var(--section-bg-b)!important}
body.kitchen-page .blog-teaser ~ .tfooter{background:var(--section-bg-a)}
.blog-teaser__foot{display:flex;justify-content:center;margin-top:36px}
.blog-teaser__foot .btn{min-width:260px;color:#fff!important}
.blog-teaser__foot .btn:hover{color:#fff!important}
.blog-list{padding-block:48px 72px}
.blog-list>.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
@media(min-width:1101px){.blog-list--expanded>.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.blog-list .related-image{aspect-ratio:1.85}
.blog-list .related-copy h2{margin:0 0 14px;font:600 27px/1.25 Manrope,Gilroy,sans-serif;letter-spacing:-.02em;text-wrap:balance}
.blog-list .related-copy{padding:28px}
.blog-help{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:36px 40px;margin-bottom:80px;background:var(--bg);border:1px solid var(--line);border-radius:16px}
.blog-help h2{margin:0 0 14px;font:600 28px/1.25 Manrope,Gilroy,sans-serif;letter-spacing:-.02em}
.blog-help p{margin:0;max-width:680px;font-size:20px;line-height:1.5;color:var(--ink-2)}
.blog-help>.btn{flex:none;min-width:250px;color:#fff}
.blog-help>.btn:hover{color:#fff}
.blog-header .breadcrumbs{margin-bottom:32px}
.blog-header h1{max-width:1000px}
.blog-header .deck{max-width:820px}
.blog-main .article-header{padding-bottom:0}
.related-card:focus-visible{outline:3px solid var(--accent-deep);outline-offset:5px}
@media(max-width:720px){.blog-teaser .blog-teaser__head .eyebrow{justify-content:flex-start;text-align:left;width:auto}}
@media(min-width:1700px){.blog-teaser__head{max-width:1080px}.blog-teaser__head h2{font-size:48px}.blog-teaser__head>p:last-child{font-size:24px;max-width:850px}.blog-teaser .related-grid{gap:28px}.blog-teaser .related-copy{padding:28px}.blog-teaser .related-copy h3{font-size:26px}.blog-teaser .related-copy p{font-size:20px}.blog-teaser .related-read{font-size:17px}.blog-teaser__foot{margin-top:44px}.blog-teaser__foot .btn{font-size:16px;min-height:64px}.blog-list .related-copy h2{font-size:32px}.blog-help h2{font-size:34px}.blog-help p{font-size:22px}}
@media(min-width:2400px){.blog-teaser__head h2{font-size:58px}.blog-teaser__head>p:last-child{font-size:28px;max-width:1100px}.blog-teaser__head{max-width:1350px}.blog-teaser .related-copy h3{font-size:30px}.blog-teaser .related-copy p{font-size:24px}.blog-teaser .related-read{font-size:20px}.blog-list .related-copy h2{font-size:38px}.blog-help{padding:52px}.blog-help p{font-size:26px;max-width:1000px}}
@media(min-width:721px) and (max-width:1100px){.blog-teaser .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog-teaser .related-copy h3{font-size:23px}.blog-teaser .related-copy p{font-size:18px}.blog-list>.related-grid{gap:24px}.blog-list .related-copy{padding:24px}.blog-list .related-copy h2{font-size:24px}.blog-help{align-items:flex-start;flex-direction:column;gap:24px;padding:32px}}
@media(max-width:720px){.blog-teaser__head{margin-bottom:28px;text-align:left}.blog-teaser__head .eyebrow{justify-content:flex-start}.blog-teaser__head h2{font-size:30px;margin:16px 0 18px}.blog-teaser__head>p:last-child{font-size:18px}.blog-teaser .related-grid{grid-template-columns:1fr;gap:24px}.blog-teaser .related-copy h3{font-size:23px}.blog-teaser .related-copy p{font-size:18px}.blog-teaser__foot{margin-top:28px}.blog-teaser__foot .btn{width:100%;min-width:0}.blog-list{padding-block:32px 40px}.blog-list>.related-grid{grid-template-columns:1fr;gap:24px}.blog-list .related-copy{padding:22px}.blog-list .related-copy h2{font-size:25px}.blog-list .related-image{aspect-ratio:1.6}.blog-help{flex-direction:column;align-items:stretch;padding:26px 22px;gap:24px;margin-bottom:48px}.blog-help h2{font-size:27px}.blog-help p{font-size:18px}.blog-help>.btn{min-width:0;width:100%}}
@media(max-width:720px){.blog-teaser .related-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.related-card,.blog-teaser .related-image img{transition:none}.blog-teaser .related-card:hover,.blog-teaser .related-card:hover .related-image img{transform:none}}

.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.form-status.is-error{color:#9b2929}
