@font-face{font-family:Fraunces;src:url('/assets/fonts/fraunces-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/inter-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--forest:#572330;--deep:#351821;--leaf:#a7583e;--yellow:#edbf75;--cream:#fff8ed;--red:#ad6046;--ink:#482d32;--muted:#7c6861;--serif:Fraunces,Georgia,serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px;overflow-x:clip}body{margin:0;background:var(--cream);color:var(--ink);font:400 15px/1.7 var(--sans);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.04;letter-spacing:-2px}h1{font-size:clamp(76px,7.9vw,118px);margin:22px 0 30px}h2{font-size:clamp(42px,4.4vw,66px);margin:0 0 28px}h3{font-size:30px;letter-spacing:-1px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #c5673f;outline-offset:5px}::selection{background:var(--yellow);color:var(--deep)}[hidden]{display:none!important}.wrap{width:min(1350px,calc(100% - 100px));margin-inline:auto}.section{padding-block:105px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.7;margin-bottom:22px}.handwritten{font-family:'Segoe Print','Bradley Hand',cursive;font-size:23px;font-weight:400;line-height:1.25;letter-spacing:-.5px}.yellow-word{color:var(--yellow)}.accent-word{color:var(--leaf)}.red-word{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:0;border-radius:100px;padding:18px 25px;font-size:12px;font-weight:600;line-height:1.2;min-height:54px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #0002}.button span{font-size:24px;line-height:1}.button-yellow{background:var(--yellow);color:var(--deep)}.button-brand{background:var(--forest);color:var(--cream)}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:13px;font-weight:600;min-height:46px;border-bottom:1px solid currentColor}.text-link span{font-size:23px}.skip-link{position:fixed;top:-100px;left:15px;background:var(--yellow);color:var(--deep);z-index:100;padding:12px}.skip-link:focus{top:15px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:var(--yellow);z-index:90;pointer-events:none}.brand-world{background:var(--forest);color:var(--cream);position:relative;overflow:hidden}.brand-world:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 50%,#ae625144,transparent 52%)}.site-header{display:flex;position:relative;z-index:10;align-items:center;justify-content:space-between;gap:30px;min-height:135px;border-bottom:1px solid #faf6eb22}.brand{width:101px;height:101px;flex-shrink:0;background:var(--cream);border-radius:50%;padding:3px;box-shadow:0 0 0 5px #faf6eb0a}.brand img{width:100%;height:100%;object-fit:contain}.site-header nav{display:flex;gap:28px;align-items:center;font-size:12px}.site-header nav a{min-height:48px;display:flex;align-items:center}.site-header nav a:hover{color:var(--yellow)}.header-cta{padding:13px 20px;min-height:45px;font-size:11px}.menu-toggle{display:none}.hero{position:relative;min-height:775px;padding-top:48px;padding-bottom:105px;display:grid;grid-template-columns:52% 48%;isolation:isolate}.hero-copy{position:relative;z-index:4;pointer-events:none}.hero-copy a{pointer-events:auto}.hero .eyebrow{font-size:9px;letter-spacing:2.2px;color:#eed9c5}.hero .eyebrow>span{font-size:24px;vertical-align:middle;margin-right:7px;color:var(--yellow)}.hero h1{max-width:700px;line-height:.98;letter-spacing:-5px}.hero h1 .yellow-word{position:relative;display:inline-block}.yellow-word>svg{position:absolute;bottom:-13px;left:-2px;width:105%;height:25px;fill:none;stroke:var(--yellow);stroke-width:3;stroke-linecap:round}.hero-description{color:#efddcc;font-size:14px;line-height:1.9;max-width:415px;margin-bottom:27px}.hero-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.hero-secondary{font-size:11px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid #dce4cc66}.hero-note{color:#eac6a1;transform:rotate(-5deg);margin-top:35px;font-size:20px;display:inline-block}.hero-scene{position:relative;z-index:3;min-width:0}.hero-products{position:absolute;max-width:none;width:140%;height:auto;top:10px;left:-30%;pointer-events:none;filter:drop-shadow(5px 35px 22px #220c1980);animation:harvest-enter .9s ease both}.hero-orbit{position:absolute;width:640px;height:640px;border:1px solid #efceb133;border-radius:50%;top:15px;left:-55px}.hero-orbit:after{content:'';position:absolute;inset:38px;border:1px dashed #efceb122;border-radius:50%}.hero-sticker{position:absolute;z-index:4;left:6%;top:8px;width:130px;height:130px;clip-path:polygon(50% 0,59% 7%,70% 4%,77% 14%,88% 16%,91% 29%,100% 36%,96% 49%,100% 61%,89% 69%,87% 82%,75% 85%,68% 96%,56% 94%,46% 100%,36% 92%,24% 94%,18% 83%,7% 78%,8% 65%,0 56%,5% 44%,1% 33%,12% 25%,14% 13%,28% 12%,37% 2%);background:var(--yellow);color:var(--deep);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(11deg);text-align:center}.hero-sticker>span{font-size:6px;letter-spacing:1px}.hero-sticker strong{font-family:var(--serif);font-size:25px;line-height:.92;letter-spacing:-1px;margin:8px}.hotspot{position:absolute;z-index:6;border:0;background:transparent;color:var(--cream);padding:5px;display:flex;align-items:center;gap:10px;min-height:44px}.hotspot>span:first-child{display:flex;align-items:center;justify-content:center;width:35px;height:35px;font-size:25px;font-weight:400;background:#fffdf02b;backdrop-filter:blur(7px);border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 7px #fff1;transition:transform .2s,background .2s}.hotspot:hover>span:first-child,.hotspot[aria-expanded=true]>span:first-child{transform:rotate(90deg);background:var(--yellow);color:var(--forest)}.hotspot-label{font-size:9px;max-width:110px;text-align:left;background:#3d202bcc;padding:6px 9px;border-radius:3px;line-height:1.4}.hotspot-milk{left:58%;top:23%;flex-direction:row-reverse}.hotspot-meat{left:12%;top:42%}.hotspot-curd{left:64%;top:67%;flex-direction:row-reverse}.food-detail{position:absolute;z-index:10;top:165px;left:10%;width:285px;background:var(--cream);color:var(--ink);padding:26px;box-shadow:10px 14px 0 #27102155;border-radius:5px;transform:rotate(-2deg)}.hero .food-detail .eyebrow{color:var(--muted);font-size:7px;letter-spacing:1.2px;margin:10px 0}.food-detail h2{font-size:26px;letter-spacing:-1px;margin-bottom:12px}.food-detail p:not(.eyebrow){font-size:12px;line-height:1.7}.food-detail a{font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.food-detail-close{position:absolute;top:3px;right:5px;background:none;border:0;font-size:27px;width:38px;height:38px;color:var(--ink)}.scene-hint{position:absolute;bottom:2px;right:-15px;display:flex;align-items:center;gap:12px;transform:rotate(-5deg);white-space:nowrap}.scene-hint svg{width:60px;height:40px;fill:none;stroke:var(--yellow);stroke-width:1.5;transform:rotate(170deg)}.scene-hint span{font-size:18px;color:#e8e2b5}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #fff2;padding-top:22px;font-size:7px;letter-spacing:1.5px;color:#dabdab}.hero-bottom a{min-height:35px;display:flex;align-items:center;gap:25px}.hero-bottom a span{font-size:22px;color:var(--yellow)}.promise-ribbon{background:var(--yellow);color:var(--forest);padding:18px 25px;display:flex;justify-content:center;align-items:center;gap:40px;font-family:var(--serif);font-size:23px;line-height:1.3;position:relative;z-index:4}.promise-ribbon>span:nth-child(even){font-size:28px}.founder-story{background:#eacb9b;padding:95px 0 110px;position:relative;overflow:hidden}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.story-heading h2{font-size:clamp(55px,5.7vw,83px);letter-spacing:-3px;line-height:1.07}.story-heading .red-word{position:relative;font-style:italic}.story-heading .red-word:after{content:'';position:absolute;inset:4px -17px -7px;border:2px solid var(--red);border-radius:50%;transform:rotate(-9deg)}.story-heading .handwritten{display:inline-block;transform:rotate(-7deg);vertical-align:middle;margin-left:15px;color:#815841;font-size:20px}.story-doodle{width:130px;height:130px;fill:none;stroke:var(--forest);stroke-width:2;vertical-align:middle;transform:rotate(-15deg)}.story-letter{background:#fffaf1;padding:48px 43px 33px;box-shadow:13px 17px 0 #8e702f26;transform:rotate(2deg);position:relative;clip-path:polygon(0 0,100% 0,100% 99%,95% 100%,90% 99%,85% 100%,80% 99%,75% 100%,70% 99%,65% 100%,60% 99%,55% 100%,50% 99%,45% 100%,40% 99%,35% 100%,30% 99%,25% 100%,20% 99%,15% 100%,10% 99%,5% 100%,0 99%)}.letter-pin{position:absolute;left:calc(50% - 55px);top:0;width:110px;height:24px;background:#b78d3040;transform:rotate(-4deg)}.story-letter .eyebrow{font-size:8px}.story-letter>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#6b5550}.story-letter strong{font-weight:600;color:var(--forest)}.story-letter blockquote{font-family:var(--serif);color:var(--red);font-size:33px;line-height:1.1;letter-spacing:-1px;margin:28px 0}.founder-signature{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #d9d4b9;padding-top:17px;font-size:9px;line-height:1.7}.founder-signature .handwritten{font-size:17px;transform:rotate(-5deg)}.section-scallop{position:absolute;bottom:-2px;left:0;right:0;height:17px;background:radial-gradient(ellipse at 50% 100%,var(--cream) 68%,transparent 70%) 0 0/46px 20px repeat-x}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.section-heading h2{margin:0}.section-heading>p{font-size:13px;color:var(--muted);max-width:300px;margin:0 0 5px}.small-print{font-size:10px;color:var(--muted);margin:27px 0 0}.visibility-section{display:grid;grid-template-columns:1fr 1fr;background:#f0e3d7;min-height:760px}.visibility-photo{position:relative;overflow:hidden;min-width:0}.visibility-photo>img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute}.visibility-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#132913a6);pointer-events:none}.photo-caption{position:absolute;bottom:40px;left:45px;z-index:2;color:white;transform:rotate(-4deg)}.photo-caption .handwritten{font-size:29px;display:block}.image-label{display:block;font-family:var(--sans);font-size:7px;letter-spacing:1.5px;margin-top:20px}.photo-stamp{position:absolute;top:33px;right:28px;background:var(--yellow);color:var(--forest);width:125px;height:125px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;font-weight:600;letter-spacing:1px;line-height:1.6;transform:rotate(12deg)}.photo-stamp svg{width:42px;height:28px;margin-top:7px;fill:none;stroke:var(--forest);stroke-width:3}.visibility-content{padding:80px clamp(35px,5vw,90px)}.visibility-content h2{font-size:clamp(43px,4vw,61px)}.visibility-content h2>span{color:var(--leaf)}.visibility-intro{font-size:14px;color:var(--muted);max-width:360px}.visibility-tabs{display:flex;gap:10px;margin:30px 0 28px}.visibility-tabs button{flex:1;background:transparent;color:var(--forest);border:1px solid #c4a99a;border-radius:25px;font-size:12px;min-height:44px;padding:9px 14px;transition:background .2s,color .2s}.visibility-tabs button[aria-selected=true]{background:var(--forest);color:var(--cream);border-color:var(--forest)}#visibility-panel{position:relative;padding-left:46px;min-height:204px}.detail-number{position:absolute;top:0;left:0;font-family:var(--serif);font-size:30px;color:#ac7658}.visibility-content h3{font-family:var(--sans);font-size:16px;letter-spacing:-.3px;line-height:1.4;margin-bottom:12px}.visibility-content #visibility-copy{font-size:13px;line-height:1.85;color:#705b54}.detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.detail-tags>span{font-size:9px;border-bottom:1px solid #c4a494;padding-bottom:5px}.visibility-content .text-link{margin-top:18px;font-size:12px}.delivery-section{background:#eee0d5;color:var(--ink);overflow:hidden}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.delivery-copy>.eyebrow{color:#967361}.delivery-copy>p:not(.eyebrow){color:#765f57;font-size:14px;max-width:360px}.delivery-copy h2{font-size:clamp(45px,4.2vw,65px)}.delivery-copy h2 .yellow-word{color:var(--red)}.journey-controls{margin-top:32px;display:grid}.journey-step{display:flex;align-items:center;gap:15px;background:transparent;border:0;border-top:1px solid #ad897644;color:var(--ink);text-align:left;padding:22px 6px;transition:background .2s,padding .2s}.journey-step:last-child{border-bottom:1px solid #ad897644}.journey-step>span{font-family:var(--serif);font-size:25px;color:#b69173}.journey-step strong{font-size:12px;font-weight:600}.journey-step p{font-size:11px;color:#765f57;margin:4px 0 0}.journey-step>i{font-style:normal;font-size:23px;margin-left:auto;opacity:0;color:var(--forest)}.journey-step.active{background:#dfcbbd;padding-left:16px}.journey-step.active>span{color:var(--forest)}.journey-step.active>i{opacity:1}.delivery-stage{position:relative;display:grid;place-items:center;min-height:610px}.stage-circle{position:absolute;width:510px;height:510px;border-radius:50%;background:#d8ae6c45;outline:1px solid #9ab57d44;outline-offset:22px}.stage-note{position:absolute;z-index:3;right:-12px;top:0;color:var(--forest);font-size:20px;transform:rotate(7deg)}.phone{position:relative;z-index:2;background:#fffdf5;border:8px solid #183226;border-radius:39px;width:285px;overflow:hidden;box-shadow:16px 22px 0 #9c766549,0 30px 50px #603b2422;transform:rotate(6deg);color:var(--ink);transition:transform .5s}.phone-top{display:flex;justify-content:space-between;padding:12px 17px 6px;font-size:9px}.phone-header{display:flex;justify-content:space-between;align-items:center;padding:17px 10px;font-size:8px}.phone-header>span{font-size:16px}.phone-map{height:258px;background:#e6edce;position:relative;overflow:hidden}.map-block{position:absolute;background:#d0dcbc;border-radius:15px}.b1{left:12px;top:20px;width:72px;height:145px}.b2{left:120px;top:17px;width:55px;height:56px}.b3{left:123px;top:108px;width:139px;height:57px}.b4{left:12px;top:203px;width:69px;height:45px}.map-park{position:absolute;width:115px;height:75px;background:#a6bf86;bottom:-20px;right:10px;border-radius:30px}.phone-map>svg{position:absolute;inset:0;width:100%;height:100%;fill:none}.map-road{stroke:#fffdf5;stroke-width:13;stroke-linejoin:round}.map-route{stroke:#437547;stroke-width:4;stroke-linecap:round;stroke-dasharray:5 7;transition:opacity .2s}.map-home{position:absolute;left:173px;top:132px;width:33px;height:33px;border-radius:50%;background:#337744;color:white;font-size:25px;text-align:center;line-height:29px;box-shadow:0 0 0 12px #50765320}.map-rider{position:absolute;left:34px;top:165px;border-radius:50%;background:white;color:var(--red);font-size:24px;width:34px;height:34px;text-align:center;line-height:32px;transition:top .5s,left .5s}.map-label{position:absolute;bottom:18px;left:123px;font-size:6px;letter-spacing:1px;color:#657257}.packing-overlay{position:absolute;inset:0;background:#f1e5ba;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:4}.packing-overlay>span{font-size:65px;color:var(--red);line-height:1;margin-bottom:20px}.packing-overlay>strong{font-family:var(--serif);font-size:27px;line-height:1.05;letter-spacing:-1px}.packing-overlay>small{font-size:6px;letter-spacing:1px;margin-top:23px}.phone-order{padding:18px 15px 12px}.delivery-pill{font-size:7px;color:#47704b}.delivery-pill i{display:inline-block;width:5px;height:5px;background:#60825b;border-radius:50%;margin-right:5px}.phone-order h3{font-family:var(--sans);font-size:12px;letter-spacing:-.3px;margin:9px 0 4px;line-height:1.4}.phone-order>p{font-size:8px;color:var(--muted)}.order-preview{border-top:1px solid #e4e7da;margin-top:14px;padding-top:13px;display:flex;gap:8px;align-items:center}.order-preview>span{font-size:29px;color:var(--red);line-height:1;background:#f4e9c5;padding:6px}.order-preview strong{display:block;font-size:8px}.order-preview div>span{font-size:6px}.order-preview>b{margin-left:auto;font-size:12px}.home-bar{width:80px;height:3px;background:var(--ink);margin:5px auto 8px;border-radius:5px}.stage-ticket{position:absolute;z-index:5;left:-8px;bottom:80px;display:flex;gap:12px;align-items:center;background:var(--yellow);padding:17px 23px;transform:rotate(-7deg);color:var(--forest);box-shadow:5px 6px 0 #041e3155}.stage-ticket>span{border:1px solid var(--forest);border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:20px}.stage-ticket strong{font-family:var(--serif);font-size:21px;line-height:1.05;letter-spacing:-.7px}.preview-caption{position:absolute;bottom:0;right:0;font-size:8px;color:#816f65}.delivery-stage[data-stage=delivery] .phone{transform:rotate(-4deg)}.delivery-stage[data-stage=arriving] .phone{transform:rotate(1deg)}.delivery-stage:not([data-stage=packing]) .packing-overlay{display:none}.delivery-stage[data-stage=packing] .map-route,.delivery-stage[data-stage=packing] .map-rider{opacity:0}.delivery-stage[data-stage=arriving] .map-route{opacity:0}.delivery-stage[data-stage=arriving] .map-rider{left:148px;top:162px}.delivery-stage[data-stage=arriving] .map-home:before{content:'';position:absolute;inset:-26px;border:1px solid #60825b;border-radius:50%;background:#60825b20;animation:arrival-pulse 2.2s ease-out infinite}.subscription-section{background:#f5edde}.subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.calendar-stage{position:relative;min-height:540px;display:grid;place-items:center}.calendar-stage:before{content:'';position:absolute;inset:60px 0 15px;background:var(--yellow);border-radius:50%;transform:rotate(-10deg)}.calendar-doodle{position:absolute;top:6px;left:12px;width:125px;height:60px;fill:none;stroke:var(--red);stroke-width:2;transform:rotate(13deg)}.calendar-annotation{position:absolute;top:6px;right:0;font-size:21px;transform:rotate(5deg)}.calendar{width:90%;max-width:390px;background:var(--cream);padding:32px;position:relative;z-index:2;transform:rotate(-6deg);box-shadow:-15px 15px 0 #6f773044;border:1px solid #d7ccae;border-radius:3px}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #dfcdb8;font-size:8px;letter-spacing:1px}.calendar-header>span:last-child{font-size:24px;line-height:1;color:var(--red)}.calendar h3{font-size:43px;margin:24px 0 18px;letter-spacing:-1.5px}.calendar h3 em{color:var(--red);font-style:normal}.calendar>p:not(.schedule-summary){font-size:10px;color:var(--muted)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-days button{display:grid;place-items:center;gap:10px;min-height:59px;padding:4px 0;background:transparent;border:0;color:var(--forest)}.calendar-days button span{font-size:10px}.calendar-days button i{font-style:normal;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#eee5d9;color:#a18a7c;font-size:15px}.calendar-days button[aria-pressed=true] i{background:var(--forest);color:var(--cream)}.calendar-days button:hover i{outline:3px solid #edc63a88}.calendar .schedule-summary{font-family:var(--serif);font-size:18px;line-height:1.4;min-height:50px;margin:21px 0 8px}.calendar-footer{padding-top:17px;border-top:1px solid #dfcdb8;font-size:9px;display:flex;align-items:center;gap:5px;line-height:1.5}.calendar-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--leaf);margin-right:5px}.routine-sticker{position:absolute;z-index:3;bottom:-16px;right:-20px;background:var(--red);color:var(--cream);padding:22px 27px;font-family:var(--serif);font-size:30px;line-height:1;letter-spacing:-1px;transform:rotate(6deg);box-shadow:4px 5px 0 #541e2122;pointer-events:none}.routine-sticker>span{margin-left:20px}.subscription-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:390px}.check-list{list-style:none;padding:0;margin:28px 0;display:grid;gap:13px;font-size:12px}.check-list li{position:relative;padding-left:25px}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--leaf);font-size:16px}.manifesto{background:var(--red);color:var(--cream);position:relative;text-align:center;padding:90px 0;overflow:hidden}.manifesto .eyebrow{color:#f0d3a2;font-size:9px}.manifesto h2{font-size:clamp(52px,6vw,84px);letter-spacing:-3px}.manifesto h2 span{color:var(--yellow)}.manifesto p:not(.eyebrow){font-size:14px;color:#f1d9c1;margin-bottom:30px}.manifesto .handwritten{color:var(--yellow);font-size:25px;display:inline-block;transform:rotate(-4deg)}.manifesto-botanical{position:absolute;right:-20px;bottom:-35px;width:210px;height:300px;fill:none;stroke:#f4cc4966;stroke-width:1.5;transform:rotate(-23deg)}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:85px}.faq-section h2{font-size:45px}.faq-note{color:var(--red);display:inline-block;transform:rotate(-5deg);font-size:20px}.faq-list{border-top:1px solid #dac6b8}.faq-list details{border-bottom:1px solid #dac6b8}.faq-list summary{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:24px 0;font-size:13px;font-weight:600;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:24px;font-weight:400;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:13px;color:var(--muted);margin:0;padding-bottom:23px;padding-right:28px}.app-section{background:var(--forest);color:var(--cream);padding:90px 0;overflow:hidden}.app-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.app-section .eyebrow{font-size:8px;color:#e8c6a7}.app-section h2{font-size:clamp(62px,6.7vw,96px);line-height:.97;letter-spacing:-4px}.app-section h2>span{color:var(--yellow)}.app-section p:not(.eyebrow){color:#e5cab7;font-size:13px;margin-block:30px}.app-brand-world{position:relative;display:flex;align-items:center;flex-direction:column;padding-top:20px}.app-brand-world>img{position:relative;z-index:2;width:300px;height:300px;border-radius:50%;background:var(--cream);padding:13px;transform:rotate(7deg)}.brand-orbit{position:absolute;width:420px;height:420px;border:1px solid #eac6a138;border-radius:50%;top:-39px;transform:rotate(-15deg)}.brand-orbit:after{content:'✳';position:absolute;top:25px;right:30px;color:var(--yellow);font-size:54px}.app-brand-world .handwritten{font-size:29px;transform:rotate(-6deg);color:var(--yellow);margin-top:30px;margin-left:100px}footer{background:var(--deep);color:var(--cream);padding:38px 0 20px}.footer-main{display:flex;justify-content:space-between;gap:35px;align-items:center;padding-bottom:30px;border-bottom:1px solid #debaa522}.footer-brand{font-family:var(--serif);font-size:28px;letter-spacing:-1px}.footer-brand span{display:block;font-family:var(--sans);font-size:6px;letter-spacing:1.5px;margin-top:7px;color:#d4b5a5}.footer-main nav{display:flex;gap:26px;font-size:10px}.footer-main nav a{min-height:44px;display:flex;align-items:center}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;font-size:9px;color:#c3a497}dialog{border:0;border-radius:6px;background:var(--cream);color:var(--ink);width:min(480px,calc(100% - 36px));padding:40px;box-shadow:12px 13px 0 #041e3155}dialog::backdrop{background:#051e1ac9;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:10px;top:9px;border:0;background:none;color:var(--forest);font-size:31px;width:44px;height:44px}.dialog-star{font-size:49px;color:var(--red);line-height:1}.dialog-star+.eyebrow{font-size:8px;margin-top:21px}dialog h2{font-size:42px;letter-spacing:-2px}dialog h2 span{color:var(--red)}dialog p:not(.eyebrow){font-size:14px;color:var(--muted)}dialog .dialog-small{font-size:11px!important}.dialog-done{margin-top:15px}.chapter-enter{animation:chapter-in .3s ease both}@keyframes harvest-enter{from{opacity:0;transform:translateY(25px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes chapter-in{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes arrival-pulse{from{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}
@media(min-width:1600px){.hero-products{width:140%;top:0}.hero{min-height:850px}}
@media(max-width:1150px){.wrap{width:calc(100% - 70px)}.site-header nav{gap:20px;font-size:11px}.header-cta{display:none}.hero{min-height:760px;grid-template-columns:55% 45%}.hero h1{font-size:91px}.hero-description{font-size:13px;max-width:360px}.hero-actions{gap:14px}.hero-secondary{font-size:10px}.hero-products{width:140%;left:-30%;top:55px}.hero-sticker{left:4%;top:15px;width:105px;height:105px}.hero-sticker strong{font-size:21px}.hero-orbit{width:490px;height:490px;left:-65px;top:60px}.hotspot-milk{left:56%;top:27%}.hotspot-meat{left:-6%;top:59%}.hotspot-curd{left:63%;top:64%}.hotspot-label{font-size:8px;max-width:95px}.scene-hint{right:0;bottom:0}.scene-hint span{font-size:16px}.food-detail{left:-10%;top:220px;width:260px}.story-grid{gap:55px}.story-letter{padding:40px 30px 30px}.story-letter>p:not(.eyebrow){font-size:14px}.story-heading h2{font-size:64px}.story-heading .handwritten{font-size:18px}.story-doodle{width:100px;height:100px}.section-heading>p{max-width:260px;font-size:12px}.visibility-content{padding:65px 35px}.visibility-content h2{font-size:49px}.visibility-section{min-height:750px}.visibility-tabs{gap:6px}.delivery-grid{gap:40px}.stage-circle{width:390px;height:390px}.stage-ticket{left:-6px;bottom:62px;padding:14px 18px}.stage-note{font-size:18px;right:-12px}.subscription-grid{gap:60px}.calendar{width:95%;padding:26px}.calendar-annotation{font-size:18px}.calendar-doodle{width:100px}.routine-sticker{font-size:25px}.faq-section{gap:45px}.app-grid{gap:35px}.app-brand-world>img{width:250px;height:250px}.brand-orbit{width:335px;height:335px;top:-21px}.promise-ribbon{font-size:20px;gap:28px}.footer-main nav{gap:18px}.subscription-copy h2{font-size:50px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.section{padding-block:68px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}h2{font-size:43px;letter-spacing:-1.7px}.site-header{display:grid;grid-template-columns:minmax(0,1fr) 45px;grid-template-rows:105px auto;min-height:105px;gap:0}.site-header .brand{grid-column:1;grid-row:1}.site-header .menu-toggle{grid-column:2;grid-row:1;position:relative;align-self:center;justify-self:end}.site-header nav{grid-column:1 / -1;grid-row:2}.brand{width:79px;height:79px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:45px;height:45px;border:1px solid #e0bfaa66;border-radius:50%;background:none;color:var(--cream)}.menu-toggle span{position:absolute;width:17px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px)}.menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.site-header nav{display:none;width:100%;padding:16px 0 22px;flex-direction:column;gap:0;align-items:stretch;font-size:14px}.site-header nav.open{display:flex}.site-header nav a{border-top:1px solid #e0bfaa33;padding:10px 0;min-height:47px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:80px;min-height:0}.hero-copy{pointer-events:auto}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(54px,12.5vw,92px);letter-spacing:-4px;margin:20px 0 26px}.hero-description{font-size:15px;max-width:390px;line-height:1.8}.desktop-only{display:none}.hero-actions{gap:14px 22px}.hero-actions .button{font-size:11px;padding:16px 20px;min-height:53px;gap:22px}.hero-secondary{font-size:11px}.hero-note{font-size:19px;margin-top:26px;margin-bottom:0}.hero-scene{height:510px;margin-top:5px}.hero-products{width:125%;left:-12%;top:-20px}.hero-orbit{width:360px;height:360px;left:calc(50% - 180px);top:48px}.hero-sticker{width:98px;height:98px;right:-1px;top:25px}.hero-sticker strong{font-size:20px}.hero-sticker>span{font-size:5px}.hotspot-milk{left:57%;top:20%}.hotspot-meat{left:12%;top:42%}.hotspot-curd{left:56%;top:48%}.hotspot-label{max-width:95px;font-size:9px}.hotspot>span:first-child{width:34px;height:34px}.food-detail{left:9%;top:140px;width:275px;padding:25px}.food-detail p:not(.eyebrow){font-size:14px}.scene-hint{right:12px;bottom:-5px}.scene-hint span{font-size:17px}.scene-hint svg{width:45px}.hero-bottom{bottom:20px;padding-top:15px;font-size:6px;letter-spacing:1px}.hero-bottom>span{max-width:160px}.hero-bottom a{gap:9px}.promise-ribbon{padding:17px 20px;gap:20px;font-size:18px;justify-content:space-between}.promise-ribbon>span:nth-child(n+3){display:none}.promise-ribbon>span:nth-child(2){font-size:25px;flex-shrink:0}.founder-story{padding:65px 0 75px}.story-grid{grid-template-columns:1fr;gap:35px}.story-heading h2{font-size:clamp(54px,10.5vw,71px);letter-spacing:-2.3px;margin-bottom:20px}.story-heading .handwritten{font-size:18px}.story-doodle{width:91px;height:85px}.story-letter{margin-inline:6px;padding:35px 27px 30px;transform:rotate(1.5deg)}.story-letter>p:not(.eyebrow){font-size:15px;line-height:1.8}.story-letter blockquote{font-size:31px;margin:25px 0}.story-letter .eyebrow{font-size:7px}.founder-signature{font-size:10px}.founder-signature .handwritten{font-size:16px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{font-size:15px;max-width:360px;margin-top:20px}.small-print{font-size:12px;margin-top:25px}.visibility-section{grid-template-columns:1fr}.visibility-photo{height:440px}.photo-caption{left:25px;bottom:28px}.photo-caption .handwritten{font-size:27px}.photo-stamp{width:110px;height:110px;top:22px;right:20px;font-size:8px}.visibility-content{padding:50px 25px 55px}.visibility-content h2{font-size:49px}.visibility-intro{font-size:15px;max-width:none}.visibility-tabs button{font-size:14px;padding:10px;min-height:46px}#visibility-panel{min-height:230px;padding-left:40px}.visibility-content h3{font-size:17px}.visibility-content #visibility-copy{font-size:15px;line-height:1.8}.detail-tags>span{font-size:11px}.visibility-content .text-link{font-size:13px}.delivery-grid{grid-template-columns:1fr;gap:40px}.delivery-copy h2{font-size:45px}.delivery-copy>p:not(.eyebrow){font-size:15px;max-width:400px}.journey-step{padding-block:21px;gap:13px}.journey-step strong{font-size:14px}.journey-step p{font-size:13px}.journey-step>span{font-size:23px}.delivery-stage{min-height:610px}.stage-circle{width:330px;height:330px}.stage-note{top:2px;right:0;font-size:18px}.phone{width:271px}.stage-ticket{left:0;bottom:66px}.stage-ticket strong{font-size:22px}.preview-caption{font-size:9px}.subscription-grid{grid-template-columns:1fr;gap:44px}.calendar-stage{min-height:510px}.calendar-stage:before{inset:65px 0 20px}.calendar{max-width:360px;width:90%;padding:25px}.calendar-annotation{right:3px;top:5px;font-size:19px}.calendar-doodle{left:0;width:90px}.calendar h3{font-size:42px}.calendar>p:not(.schedule-summary){font-size:11px}.calendar-days button i{width:29px;height:29px;line-height:29px}.calendar .schedule-summary{font-size:19px}.calendar-footer{font-size:9px}.routine-sticker{bottom:-22px;right:-5px;font-size:25px;padding:19px 23px}.subscription-copy h2{font-size:46px}.subscription-copy>p:not(.eyebrow){font-size:15px;max-width:none}.check-list{font-size:14px;gap:16px}.manifesto{padding-block:68px}.manifesto .eyebrow{font-size:8px;max-width:290px;margin-inline:auto}.manifesto h2{font-size:45px;letter-spacing:-1.8px}.manifesto p:not(.eyebrow){font-size:15px}.manifesto .handwritten{font-size:22px}.manifesto-botanical{width:130px;height:220px;opacity:.45;right:-50px;bottom:-50px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section h2{font-size:43px}.faq-note{font-size:20px}.faq-list summary{font-size:14px;padding-block:24px}.faq-list details>p{font-size:15px}.app-section{padding:65px 0}.app-grid{grid-template-columns:1fr;gap:40px}.app-section h2{font-size:65px;letter-spacing:-3px}.app-section p:not(.eyebrow){font-size:15px}.app-section .eyebrow{max-width:270px;line-height:1.8}.app-brand-world{padding-top:25px;margin-top:20px}.app-brand-world>img{width:235px;height:235px}.brand-orbit{width:310px;height:310px;top:-11px}.app-brand-world .handwritten{font-size:25px;margin-left:120px}.footer-main{display:block;padding-bottom:20px}.footer-brand{font-size:30px}.footer-brand span{font-size:6px}.footer-main nav{justify-content:space-between;gap:8px;font-size:11px;margin-top:22px}.footer-bottom{font-size:9px;gap:20px}.footer-bottom>span:last-child{max-width:140px;text-align:right}dialog{padding:33px 27px}dialog h2{font-size:39px}dialog p:not(.eyebrow){font-size:15px}}
@media(max-width:390px){.hero h1{font-size:clamp(50px,15.4vw,60px)}.hero-scene{height:410px}.hero-products{width:130%;left:-15%;top:0}.hero-sticker{width:85px;height:85px;top:15px}.hero-sticker strong{font-size:18px}.hotspot-milk{left:55%;top:22%}.hotspot-curd{left:55%;top:63%}.hotspot-meat{left:-3%;top:58%}.hotspot-label{font-size:8px;max-width:78px}.scene-hint{right:0;bottom:-7px}.scene-hint span{font-size:15px}.food-detail{left:0;width:270px;top:110px}.hero-orbit{width:285px;height:285px;left:calc(50% - 142.5px)}.story-letter{padding:31px 22px}.story-letter blockquote{font-size:28px}.visibility-photo{height:365px}.visibility-content h2{font-size:43px}.calendar{width:94%;padding:20px}.calendar-days button i{width:25px;height:25px;line-height:25px}.calendar h3{font-size:39px}.routine-sticker{font-size:25px}.stage-note{font-size:16px}.phone{width:260px}.stage-ticket{left:-7px;padding:13px 16px}.stage-circle{width:285px;height:285px}.manifesto h2{font-size:40px}.app-section h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:600px){}

/* Contain decorative artwork locally; allow grid children to shrink on phones. */
main{overflow-x:clip}.story-grid>*,.delivery-grid>*,.subscription-grid>*,.app-grid>*,.visibility-section>*{min-width:0}.founder-story,.delivery-section,.subscription-section,.manifesto{overflow-x:clip}.food-detail{max-width:calc(100% - 12px)}.footer-main nav{flex-wrap:wrap}.promise-ribbon>span:first-child{min-width:0;white-space:normal}.journey-step>div{min-width:0}.fresh-story{background:#f4e5d5}.fresh-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.fresh-tabs button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #57233033;border-radius:8px;background:transparent;padding:18px;color:var(--ink);font-weight:600;min-height:64px}.fresh-tabs button[aria-selected=true]{background:var(--forest);color:var(--cream)}.fresh-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--cream);border-radius:12px;overflow:hidden;min-height:460px}.fresh-art{position:relative;min-width:0;min-height:460px;overflow:hidden}.plan-art{background:#572330;display:grid;place-items:center;padding:45px}.story-moon{position:absolute;right:30px;top:5px;font-size:100px;color:var(--yellow);transform:rotate(-15deg)}.preorder-note{position:relative;background:#fff8ed;padding:28px;width:min(340px,100%);transform:rotate(-5deg);box-shadow:10px 15px 0 #35182150}.preorder-note .eyebrow{font-size:8px}.preorder-note h3{font-size:30px}.preorder-note>div{display:flex}.preorder-note img{width:50%;height:auto;object-fit:contain}.order-stamp{display:block;color:var(--red);border-top:1px dashed;padding-top:12px;font-size:12px;font-weight:600;letter-spacing:2px}.fresh-copy{padding:55px 45px;align-self:center;min-width:0}.fresh-copy h3{font-size:38px}.fresh-copy p{font-size:15px}.fresh-detail{color:var(--muted);font-size:12px!important}.fresh-copy button{background:none;border:0;border-bottom:1px solid;color:var(--ink);padding:0;text-align:left}.morning-art{background:#f0cea0}.story-sun{position:absolute;width:250px;height:250px;border-radius:50%;background:#ffeac0;top:45px;left:calc(50% - 125px);box-shadow:0 0 0 25px #ffeac033,0 0 0 50px #ffeac01a}.morning-meat{position:absolute;left:0;bottom:35px;width:64%;height:auto;z-index:2}.morning-milk{position:absolute;right:0;bottom:55px;width:56%;height:auto}.morning-note{position:absolute;top:30px;left:25px;z-index:3;color:var(--forest);transform:rotate(-6deg)}.home-art>img{width:100%;height:100%;position:absolute;object-fit:cover}.home-art>span{position:absolute;bottom:25px;left:25px;color:#fff;text-shadow:0 2px 9px #351821}.fresh-panel.story-enter .preorder-note{animation:note-arrive .65s ease both}.fresh-panel.story-enter .story-sun{animation:sunrise 1s ease both}.fresh-panel.story-enter .morning-meat{animation:food-arrive .8s ease both}.fresh-panel.story-enter .morning-milk{animation:food-arrive .8s .15s ease both}.fresh-panel.story-enter .home-art>img{animation:home-arrive 1.2s ease both}.fresh-panel.story-enter .fresh-copy{animation:chapter-in .5s ease both}.subscription-intro{margin-bottom:65px}.subscription-intro>p:not(.eyebrow){max-width:600px}.subscription-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:35px}.subscription-options article{display:flex;gap:20px;align-items:center;background:var(--cream);border:1px solid #57233022;border-radius:12px;padding:25px;min-width:0}.subscription-options img{width:32%;height:auto;object-fit:contain}.subscription-options h3{font-size:29px}.subscription-options p{font-size:14px;margin:0}.subscription-options article>div{min-width:0}@keyframes note-arrive{from{opacity:0;transform:translateY(30px) rotate(-10deg)}to{opacity:1;transform:translateY(0) rotate(-5deg)}}@keyframes sunrise{from{transform:translateY(110px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes food-arrive{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes home-arrive{from{transform:scale(1.08)}to{transform:scale(1)}}
@media(max-width:800px){.fresh-tabs{gap:6px}.fresh-tabs button{flex-direction:column;align-items:flex-start;gap:4px;padding:12px;font-size:12px}.fresh-panel{grid-template-columns:minmax(0,1fr)}.fresh-art{min-height:350px}.fresh-copy{padding:32px 24px}.fresh-copy h3{font-size:34px}.fresh-copy .eyebrow{font-size:9px}.fresh-story .section-heading h2{font-size:clamp(32px,7.5vw,48px)}.subscription-options{grid-template-columns:minmax(0,1fr)}.subscription-options article{padding:20px;gap:15px}.subscription-options h3{font-size:26px;letter-spacing:-1px}.subscription-options p{font-size:13px}.subscription-intro h2{font-size:clamp(32px,7.5vw,48px)}.visibility-tabs button{min-width:0}.app-section .button{max-width:100%;gap:12px}.app-brand-world .handwritten{margin-left:0}.preorder-note h3{font-size:27px}.preorder-note{padding:22px}.fresh-art .eyebrow{font-size:8px}.morning-art{min-height:360px}}
@media(prefers-reduced-motion:reduce){.fresh-panel *, .menu-toggle span{animation:none!important;transition:none!important}}

/* One visible range story keeps the complete catalogue easy to explore. */
.hero-copy button{pointer-events:auto}.hero-order-note{font-size:14px;line-height:1.6;margin:0 0 22px;color:var(--cream);font-weight:600}.hero-order-note span{font-size:11px;color:var(--yellow);font-weight:400}.range-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:35px 0 24px}.range-tabs button{min-width:0;border:1px solid #57233030;border-radius:10px;background:#f0e4d5;padding:8px 8px 15px;color:var(--ink);font-size:13px;font-weight:600;line-height:1.4;position:relative}.range-tabs button img{width:100%;height:85px;object-fit:contain;display:block;margin-bottom:8px}.range-tabs button[aria-selected=true]{background:var(--forest);color:var(--cream);box-shadow:0 6px 0 #e4bb79}.range-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#f1dfc7;border-radius:14px;overflow:hidden;min-height:420px}.range-panel>*{min-width:0}.range-art{position:relative;min-height:400px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#ffefce,#ead3b8)}.range-art>img{width:90%;height:380px;object-fit:contain}.range-art>.handwritten{position:absolute;bottom:24px;left:8%;right:8%;text-align:center;color:var(--forest);font-size:24px;transform:rotate(-4deg)}.range-copy{padding:45px;align-self:center;background:var(--cream)}.range-copy h3{font-size:38px;line-height:1.12;margin:18px 0}.range-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}.range-copy>.text-link{background:none;border:0;border-bottom:1px solid;padding:0;color:var(--ink);margin-top:25px;cursor:pointer}.range-details{margin-top:25px;border-top:1px solid #57233030;border-bottom:1px solid #57233030}.range-details>summary{padding:18px 0;font-weight:600;font-size:14px;line-height:1.6;cursor:pointer}.range-detail-body{padding-bottom:15px}.range-detail-body p{font-size:14px;line-height:1.8}.range-detail-body a:not(.button){color:inherit;text-decoration:underline;text-underline-offset:3px}.range-detail-body details{border-top:1px solid #57233030}.range-detail-body summary{font-size:14px;padding:15px 0;cursor:pointer;font-weight:600}.range-detail-body .library-disclaimer,.range-detail-body .chapter-footnote,.range-detail-body .source-note{font-size:12px;color:var(--muted)}.range-detail-body .farmer-call{color:var(--cream);font-size:14px;gap:12px;max-width:100%}.range-art-produce>img{width:73%;margin-right:26%;transform:translateY(-15px)}.range-art-produce>.range-fruit{position:absolute;width:58%;height:270px;right:-7%;bottom:40px;margin:0}.range-panel.range-enter .range-art>img{animation:range-settle .65s ease both}.range-panel.range-enter .range-copy{animation:chapter-in .4s ease both}@keyframes range-settle{from{opacity:.6;translate:0 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:800px){.hero-order-note{font-size:15px;margin-bottom:25px}.hero-order-note span{font-size:12px}.range-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.range-tabs button{font-size:12px;padding:5px 6px 12px}.range-tabs button img{height:67px}.range-panel{grid-template-columns:minmax(0,1fr)}.range-art{min-height:290px}.range-art>img{height:270px;width:83%}.range-art>.handwritten{font-size:20px;bottom:16px}.range-art-produce>.range-fruit{height:200px;bottom:25px;right:-3%}.range-copy{padding:28px 24px}.range-copy h3{font-size:32px}.range-copy>p:not(.eyebrow){font-size:16px}.range-detail-body p{font-size:15px}.range-copy .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.range-panel *{animation:none!important;transition:none!important}}
/* Three deliberate chapters: real reading pace, layered editorial imagery. */
.deep-range{display:block;background:#f1dfc7;border-radius:14px}.range-story-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff8ed;border-bottom:1px solid #57233022}.range-story-nav button{min-width:0;border:0;border-bottom:3px solid transparent;background:none;color:var(--ink);padding:22px 16px;font-size:13px;font-weight:600;display:flex;gap:12px;align-items:center;justify-content:center;line-height:1.4}.range-story-nav button>span{font-family:Fraunces,serif;font-size:24px;font-weight:700;color:var(--red)}.range-story-nav button[aria-selected=true]{background:#eddfce;border-color:var(--red)}.range-act{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:570px}.range-act>*{min-width:0}.range-editorial-art{position:relative;isolation:isolate;overflow:hidden;min-height:570px;background:#3a2920}.range-main-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.range-editorial-art:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#20140d7a);z-index:0;pointer-events:none}.range-inset-photo{position:absolute;right:6%;bottom:15%;width:35%;height:29%;object-fit:cover;border:7px solid #fff8ed;box-shadow:0 10px 35px #0005;z-index:2;transform:rotate(5deg)}.range-product-detail{position:absolute;left:-5%;bottom:2%;width:54%;height:43%;object-fit:contain;z-index:3;filter:drop-shadow(0 8px 12px #0004)}.editorial-photo-label{position:absolute;bottom:15px;right:6%;left:6%;text-align:right;color:#fff8ed;font-size:7px;letter-spacing:1px;z-index:4}.range-story-copy{padding:48px 40px;align-self:center}.range-story-copy h3{font-size:clamp(32px,3.5vw,52px);line-height:1.09;letter-spacing:-1.5px;margin:20px 0 26px}.range-story-copy>p:not(.eyebrow){font-size:16px;line-height:1.85}.story-position{height:2px;background:#57233025;margin:30px 0}.story-position i{display:block;height:100%;background:var(--red)}.range-story-copy>.text-link{background:none;color:var(--ink);border:0;border-bottom:1px solid;padding:0;cursor:pointer;font-size:14px}.range-evidence{padding:0 40px 24px;background:#fff8ed}.range-evidence .range-details{margin-top:0}.range-evidence .range-detail-body{max-width:780px}.range-act.act-enter .range-main-photo{animation:editorial-pan 1.3s cubic-bezier(.2,.7,.2,1) both}.range-act.act-enter .range-inset-photo{animation:editorial-inset .8s .1s ease both}.range-act.act-enter .range-product-detail{animation:editorial-product 1s .12s ease both}.range-act.act-enter .range-story-copy{animation:chapter-in .55s ease both}@keyframes editorial-pan{from{transform:scale(1.12) translateX(-2%);filter:brightness(.86)}to{transform:scale(1);filter:brightness(1)}}@keyframes editorial-inset{from{opacity:0;transform:translateY(35px) rotate(10deg)}to{opacity:1;transform:translateY(0) rotate(5deg)}}@keyframes editorial-product{from{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:800px){.range-story-nav button{flex-direction:column;gap:4px;padding:14px 8px;font-size:11px}.range-story-nav button>span{font-size:22px}.range-act{grid-template-columns:minmax(0,1fr)}.range-editorial-art{min-height:360px;height:65vw;max-height:470px}.range-inset-photo{border-width:5px;right:7%;width:32%;height:31%}.range-story-copy{padding:30px 25px 35px}.range-story-copy h3{font-size:36px}.range-story-copy>p:not(.eyebrow){font-size:16px}.range-evidence{padding:0 25px 22px}.range-story-copy .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.range-act *{animation:none!important;transition:none!important}}
.range-fruit-detail{position:absolute;width:34%;height:30%;bottom:0;left:25%;object-fit:contain;z-index:4;pointer-events:none}
/* Packaging previews keep the supplied label art intact. */
.pack-gallery{display:grid;align-content:center;gap:18px;padding:26px;background:#e9e4d9;min-width:0;min-height:570px}.pack-gallery figure{margin:0;min-width:0}.pack-gallery img{width:100%;height:440px;object-fit:contain;display:block}.pack-gallery figcaption{text-align:center;font-size:11px;letter-spacing:.7px;line-height:1.5;margin-top:12px;color:#574337}.pack-gallery-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.pack-gallery-pair img{height:390px}.pack-disclaimer{font-size:12px!important;line-height:1.7!important;color:var(--muted)}.range-quality{padding:25px 0 5px}.range-quality h4,.quality-strip h4{font-family:Fraunces,serif;font-size:27px;line-height:1.2;margin:0 0 12px}.quality-strip{padding:25px 0 20px;border-bottom:1px solid #57233022}.quality-strip p{font-size:14px;line-height:1.8;margin:8px 0}.quality-strip .quality-source{font-size:12px}.quality-strip a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.range-quality>.range-detail-body>p{font-size:14px}.range-quality details summary{font-size:15px}.pack-gallery .pack-preview-label{font-size:12px}
@media(max-width:800px){.pack-gallery{min-height:350px;padding:18px}.pack-gallery img{height:340px}.pack-gallery-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pack-gallery-pair img{height:240px}.pack-gallery figcaption{font-size:10px}.range-quality h4,.quality-strip h4{font-size:26px}.quality-strip p{font-size:15px}.pack-disclaimer{font-size:13px!important}}
.recipe-proposal{font-size:13px!important;line-height:1.7!important;border-left:2px solid var(--red);padding-left:16px;color:var(--muted)}
/* A single, calm reference room for the questions behind every category. */
.quality-hub{background:#eee1d0;color:var(--ink)}.quality-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:45px}.quality-heading h2{font-size:clamp(42px,5vw,70px);line-height:1.03;letter-spacing:-2px}.quality-heading h2>span{color:var(--red)}.quality-heading>p{font-size:16px;line-height:1.9;max-width:440px}.quality-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid #57233025;background:var(--cream);box-shadow:12px 15px 0 #d8c2a644}.quality-tabs{padding:15px;background:#e4d1bb;border-right:1px solid #57233020}.quality-tabs button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:70px;border:0;border-bottom:1px solid #57233025;padding:15px 12px;color:var(--ink);background:transparent;font-size:13px;font-weight:600;line-height:1.4}.quality-tabs button>span{font-family:Fraunces,serif;font-size:24px;color:var(--red)}.quality-tabs button>b{margin-left:auto}.quality-tabs button[aria-selected=true]{background:var(--forest);color:var(--cream);border-radius:4px}.quality-tabs button[aria-selected=true]>span{color:var(--yellow)}.quality-content{padding:40px 45px;min-width:0}.quality-panel>.eyebrow{color:var(--red);font-size:10px}.quality-panel .quality-strip{border:0;padding:15px 0 10px}.quality-panel .range-quality{padding:15px 0}.quality-panel .quality-strip h4,.quality-panel .range-quality h4{font-size:34px;margin-bottom:24px}.quality-panel .quality-strip p{font-size:16px;line-height:1.8}.quality-panel a{color:var(--forest);text-underline-offset:4px}.quality-panel .quality-source{font-size:13px!important;background:#ead9c2;padding:15px 18px;line-height:1.8}.quality-hub-note{max-width:800px;font-size:12px;line-height:1.8;margin-top:30px;color:var(--muted)}.story-quality-link{display:flex;justify-content:space-between;gap:25px;padding:25px 40px;background:#fff8ed;border-top:1px solid #57233020;align-items:center}.story-quality-link>span{font-size:13px;color:var(--muted)}.story-quality-link button{background:none;border:0;border-bottom:1px solid;color:var(--ink);padding:0;font-size:14px;cursor:pointer}.farmer-story-contact{background:var(--cream);padding:0 40px 25px}.farmer-story-contact .range-details{margin:0}.footer-legal{padding-bottom:25px}.footer-legal p{font-size:12px;line-height:1.8;margin:6px 0}.footer-legal p>span{margin-inline:10px}.footer-legal nav{display:flex;flex-wrap:wrap;gap:25px;margin-top:17px;font-size:12px}.footer-legal a{text-decoration:underline;text-underline-offset:4px}
/* Opaque photographs are framed as photographs, never treated as cutouts. */
.hero-scene{height:520px;align-self:center}.hero-products{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;left:0;top:75px;max-width:100%;border:9px solid #fff8ed;border-radius:8px;filter:none;box-shadow:0 25px 50px #230b1840;animation:none}.hero-orbit{display:none}.hero-sticker{left:-4%;top:28px;z-index:4}.hotspot-meat{left:9%;top:57%}.hotspot-milk{left:64%;top:24%}.hotspot-curd{left:64%;top:65%}.hero-scene .scene-hint{bottom:0}.range-tabs [data-range=meat] img{border-radius:8px;object-fit:cover}.range-product-detail[src*="category-meat-v2"]{width:42%;height:30%;left:4%;bottom:6%;border:5px solid #fff8ed;border-radius:8px;object-fit:cover;filter:none}.morning-meat[src*="category-meat-v2"]{width:56%;left:3%;bottom:70px;border:6px solid #fff8ed;border-radius:10px}
@media(max-width:800px){.quality-heading{display:block;margin-bottom:30px}.quality-heading h2{font-size:44px}.quality-heading>p{font-size:15px;margin-top:20px}.quality-workspace{grid-template-columns:minmax(0,1fr)}.quality-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px;border-right:0}.quality-tabs button{flex-direction:column;align-items:flex-start;gap:5px;font-size:11px;min-height:86px;padding:10px}.quality-tabs button>b{display:none}.quality-tabs button>span{font-size:20px}.quality-content{padding:28px 22px}.quality-panel .quality-strip h4,.quality-panel .range-quality h4{font-size:29px}.quality-panel .quality-strip p{font-size:15px}.quality-hub-note{font-size:12px}.story-quality-link{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 25px}.farmer-story-contact{padding-inline:25px}.hero-scene{height:370px;margin-top:25px}.hero-products{top:40px;width:100%;left:0;border-width:6px}.hero-sticker{width:85px;height:85px;left:-2%;top:0}.hero-sticker strong{font-size:20px}.hotspot-meat{left:6%;top:43%}.hotspot-milk{left:61%;top:20%}.hotspot-curd{left:60%;top:59%}.hero-scene .scene-hint{bottom:0}.footer-legal nav{gap:20px}.footer-legal p{font-size:12px}.footer-brand>span{max-width:270px;line-height:1.8}}
@media(max-width:390px){.hero-scene{height:320px}.hotspot-milk{left:56%;top:20%}.hotspot-curd{left:57%;top:55%}.hotspot-meat{left:3%;top:43%}.quality-tabs button{font-size:10px;padding:9px 6px}}

/* One complete photograph per story chapter, with no overlapping images. */
.range-editorial-art{height:auto;min-height:0;align-self:center;padding:24px;background:#ecdfce;display:flex;align-items:center;justify-content:center;overflow:hidden}
.range-editorial-art .range-main-photo{position:static;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none!important;border-radius:2px}
.range-act.act-enter .range-main-photo{animation:chapter-in .55s ease both}
.hero-scene{display:flex;flex-direction:column;justify-content:center;height:auto;min-height:510px;padding-top:65px;padding-bottom:10px}
.hero-scene .hero-products{position:relative;top:auto;left:auto;flex:none}
.hero-scene .scene-hint{position:relative;right:auto;bottom:auto;align-self:flex-end;margin:22px 0 0;transform:none;white-space:normal}
.hero-scene .scene-hint span{color:#fff8ed;font-size:19px}
.hero-scene .scene-hint svg{flex:none}
@media(max-width:800px){.range-editorial-art{padding:16px}.hero-scene{min-height:0;padding-top:40px;padding-bottom:0}.hero-scene .scene-hint{margin-top:18px}.hero-scene .scene-hint span{font-size:17px}}

.range-editorial-art{max-height:none}.range-editorial-art:after{display:none}

.hero-scene .hotspot-milk{left:8%;top:30%}.hero-scene .hotspot-curd{left:8%;top:62%}.hero-scene .hotspot-meat{left:64%;top:57%}
@media(max-width:800px){.hero-scene .hotspot-milk{left:6%;top:24%}.hero-scene .hotspot-curd{left:7%;top:62%}.hero-scene .hotspot-meat{left:63%;top:55%}}

/* Complete product thumbnails and a clear, photograph-led preorder story. */
.range-tabs [data-range=meat] img{object-fit:contain;background:#f3e8da;border-radius:12px}
.fresh-panel{display:grid;grid-template-columns:1fr 1fr;background:#fff8ed;min-height:0;border:1px solid #57233022;overflow:hidden}
.fresh-photo{padding:24px;display:flex;align-items:center;background:#eadbca;min-width:0}
.fresh-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:3px}
.fresh-copy{padding:46px 38px;background:#fff8ed;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.fresh-copy h3{color:#572330;font-size:clamp(30px,3.5vw,48px);line-height:1.1}.fresh-copy .text-link{align-self:flex-start}
.delivery-stage{isolation:isolate;overflow:visible}.delivery-stage .phone{position:relative;z-index:2}.delivery-route-art{position:absolute;inset:-5% -10%;width:120%;height:110%;z-index:1;overflow:visible;pointer-events:none;color:#572330}
#delivery-route-path{fill:none;stroke:#efd397;stroke-width:4;stroke-dasharray:3 12;stroke-linecap:round}.route-stop{fill:#efd397;stroke:#572330;stroke-width:3}.rider-disc{fill:#fff8ed;stroke:#e7bd78;stroke-width:3}
@media(max-width:800px){.fresh-panel{grid-template-columns:1fr}.fresh-photo{padding:18px}.fresh-copy{padding:30px 25px}.fresh-copy h3{font-size:34px}.delivery-route-art{inset:-4% -8%;width:116%;height:108%}.delivery-stage{padding-left:22px;padding-right:22px}}

.delivery-rider-art{position:absolute;inset:-5% -10%;width:120%;height:110%;z-index:5;overflow:visible;pointer-events:none;color:#572330}@media(max-width:800px){.delivery-rider-art{inset:-4% -8%;width:116%;height:108%}}

#delivery-route-path{stroke:#b9784c;stroke-opacity:.65}

.delivery-rider-art{z-index:6}

@media(max-width:800px){.delivery-route-art,.delivery-rider-art{left:0;right:0;width:100%}}

/* The journey connects the third step to the handwritten promise across the whole section. */
.delivery-grid{position:relative;isolation:isolate;padding-bottom:75px}
.delivery-copy{position:relative;z-index:2}
.delivery-stage{z-index:2}
.delivery-grid>.delivery-route-art,.delivery-grid>.delivery-rider-art{inset:0;width:100%;height:100%;position:absolute;overflow:visible}
.delivery-grid>.delivery-route-art{z-index:0}.delivery-grid>.delivery-rider-art{z-index:6}
.range-tabs [data-range=meat] img{background:transparent;object-fit:contain;border-radius:0}
@media(max-width:800px){.delivery-grid{padding-bottom:25px;gap:125px}.delivery-grid>.delivery-route-art,.delivery-grid>.delivery-rider-art{inset:0;width:100%;height:100%}}

.care-icon{width:1.2em;height:1.2em;display:inline-block;vertical-align:middle;flex:none}.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px}.hero{padding-top:36px}.hero-copy>.eyebrow{margin-top:0;margin-bottom:24px}
.hero-app-strip{padding-top:12px;padding-bottom:24px;border-top:1px solid #fff8ed22}.hero-app-strip .hero-order-note{margin:0;display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.hero-app-strip br{display:none}.hero-app-strip .hero-order-note span{font-size:13px}
.hero-sticker{clip-path:none;border-radius:50%}.packing-overlay .care-icon{width:62px;height:62px}.promise-ribbon .care-icon{width:28px;height:28px}
.delivery-grid{padding-bottom:135px}.delivery-stage .stage-note{top:-58px;right:0;max-width:175px}.route-station circle{fill:#fff8ed;stroke:#b9784c;stroke-width:2}.route-station text{fill:#572330;font:600 11px Inter,sans-serif}
#delivery-route-path{stroke-width:5;stroke-opacity:.55;stroke-dasharray:2 13}
@media(max-width:800px){.hero{padding-top:28px}.hero-copy>.eyebrow{margin-bottom:22px}.hero-app-strip{padding-bottom:22px}.delivery-grid{gap:135px;padding-bottom:130px}.delivery-stage .stage-note{top:-55px;right:0}.hero-app-strip .hero-order-note{display:block}.hero-app-strip .hero-order-note span{display:block;margin-top:5px}}

@media(max-width:800px){.delivery-stage .phone{width:min(271px,calc(100% - 64px));transform:none!important}}

/* A winding route following the founder’s sketch, behind the care label. */
.delivery-grid>.delivery-route-art{z-index:3}.delivery-grid .stage-ticket{z-index:7}
#delivery-route-path{stroke:#b9784c;stroke-width:3;stroke-opacity:.8;stroke-dasharray:2 9;stroke-linecap:round}
.care-icon{overflow:visible}.promise-ribbon .care-icon{width:30px;height:30px}

/* Give the transparency tabs and their details a shared horizontal rhythm. */
.visibility-tabs{gap:14px;margin:38px 0 36px}
#visibility-panel{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:20px;row-gap:18px;align-content:start;align-items:baseline;padding-left:0;min-height:230px}
#visibility-panel .detail-number{position:static;grid-column:1;grid-row:1;line-height:1;align-self:center}
#visibility-panel h3{grid-column:2;grid-row:1;margin:0;align-self:center}
#visibility-panel>p{grid-column:2;margin:0}
#visibility-panel .detail-tags{grid-column:2;gap:12px 18px;margin:2px 0 0;align-items:baseline}
.visibility-content .text-link{margin-top:28px}
@media(max-width:800px){.visibility-tabs{gap:10px;margin:32px 0}#visibility-panel{grid-template-columns:34px minmax(0,1fr);column-gap:16px;row-gap:18px;min-height:250px}.visibility-content .text-link{margin-top:24px}}
/* Keep the lower, winding route behind the phone and its care label. */
.delivery-grid>.delivery-route-art{z-index:0}.delivery-grid>.delivery-rider-art{z-index:1}.delivery-stage{z-index:2}

/* The original category cards become a compact sticky strip on mobile. */
.next-range-button,.range-sticky-anchor,.range-sticky-spacer{display:none}
@media(max-width:800px){
 .range-section{position:relative}
 .range-sticky-anchor{display:block;height:0;margin-top:28px}
 .range-tabs{--range-collapse:0;display:block;position:sticky;top:0;z-index:40;gap:9px;overflow:hidden;overscroll-behavior-x:contain;scrollbar-width:none;margin:0;padding:12px 3px;height:var(--range-height,289px);background:var(--cream);align-items:flex-start;box-shadow:0 5px 12px #482d3208;scroll-padding-inline:3px}
 .range-tabs.range-is-compact{overflow-x:auto}
 .range-tabs::-webkit-scrollbar{display:none}
 .range-tabs button{position:absolute;left:var(--card-x,3px);top:var(--card-y,12px);width:var(--card-width,30%);height:calc(128px - 48px * var(--range-collapse));padding:calc(10px - 8px * var(--range-collapse));font-size:calc(12px - 1px * var(--range-collapse));border-radius:calc(12px - 4px * var(--range-collapse));transition:background .25s,color .25s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4px - 4px * var(--range-collapse))}
 .range-tabs button img{width:var(--range-image-size,67px);height:var(--range-image-size,67px);min-height:0;margin:0;flex:none;object-fit:contain}
 .range-tabs button>span{display:flex;align-items:center;justify-content:center;min-height:calc(31px * (1 - var(--range-collapse)));line-height:calc(1.3 - .2 * var(--range-collapse));flex:0 0 auto}
 .range-tabs button[aria-selected=true]{box-shadow:0 3px 0 #e4bb79}
 .range-sticky-spacer{display:block;height:var(--range-spacer,0px);margin-bottom:20px;pointer-events:none}
 .range-panel{scroll-margin-top:112px}
 .next-range-button{display:flex;width:100%;gap:14px;align-items:center;text-align:left;margin-top:28px;padding:14px;border:1px solid #57233033;border-radius:12px;background:#ead9c2;color:var(--ink);font-weight:600;font-size:14px}
 .next-range-thumbnail{display:block;flex:0 0 48px;width:48px;height:48px;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:8px}
 .next-range-button>span:last-child{margin-left:auto;font-size:24px}
}
 .range-tabs button.range-top-settle{animation:range-top-settle .52s cubic-bezier(.22,.8,.28,1) both}
@keyframes range-top-settle{0%{transform:translateX(0)}45%{transform:translateX(-7px)}100%{transform:translateX(0)}}

/* Mobile delivery preview: keep the action, result and status in one readable flow. */
@media(max-width:800px){
 .delivery-grid{gap:28px;padding-bottom:72px}
 .delivery-copy{z-index:3}
 .journey-controls{margin-top:24px}
 .journey-step{padding-block:18px}
 .delivery-stage{min-height:0;display:flex;flex-direction:column;align-items:center;padding:44px 12px 28px}
 .delivery-stage .stage-circle{width:285px;height:285px;top:92px}
 .delivery-stage .stage-note{top:2px;right:14px;max-width:155px;font-size:15px;line-height:1.35}
 .delivery-stage .phone{width:min(271px,calc(100% - 34px));order:1}
 .delivery-stage .stage-ticket{position:relative;left:auto;bottom:auto;order:2;align-self:center;margin:22px 0 0;transform:rotate(-4deg);padding:12px 16px}
 .delivery-stage .stage-ticket strong{font-size:19px}
 .delivery-stage .preview-caption{order:3;margin:18px 0 0;font-size:10px}
 .delivery-grid>.delivery-route-art,.delivery-grid>.delivery-rider-art{inset:0;height:100%;z-index:0}
 .delivery-stage .phone,.delivery-stage .stage-note,.delivery-stage .stage-ticket,.delivery-stage .preview-caption{z-index:3}
 .phone-order{padding:16px 14px 12px}
 .phone-order h3{font-size:14px}
 .phone-order>p{font-size:10px;line-height:1.5}
 .order-preview strong{font-size:10px}
 .order-preview span{font-size:9px}
 .packing-overlay>small{font-size:7px}
}

/* A compact first-viewport overview for the delivery story on phones. */
@media(max-width:800px) and (min-height:760px){
 .delivery-section{padding-block:28px 30px}
 .delivery-grid{gap:12px;padding-bottom:0}
 .delivery-copy .eyebrow{margin-bottom:8px;font-size:7px}
 .delivery-copy h2{font-size:36px;letter-spacing:-1.5px;margin-bottom:10px}
 .delivery-copy>p:not(.eyebrow){font-size:12px;line-height:1.45;margin-bottom:10px}
 .journey-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
 .journey-step{display:block;min-width:0;padding:9px 7px;border-width:1px;border-radius:8px}
 .journey-step>span{display:block;font-size:17px;line-height:1;margin-bottom:5px}
 .journey-step strong{display:block;font-size:9px;line-height:1.18;letter-spacing:-.1px}
 .journey-step p{font-size:8px;line-height:1.25;margin:4px 0 0}
 .journey-step>i{display:none}
 .delivery-stage{padding:25px 4px 8px}
 .delivery-stage .stage-circle{width:245px;height:245px;top:54px}
 .delivery-stage .stage-note{font-size:12px;max-width:125px}
 .delivery-stage .phone{width:min(218px,calc(100% - 32px))}
 .phone-map{height:150px}
 .phone-order{padding:10px 11px 8px}
 .phone-order h3{font-size:11px;line-height:1.15}
 .phone-order>p{font-size:8px;line-height:1.3;margin-bottom:8px}
 .order-preview{padding:7px 8px;gap:6px}
 .order-preview strong{font-size:8px}
 .order-preview span{font-size:7px}
 .delivery-stage .stage-ticket{margin-top:12px;padding:9px 12px}
 .delivery-stage .stage-ticket>span{font-size:14px}
 .delivery-stage .stage-ticket strong{font-size:14px;line-height:1.05}
 .delivery-stage .preview-caption{margin-top:8px;font-size:8px}
}

/* Mobile delivery flow: heading, smaller phone, then a swipeable step rail. */
.journey-dots{display:none}
@media(max-width:800px){
 .delivery-grid{display:flex;flex-direction:column;gap:0}
 .delivery-copy{display:contents}
 .delivery-copy>.eyebrow{order:1}
 .delivery-copy>h2{order:2}
 .delivery-copy>p:not(.eyebrow){order:3}
 .delivery-stage{order:4;align-self:center;width:100%;padding-top:18px;padding-bottom:14px}
 .delivery-stage .phone{width:min(190px,calc(100% - 80px))}
 .delivery-stage .stage-circle{width:220px;height:220px;top:38px}
 .delivery-stage .stage-note{font-size:11px;right:8px;max-width:116px}
 .delivery-stage .stage-ticket{margin-top:8px;padding:7px 10px}
 .delivery-stage .stage-ticket strong{font-size:12px}
 .delivery-stage .preview-caption{margin-top:6px;font-size:8px}
 .phone-map{height:128px}
 .phone-order{padding:8px 9px 7px}
 .phone-order h3{font-size:10px}
 .phone-order>p{font-size:7px;line-height:1.25;margin-bottom:6px}
 .order-preview{padding:6px 7px}
 .order-preview strong{font-size:7px}
 .order-preview span{font-size:6px}
 .journey-controls{order:5;display:flex;width:100%;margin:8px 0 0;padding:0 0 4px;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none}
 .journey-controls::-webkit-scrollbar{display:none}
 .journey-step{flex:0 0 calc(88% - 4px);scroll-snap-align:center;padding:12px 10px}
 .journey-step>span{font-size:19px}
 .journey-step strong{font-size:11px}
 .journey-step p{font-size:9px}
 .journey-dots{order:6;display:flex;justify-content:center;align-items:center;gap:7px;margin:9px 0 0}
 .journey-dots span{width:7px;height:7px;border-radius:50%;background:#b99b8d;opacity:.55;transition:transform .2s,background .2s,opacity .2s}
 .journey-dots span.active{background:var(--forest);opacity:1;transform:scale(1.35)}
}

/* Scale the complete phone mockup as one unit so its map, overlay, copy and controls stay proportional. */
@media(max-width:800px){
 .delivery-stage .phone{width:285px;zoom:.58}
 .delivery-stage .phone-map{height:258px}
 .delivery-stage .phone-order{padding:18px 15px 12px}
 .delivery-stage .phone-order h3{font-size:12px;line-height:1.4}
 .delivery-stage .phone-order>p{font-size:8px;line-height:1.7;margin-bottom:0}
 .delivery-stage .order-preview{margin-top:14px;padding-top:13px;gap:8px}
 .delivery-stage .order-preview strong{font-size:8px}
 .delivery-stage .order-preview span{font-size:6px}
 .delivery-stage[data-stage=packing] .phone{transform:rotate(6deg)!important}
 .delivery-stage[data-stage=delivery] .phone{transform:rotate(-4deg)!important}
 .delivery-stage[data-stage=arriving] .phone{transform:rotate(1deg)!important}
}

/* Refined controls beside the phone for quick stage switching. */
.stage-nav{position:absolute;inset:0;z-index:8;pointer-events:none}
.delivery-stage{touch-action:pan-y}
.stage-nav-button{position:absolute;top:50%;display:grid;place-items:center;width:38px;height:54px;padding:0;border:0;background:transparent;color:var(--forest);font-family:var(--sans);font-size:30px;font-weight:300;line-height:1;pointer-events:auto;transform:translateY(-50%);transition:color .25s,transform .25s}
.stage-nav-button:hover{color:var(--yellow);transform:translateY(-50%) scale(1.12)}
.stage-nav-button.previous{left:0}
.stage-nav-button.next{right:0}
@media(max-width:800px){
 .stage-nav-button{width:30px;height:46px;font-size:25px}
 .stage-nav-button.previous{left:-2px}
 .stage-nav-button.next{right:-2px}
 .delivery-copy>p:not(.eyebrow){font-size:11px;line-height:1.35}
 .delivery-stage .phone{zoom:.5}
 .delivery-stage .stage-circle{width:200px;height:200px}
 .delivery-stage .stage-ticket{align-self:flex-start;margin-left:4px}
 .journey-step strong{font-size:12px}
 .journey-step p{font-size:10px}
}