@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Karla:wght@400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Karla',sans-serif;background:#fefcf6;color:#3a2e25;line-height:1.75}
a{color:#b85c38;text-decoration:none}a:hover{color:#d4764e}

header{background:#fff;border-bottom:1px solid #ede6da;padding:0 20px;position:sticky;top:0;z-index:30}
.h-in{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}
.logo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:700;color:#b85c38;text-decoration:none}
.logo small{font-family:'Karla',sans-serif;font-size:.6rem;color:#bfaa90;font-weight:400;display:block;letter-spacing:1px;text-transform:uppercase}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{font-size:.76rem;font-weight:600;color:#8a7a6a;padding:5px 11px;border-radius:6px;text-decoration:none;transition:.15s}
nav a:hover{color:#b85c38;background:rgba(184,92,56,.04)}
.ham{display:none;background:0;border:0;font-size:1.3rem;color:#3a2e25;cursor:pointer}

.hero{padding:44px 20px 32px;text-align:center;background:linear-gradient(180deg,#fff,#fefcf6)}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4.5vw,3rem);font-weight:700;line-height:1.15;margin-bottom:10px}
.hero h1 em{font-style:italic;color:#b85c38}
.hero p{font-size:.92rem;color:#8a7a6a;max-width:500px;margin:0 auto}

.wrap{max-width:980px;margin:0 auto;padding:0 20px}
.sec{padding:24px 0 40px}
.sec-h{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.sec-h .line{flex:1;height:1px;background:#ede6da}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.rcard{background:#fff;border:1px solid #ede6da;border-radius:12px;overflow:hidden;transition:.2s;text-decoration:none;color:inherit;display:block}
.rcard:hover{box-shadow:0 4px 18px rgba(184,92,56,.08);transform:translateY(-2px);text-decoration:none}
.rcard img{width:100%;height:190px;object-fit:cover}
.rcard-bd{padding:14px}
.rcard-bd .cat{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#b85c38;margin-bottom:3px}
.rcard-bd h3{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:700;margin-bottom:3px;line-height:1.3}
.rcard-bd p{font-size:.78rem;color:#8a7a6a;line-height:1.45}
.rcard-meta{display:flex;gap:12px;margin-top:8px;font-size:.68rem;color:#bfaa90;font-weight:600}

/* RECIPE PAGE */
.recipe-wrap{max-width:720px;margin:0 auto;padding:0 20px}
.r-top{padding:32px 0 18px}
.r-top .bk{font-size:.78rem;color:#b85c38;margin-bottom:14px;display:inline-block}
.r-top h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;margin-bottom:6px;line-height:1.2}
.r-top .sub{font-size:.88rem;color:#8a7a6a;font-style:italic;margin-bottom:12px}
.r-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #ede6da}
.r-meta span{font-size:.72rem;font-weight:600;color:#b85c38;background:rgba(184,92,56,.06);padding:3px 10px;border-radius:14px}
.r-img{width:100%;border-radius:12px;margin-bottom:20px;max-height:400px;object-fit:cover}

.r-section{margin-bottom:24px}
.r-section h2{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;margin-bottom:10px;padding-left:10px;border-left:3px solid #b85c38}
.ingr-list{list-style:none;padding:0}
.ingr-list li{font-size:.86rem;color:#5a4a3a;padding:5px 0 5px 20px;border-bottom:1px solid #f5f0e8;position:relative}
.ingr-list li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%;background:#b85c38;opacity:.3}
.steps-list{list-style:none;padding:0;counter-reset:step}
.steps-list li{font-size:.86rem;color:#5a4a3a;padding:10px 0 10px 40px;border-bottom:1px solid #f5f0e8;position:relative;counter-increment:step}
.steps-list li::before{content:counter(step);position:absolute;left:0;top:8px;width:28px;height:28px;border-radius:50%;background:#b85c38;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:28px;text-align:center}
.tip-box{background:rgba(184,92,56,.04);border:1px solid rgba(184,92,56,.12);border-radius:10px;padding:14px;margin:16px 0}
.tip-box h3{font-size:.82rem;font-weight:700;color:#b85c38;margin-bottom:4px}
.tip-box p{font-size:.82rem;color:#6a5a4a}

footer{border-top:1px solid #ede6da;padding:24px 20px;text-align:center;background:#fff}
.ft-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
.ft-links a{font-size:.72rem;color:#bfaa90;text-decoration:none}
.ft-links a:hover{color:#b85c38}
.ft-copy{font-size:.64rem;color:#d4c4a8}

.legal{max-width:620px;margin:0 auto;padding:36px 20px 56px}
.legal h1{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:700;margin-bottom:4px}
.legal .dt{font-size:.74rem;color:#bfaa90;margin-bottom:20px}
.legal h2{font-size:.92rem;font-weight:700;margin:18px 0 5px}
.legal p,.legal li{font-size:.82rem;color:#6a5a4a;margin-bottom:6px}
.legal ul{padding-left:14px;margin-bottom:10px}

@media(max-width:768px){nav{display:none}nav.open{display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:#fff;padding:10px 20px;border-bottom:1px solid #ede6da}.ham{display:block}.grid{grid-template-columns:1fr}}