:root{--forest:#183c2d;--deep:#10291f;--sage:#aec3b0;--cream:#f5f3ea;--ink:#17251e;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}
.seo-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,90px);background:var(--cream);border-bottom:1px solid rgba(23,37,30,.14)}
.seo-header img{display:block;width:clamp(145px,14vw,190px);height:auto}.seo-header nav{display:flex;align-items:center;gap:28px}.seo-header nav a{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.seo-header .app-link{padding:14px 17px;background:var(--forest);color:white}
.seo-hero{position:relative;min-height:68svh;display:flex;align-items:flex-end;padding:clamp(65px,9vw,135px) clamp(24px,8vw,125px);color:white;isolation:isolate;background-position:center;background-size:cover}
.seo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,16,.88),rgba(6,24,16,.22));z-index:-1}.seo-hero.produce{background-image:url("/assets/akiki-hero-products-v2.png")}.seo-hero.ramon{background-image:url("/assets/ramon-pena-editorial.png");background-position:center}.seo-hero.kitchen{background-image:linear-gradient(135deg,#173f2f,#78937b)}.seo-hero.juice{background-image:linear-gradient(135deg,#294d37,#c9ad3a)}.seo-hero.platters{background-image:linear-gradient(135deg,#522536,#cf806d)}
.seo-hero-copy{max-width:850px}.seo-kicker{margin:0 0 22px;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--sage)}.seo-hero h1{margin:0;font-size:clamp(48px,7vw,100px);line-height:.92;letter-spacing:-.06em}.seo-hero h1 em{font-family:Georgia,serif;font-weight:400}.seo-hero-copy>p:last-of-type{max-width:700px;margin:30px 0 0;font-size:16px;line-height:1.75;color:rgba(255,255,255,.8)}
.seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.seo-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 20px;background:white;color:var(--deep);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.seo-button.alt{background:transparent;color:white;border:1px solid rgba(255,255,255,.5)}
.seo-content{padding:clamp(80px,10vw,145px) clamp(24px,8vw,125px)}.seo-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(45px,9vw,140px);align-items:start}.seo-intro h2{margin:0;font-size:clamp(38px,5vw,70px);line-height:.98;letter-spacing:-.05em}.seo-intro h2 em{font-family:Georgia,serif;font-weight:400}.seo-copy p{margin:0 0 22px;font-size:15px;line-height:1.85;color:#526158}.seo-copy strong{color:var(--forest)}
.seo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:75px}.seo-list article{padding:34px;background:white;min-height:210px}.seo-list small{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-dark,#6b8f71)}.seo-list h3{margin:28px 0 12px;font-size:22px}.seo-list p{margin:0;font-size:13px;line-height:1.7;color:#59675f}
.seo-local{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:clamp(70px,8vw,115px) clamp(24px,8vw,125px);background:var(--deep);color:white}.seo-local h2{margin:0;font-size:clamp(40px,5vw,70px);line-height:.95;letter-spacing:-.05em}.seo-local p{margin:0;max-width:610px;font-size:14px;line-height:1.8;color:rgba(255,255,255,.7)}
.seo-footer{display:flex;justify-content:space-between;gap:30px;padding:40px clamp(24px,8vw,125px);background:#0a1c15;color:rgba(255,255,255,.7);font-size:11px}.seo-footer div{display:flex;flex-wrap:wrap;gap:22px}
@media(max-width:800px){.seo-header nav a:not(.app-link){display:none}.seo-intro,.seo-local{grid-template-columns:1fr}.seo-list{grid-template-columns:1fr}.seo-list article{min-height:auto}.seo-footer{flex-direction:column}.seo-hero{min-height:620px}}
