:root{--cream:#f6f3e9;--ink:#303b28;--red:#b63f29;--line:#d6d8c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Pretendard,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}p{line-height:1.8}h1,h2,h3,p{margin-top:0}.announcement{background:var(--ink);color:var(--cream);text-align:center;padding:10px;font-size:11px;letter-spacing:.08em}.announcement span{margin-left:30px;opacity:.6;font-size:9px}header{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;font-weight:500}.brandmark{font-family:Georgia;font-size:54px;line-height:1;color:var(--red);transform:rotate(180deg)}nav{display:flex;gap:36px;font-size:14px;font-weight:600}nav a:hover{color:var(--red)}.bag{font-size:12px;letter-spacing:1px}.bag span{display:inline-grid;place-items:center;background:var(--ink);color:var(--cream);width:25px;height:25px;border-radius:50%;margin-left:7px}.hero{position:relative;display:grid;grid-template-columns:46% 54%;min-height:700px;padding-bottom:95px;overflow:hidden}.hero-copy{padding:80px 6% 50px 9%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px}.dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:8px}h1{font-size:clamp(40px,4.1vw,76px);line-height:1.3;letter-spacing:-.065em;font-weight:500;margin:40px 0 25px}h1 em{font-style:normal;color:var(--red)}.hero-copy p{font-size:15px;color:#65705b;margin-bottom:30px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:var(--cream);padding:17px 24px;border-radius:40px;font-size:13px;transition:background .2s,transform .3s}.pill:hover{background:var(--red);transform:translateY(-3px)}.pill span{font-size:21px}.hero-foot{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:40px;font-size:9px;line-height:1.6;letter-spacing:1px}.hero-art{position:relative;margin:24px 24px 0 0;overflow:hidden;border-radius:3px 3px 0 0;min-height:530px}.hero-art>img{position:absolute;inset:0;animation:breathe 18s ease-in-out infinite alternate;object-position:63% center}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#292d2430,transparent 50%);pointer-events:none}.photo-caption{position:absolute;z-index:1;left:25px;right:25px;top:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#303b28}.seal{position:absolute;z-index:1;bottom:35px;right:25px;background:var(--red);color:var(--cream);width:116px;height:116px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:1px dashed #f6f3e980;outline-offset:-9px;transform:rotate(12deg)}.seal b{font-size:31px;font-weight:500;line-height:1.5}.seal span{font-size:9px;letter-spacing:2px}.motion{position:absolute;bottom:20px;left:20px;border:1px solid #fff8;border-radius:50%;color:white;width:34px;height:34px;z-index:2;background:#303b2850}.hero-word{position:absolute;bottom:-2px;left:4%;font-family:Georgia,serif;font-style:italic;font-size:clamp(70px,10.5vw,180px);line-height:1.1;letter-spacing:-.065em;pointer-events:none;z-index:3;white-space:nowrap}.ticker{background:var(--red);color:#f6f3e9;padding:19px 0;overflow:hidden;margin-top:30px}.ticker>div{width:max-content;display:flex;gap:45px;align-items:center;animation:ticker 38s linear infinite;font-size:13px;letter-spacing:2px}.ticker i{font-size:25px;font-style:normal}.section{padding:105px 5%}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:38px;font-weight:500;letter-spacing:-1.7px;margin:18px 0}.red{color:var(--red)}.section-head p{font-size:13px;color:#6d755f}.filters{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:25px 0 30px}.filters button{padding:14px 0;font-size:13px;border-bottom:2px solid transparent;color:#79816d}.filters button.active{color:var(--ink);border-color:var(--ink)}sup{font-size:9px;margin-left:5px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product[hidden]{display:none}.product-photo{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#e9e3d5;padding:0}.product-photo img{transition:transform .8s}.product-photo:hover img{transform:scale(1.055)}.product-photo .brunch{object-position:10% center}.product-photo .salad{object-position:85% center;transform:scale(1.5)}.product-photo:hover .salad{transform:scale(1.6)}.tag{position:absolute;top:18px;left:18px;background:var(--cream);padding:8px 10px;font-size:8px;letter-spacing:1px}.photo-plus{position:absolute;bottom:18px;right:18px;border-radius:50%;background:var(--cream);width:38px;height:38px;display:grid;place-items:center;font-size:22px}.product-meta{display:flex;justify-content:space-between;padding:20px 0}.product-meta small{font-size:11px;color:#7e826e}.product-meta h3{font-size:18px;font-weight:500;margin:8px 0 13px}.product-meta p{font-size:14px}.product-meta p span{font-size:11px;color:#7e826e;margin-left:8px}.add{border:1px solid var(--line);width:35px;height:35px;border-radius:50%;font-size:23px;margin-top:10px}.add:hover{background:var(--ink);color:var(--cream)}.table-story{display:grid;grid-template-columns:55% 45%;background:#e6e8db}.table-picture{position:relative;min-height:640px;overflow:hidden}.table-picture img{position:absolute;object-position:40% center}.handwritten{position:absolute;left:40px;bottom:35px;color:white;font-size:70px;font-family:Georgia,serif;font-style:italic;line-height:.95;letter-spacing:-3px;text-shadow:0 1px 20px #0003}.table-copy{padding:70px 12%}.table-copy h2{font-size:48px;line-height:1.35;letter-spacing:-2px;font-weight:500;margin:30px 0}.table-copy p{font-size:14px;color:#68705d}.text-link{padding:15px 0;border-bottom:1px solid var(--ink);font-size:13px;display:flex;justify-content:space-between;width:100%;margin-top:30px}.chapter{font:italic 32px/1.1 Georgia,serif;display:block;color:#889079;margin-top:48px}.chapter em{color:var(--ink)}.manifesto{text-align:center;padding-top:130px;padding-bottom:110px}.manifesto h2{font-size:46px;line-height:1.45;font-weight:500;letter-spacing:-2px;margin:30px 0}.manifesto h2 em{font-style:normal;color:var(--red);border-bottom:1px solid var(--red)}.manifesto>p{font-size:14px;color:#707762}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;padding-top:30px;border-top:1px solid var(--line);text-align:left;gap:45px}.values span{color:var(--red);font:italic 26px Georgia}.values h3{font-size:17px;font-weight:500;margin:18px 0 8px}.values p{font-size:12px;color:#727b67}footer{background:var(--ink);color:var(--cream);padding:40px 5% 20px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top>span{font-size:13px}.footer-top>a:last-child{font-size:10px}.footer-word{font:italic clamp(50px,11vw,180px)/1.6 Georgia;letter-spacing:-.055em;white-space:nowrap;border-bottom:1px solid #ffffff30}.footer-bottom{font-size:9px;color:#c0c7b6;padding-top:20px;line-height:1.7}.reveal{transition:opacity .8s,transform .8s}.js .reveal:not(.visible){opacity:0;transform:translateY(28px)}dialog{border:0;background:var(--cream);color:var(--ink);padding:0;width:min(850px,92vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#18201388;backdrop-filter:blur(5px)}#detail[open]{display:grid;grid-template-columns:1fr 1fr}#detail>img{min-height:430px}.detail-copy{padding:55px 35px}.detail-copy h2{font-size:30px;line-height:1.3;margin:30px 0 20px}.detail-copy p{font-size:14px;color:#69705f}.detail-copy .pill{width:100%;margin:30px 0 16px}.detail-copy small,#cart>small{font-size:10px;line-height:1.7;color:#78816c}.close{position:absolute;right:12px;top:10px;z-index:3;font-size:28px;width:35px;height:35px;border-radius:50%;background:var(--cream)}#cart{padding:50px 30px;width:min(440px,94vw)}#cart h2{margin-top:25px}.cart-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;font-size:13px}.cart-row img{width:60px;height:70px}.cart-row button{margin-left:auto}.cart-row small{display:block;margin-top:8px}#total{margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--cream);padding:16px 24px;border-radius:40px;font-size:13px;z-index:30;transition:.3s;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}.paused *{animation-play-state:paused!important}@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.075) translate(-.7%,.7%)}}@keyframes ticker{to{transform:translateX(-45%)}}@media(min-width:1600px){.hero{min-height:850px}.hero-copy{padding-top:120px}}@media(max-width:760px){.announcement{font-size:10px}.announcement span{display:none}header{height:80px;padding:0 6%}.brand{font-size:22px}.brandmark{font-size:42px}nav{gap:16px;font-size:11px}nav a:not(:first-child){display:none}.bag{font-size:10px}.hero{display:flex;flex-direction:column;padding-bottom:50px}.hero-copy{padding:38px 7% 28px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:43px;margin:25px 0 18px}.hero-copy p{font-size:13px;margin-bottom:20px}.pill{font-size:12px;padding:13px 20px}.hero-foot{display:none}.hero-art{margin:0 5%;height:410px;min-height:0}.hero-word{bottom:0;left:5%;font-size:15vw}.seal{width:95px;height:95px;bottom:40px;right:16px}.seal b{font-size:25px}.seal span{font-size:8px}.photo-caption{font-size:7px;left:15px;right:15px}.ticker{margin-top:20px;padding:12px 0}.ticker>div{font-size:10px;gap:25px}.section{padding:65px 6%}.section-head{display:block}.section-head h2{font-size:28px;letter-spacing:-1px}.section-head p{font-size:12px}.filters{gap:20px;margin-top:15px}.filters button{font-size:12px}.products{grid-template-columns:1fr 1fr;gap:16px}.product:first-child{grid-column:1/-1}.product:first-child .product-photo{aspect-ratio:1.12}.product:first-child .product-photo img{object-position:center 58%}.product-photo{aspect-ratio:3/4}.product-meta{padding:13px 0}.product-meta h3{font-size:14px;line-height:1.4}.product-meta p{font-size:12px}.product-meta p span{display:block;margin:2px 0}.product-meta small{font-size:9px}.add{width:28px;height:28px;flex-shrink:0;font-size:20px}.tag{font-size:6px;top:10px;left:10px;padding:6px}.photo-plus{width:28px;height:28px;font-size:17px;right:10px;bottom:10px}.table-story{grid-template-columns:1fr}.table-picture{min-height:440px}.handwritten{font-size:52px;left:25px}.table-copy{padding:45px 8%}.table-copy h2{font-size:38px}.chapter{font-size:30px}.manifesto h2{font-size:30px;letter-spacing:-1.5px}.manifesto>p{font-size:12px}.values{gap:25px;margin-top:40px;grid-template-columns:1fr}.values>div{display:grid;grid-template-columns:40px 1fr;gap:0 10px}.values h3{margin:0;font-size:16px}.values p{grid-column:2;margin:7px 0 0}.footer-top{align-items:start;flex-wrap:wrap}.footer-top>span{display:none}.footer-top .brand{font-size:20px}.footer-word{font-size:10.5vw;line-height:2}.footer-bottom{display:block;font-size:8px}.footer-bottom span{display:block;margin-bottom:6px}#detail[open]{display:block}#detail>img{height:250px;min-height:0}.detail-copy{padding:30px}.detail-copy h2{font-size:26px;margin:20px 0}.detail-copy .pill{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;transform:none}}

.brandmark{width:48px;height:48px;transform:none;flex-shrink:0}@media(max-width:760px){.brandmark{width:37px;height:37px}}
/* Fresh green hero revision */
:root{--cream:#f3f7eb;--ink:#174c32;--red:#248044;--line:#cbdcc5}
.announcement,.ticker{background:#215d38}.hero{background:#e8f1da;padding-bottom:0;grid-template-rows:minmax(560px,auto) auto}.hero-copy{padding-top:65px;padding-bottom:35px}.hero-art{margin-bottom:0;isolation:isolate;background:#bed89d}.hero-word{position:relative;grid-column:1/-1;left:auto;bottom:auto;font-size:clamp(65px,9vw,155px);padding:25px 4% 30px;line-height:1.15;color:#23743f;margin:0;white-space:normal}.hero-foot{padding-top:45px}.hero-art>img{animation:freshPan 9s ease-in-out infinite alternate;transition:opacity 1s;will-change:transform}.hero-art .fresh-slide{opacity:0;animation-delay:-3s}.hero-art.is-fresh .fresh-slide{opacity:1}.hero-art.is-fresh>img:first-child{opacity:0}.hero-art:before{content:'';position:absolute;inset:-10%;z-index:2;pointer-events:none;background:radial-gradient(ellipse at var(--mx,60%) var(--my,35%),#efffc54a,transparent 55%);mix-blend-mode:screen;transition:background .2s}.seal{background:#287643;animation:sealSway 5s ease-in-out infinite alternate}.photo-caption{background:#f3f7ebdb;padding:10px 12px;border-radius:3px}.ticker{margin-top:0}.brandmark{filter:hue-rotate(90deg)}.hero-art .scene-index{position:absolute;z-index:3;bottom:24px;left:68px;color:white;font-size:11px;letter-spacing:2px;background:#174c3290;padding:10px 12px;border-radius:30px}.hero-copy h1{animation:copyEnter 1s both}.hero-copy .pill{background:#236b3d}.table-story{background:#dfedcf}
@keyframes freshPan{0%{transform:scale(1.04) translate(-1%,1%) rotate(-1deg)}100%{transform:scale(1.17) translate(2%,-2%) rotate(2deg)}}@keyframes sealSway{from{transform:translateY(-10px) rotate(-12deg)}to{transform:translateY(8px) rotate(16deg)}}@keyframes copyEnter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(max-width:760px){.hero-copy{padding:38px 7% 28px}.hero-word{font-size:13vw;padding:22px 5% 24px;white-space:nowrap}.hero-art{height:410px;flex-shrink:0}.hero{min-height:0}.hero-foot{display:none}.photo-caption{font-size:6px;padding:8px}.hero-art .scene-index{font-size:9px}.hero-copy h1{font-size:43px}}
.hero-art .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}.hero-art:before{display:none}.hero-art .seal{width:90px;height:90px;bottom:22px;right:18px;animation:none;transform:rotate(9deg)}.hero-art .seal b{font-size:25px}.hero-art .seal span{font-size:7px}.hero-art{min-height:480px}@media(max-width:760px){.hero-art{min-height:0;height:350px}.hero-art .hero-video{object-position:60% center}}
/* Free, native browser motion scene */
.hero{--mx:0;--my:0;--travel:0px;--spread:0px;--zoom:1;overflow:hidden}.hero-copy{position:relative;z-index:4}.hero-art{z-index:2;transform:scale(var(--zoom));transform-origin:80% 50%;will-change:transform;animation:unfoldVideo 1.8s cubic-bezier(.2,.7,.2,1) both}.hero-copy h1{animation:none}.hero-copy h1 .title-line{display:block;overflow:hidden}.hero-copy h1 .title-line>span{display:block;animation:titleRise 1.1s cubic-bezier(.2,.7,.2,1) both}.hero-copy h1 .title-line:nth-child(2)>span{animation-delay:.18s}.ingredient{position:absolute;z-index:3;pointer-events:none;width:clamp(80px,10vw,160px);aspect-ratio:1;transform:translate3d(calc(var(--mx)*var(--depth)*1px + var(--direction)*var(--spread)),calc(var(--my)*var(--depth)*1px - var(--travel)),0);will-change:transform}.ingredient .food-disc{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 18px 30px #174c3238;animation:ingredientFloat 5s ease-in-out infinite alternate;border:5px solid #f7ffe6}.ingredient img{object-fit:cover;transform:scale(1.65)}.ingredient.tomato{left:-3%;top:49%;--depth:1.3;--direction:-1}.ingredient.tomato img{object-position:center 68%}.ingredient.greens{right:-2%;top:8%;--depth:-1.5;--direction:1;width:clamp(90px,12vw,175px)}.ingredient.greens img{object-position:25% 50%}.ingredient.greens .food-disc{animation-delay:-2s}.ingredient.basil{left:43%;top:64%;--depth:2;--direction:-1;width:clamp(65px,8vw,115px)}.ingredient.basil img{object-position:80% center;transform:scale(2)}.ingredient.basil .food-disc{animation-delay:-3s}.hero-word{z-index:4;background:#e8f1da}.hero-art .photo-caption{top:auto;bottom:18px;left:65px;right:125px;font-size:8px;letter-spacing:1px}.hero-art .photo-caption span{display:none}.hero-art .seal{z-index:5}.hero:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #80b26b44;border-radius:50%;left:22%;top:5%;pointer-events:none;transform:translateY(calc(var(--travel)*-.3))}.hero:after{content:'';position:absolute;width:480px;height:480px;border:1px solid #80b26b44;border-radius:50%;left:27%;top:13%;pointer-events:none}.hero-art .hero-video{animation:none}
@keyframes unfoldVideo{from{clip-path:circle(8% at 55% 50%);opacity:.2}to{clip-path:circle(85% at 55% 50%);opacity:1}}@keyframes titleRise{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes ingredientFloat{from{transform:translateY(-14px) rotate(-12deg)}to{transform:translateY(18px) rotate(13deg)}}
@media(max-width:760px){.ingredient.tomato{top:52%;left:-8%;width:85px}.ingredient.greens{top:46%;right:-7%;width:90px}.ingredient.basil{top:79%;left:2%;width:72px}.hero-art{transform-origin:center}.hero-art .photo-caption{left:62px;right:105px;font-size:6px}.hero-word{white-space:normal}.hero-copy h1 .title-line{overflow:visible}.hero-copy h1{font-size:clamp(35px,10.5vw,43px)}}
@media(prefers-reduced-motion:reduce){.hero-art{clip-path:none;transform:none}.ingredient{display:none}.hero-copy h1 .title-line>span{transform:none}}
/* Editorial refinement: clear space for the film and headline. */
.hero:before,.hero:after,.ingredient{display:none}.hero{background:#eef3e6;grid-template-columns:43% 57%;grid-template-rows:minmax(530px,auto) auto;min-height:0}.hero-copy{padding:65px 10% 35px 10%;justify-content:center}.hero-copy h1{font-weight:500;font-size:clamp(40px,4vw,70px);line-height:1.32;margin:30px 0 24px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-foot{margin-top:30px;padding-top:25px;color:#64816a}.hero-art{margin:30px 30px 30px 0;min-height:490px;border-radius:4px;animation:filmEnter 1.4s cubic-bezier(.2,.7,.2,1) both;transform-origin:center}.hero-art .seal,.hero-art .photo-caption{display:none}.hero-art .hero-video{object-position:60% center}.hero-art:after{background:linear-gradient(0deg,#174c3225,transparent 22%)}.hero-word{background:transparent;font-size:clamp(55px,7vw,110px);padding:10px 4% 35px;line-height:1.2;color:#64816a}.motion{background:#174c3255;border-color:#fff8}.hero-copy .pill{border-radius:5px;gap:50px}.hero-copy h1 em{color:#398451}@keyframes filmEnter{from{opacity:0;clip-path:inset(8% 8% 8% 8% round 35px)}to{opacity:1;clip-path:inset(0 round 4px)}}@media(max-width:760px){header{gap:10px}.hero-copy{padding:40px 7% 30px}.hero-copy h1{font-size:clamp(32px,9.4vw,43px)}.hero-art{margin:0 5% 15px;height:360px;min-height:0}.hero-word{font-size:12vw;padding:10px 5% 25px}.hero-copy .eyebrow{font-size:7px}.hero-foot{display:none}.hero-copy .pill{border-radius:5px}.brand{font-size:20px;gap:7px}nav{font-size:10px}.bag{padding:0}.bag span{margin-left:3px}}@media(prefers-reduced-motion:reduce){.hero-art{animation:none;clip-path:none}}
/* Visual stories paired with the three brand principles. */
.values{gap:32px;margin-top:55px;padding-top:0;border-top:0}.values>div{min-width:0}.values figure{margin:0 0 24px;aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:#dfe8d6}.values figure img{transition:transform .7s ease;object-position:center 62%}.values>div:hover figure img{transform:scale(1.035)}.values>div:nth-child(2) figure img{object-position:center}.values>div:nth-child(3) figure img{object-position:65% center}.values h3{margin-top:15px}.values p{line-height:1.7}@media(max-width:760px){.values{gap:35px}.values>div{display:grid;grid-template-columns:38px 1fr;column-gap:12px}.values figure{grid-column:1/-1;margin-bottom:20px;aspect-ratio:1.4}.values span{grid-column:1;grid-row:2/4}.values h3{grid-column:2;margin:0}.values p{grid-column:2;margin-top:8px}}