@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--cream:#f6f0e5;--paper:#fffdf8;--ink:#252321;--muted:#746d65;--red:#a63d35;--gold:#c79b55;--line:#e4dbcc}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}.header{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(246,240,229,.96);position:sticky;top:0;z-index:10}.logo{font:700 25px 'Playfair Display',serif;color:var(--ink);text-decoration:none}.logo span{color:var(--red)}nav{display:flex;gap:28px}nav a{color:var(--muted);text-decoration:none;font-size:14px}nav a:hover,nav a.active{color:var(--red)}main{max-width:1180px;margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:70px 30px}.eyebrow{letter-spacing:2.4px;font-size:11px;font-weight:700;color:var(--red);margin:0 0 13px}.hero h1,.page-head h1{font:600 clamp(48px,6vw,76px)/1.02 'Playfair Display',serif;margin:0 0 25px}.hero h1 em{color:var(--red);font-style:normal}.hero p{max-width:570px;color:var(--muted);font-size:17px}.button{display:inline-block;border:0;background:var(--red);color:#fff;text-decoration:none;padding:13px 20px;border-radius:2px;font:500 14px 'DM Sans';cursor:pointer;margin-top:12px}.hero-card{background:var(--paper);padding:18px;box-shadow:0 18px 50px rgba(58,42,27,.1);transform:rotate(2deg)}.hero-card h3{font:600 26px 'Playfair Display';margin:5px 0}.hero-card p{font-size:14px;margin:0}.hero-card small,.card-body span,.recipe span{color:var(--red);font-size:11px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.dish-photo{height:230px;background-size:cover;background-position:center;border-radius:2px}.photo-pierogi{background-image:linear-gradient(135deg,rgba(90,45,25,.15),rgba(160,70,35,.2)),url('https://images.unsplash.com/photo-1621297988517-7e9b8c6b3d5a?auto=format&fit=crop&w=1000&q=85')}.photo-zurek{background-image:linear-gradient(135deg,rgba(70,40,20,.15),rgba(190,120,40,.2)),url('https://images.unsplash.com/photo-1547592166-23ac45744acd?auto=format&fit=crop&w=1000&q=85')}.photo-bigos{background-image:linear-gradient(135deg,rgba(30,50,20,.15),rgba(100,50,20,.2)),url('https://images.unsplash.com/photo-1515003197210-e0cd71810b5f?auto=format&fit=crop&w=1000&q=85')}.photo-sernik{background-image:linear-gradient(135deg,rgba(130,90,45,.1),rgba(255,220,170,.25)),url('https://images.unsplash.com/photo-1565958011703-44f9829ba187?auto=format&fit=crop&w=1000&q=85')}.photo-barszcz{background-image:linear-gradient(135deg,rgba(100,0,20,.1),rgba(190,30,50,.2)),url('https://images.unsplash.com/photo-1601050690597-df0568f70950?auto=format&fit=crop&w=1000&q=85')}.photo-placki{background-image:linear-gradient(135deg,rgba(90,60,20,.1),rgba(230,190,90,.2)),url('https://images.unsplash.com/photo-1518013431117-eb1465fa5752?auto=format&fit=crop&w=1000&q=85')}.section{padding:75px 30px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2{font:600 42px 'Playfair Display';margin:0}.section-heading a{color:var(--red);text-decoration:none}.cards,.dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.food-card{background:var(--paper);border:1px solid var(--line);transition:.25s}.food-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px rgba(50,35,20,.08)}.card-body{padding:20px}.card-body h3{font:600 26px 'Playfair Display';margin:6px 0}.card-body p{color:var(--muted);margin:0;font-size:14px}.quote{margin:40px 30px 100px;padding:60px 12%;background:#2c2926;color:#f7f0e4;text-align:center}.quote p{font:500 30px/1.4 'Playfair Display';margin:0}.page-head{padding:95px 30px 55px;max-width:800px}.page-head h1{font-size:62px}.page-head>p:last-child{color:var(--muted);font-size:17px}.filter{display:flex;gap:8px;margin-bottom:30px}.filter-btn{border:1px solid var(--line);background:transparent;padding:9px 18px;border-radius:20px;cursor:pointer;color:var(--muted)}.filter-btn.active{background:var(--red);border-color:var(--red);color:white}.recipe-list{padding:20px 30px 100px;display:grid;gap:30px}.recipe{background:var(--paper);padding:25px;display:grid;grid-template-columns:40% 1fr;gap:35px;border:1px solid var(--line)}.recipe-image{min-height:360px;background-size:cover;background-position:center}.recipe h2,.about-grid h2{font:600 38px 'Playfair Display';margin:5px 0 10px}.recipe h4{margin:25px 0 3px}.recipe p{color:var(--muted)}.steps{display:none}.steps.open{display:block}.about-grid{padding:30px;display:grid;grid-template-columns:1.4fr .8fr;gap:70px}.about-grid p{color:var(--muted)}.fact-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fact-box div{background:var(--paper);border:1px solid var(--line);padding:28px;text-align:center}.fact-box strong{display:block;font-size:32px}.fact-box span{font-weight:700}.timeline{margin:60px 30px 100px;border-top:1px solid var(--line)}.timeline>div{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.timeline span{font:600 25px 'Playfair Display';color:var(--red)}.timeline h3{margin:0;font:600 25px 'Playfair Display'}.timeline p{margin:5px 0;color:var(--muted)}footer{padding:35px 6%;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer strong{color:var(--ink);font-family:'Playfair Display'}@media(max-width:800px){.header{height:auto;padding:18px 5%;gap:15px;flex-direction:column}nav{gap:15px;flex-wrap:wrap;justify-content:center}.hero,.about-grid,.recipe{grid-template-columns:1fr}.hero{padding:55px 20px}.hero-card{transform:none}.cards,.dish-grid{grid-template-columns:1fr}.section,.page-head,.recipe-list{padding-left:20px;padding-right:20px}.page-head h1{font-size:48px}.section-heading{align-items:start;gap:20px;flex-direction:column}.quote{margin:20px 20px 70px;padding:40px 25px}.quote p{font-size:23px}.recipe-image{min-height:260px}.about-grid{gap:25px}.timeline{margin-left:20px;margin-right:20px}footer{flex-direction:column;gap:10px}}