
:root{--paper:#eee5ce;--ink:#482d2a;--wine:#753d48;--serif:'Literata',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 'Fira Sans Condensed',sans-serif}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:5px}header{position:fixed;inset:0 0 auto;z-index:40;padding:12px 4vw;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:linear-gradient(#eee5cef5,transparent);pointer-events:none}header a,header button{pointer-events:auto}.brand img{display:block;width:150px}nav{display:flex;align-items:center;gap:25px;padding-top:16px;font-size:12px}nav button{background:#eee5cecc;border:1px solid #753d4855;padding:6px 10px;font-size:11px}.nav-contact{border-bottom:1px solid currentColor}h1,h2{font:500 clamp(46px,5.1vw,82px)/1.06 var(--serif);letter-spacing:-1.5px}em{font-weight:500;color:var(--wine)}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:25px}.cream{--bg:#eee5ce;--disc:#c7c6a4}.sage{--bg:#d7d6ba;--disc:#bec7af}.peach{--bg:#ecbca8;--disc:#f3e9cd}.scene{--p:0;background:var(--bg);position:relative;isolation:isolate;overflow:hidden;min-height:900px;min-height:max(850px,100svh);display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:180px 8vw 110px;align-items:center}.scene:after,.products:after{content:'';position:absolute;inset:0;z-index:15;pointer-events:none;opacity:.04;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.copy{position:relative;z-index:5;grid-column:1;grid-row:1}.copy>p:not(.eyebrow){max-width:510px;margin-top:27px;font-size:18px;line-height:1.75}.copy .support{font-size:16px!important}.hero h1{font-size:clamp(58px,6.1vw,98px)}.art{position:relative;height:550px;grid-column:2;grid-row:1;min-width:0;container-type:inline-size;--ah:550px}.reverse .copy{grid-column:2}.reverse .art{grid-column:1}.disc{position:absolute;width:min(125%,711px);height:105%;top:0;left:max(15%,calc(50% - 199.5px));background:var(--disc);border-radius:50%;transform:translateY(calc(var(--p)*-40px));z-index:-1}.reverse .disc{left:max(-40%,calc(50% - 511.5px))}.orbit{position:absolute;border:1px solid #8b4d4f66;border-radius:50%;inset:-10% -5%;transform:rotate(calc(-22deg + var(--p)*26deg)) scaleX(.8);z-index:1}.crop{background-repeat:no-repeat;background-size:400% 300%;background-position:var(--x) var(--y);mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 42%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 42%,transparent 72%)}.nuts{background-image:url('/media/botanical-nuts-collection.webp')}.fruit{background-image:url('/media/botanical-dried-fruits-collection.webp')}.seeds{background-image:url('/media/botanical-seeds-collection.webp')}.hero-art .crop{position:absolute;width:70%;height:55%;z-index:3}.first{top:-5%;left:-10%;transform:translate(calc(var(--p)*-45px),calc(var(--p)*-60px)) rotate(calc(-9deg + var(--p)*15deg))}.second{bottom:0;left:0;transform:translateY(calc(var(--p)*45px)) rotate(calc(10deg - var(--p)*12deg))}.third{right:-18%;top:28%;transform:translate(calc(var(--p)*40px),calc(var(--p)*-30px)) rotate(-8deg)}.large{position:absolute;left:0;right:0;margin-inline:auto;top:0;--lh:min(calc(.85*var(--ah)),calc(100cqw/1.125));height:var(--lh);width:calc(var(--lh)*1.125);transform:translateY(calc(var(--p)*-40px)) rotate(calc(-6deg + var(--p)*10deg));z-index:3}.whisper{position:absolute;bottom:-5%;width:100%;font:italic 500 clamp(30px,3vw,49px)/1.12 var(--serif);text-align:center;color:var(--wine);opacity:.45;transform:translateY(calc(var(--p)*-22px))}.hero-art .whisper{bottom:8%;left:15%;width:90%;z-index:2}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid var(--wine);background:var(--wine);color:var(--paper);padding:15px 24px;font-size:15px}.button:hover{background:#58313b}.link{display:inline-block;border-bottom:1px solid currentColor;margin-top:28px;padding-bottom:6px;font-size:15px}.actions .link{margin:0}.scroll{position:absolute;bottom:32px;left:8%;font-size:10px;letter-spacing:1.7px}.scroll span{display:inline-block;margin-left:30px;font-size:25px}.products{background:var(--paper);padding:100px 8vw;position:relative}.product-explorer{display:grid;grid-template-columns:1fr 1.6fr;gap:6vw;margin-top:50px;align-items:center}.tabs{display:flex;flex-direction:column}.tabs button{background:none;border:0;border-bottom:1px solid #753d4833;text-align:left;padding:22px 0;font:500 clamp(33px,3vw,48px)/1.2 var(--serif);display:flex;justify-content:space-between;align-items:center;opacity:.55}.tabs button[aria-selected=true]{color:var(--wine);opacity:1}.tabs span{font:12px 'Fira Sans Condensed',sans-serif}.category-art{height:360px;display:flex}.category-art .crop{width:55%;height:auto;aspect-ratio:9/8;align-self:center}.category-art .crop+ .crop{margin-left:-10%;transform:translateY(30px) rotate(8deg)}#category{text-align:center}#category-caption{font-size:15px;min-height:28px}#category .link{position:relative;z-index:20}.wine{background:#633d48;color:#f3e8ce;padding:100px 8vw}.wine em{color:#d5bd91}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:65px;align-items:start}.reasons article{border-top:1px solid #eee5ce44;padding-top:24px}.reasons span{font-size:11px;color:#d5bd91}.reasons h3{font:500 38px/1.2 var(--serif);margin-top:22px}.reasons p{font-size:17px;line-height:1.75;margin-top:20px;max-width:38ch}.family-illustration{position:absolute;width:90%;height:80%;object-fit:contain;left:5%;top:0;transform:translateY(calc(var(--p)*-35px))}.contact{background:var(--bg);padding:100px 8vw;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw}.contact h2{font-size:clamp(44px,4.5vw,72px)}.contact>div>p:last-child{margin-top:28px;font-size:18px}fieldset{border:0;padding:0;margin:0 0 24px;display:flex;gap:28px}legend,.request-label{font-size:13px;display:block;margin-bottom:10px}fieldset label{font-size:17px}input{accent-color:var(--wine)}textarea{background:transparent;border:0;border-bottom:1px solid #753d4855;width:100%;resize:vertical;font-size:17px;padding:10px 0}form .button{width:100%;margin-top:25px}.preview-note{font-size:11px;margin-top:14px}output{display:block;margin-top:18px;font-size:15px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:45px 8vw;font-size:12px}footer>span{font:30px var(--serif)}footer small{display:block;font:9px 'Fira Sans Condensed',sans-serif;letter-spacing:3px}body.still{scroll-behavior:auto}
body.still .art *{transform:none!important}
@media(max-width:850px){header{padding:12px 5vw}.brand img{width:105px}nav{gap:15px;font-size:11px}nav>a:not(.nav-contact){display:none}nav button{font-size:9px;padding:5px}.scene{min-height:0;grid-template-columns:1fr;padding:145px 7vw 70px;gap:35px}.copy,.reverse .copy{grid-column:1;grid-row:1}.art,.reverse .art{--ah:370px;grid-column:1;grid-row:2;height:370px;max-width:480px;width:100%;margin:auto}.hero h1{font-size:64px}h2{font-size:48px}.copy>p:not(.eyebrow){font-size:17px}.scroll{display:none}.disc{width:100%;left:5%}.reverse .disc{left:-10%}.third{right:-5%!important}.whisper{font-size:32px}.products,.wine,.contact{padding:70px 7vw}.product-explorer{grid-template-columns:1fr;gap:25px}.tabs{flex-direction:row;gap:18px}.tabs button{font-size:24px;flex:1}.tabs span{display:none}.category-art{height:260px}.reasons{grid-template-columns:1fr;gap:35px;margin-top:40px}.reasons h3{margin-top:10px}.contact{grid-template-columns:1fr;gap:38px}footer{flex-wrap:wrap;padding:35px 7vw}footer>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art *{transform:none!important}}

.menu-toggle{display:none;pointer-events:auto}
@media(max-width:1100px){
 header{height:125px;align-items:flex-start}.brand img{width:112px}
 .menu-toggle{display:flex;align-items:center;gap:14px;position:relative;z-index:43;margin-top:14px;padding:10px 16px;border:1px solid #753d4866;background:#eee5cef5;font-size:14px}
 #main-menu{display:none}
 header.menu-open #main-menu{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:120px 10vw 55px;background:#eee5cffa;z-index:41;overflow-y:auto;pointer-events:auto}
 header.menu-open .brand{position:relative;z-index:43}
 header.menu-open #main-menu>a{display:block;font:500 clamp(30px,6vw,48px)/1.2 var(--serif)}
 header.menu-open #main-menu button{font-size:13px;margin-top:12px;padding:8px 12px}
 body.menu-open{overflow:hidden}
}

.tabs .category-link{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20;border-bottom:1px solid #753d4844;padding:22px 0;font:500 clamp(33px,3vw,48px)/1.2 var(--serif);color:var(--ink)}.tabs .category-link:hover{color:var(--wine)}.tabs .category-link span{font:12px 'Fira Sans Condensed',sans-serif}.tabs .category-link span:after{content:' ↗';margin-left:12px}@media(max-width:850px){.tabs .category-link{font-size:24px;flex:1}.tabs .category-link span{display:none}}

/* A single trading thread joins the three ideas. */
#approach{position:relative;isolation:isolate;overflow:hidden;--thread:1;padding-bottom:130px}
#approach .why-title{position:relative;z-index:2}
#approach .connection-drawing{position:relative;height:180px;margin:24px -3vw -10px;pointer-events:none}
.connection-drawing svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#d5bd91;stroke-width:1.5}
.connection-base{opacity:.18}.connection-ink{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--thread));stroke-width:2}
.connection-spark{position:absolute;inset:0 auto auto 0;width:9px;height:9px;border-radius:50%;background:#f3e8ce;box-shadow:0 0 22px #e7c99c;offset-path:path('M 20 110 C 190 -20 275 230 420 100 S 670 -20 805 100 S 1040 210 1180 45');animation:trade-thread 9s linear infinite;opacity:0}
#approach.in-view .connection-spark{opacity:.9}
@keyframes trade-thread{from{offset-distance:0%}to{offset-distance:100%}}
#approach .reasons{margin-top:0;position:relative;z-index:2}
#approach .reasons article{border:0;position:relative;transition:transform .8s cubic-bezier(.2,.65,.3,1),opacity .8s;transition-delay:calc(var(--i)*140ms)}
#approach .reasons article:nth-child(1){--i:0}#approach .reasons article:nth-child(2){--i:1}#approach .reasons article:nth-child(3){--i:2}
#approach.motion-ready:not(.in-view) article{opacity:0;transform:translateY(45px)}
#approach .reasons article>span{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid #d5bd9180;border-radius:50%;transition:background .3s,transform .3s}
#approach .reasons article:hover>span{background:#d5bd9120;transform:rotate(-12deg) scale(1.15)}
#approach .reasons h3{transition:color .3s}#approach .reasons article:hover h3{color:#d5bd91}
body.still #approach article{opacity:1!important;transform:none!important;transition:none!important}
body.still .connection-ink{stroke-dashoffset:0}body.still .connection-spark{display:none}
@media(max-width:850px){#approach{padding-bottom:75px}#approach .connection-drawing{height:95px;margin:22px 0}.connection-spark{display:none}#approach .reasons{padding-left:24px;border-left:1px solid #d5bd9166}#approach .reasons article{padding-top:0}#approach .reasons article>span{background:#633d48;margin-left:-48px}#approach .reasons article h3{margin-top:12px}}
@media(prefers-reduced-motion:reduce){#approach article{opacity:1!important;transform:none!important;transition:none!important}.connection-ink{stroke-dashoffset:0}.connection-spark{display:none}}

.connection-light{display:none}#approach.in-view .connection-light{display:block}body.still #approach .connection-light{display:none}@media(prefers-reduced-motion:reduce){#approach .connection-light{display:none!important}}
