@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,500;9..144,700;9..144,800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102a43;--ink:#173047;--orange:#f36b32;--cream:#fff7e9;--yellow:#f7c94b;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit}.topline{min-height:34px;background:var(--navy);color:#fff9ed;display:flex;align-items:center;justify-content:center;gap:17px;padding:8px 16px;text-align:center;font:500 10px 'DM Mono',monospace;letter-spacing:.08em}.topline:first-letter{color:#ffc862}.topline i{width:4px;height:4px;border-radius:50%;background:#ffbc54}.nav{height:76px;padding:0 clamp(22px,7vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebdcc2;background:var(--cream);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 clamp(20px,2vw,26px) Fraunces,serif;letter-spacing:-.04em}.brand-mark{width:30px;height:35px;background:var(--orange);border-radius:15px 15px 5px 5px;position:relative;transform:rotate(-3deg)}.brand-mark:before{content:'';position:absolute;width:15px;height:15px;border:3px solid var(--cream);border-bottom:0;border-radius:50% 50% 0 0;left:4px;top:-9px}.navlinks{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:700}.navlinks a{text-decoration:none}.navlinks a:first-child{color:var(--orange)}button{font:inherit}.bag{border:0;background:var(--navy);color:#fff;border-radius:99px;padding:11px 17px;font:700 12px Manrope;cursor:pointer}.bag span{background:var(--orange);border-radius:50%;padding:2px 6px;margin-left:7px}.menu-toggle{display:none;border:0;background:transparent;font-size:24px;color:var(--navy)}.hero{min-height:480px;padding:70px clamp(22px,7vw,100px);display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(115deg,#fff7e9 0 57%,#f7e5c3 57%)}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow{margin:0 0 14px;display:flex;align-items:center;gap:9px;font:500 11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}.eyebrow:before{content:'';width:26px;height:2px;background:var(--orange)}h1,h2,h3{font-family:Fraunces,Georgia,serif}h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:0 0 21px}h2{font-size:clamp(32px,4vw,49px);line-height:1.03;letter-spacing:-.05em;margin:0}.intro{max-width:460px;font-size:15px;line-height:1.7;color:#4d6377}.cta{display:inline-flex;align-items:center;gap:13px;margin-top:22px;padding:14px 20px;background:var(--orange);color:#fff;text-decoration:none;border-radius:4px;font-weight:800;font-size:13px;box-shadow:4px 4px 0 var(--navy)}.cta span{font-size:19px}.market-art{position:absolute;right:7vw;bottom:30px;width:min(43vw,500px);height:365px;z-index:1}.sun{position:absolute;width:250px;height:250px;border-radius:50%;background:var(--yellow);right:70px;top:3px}.crate{position:absolute;width:290px;height:195px;background:#ce7338;right:20px;bottom:7px;transform:rotate(-6deg);border:9px solid #9b4e26;box-shadow:12px 12px 0 rgba(16,42,67,.16)}.crate:before,.crate:after{content:'';position:absolute;background:#9b4e26;left:0;right:0;height:9px}.crate:before{top:51px}.crate:after{bottom:50px}.fruit{position:absolute;border-radius:50%;border:5px solid rgba(16,42,67,.1);z-index:2}.apple{width:96px;height:96px;background:#ed5b36;right:156px;top:100px}.apple:before{content:'';position:absolute;width:25px;height:13px;background:#6c9455;border-radius:100% 0;top:-16px;left:55px;transform:rotate(-35deg)}.pear{width:81px;height:105px;background:#9eb466;right:50px;top:92px;border-radius:46% 46% 49% 49% / 37% 37% 59% 59%;transform:rotate(14deg)}.lemon{width:76px;height:62px;background:#ffd860;right:200px;bottom:60px;transform:rotate(18deg)}.tomato{width:66px;height:66px;background:#ed5b36;right:85px;bottom:46px}.promise{background:var(--navy);padding:18px clamp(22px,7vw,100px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff9ed}.promise strong{font:700 16px Fraunces,serif}.promise span{font:500 10px 'DM Mono',monospace;letter-spacing:.08em;color:#f8cd70}.promise b{color:var(--yellow);letter-spacing:3px}.section{padding:clamp(60px,8vw,110px) clamp(22px,7vw,100px)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head h2{font-size:clamp(32px,3.3vw,48px)}.section-head>a,.story-copy>a,.map-link{color:var(--orange);font-size:13px;font-weight:800;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--white);border:1px solid #ecdfcb;border-radius:6px;overflow:hidden;box-shadow:0 7px 0 rgba(16,42,67,.04)}.product-art{height:165px;position:relative;overflow:hidden;padding:20px;background:#e9ca84}.product-art:after{content:'';position:absolute;width:116px;height:116px;border:10px solid rgba(255,255,255,.35);border-radius:50%;right:20px;top:16px}.product-art b{position:relative;z-index:1;color:#fff;font:700 26px/1 Fraunces,serif;letter-spacing:-.05em}.product-art.morning{background:#e8a16e}.product-art.green{background:#b8cf9c}.product-art.sharing{background:#cfaf96}.card-info{padding:16px}.card-info p{font:500 9px 'DM Mono',monospace;color:#bf6437;text-transform:uppercase;letter-spacing:.08em;margin:0}.card h3{font-size:17px;line-height:1.15;margin:7px 0 13px}.card-info>div{display:flex;justify-content:space-between;align-items:center;font-size:13px}.add{border:0;border-radius:50%;width:29px;height:29px;background:var(--navy);color:#fff;font-size:19px;cursor:pointer}.story{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,6vw,85px);align-items:center;background:#f9e8c9}.gallery{height:350px;border-radius:7px;overflow:hidden;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:7px;background:var(--navy)}.gallery>div{position:relative;overflow:hidden}.gallery-main{background:#e6b073}.gallery-main:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-40px;top:-36px;border:22px solid #f4d28c}.gallery-main span{position:absolute;left:28px;bottom:27px;color:#fff;font:700 clamp(25px,3vw,38px)/.95 Fraunces,serif;letter-spacing:-.06em}.gallery-leaf{background:#8fa76e;color:#fff6df;font-size:120px;text-align:center;padding-top:100px}.gallery-tomato{background:#ee7851;color:#fff6df;font-size:120px;text-align:center;padding-top:100px}.story-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#4d6377;margin:20px 0}.story-copy>a span{font-size:17px;margin-left:8px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.address{font-size:17px;line-height:1.7;margin:25px 0 16px}.hours{padding:25px 28px;background:#f8e7c7;border:1px solid #ead7b5;border-radius:6px}.hours p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:13px 0;border-bottom:1px solid #d8bf94;font:500 11px 'DM Mono',monospace}.hours p:last-child{border:0}.hours b{font-family:Manrope;font-size:12px}.request{background:var(--navy);color:#fff9ed;padding:clamp(60px,8vw,105px) clamp(22px,7vw,100px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,7vw,100px)}.request h2{font-size:clamp(31px,3.5vw,48px)}.request .eyebrow{color:#ffc862}.request .eyebrow:before{background:#ffc862}.request form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.request label{font-size:11px;font-weight:700;display:grid;gap:7px}.request input,.request textarea{width:100%;border:1px solid #4e6680;background:#173b5c;color:#fff;padding:13px;font:14px Manrope;resize:vertical}.request input::placeholder,.request textarea::placeholder{color:#9bb0c3}.wide{grid-column:1/-1}.request button{width:max-content;border:0;background:var(--orange);color:#fff;padding:14px 19px;font:800 13px Manrope;cursor:pointer;box-shadow:4px 4px 0 #f7c94b}.request button span{font-size:18px;margin-left:8px}.success{grid-column:1/-1;margin:0;color:#f7c94b;font-size:14px}footer{background:#0c2135;color:#fff8ea;padding:24px clamp(22px,7vw,100px);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px}footer .brand{font-size:19px}footer .brand-mark{width:23px;height:27px}footer span{font:500 10px 'DM Mono',monospace;letter-spacing:.06em;color:#a8c0d0}
@media(max-width:850px){.topline{font-size:8px;gap:8px}.navlinks{position:absolute;top:76px;left:0;right:0;background:var(--cream);padding:20px 22px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ebdcc2}.navlinks.open{display:flex}.menu-toggle{display:block}.hero{min-height:680px;align-items:flex-start;padding-top:70px;background:linear-gradient(160deg,#fff7e9 0 55%,#f7e5c3 55%)}.market-art{width:390px;right:calc(50% - 195px);bottom:15px}.promise{flex-wrap:wrap}.cards{grid-template-columns:repeat(2,1fr)}.story,.visit,.request{grid-template-columns:1fr}.gallery{height:300px}.request form{max-width:600px}footer{flex-wrap:wrap}.section-head{align-items:flex-start;gap:18px;flex-direction:column}}@media(max-width:500px){.topline i{display:none}.topline{line-height:1.4}.nav{height:68px}.navlinks{top:68px}.hero{min-height:640px}.market-art{transform:scale(.78);transform-origin:bottom center}.promise{padding-top:15px;padding-bottom:15px}.promise span{width:100%;order:3}.cards{grid-template-columns:1fr}.gallery{height:210px}.gallery-main span{left:18px;bottom:18px}.gallery-leaf,.gallery-tomato{font-size:72px;padding-top:70px}.hours{padding:18px}.request form{grid-template-columns:1fr}.wide{grid-column:auto}footer{align-items:flex-start;flex-direction:column;gap:12px}}