/* WDD Kitchen Magic */
.wdd-magic-page { background: var(--color-background); }
.wdd-magic-hero { padding: 66px 24px 58px; text-align: center; background: #eef1eb; border-bottom: 1px solid rgba(63,59,54,.08); }
.wdd-magic-hero-inner { max-width: 850px; margin: 0 auto; }
.wdd-magic-kicker { font-family: var(--font-serif); text-transform: uppercase; letter-spacing: .16em; font-size: .7rem; margin: 0 0 10px; color: rgba(63,59,54,.62); }
.wdd-magic-hero h1 { font-family: var(--font-serif); text-transform: uppercase; font-size: clamp(2.4rem,5vw,4.4rem); font-weight: 400; letter-spacing: .03em; line-height: 1; margin: 0 0 16px; }
.wdd-magic-hero p:last-child { max-width: 760px; margin: 0 auto; color: rgba(63,59,54,.72); font-size: 1rem; }
.wdd-magic-brewing { padding-top: 64px; padding-bottom: 72px; }
.wdd-magic-post-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.wdd-magic-post-card { background: #fff; border: 1px solid rgba(63,59,54,.08); border-radius: 26px; overflow: hidden; }
.wdd-magic-post-image { display: block; aspect-ratio: 4/5; overflow: hidden; background: var(--color-cream); }
.wdd-magic-post-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.wdd-magic-post-card:hover img { transform: scale(1.02); }
.wdd-magic-post-copy { padding: 20px 20px 24px; text-align: center; }
.wdd-magic-post-copy h3 { font-family: var(--font-serif); font-weight: 400; line-height: 1.3; font-size: 1rem; margin: 0; }
.wdd-magic-post-copy h3 a { text-decoration: none; }
.wdd-magic-basics { background: #f3eff5; padding: 68px 24px 74px; border-top: 1px solid rgba(63,59,54,.06); border-bottom: 1px solid rgba(63,59,54,.06); }
.wdd-magic-basics-inner { max-width: 1180px; margin: 0 auto; }
.wdd-magic-basics-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 34px; }
.wdd-magic-basic-card { background: rgba(255,255,255,.72); border: 1px solid rgba(63,59,54,.08); padding: 30px 28px 32px; }
.wdd-magic-basic-number { font-family: var(--font-serif); font-size: .68rem; letter-spacing: .12em; margin: 0 0 18px; color: rgba(63,59,54,.5); }
.wdd-magic-basic-card h3 { font-family: var(--font-serif); text-transform: uppercase; font-weight: 400; letter-spacing: .035em; font-size: 1rem; margin: 0 0 12px; }
.wdd-magic-basic-card p:last-child { margin: 0; font-size: .92rem; line-height: 1.6; color: rgba(63,59,54,.72); }
@media (max-width: 800px) {
  .wdd-magic-post-grid, .wdd-magic-basics-grid { grid-template-columns: 1fr; }
  .wdd-magic-hero { padding: 54px 20px 48px; }
  .wdd-magic-brewing { padding-top: 52px; padding-bottom: 58px; }
  .wdd-magic-basics { padding: 54px 20px 58px; }
}