
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#16231f;--paper:#f8f4ec;--cream:#efe7d7;--acid:#d7e75d;--coral:#f06a4f;--plum:#49394f;--muted:#66716b;--line:#d9d3c8;--white:#fffdf9;--display:'Archivo',Arial,Helvetica,sans-serif;--sans:'Archivo',Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1240px,calc(100% - 48px));margin:auto}
.topbar{background:var(--acid);color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.03em}.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.lang{display:flex;gap:4px}.lang button{border:1px solid transparent;background:transparent;padding:3px 7px;font:inherit;cursor:pointer}.lang button.active{border-color:var(--ink);border-radius:20px}
.site-header{position:relative;background:var(--paper);z-index:30}.nav{min-height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--ink)}.brand{font-family:var(--display);font-size:2.55rem;font-weight:600;letter-spacing:-.055em}.brand span{font-weight:900}.nav nav{justify-self:center;display:flex;gap:28px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.nav nav a:hover{color:var(--coral)}.nav-right{justify-self:end;display:flex;align-items:center;gap:16px}.nav-search{border:1px solid var(--ink);border-radius:0;padding:9px 13px;background:transparent;font:inherit;font-size:.78rem;width:155px}.mobile-menu{display:none}
.hero{padding:34px 0 72px;background:var(--paper);overflow:hidden}.hero-kicker{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.16em;margin-bottom:18px}.hero-kicker span:last-child{color:var(--coral)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:620px;gap:0}.hero-copy{background:var(--coral);padding:55px 54px 48px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.hero-copy:before{content:'VEGO';position:absolute;right:-15px;top:10px;font-family:var(--display);font-size:clamp(8rem,18vw,15rem);font-style:italic;line-height:.8;color:rgba(255,255,255,.16);pointer-events:none}.hero-copy .eyebrow{position:relative;color:var(--white)}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:.95;letter-spacing:-.035em}.hero h1{position:relative;font-size:clamp(3.9rem,7.6vw,8.2rem);margin:12px 0 22px;max-width:800px}.hero p{position:relative;font-size:1.08rem;max-width:550px;margin:0}.hero-img{min-height:620px;position:relative;overflow:hidden}.hero-img img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08);}.hero-img:after{content:'M Y V E G O';position:absolute;left:22px;bottom:18px;color:white;font-size:.7rem;letter-spacing:.35em;font-weight:700;mix-blend-mode:screen}
.btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:30px;background:var(--ink);color:var(--white);padding:14px 20px;border-radius:0;text-transform:uppercase;font-size:.74rem;font-weight:800;letter-spacing:.1em}.btn:hover{background:var(--plum)}
.section{padding:88px 0}.section-head{display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:end;margin-bottom:42px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:800;color:var(--coral)}.section h2{font-size:clamp(3rem,5.7vw,6.2rem);margin:8px 0 0}.section-intro{max-width:510px;color:var(--muted);font-size:1rem}.signature{background:var(--plum);color:var(--white);position:relative}.signature .eyebrow{color:var(--acid)}.signature .section-intro{color:#ddd4df}
.feature-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:20px}.feature-card{position:relative;min-height:610px;overflow:hidden;background:#ddd}.feature-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.feature-card:hover img{transform:scale(1.04)}.feature-card .overlay{position:absolute;inset:auto 0 0;padding:90px 34px 30px;background:linear-gradient(transparent,rgba(10,10,10,.78));color:white}.feature-card h3{font-size:clamp(2.7rem,5vw,5.5rem);margin:8px 0}.mini-stack{display:grid;grid-template-rows:1fr 1fr;gap:20px}.mini-card{position:relative;overflow:hidden;background:var(--acid);min-height:0}.mini-card:nth-child(2){background:var(--cream)}.mini-card img{width:100%;height:100%;object-fit:cover}.mini-card .mini-overlay{position:absolute;inset:auto 0 0;padding:70px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:white}.mini-card h3{font-size:2rem;margin:5px 0}
.editorial-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:0}.editorial-strip a{padding:16px 14px;text-transform:uppercase;font-size:.7rem;letter-spacing:.11em;font-weight:800;border-right:1px solid var(--ink)}.editorial-strip a:last-child{border-right:0}.editorial-strip a:hover{background:var(--acid)}
.recipe-section{background:var(--cream)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filter,.search{border:1px solid var(--ink);background:transparent;border-radius:0;padding:10px 13px;font:inherit;font-size:.78rem}.filter{cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.filter.active{background:var(--ink);color:white}.search{min-width:245px}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--white);border:0;overflow:hidden;transition:transform .25s}.card:hover{transform:translateY(-6px)}.card img{width:100%;aspect-ratio:1/1.08;object-fit:cover}.card-body{padding:16px 15px 20px}.card h3{font-size:1.7rem;margin:8px 0 12px}.meta{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:var(--coral)}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.67rem;padding:4px 7px;background:#ece8df;color:#4f5853}
.about{background:var(--paper);border-top:1px solid var(--ink)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{font-size:clamp(3rem,6vw,6rem);margin:0}.about p{font-size:1.15rem;max-width:600px}.pullquote{font-family:var(--display);font-size:clamp(2rem,4vw,4rem);line-height:1.02;color:var(--coral);margin:35px 0}
.footer{background:var(--ink);color:var(--white);padding:70px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer .brand{font-size:3rem}.footer p{color:#bfc8c2;max-width:440px}.footer-note{text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}
.recipe-hero{background:var(--cream);padding:40px 0 70px;border-bottom:1px solid var(--ink)}.recipe-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:end}.recipe-layout h1{font-size:clamp(3.6rem,7vw,7.5rem);margin:12px 0 20px}.recipe-layout .section-intro{font-size:1.15rem}.recipe-photo{position:relative}.recipe-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.recipe-photo:before{content:'';position:absolute;width:65px;height:65px;background:var(--acid);left:-18px;top:-18px;z-index:1}.recipe-body{padding:75px 0}.recipe-columns{display:grid;grid-template-columns:.62fr 1.38fr;gap:70px}.ingredients{background:var(--acid);padding:30px;align-self:start}.ingredients h2,.method h2{font-size:3rem;margin:0 0 22px}.ingredients ul{padding-left:20px}.ingredients li{margin:8px 0}.method ol{padding-left:28px}.method li{padding:10px 0 17px;font-size:1.08rem}.note{padding:17px 18px;background:var(--paper);border-left:4px solid var(--coral);margin-top:28px;font-size:.9rem}.disclosure{font-size:.76rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.back{text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;font-weight:800}.empty{padding:40px;text-align:center;color:var(--muted);grid-column:1/-1}
@media(max-width:950px){.nav{grid-template-columns:1fr auto}.nav nav,.nav-right{display:none}.nav.open nav{display:flex;position:absolute;left:14px;right:14px;top:78px;background:var(--paper);border:1px solid var(--ink);padding:18px;flex-direction:column;gap:16px;z-index:50}.nav.open .nav-right{display:none}.mobile-menu{display:block;justify-self:end;border:0;background:none;font-size:1.5rem}.hero-grid,.recipe-layout,.recipe-columns,.about-grid{grid-template-columns:1fr}.hero-copy{min-height:540px}.hero-img{min-height:460px}.section-head{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.mini-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}.recipe-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.container{width:calc(100% - 28px)}.topbar .container{font-size:.64rem}.nav{min-height:78px}.brand{font-size:2rem}.hero{padding-top:20px}.hero-grid{min-height:0}.hero-copy{padding:42px 25px;min-height:470px}.hero h1{font-size:4.2rem}.hero-img{min-height:360px}.section{padding:60px 0}.section h2{font-size:3.5rem}.mini-stack{grid-template-columns:1fr}.recipe-grid{grid-template-columns:1fr}.editorial-strip{grid-template-columns:1fr 1fr}.editorial-strip a:nth-child(2){border-right:0}.editorial-strip a{border-bottom:1px solid var(--ink)}.recipe-layout h1{font-size:4rem}.recipe-columns{gap:35px}.footer-grid{grid-template-columns:1fr}}
