:root,:root[data-theme]{--color-base-100:#faf7ee;--color-base-200:#f1ecdc;--color-base-300:#ddd5bb;--color-base-content:#22261a;--color-primary:#4b5a1f;--color-primary-content:#ffffff;--color-accent:#d2a62e;--color-accent-content:#22261a;--color-neutral:#283114;--color-neutral-content:#faf7ee;--radius-box:.75rem;--radius-field:.5rem;--radius-selector:.5rem;--font-display:"Marcellus",Georgia,serif;--font-sans:"Manrope",system-ui,sans-serif;--step--1:clamp(.875rem,.86rem + .1vw,.94rem);--step-0:clamp(1rem,.96rem + .2vw,1.125rem);--step-1:clamp(1.2rem,1.1rem + .5vw,1.45rem);--step-2:clamp(1.45rem,1.25rem + 1vw,1.9rem);--step-3:clamp(1.8rem,1.4rem + 2vw,2.7rem);--step-4:clamp(2.1rem,1.5rem + 3vw,3.6rem);--step-5:clamp(2.4rem,1.4rem + 4.6vw,4.8rem);--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--section:clamp(3.5rem,2rem + 5vw,6rem);--container:76rem;--measure:62ch;--muted:#4d533f;--ginta-accent:#4b5a1f;--ginta-accent-ink:#fff;--ginta-radius:.75rem}
body{background:var(--color-base-100);color:var(--color-base-content);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.6;overflow-wrap:break-word}
h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.08}
.ol-wrap{width:min(100% - 2*var(--sp-5),var(--container));margin-inline:auto}
.ol-bar{background:var(--color-neutral);color:#efe8cf;font-size:var(--step--1);text-align:center;padding:var(--sp-2) var(--sp-4);font-weight:500}
.ol-head{border-bottom:1px solid var(--color-base-300);background:var(--color-base-100)}
.ol-head .ol-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:64px}
.ol-logo{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--step-1);color:var(--color-primary);text-decoration:none;white-space:nowrap}
.ol-logo svg{width:1.2em;height:1.2em;color:var(--color-accent)}
.ol-nav{display:flex;gap:var(--sp-5)}
.ol-nav a{color:var(--color-base-content);text-decoration:none;font-weight:600}
.ol-nav a:hover{color:var(--color-primary);text-decoration:underline;text-underline-offset:5px}
.ol-nav .ol-hide{display:none}
.ol-hero{background:var(--color-base-200)}
.ol-hero .ol-wrap{display:grid;gap:var(--sp-5);padding-block:var(--sp-6)}
.ol-kicker{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:var(--step--1);color:#7a6213}
.ol-hero h1{font-size:var(--step-5);color:var(--color-primary);margin-top:var(--sp-2);max-width:16ch}
.ol-lead{max-width:44ch;margin-top:var(--sp-3);color:var(--muted);font-size:var(--step-1)}
.ol-perks{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin-top:var(--sp-4);font-weight:600}
.ol-perks li{display:inline-flex;align-items:center;gap:var(--sp-2)}
.ol-perks svg{width:1.15em;height:1.15em;color:var(--color-primary)}
.ol-hero-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-box)}
.ol-shop{padding-block:var(--sp-7) var(--section)}
.ol-shop h2{font-size:var(--step-3);color:var(--color-primary)}
.ol-shop-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--sp-3);margin-bottom:var(--sp-5)}
.ol-shop-top p{color:var(--muted)}
.ol-sec{padding-block:var(--section)}
.ol-farm{background:var(--color-primary);color:#fff}
.ol-farm .ol-wrap{display:grid;gap:var(--sp-7);align-items:center}
.ol-farm img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-box)}
.ol-label{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:var(--step--1);color:var(--color-accent);margin-bottom:var(--sp-2)}
.ol-farm h2{font-size:var(--step-4)}
.ol-farm p{color:#e6ead6;max-width:var(--measure);margin-top:var(--sp-4)}
.ol-ship{display:grid;gap:var(--sp-5);margin-top:var(--sp-6)}
.ol-ship div{background:#fff;border:1px solid var(--color-base-300);border-radius:var(--radius-box);padding:var(--sp-5)}
.ol-ship svg{width:1.6rem;height:1.6rem;color:var(--color-primary)}
.ol-ship h3{font-size:var(--step-1);margin-top:var(--sp-3);font-family:var(--font-sans);font-weight:700}
.ol-ship p{color:var(--muted);margin-top:var(--sp-1)}
.ol-sec h2.ol-h{font-size:var(--step-4);color:var(--color-primary)}
.ol-foot{background:var(--color-neutral);color:#d9d5bf;padding-block:var(--sp-8)}
.ol-foot .ol-wrap{display:grid;gap:var(--sp-5)}
.ol-foot a{color:#fff}
.ol-foot .ol-logo{color:#fff}
.legal{padding-block:var(--sp-8) var(--section);max-width:var(--measure)}
.legal h1{font-size:var(--step-4);color:var(--color-primary)}
.legal .ginta-legal-text h2{font-size:var(--step-2);margin-top:var(--sp-6)}
.legal .ginta-legal-text p{margin-top:var(--sp-3)}
a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
@media (min-width:768px){.ol-nav .ol-hide{display:inline}.ol-hero .ol-wrap{grid-template-columns:1.25fr 1fr;align-items:center;padding-block:var(--sp-5)}.ol-hero-photo img{aspect-ratio:auto;height:210px}.ol-hero h1{font-size:clamp(2.4rem,1.2rem + 2.6vw,3.6rem);max-width:none}.ol-shop{padding-top:var(--sp-6)}.ol-farm .ol-wrap{grid-template-columns:1fr 1fr}.ol-ship{grid-template-columns:repeat(3,1fr)}.ol-foot .ol-wrap{grid-template-columns:2fr 1fr 1fr}}