:root { --cream:#f6f0e2; --ink:#27352a; --orange:#ee682f; --yellow:#f7b82d; --green:#527355; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; text-decoration:none; }
.site-header { height:92px; max-width:1440px; margin:auto; padding:0 5vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(39,53,42,.16); }
.brand { display:flex; align-items:center; gap:12px; text-transform:uppercase; font-weight:900; letter-spacing:.04em; line-height:1; }.brand-mark { width:44px; height:44px; border-radius:50% 50% 45% 55%; background:var(--orange); color:#fff8eb; display:grid; place-items:center; font:italic 900 27px Georgia,serif; transform:rotate(-5deg); }.brand small { display:block; margin-top:6px; color:var(--green); font-size:9px; letter-spacing:.2em; }
nav { display:flex; gap:36px; font-size:14px; font-weight:700; } nav a:hover { color:var(--orange); }.nav-cta,.button { border-radius:999px; }.nav-cta { padding:13px 21px; background:var(--ink); color:white; font-size:13px; font-weight:800; }
.hero { min-height:calc(100vh - 92px); max-width:1440px; margin:auto; display:grid; grid-template-columns:1.05fr .95fr; overflow:hidden; }.hero-copy { padding:10vh 5vw 7vh; display:flex; flex-direction:column; justify-content:center; }.eyebrow { margin:0 0 20px; color:var(--orange); font-weight:800; text-transform:uppercase; letter-spacing:.18em; font-size:12px; }
h1 { margin:0; max-width:700px; font:900 clamp(64px,8vw,122px)/.86 Arial,sans-serif; letter-spacing:-.075em; text-transform:uppercase; } h1 em { color:var(--orange); font-family:Georgia,serif; font-weight:400; text-transform:none; }.hero-intro { max-width:560px; margin:32px 0; font-size:19px; line-height:1.6; color:#536155; }.hero-actions { display:flex; align-items:center; gap:28px; }.button { display:inline-flex; align-items:center; gap:22px; padding:17px 23px; font-weight:800; }.button-primary { background:var(--orange); color:white; box-shadow:0 10px 30px rgba(204,76,28,.18); }.button-primary:hover { transform:translateY(-2px); }.text-link { font-weight:800; border-bottom:1px solid var(--ink); padding-bottom:5px; }.hero-notes { display:flex; flex-wrap:wrap; gap:22px; margin-top:48px; font-size:12px; font-weight:700; color:#667267; }
.hero-visual { position:relative; min-height:620px; background:var(--yellow); overflow:hidden; display:grid; place-items:center; }.sun { position:absolute; border-radius:50%; border:2px solid rgba(255,248,228,.65); }.sun-one { width:520px; height:520px; }.sun-two { width:650px; height:650px; }.bowl { position:relative; width:min(72%,460px); aspect-ratio:1.15; border-radius:50% 50% 45% 45%; background:linear-gradient(145deg,#fff9e9,#dcd2bb); box-shadow:0 36px 65px rgba(91,56,18,.27),inset -20px -25px 30px rgba(100,74,41,.15); transform:rotate(-5deg); display:grid; place-items:center; }.almonds { width:82%; height:72%; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:4px; }.almonds i { width:58px; height:26px; border-radius:80% 20% 80% 20%; background:linear-gradient(90deg,#b87838,#e2a55c 52%,#9a5c2b); box-shadow:inset 0 0 0 1px rgba(80,38,10,.17),0 3px 3px rgba(67,36,8,.22); transform:rotate(20deg); }.almonds i:nth-child(3n){transform:rotate(-18deg)}.almonds i:nth-child(4n){transform:rotate(42deg)}.leaf { position:absolute; width:90px; height:180px; background:var(--green); border-radius:100% 0 100% 0; opacity:.9; }.leaf-one { left:7%; top:8%; transform:rotate(-30deg); }.leaf-two { right:7%; bottom:5%; transform:rotate(150deg); }.visual-stamp { position:absolute; right:6%; top:12%; width:120px; height:120px; border-radius:50%; background:var(--cream); display:grid; place-content:center; text-align:center; transform:rotate(8deg); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }.visual-stamp strong { font:italic 25px Georgia,serif; color:var(--orange); text-transform:none; letter-spacing:0; }
@media(max-width:850px){.site-header{height:76px}.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 6vw}.hero-visual{min-height:500px}h1{font-size:clamp(58px,19vw,92px)}.hero-notes{margin-top:34px}} @media(max-width:480px){.nav-cta{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:420px}.bowl{width:80%}.almonds i{width:46px;height:21px}}
.marquee{min-height:70px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-around;gap:25px;overflow:hidden;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.16em;white-space:nowrap}.marquee b{color:var(--yellow);font-size:22px}.section{padding:120px 5vw}.products{max-width:1440px;margin:auto}.section-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:80px;margin-bottom:62px}.section-heading h2,.story h2,.wholesale h2{margin:0;font:900 clamp(44px,5vw,76px)/.94 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.055em}.section-heading h2 em,.story h2 em,.wholesale h2 em{font-family:Georgia,serif;color:var(--orange);font-weight:400;text-transform:none}.section-heading>p{max-width:500px;color:#687267;line-height:1.7;font-size:17px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{position:relative;padding:26px;border-radius:4px;min-height:520px;display:flex;flex-direction:column;justify-content:space-between}.orange-card{background:#ef7546}.green-card{background:#789276}.yellow-card{background:#f1c75d}.product-tag{align-self:flex-start;background:rgba(255,255,255,.82);padding:8px 11px;border-radius:99px;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.12em}.pack{width:230px;height:285px;margin:auto;padding:48px 20px 20px;background:#f6e8c8;clip-path:polygon(5% 2%,95% 0,100% 100%,0 98%);display:flex;flex-direction:column;align-items:center;text-align:center;transform:rotate(-4deg);filter:drop-shadow(0 22px 18px rgba(48,33,13,.22))}.pack-green{background:#31543f;color:#fff;transform:rotate(3deg)}.pack-yellow{background:#f4df9c}.pack small{font-size:10px;font-weight:900;letter-spacing:.15em}.pack strong{margin:auto 0;font:italic 32px/1 Georgia,serif}.pack i{font-style:normal;font-size:10px;letter-spacing:.22em}.product-info{display:flex;align-items:end;justify-content:space-between;color:#1f3025}.product-info h3{margin:0 0 5px;font-size:20px}.product-info p{margin:0;font-size:12px}.product-info>a{width:38px;height:38px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:22px}.product-note{text-align:center;color:#7a8179;font-size:11px;margin:24px 0 0}.story{background:#e8dec9;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.story-art{position:relative;min-height:600px;background:var(--yellow);display:grid;place-items:center;overflow:hidden;color:var(--ink);text-align:center;font:18px/1.5 Arial}.story-art:before,.story-art:after{content:"";position:absolute;width:180px;height:350px;background:var(--green);border-radius:100% 0 100% 0}.story-art:before{left:-25px;bottom:-100px;transform:rotate(-20deg)}.story-art:after{right:-25px;top:-100px;transform:rotate(160deg)}.almond-sun{font-size:210px;line-height:1;color:#f0ede3;filter:drop-shadow(0 18px 20px rgba(87,59,15,.16))}.story-art p{position:absolute}.story-art strong{font:italic 40px Georgia,serif;color:var(--orange)}.story-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#5b665e;margin:32px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b5af9f;border-bottom:1px solid #b5af9f;margin:35px 0}.stats div{padding:24px 10px 24px 0}.stats strong,.stats span{display:block}.stats strong{font:italic 28px Georgia,serif;color:var(--orange)}.stats span{margin-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.story-button{background:var(--ink);color:#fff}.wholesale{background:var(--orange);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}.wholesale .eyebrow{color:#ffe09b}.wholesale h2 em{color:#ffe09b}.wholesale>p:not(.eyebrow){max-width:600px;font-size:18px;line-height:1.7;margin:28px auto 38px}.button-light{background:#fff6e8;color:var(--ink)}footer{background:var(--ink);color:#fff;padding:80px 5vw 32px;display:grid;grid-template-columns:1fr 1fr .4fr;gap:60px}.footer-brand{align-self:start}.footer-brand .brand-mark{background:var(--yellow);color:var(--ink)}footer h3{font:italic 33px Georgia,serif;margin:0 0 10px}.footer-email{display:flex;justify-content:space-between;max-width:440px;border-bottom:1px solid #778278;padding:24px 0 12px;color:#f6c964}.footer-links{display:flex;flex-direction:column;gap:16px;font-weight:700;font-size:13px}.copyright{grid-column:1/-1;border-top:1px solid #4f5b52;padding-top:24px;margin:35px 0 0;color:#9aa39b;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:850px){.section{padding:80px 6vw}.section-heading{grid-template-columns:1fr;gap:15px}.product-grid{grid-template-columns:1fr}.product-card{min-height:480px}.story{grid-template-columns:1fr}.story-art{min-height:480px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:520px){.marquee{justify-content:flex-start;padding-left:20px}.section{padding:65px 6vw}.stats{grid-template-columns:1fr}.stats div{border-bottom:1px solid #b5af9f}.stats div:last-child{border:0}footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}}