/* The illustrated brand: bright, tactile, rooted in the landscape. */
:root{--cream:#fff9e9;--paper:#fffdf5;--leaf:#254934;--strawberry:#bc3341;--rose:#eabbaa;--charcoal:#29452f;--muted:#7d8065;--line:#dddcc0;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}body{background:var(--cream);color:var(--charcoal)}.announcement{background:#b7303e;color:#fff6e4;font-size:10px;padding:9px 15px;letter-spacing:.5px}.site-header{height:98px;background:#fff9e9;padding:0 4%;border:0;box-shadow:0 2px 0 #d7d7b52e}.brand{font-size:14px;font-weight:600;letter-spacing:.7px}.brand-symbol svg{width:34px;height:42px}.brand small{font-size:5px;letter-spacing:1.2px;color:#7f8a67}.desktop-nav{gap:27px}.desktop-nav a{font-size:11px;font-weight:500}.header-actions svg{width:19px;height:20px}.button{border-radius:28px;padding:17px 27px;font-size:11px;border-color:transparent;background:var(--strawberry);box-shadow:0 3px 0 #872f2b16;font-weight:600}.button:hover{background:#a12e37;border-color:transparent}.button.outline{border:1px solid #819276;background:transparent;box-shadow:none}.button.outline:hover{background:#e9edd9;border-color:#819276}.button.light{background:#fff8e2;color:var(--leaf);box-shadow:none}.eyebrow{font-weight:600;letter-spacing:1.7px}.illustrated-hero{position:relative;height:calc(100svh - 128px);min-height:800px;max-height:1100px;background:#d8e8de;overflow:hidden;isolation:isolate}.story-landscape{position:absolute;inset:0;z-index:-2;overflow:hidden}.story-panorama{display:flex;height:100%;width:max-content;will-change:transform}.story-panorama>img{width:100vw;min-width:1100px;height:100%;object-fit:fill;flex-shrink:0}.story-heading{position:relative;text-align:center;padding:48px 20px 20px;z-index:2;max-width:850px;margin:auto}.story-heading>.eyebrow{font-size:8px;letter-spacing:2.2px;color:#33543d}.story-heading h1{font:600 clamp(54px,5.7vw,90px)/1.02 var(--serif);letter-spacing:-2.8px;margin:18px 0 18px;color:#284c36;text-shadow:0 1px 0 #eff3d6;animation:story-heading-in 1s cubic-bezier(.2,.8,.2,1) both}.story-heading h1 em{color:#b42b3c;font-weight:500}.story-heading p{font-size:12px;line-height:1.75;color:#3d5d45;margin:0 0 22px}.story-heading .button{font-size:10px;padding:15px 23px;min-height:46px;animation:story-heading-in 1.1s .15s both}.story-truck{position:absolute;width:clamp(400px,43vw,650px);left:28%;bottom:14.2%;z-index:3;transform:translateX(-150vw);will-change:transform;pointer-events:none}.story-truck>img{position:relative;width:100%;height:auto;display:block;animation:truck-ride .6s linear infinite}.truck-shadow{position:absolute;left:8%;right:7%;height:10px;bottom:8%;background:#273a2a55;border-radius:50%;filter:blur(5px);transform:scaleY(.6)}.truck-wordmark{position:absolute;left:44%;top:54%;width:22%;text-align:center;font:600 clamp(6px,.62vw,10px)/1.3 var(--serif);letter-spacing:.6px;color:#73352e;animation:truck-ride .6s linear infinite}.story-footer{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fffce8;font-size:8px;letter-spacing:1.5px;text-shadow:0 1px 8px #29452f99;z-index:4}.story-footer button{border:1px solid #fff9e780;background:#fff9e7eb;color:#2b4c34;border-radius:30px;padding:10px 18px;box-shadow:0 2px 10px #1f2d1722;font-size:9px;min-width:130px}.story-paused .story-truck>img,.story-paused .truck-wordmark{animation-play-state:paused}.story-chapters{padding:32px 6% 38px;background:#fff9e9;text-align:center;border-bottom:1px solid #e2e0c9}.story-chapter-buttons{display:flex;max-width:650px;gap:25px;justify-content:center;margin:0 auto 25px}.story-chapter-buttons button{background:transparent;color:#85906d;border:0;border-bottom:2px solid #d4d9bd;padding:12px 15px;font-size:11px;flex:1;transition:color .3s,border-color .3s}.story-chapter-buttons button span{font-size:8px;letter-spacing:1px;margin-right:12px}.story-chapter-buttons button[aria-pressed=true]{color:#2d513a;border-color:#b83340}.story-chapter-copy h2{font:500 27px/1.3 var(--serif);letter-spacing:-.6px;margin:10px 0}.story-chapter-copy p{font-size:11px;color:#758365;margin:12px auto;max-width:620px;min-height:35px}.story-chapters>small{font-size:8px;color:#9d9e82}.fresh-feature{padding-top:85px;padding-bottom:85px;background:#fff9e9}.fresh-feature-image{border-radius:110px 110px 8px 8px;max-height:600px}.fresh-feature-image>span{border-radius:4px;font-size:8px;background:#fff8e3eb;color:#6a795a}.fresh-feature-copy h2{font:500 clamp(42px,4.3vw,65px)/1.1 var(--serif);letter-spacing:-2px}.fresh-feature-copy p{font-size:13px;color:#778267;max-width:390px}.origin-split{background:#dce6cc;color:#2e4b34;position:relative}.origin-copy .eyebrow{color:#65805b}.origin-copy h2{font:500 clamp(37px,3.8vw,56px)/1.15 var(--serif);letter-spacing:-1.7px}.origin-copy em{color:#b23f42}.origin-copy p{color:#6b7f60;font-size:12px}.origin-copy .button{color:#294d34;border-color:#93a47e;background:transparent;border-radius:30px}.origin-image>img{filter:saturate(.85)}.business-band h2{font:500 clamp(40px,4.4vw,63px)/1.1 var(--serif);letter-spacing:-1.8px}.business-band p{font-size:13px;color:#7a8269}.regular-band{background:#b83240;color:#fff5df}.regular-inner{grid-template-columns:.7fr 1.6fr 1fr}.regular-number{font-family:var(--serif);font-weight:500}.regular-inner .eyebrow{color:#f3d5b3}.regular-inner h2{font:500 42px/1.15 var(--serif);letter-spacing:-1px}.regular-inner em{color:#f4d2b2}.regular-inner p{color:#f0d2b7;font-size:11px}.newsletter{background:#fff9e9}.newsletter h2{font:500 43px/1.2 var(--serif);letter-spacing:-1px}.newsletter p{font-size:12px}.site-footer{background:#e4e9d1;color:#304d35}.footer-top h3{font:500 28px/1.25 var(--serif);letter-spacing:-.7px}.footer-top h3 em{color:#a74645}.footer-contact>a{font-size:17px;font-weight:500}.footer-bottom{border-color:#cbd4b5}.page-intro h1{font:500 clamp(42px,5vw,74px)/1.1 var(--serif);letter-spacing:-1.7px}.page-intro{background:var(--cream)}.page-intro p{font-size:13px}.form-surface{border-radius:14px;background:#fffdf5;border-color:#dce0c8}.form-heading h3{font:500 29px/1.25 var(--serif);letter-spacing:-.7px}.plan-options label{border-radius:8px}.plan-options label:has(input:checked){background:#f2e7d9;border-color:#c67a72}.input-field input,.input-field select,.input-field textarea{border-radius:6px;background:#fffdf6;border-color:#dbddc7}.form-note{color:#929a7e}.lead-form>.button{font-size:12px}.product-description h1{font:500 54px/1.1 var(--serif);letter-spacing:-1.8px}.product-main-image{border-radius:12px}.status{background:#e5ebd6;color:#6c7f59}.catalog-notice{background:#edf0df;border-color:#d9e0c4;border-radius:8px}.product-image{border-radius:12px}.fresh-only .product-card h3{font-family:var(--serif);font-weight:500}.gallery-thumbnails button{border-radius:7px}.variant-picker span{border-radius:20px;padding:12px 17px}.variant-picker input:checked+span{background:#eee2d5;border-color:#bf6c6f}.discount-block>span{font-family:var(--serif);font-weight:500}.contact-number{color:#3d5940}.legal-copy h2{font-family:var(--serif)}@keyframes story-heading-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes truck-ride{0%,100%{transform:translateY(0)}25%{transform:translateY(-.6px)}75%{transform:translateY(.6px)}}@media(min-width:1700px){.story-heading{padding-top:65px}.story-truck{bottom:13.5%;width:700px}}@media(max-width:1200px){.illustrated-hero{min-height:790px;height:calc(100svh - 120px)}.story-heading h1{font-size:74px}.story-heading{padding-top:52px}.story-truck{width:500px;left:26%;bottom:14%}.site-header{height:90px}.story-heading p{font-size:12px}}@media(max-width:800px){.illustrated-hero{min-height:750px;max-height:950px;height:calc(100svh - 110px)}.story-heading{padding:45px 6% 0}.story-heading h1{font-size:65px;letter-spacing:-2.3px;margin:19px 0}.story-heading>.eyebrow{font-size:7px;letter-spacing:1.4px}.story-heading p{font-size:12px;line-height:1.8;margin-bottom:22px}.story-heading .button{font-size:11px;padding:16px 23px}.story-truck{width:370px;left:calc(50% - 185px);bottom:15%;}.truck-wordmark{font-size:6px}.story-footer{font-size:6px;letter-spacing:1px;bottom:20px}.story-footer button{font-size:9px;min-width:115px}.story-chapters{padding:22px 6% 30px}.story-chapter-buttons{gap:12px;margin-bottom:20px}.story-chapter-buttons button{padding:10px 5px;font-size:11px}.story-chapter-buttons button span{display:block;font-size:8px;margin:0 0 4px}.story-chapter-copy h2{font-size:23px}.story-chapter-copy p{font-size:12px;line-height:1.8;min-height:60px}.story-chapters>small{font-size:9px}.fresh-feature{padding-top:60px;padding-bottom:60px}.fresh-feature-image{height:410px;border-radius:85px 85px 8px 8px}.fresh-feature-copy h2{font-size:48px}.fresh-feature-copy p{font-size:14px}.origin-copy h2{font-size:43px}.origin-copy p{font-size:14px}.business-band h2{font-size:44px}.business-band p{font-size:14px}.regular-inner{grid-template-columns:.6fr 1.4fr}.regular-inner h2{font-size:34px;letter-spacing:-.7px}.regular-inner p{font-size:12px}.regular-inner>.button{grid-column:2}.newsletter h2{font-size:37px}.footer-top h3{font-size:27px}.footer-contact>a{font-size:17px}.site-header{height:84px}.brand{font-size:12px}.brand small{font-size:5px}.brand-symbol svg{width:30px;height:35px}.form-heading h3{font-size:28px}.page-intro h1{font-size:46px}.page-intro p{font-size:14px}.product-description h1{font-size:43px}.button{font-size:12px}.announcement{font-size:9px}.mobile-menu{background:#fff9e9}.newsletter p{font-size:13px}}@media(max-width:420px){.story-heading h1{font-size:58px}.story-heading{padding-top:43px}.illustrated-hero{min-height:740px}.story-truck{width:350px;left:calc(50% - 175px)}.story-heading p{font-size:11px}.story-heading .button{font-size:10px}.story-footer>span{max-width:100px;line-height:1.6}.fresh-feature-copy h2{font-size:44px}.regular-inner h2{font-size:30px}.brand{font-size:11px;gap:7px}.brand-symbol svg{width:26px}}@media(prefers-reduced-motion:reduce){.story-heading h1,.story-heading .button{animation:none}.story-truck>img,.truck-wordmark{animation:none}.story-panorama,.story-truck{will-change:auto}}
/* A visible, fully laden truck crossing the mountain road. */
.story-truck{width:clamp(430px,43vw,660px);left:0;bottom:20%;transform:none;animation:truck-road-crossing 18s linear -6s infinite;z-index:3}.story-paused .story-truck{animation-play-state:paused}.story-truck>img,.truck-wordmark{animation-duration:.48s}.truck-shadow{bottom:8.5%;filter:blur(4px);opacity:.7}@keyframes truck-road-crossing{from{transform:translateX(calc(-100% - 30px))}to{transform:translateX(calc(100vw + 30px))}}@media(min-width:1700px){.story-truck{width:700px;bottom:20%}}@media(max-width:1200px){.story-truck{width:500px;left:0;bottom:20.5%}}@media(max-width:800px){.story-truck{width:370px;left:0;bottom:21.5%;animation-duration:14s;animation-delay:-4.5s}}@media(max-width:420px){.story-truck{width:350px;left:0;bottom:21.5%}}@media(prefers-reduced-motion:reduce){.story-truck{animation:none!important;left:50%;transform:translateX(-50%)}.story-truck>img,.truck-wordmark{animation:none!important}}
/* Keep the laden truck on the road throughout each pass; the inline position is a no-animation fallback. */
@keyframes truck-road-crossing{from{transform:translateX(0)}to{transform:translateX(calc(100vw - 100%))}}.story-truck{animation-duration:15s;animation-delay:-5s}@media(max-width:800px){.story-truck{width:320px;animation-duration:10s;animation-delay:-3s}}@media(max-width:420px){.story-truck{width:300px}}@media(prefers-reduced-motion:reduce){.story-truck{left:50%;transform:translateX(-50%)!important}}
/* Articulated truck: wheels rotate independently while only the chassis rides the suspension. */
.truck-rig{display:block;width:100%;height:auto;overflow:visible;aspect-ratio:1774/887}.wheel-rotor{animation:truck-wheel-roll var(--wheel-period,3s) linear infinite;transform-box:view-box;will-change:transform}.front-wheel-rotor{animation-delay:-.12s}.truck-chassis{animation:truck-suspension .64s linear infinite;transform-origin:900px 650px;transform-box:view-box}.truck-wordmark{animation:truck-suspension-label .64s linear infinite}.story-paused .wheel-rotor,.story-paused .truck-chassis,.story-paused .truck-wordmark{animation-play-state:paused}@keyframes truck-wheel-roll{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes truck-suspension{0%,100%{transform:translateY(0px) rotate(0deg)}22%{transform:translateY(-1.8px) rotate(-.1deg)}48%{transform:translateY(.8px) rotate(.05deg)}72%{transform:translateY(-.7px) rotate(.08deg)}}@keyframes truck-suspension-label{0%,100%{transform:translateY(0)}22%{transform:translateY(-.7px)}48%{transform:translateY(.3px)}72%{transform:translateY(-.3px)}}@media(prefers-reduced-motion:reduce){.wheel-rotor,.truck-chassis,.truck-wordmark{animation:none!important;will-change:auto}}
/* Continuous drive: the truck stays framed; the scenery and seamless road move beneath it. */
.story-truck{left:28%;transform:none!important;animation:none!important;--truck-size:560px}.reverse-landscape{transform:scaleX(-1)}.road-rush{position:absolute;left:0;right:0;top:72.3%;height:7.4%;z-index:-1;overflow:hidden;pointer-events:none}.road-rush>svg{width:100%;height:100%;display:block}.road-markings{animation:continuous-road var(--road-duration,2s) linear infinite;transform-box:view-box}.wheel-rotor{animation-duration:var(--wheel-period,.85s)}.truck-chassis,.truck-wordmark{animation-duration:.38s}.fruit-trail{position:absolute;inset:0;pointer-events:none;overflow:visible}.flying-strawberry{position:absolute;left:var(--launch);top:25%;width:clamp(10px,1vw,17px);height:auto;animation:berry-flight var(--flight-time,2s) linear var(--flight-delay,0s) infinite;opacity:0;will-change:transform,opacity}.flying-strawberry svg{width:100%;height:auto;display:block}.truck-shadow{animation:truck-contact .38s linear infinite}.story-paused .road-markings,.story-paused .flying-strawberry,.story-paused .truck-shadow{animation-play-state:paused}@keyframes continuous-road{from{transform:translateX(0)}to{transform:translateX(-800px)}}@keyframes berry-flight{0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg)}7%{opacity:1}32%{transform:translate3d(calc(var(--truck-size)*-.17),-42px,0) rotate(calc(var(--tumble)*.3))}65%{opacity:1;transform:translate3d(calc(var(--truck-size)*-.4),0,0) rotate(calc(var(--tumble)*.7))}100%{opacity:0;transform:translate3d(calc(var(--truck-size)*-.66),155px,0) rotate(var(--tumble))}}@keyframes truck-contact{0%,100%{opacity:.7;transform:scaleY(.6)}50%{opacity:.62;transform:scaleY(.64)}}@media(min-width:1700px){.story-truck{left:30%}}@media(max-width:1200px){.story-truck{left:26%}}@media(max-width:800px){.story-truck{left:calc(50% - 160px)}.flying-strawberry{width:12px}.road-rush{height:7.4%}}@media(max-width:420px){.story-truck{left:calc(50% - 150px)}}@media(prefers-reduced-motion:reduce){.story-truck{left:50%;transform:translateX(-50%)!important}.road-markings,.truck-shadow{animation:none!important}.flying-strawberry{display:none}}
/* Circular wheels rotate about their own bounding-box centers; no painted body pixels rotate. */
.wheel-rotor{transform-box:fill-box;transform-origin:50% 50%;animation-delay:0s}.wheel-assembly{transform-box:view-box}.truck-chassis{animation:truck-suspension .48s linear infinite}.story-paused .truck-chassis{animation-play-state:paused}.fruit-trail,.flying-strawberry{display:none!important}@media(prefers-reduced-motion:reduce){.truck-chassis{animation:none!important}}
/* Approved truck identity: CAMPOHOUSE CLUB, with centered two-line lettering. */
.truck-wordmark{color:#285039;font-size:clamp(7px,.75vw,12px);line-height:1.1;letter-spacing:.5px;top:53%;left:44%;width:23%}.truck-wordmark>b{display:block;font-weight:700;white-space:nowrap}.truck-wordmark>small{display:block;font-size:.66em;letter-spacing:2.2px;font-family:var(--sans);font-weight:600;margin-top:4px}@media(max-width:800px){.truck-wordmark{font-size:7px}.truck-wordmark>small{font-size:5px;letter-spacing:1.6px;margin-top:2px}}