@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');:root{--blue:#124d78;--deep:#123b5b;--gold:#c49b5b;--ink:#26394a;--cream:#faf8f3;--muted:#697c88;--line:#e5e9e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}.wrap{max-width:1170px;margin:auto;padding:0 26px}.topline{height:7px;background:repeating-linear-gradient(90deg,#14527f 0 17px,#fff 17px 22px,#14527f 22px 39px,#fff 39px 44px)}header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:78px;gap:18px}.logo{font-family:'Playfair Display',Georgia,serif;color:var(--deep);font-size:27px;font-weight:700;white-space:nowrap}.logo span{color:var(--gold)}.links{display:flex;gap:30px;font-size:14px;font-weight:700}.links a:hover,.footerlinks a:hover{color:#1773a5}.hero{min-height:560px;position:relative;background:linear-gradient(90deg,rgba(8,41,66,.86),rgba(8,41,66,.42)),url('https://images.unsplash.com/photo-1533105079780-92b9be482077?auto=format&fit=crop&w=1800&q=85') center 55%/cover;display:flex;align-items:center;color:#fff}.hero .wrap{width:100%}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--gold)}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.2}h1{font-size:clamp(44px,6vw,78px);max-width:750px;margin:15px 0 18px}h2{font-size:clamp(30px,3.4vw,44px);margin:10px 0 15px;color:var(--deep)}h3{font-size:25px;margin:10px 0;color:var(--deep)}.hero p{max-width:560px;font-size:18px;color:#f2f5f8}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:4px;background:var(--blue);color:white;font-weight:700;border:1px solid var(--blue);cursor:pointer;font-size:14px}.btn:hover{background:#0b3655}.btn.light{background:white;color:var(--deep);border-color:white}.btn.outline{background:transparent;color:var(--blue)}.hero .btn{background:#fff;color:var(--deep);border-color:#fff;margin-top:12px}.section{padding:76px 0}.section.alt{background:var(--cream)}.sectionhead{text-align:center;max-width:720px;margin:0 auto 34px}.sectionhead p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #102b3b12}.card img{height:215px}.cardbody{padding:22px}.cardbody p{color:var(--muted);font-size:14px;margin:8px 0 15px}.meta{font-size:12px;color:#58778d;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.textlink{color:var(--blue);font-weight:700;font-size:14px}.searchbar{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.searchbar input{border:1px solid #d4dce2;padding:13px 15px;border-radius:5px;min-width:260px;font:inherit}.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chip{border:1px solid #cddce5;background:#fff;padding:9px 14px;border-radius:25px;cursor:pointer;color:var(--deep);font-weight:700}.chip.active{background:var(--blue);color:#fff}.feature{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.feature img{height:430px;border-radius:8px}.feature p{color:var(--muted)}.articlehero{background:var(--cream);padding:60px 0 40px;text-align:center}.articlehero h1{font-size:clamp(38px,5vw,60px);margin:10px auto 12px;color:var(--deep)}.articlehero p{max-width:680px;margin:0 auto;color:var(--muted)}.cover{height:450px;object-fit:cover;border-radius:8px;margin:35px auto}.content{max-width:800px;margin:auto;padding-bottom:80px}.content h2{font-size:30px;margin-top:42px}.content p{font-size:17px}.recipe-layout{display:grid;grid-template-columns:300px 1fr;gap:55px;margin-top:35px}.ingredients{background:var(--cream);padding:25px;border-radius:8px;align-self:start}.ingredients label{display:block;margin:11px 0;cursor:pointer}.ingredients input{accent-color:var(--blue)}.steps{padding-left:24px}.steps li{margin:0 0 20px;padding-left:9px}.recipe-info{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;color:var(--blue);font-weight:700;font-size:14px}.banner{background:#103d60;color:white;padding:60px 0;text-align:center}.banner h2{color:white}.banner p{color:#dce8f0}.footer{background:#0e2d45;color:#d3e2eb;padding:55px 0 22px}.footer .logo{color:white}.footerlinks{display:flex;gap:20px;flex-wrap:wrap}.footergrid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.fine{font-size:12px;color:#9cb4c4;margin-top:38px;border-top:1px solid #355268;padding-top:20px}.historygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.historygrid .card img{height:280px}.breadcrumb{font-size:13px;color:#5c798e;padding-top:25px}.note{border-left:3px solid var(--gold);padding:15px 20px;background:var(--cream);margin:25px 0;color:#546877}.empty{text-align:center;display:none;color:var(--muted);padding:40px}.printbar{margin-top:30px}@media(max-width:750px){.nav{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.links{gap:16px;font-size:13px}.hero{min-height:490px}.grid,.historygrid{grid-template-columns:repeat(2,1fr)}.feature,.recipe-layout{grid-template-columns:1fr}.feature img{height:300px}.recipe-layout{gap:15px}.cover{height:300px}}@media(max-width:520px){.wrap{padding:0 18px}.grid,.historygrid{grid-template-columns:1fr}.card img{height:230px}.section{padding:48px 0}.links{gap:13px}.logo{font-size:24px}.hero{min-height:500px}.cover{height:240px}}@media print{header,.footer,.printbar,.banner{display:none!important}.recipe-layout{grid-template-columns:250px 1fr}.cover{height:200px}.articlehero{padding:10px}body{font-size:12px}}