@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
@property --family{syntax:'<color>';inherits:true;initial-value:#ffd34d}
:root{--ink:#123d2b;--sand:#fff8e7;--mango:#ffd34d;--ease:cubic-bezier(.22,1,.36,1);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--sand);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}a{color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b93635;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.055em}em{font-family:Georgia,serif;font-weight:normal}p{line-height:1.6}img{max-width:100%;display:block}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;background:var(--sand);z-index:20;border-bottom:1px solid #123d2b18}.brand{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.07em;font-size:31px;line-height:1}.brand small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:.18em;margin-top:8px}.brand-sun{font-size:52px;line-height:1;color:#d68b06}.brand span:last-child{display:block}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a:hover{text-decoration:underline;text-underline-offset:6px}.pill{border:0;border-radius:99px;padding:15px 24px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:14px;font-weight:700;min-height:48px;transition:transform .2s var(--ease),background .2s}.pill:hover{transform:translateY(-3px)}.dark{background:var(--ink);color:var(--sand)}.dark:hover{background:#20583e}.big{padding:20px 27px}.cart-count{display:inline-grid;place-items:center;background:#ffd34d;color:var(--ink);min-width:24px;height:24px;border-radius:50%;font-size:12px}.skip{position:fixed;top:-100px;background:white;z-index:100;padding:16px}.skip:focus{top:0}.hero{min-height:720px;position:relative;isolation:isolate;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;padding:60px 7% 120px;overflow:hidden;background:linear-gradient(170deg,#fff0a1 2%,#fff5d8 49%,#d2ebe1 100%)}.hero-copy{position:relative;z-index:4}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:24px}.hero h1{font-size:clamp(60px,6.8vw,108px);line-height:1.02;margin-bottom:28px;letter-spacing:-.065em}.hero h1 em{color:#477347;letter-spacing:-.07em}.hero-description{font-size:15px;margin-bottom:28px}.hero-note{font-size:11px;margin-top:22px;font-weight:600}.hero-note span{margin:0 12px;color:#a26a08}.hero-photo{position:relative;z-index:3;transform:rotate(4deg);margin:18px 0 0 20px;border:10px solid #fffaf0;box-shadow:0 22px 70px #163e3030;border-radius:48% 48% 8px 8px;background:#fffaf0;animation:photo-float 7s ease-in-out infinite}.hero-photo img{height:410px;width:100%;object-fit:cover;border-radius:48% 48% 0 0;object-position:center}.photo-caption{display:block;padding:13px 0 7px;text-align:center;font-size:10px;letter-spacing:.03em}.photo-stamp{position:absolute;right:-24px;top:25px;background:var(--mango);width:118px;height:118px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:8px;font-weight:700;letter-spacing:.12em;transform:rotate(12deg);box-shadow:0 0 0 7px #ffd34d55}.photo-stamp b{font:italic 22px Georgia;letter-spacing:0}.scroll-note{position:absolute;bottom:33px;left:7%;z-index:3;font-size:11px;display:flex;align-items:center;gap:24px}.scroll-note span{border:1px solid #123d2b55;padding:10px 14px;border-radius:50%;font-size:18px}.sunlight{position:absolute;inset:-100px;z-index:-1;background:radial-gradient(ellipse at 65% 20%,#fff9c8 0,transparent 50%);animation:light 16s ease-in-out infinite}.sea{position:absolute;bottom:-70px;right:-15%;width:90%;height:200px;background:linear-gradient(#95cfc054,#8edbd077);border-radius:50% 50% 0 0;transform:rotate(-7deg);z-index:-1}.foliage{position:absolute;pointer-events:none;z-index:5;width:220px;height:260px;color:#1d5839}.foliage svg{position:absolute;width:125px;transform-origin:50% 100%;animation:sway 6s ease-in-out infinite;filter:drop-shadow(0 14px 10px #163e3022)}.foliage svg:nth-child(2){transform:rotate(45deg);animation-delay:-2s;color:#447546}.foliage svg:nth-child(3){transform:rotate(85deg);animation-delay:-4s;color:#163e2a}.foliage-left{top:-135px;left:-65px;transform:rotate(145deg)}.foliage-right{bottom:-140px;right:-72px;transform:rotate(-35deg);width:250px}.foliage-right svg{width:170px}.ribbon{overflow:hidden;background:var(--ink);color:var(--mango);padding:19px 0}.ribbon>div{display:flex;gap:35px;width:max-content;animation:marquee 45s linear infinite}.ribbon span{font-size:13px;font-weight:700;letter-spacing:.15em}.anatomy{height:140vh;min-height:950px;background:var(--sand);position:relative}.anatomy-sticky{position:sticky;top:0;min-height:740px;height:100vh;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:65px 7%;overflow:hidden}.anatomy h2,.section-heading h2,.student h2,.story h2{font-size:clamp(38px,4.2vw,65px);line-height:1.08}.anatomy-copy>p:not(.eyebrow){font-size:15px;max-width:360px}.text-button{border:0;background:none;padding:15px 0;border-bottom:1px solid var(--ink);font-weight:600}.anatomy-copy small{display:block;margin-top:15px;font-size:10px;opacity:.6}.bokit-stage{position:relative;height:530px;width:100%;max-width:580px;--progress:0}.bokit-layer{position:absolute;width:85%;left:4%;top:45%;filter:drop-shadow(0 9px 7px #4a301517);transform:translateY(calc(var(--y) + var(--shift)*var(--progress))) rotate(calc(var(--rot,0deg)*var(--progress)));will-change:transform}.bokit-layer svg{width:100%;height:auto;display:block}.layer-bottom{--y:72px;--shift:100px;z-index:1}.layer-filling{--y:31px;--shift:35px;--rot:-2deg;z-index:2}.layer-salad{--y:2px;--shift:-35px;--rot:3deg;z-index:3}.layer-sauce{--y:-18px;--shift:-95px;z-index:4}.layer-top{--y:-90px;--shift:-180px;--rot:-4deg;z-index:5}.ingredient-label{position:absolute;right:-12%;top:40%;background:var(--sand);border-bottom:1px solid #123d2b55;padding:6px 8px;font-size:10px;font-weight:700;opacity:var(--progress);white-space:nowrap}.layer-filling .ingredient-label,.layer-sauce .ingredient-label{right:auto;left:-9%}.bokit-shadow{position:absolute;bottom:20px;left:15%;width:60%;height:32px;background:#92733122;border-radius:50%;filter:blur(12px);transform:scale(calc(1 - var(--progress)*.2))}.menu-section{padding:95px 7%;background:#f2f0da}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px}.family-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.family-selector button{border:1px solid #123d2b40;background:transparent;border-radius:99px;padding:13px 19px;font-size:13px;min-height:46px;transition:all .2s}.family-selector button[aria-pressed=true],.family-selector button:hover{background:var(--ink);color:var(--sand)}#family-showcase{background:var(--family);transition:--family .8s;display:grid;grid-template-columns:1fr 1fr;min-height:365px;overflow:hidden;border-radius:5px}#family-showcase>div{padding:50px}#family-showcase h3{font-size:55px;line-height:1.05;margin-bottom:18px}#family-showcase img{width:100%;height:100%;min-height:365px;object-fit:cover;transition:opacity .2s}#family-showcase img[hidden]{display:none}.family-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:12px}.family-links a{padding:8px 0;border-bottom:1px solid #123d2b40}.student{background:var(--mango);padding:75px 7%;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}.student p{font-size:14px}.student-price{border:2px solid var(--ink);border-radius:50%;width:320px;height:320px;display:flex;flex-direction:column;justify-content:center;text-align:center;justify-self:center;transform:rotate(8deg);box-shadow:8px 8px 0 #123d2b20}.student-price span{font-size:10px;font-weight:700;letter-spacing:.1em}.student-price strong{font-family:'Manrope',sans-serif;font-size:135px;font-weight:800;letter-spacing:-.09em;line-height:1.4}.student-price sup{font-size:46px;letter-spacing:-.05em}.story{padding:95px 7%;display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.story-photo img{height:440px;width:100%;object-fit:cover;border-radius:50% 50% 3px 3px}.story>div>p{font-size:14px;max-width:540px}.service-row{display:flex;gap:20px;border-top:1px solid #123d2b30;margin-top:30px;padding-top:25px}.service-row span{flex:1;font-size:11px;line-height:1.5}.service-row b{display:block;font-size:13px;margin:8px 0}footer{background:var(--ink);color:var(--sand);padding:65px 7% 25px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px}footer .brand{font-size:44px;width:max-content;margin-bottom:25px}footer h2{font-size:28px;letter-spacing:-.03em}footer p{font-size:13px}footer a:not(.brand):hover{text-decoration:underline;text-underline-offset:4px}.phone{font-size:27px;font-weight:700}.footer-bottom{grid-column:1/-1;border-top:1px solid #fff8e730;padding-top:24px;margin-top:25px;display:flex;justify-content:space-between;font-size:10px;gap:15px}.family-hero{padding:45px 7% 55px;background:var(--scene)}.back-link{display:block;font-size:12px;margin-bottom:38px}.family-hero h1{font-size:clamp(42px,6vw,84px);margin-bottom:16px}.family-hero>p{max-width:650px}.family-info{font-size:13px}.category-nav{padding:17px 7%;gap:10px;overflow:auto;border-bottom:1px solid #123d2b20;background:var(--sand);position:sticky;top:0;z-index:10;white-space:nowrap}.category-nav a{font-size:12px;padding:12px 17px;border-radius:30px}.category-nav [aria-current]{background:var(--ink);color:var(--sand)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:45px 7% 80px}.product-card{border:1px solid #123d2b20;border-radius:7px;overflow:hidden;background:#fffdf5;display:flex;flex-direction:column;transition:transform .3s var(--ease)}.product-card:hover{transform:translateY(-5px)}.product-visual{height:225px;background:var(--scene);position:relative;overflow:hidden}.product-visual img{height:100%;width:100%;object-fit:cover}.typographic{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center;background:radial-gradient(ellipse at top right,#fff8e7aa,transparent),var(--scene)}.typographic>span:first-child{font-size:55px;opacity:.35}.typographic>span:nth-child(2){font:800 25px 'Manrope',sans-serif;max-width:240px;letter-spacing:-.04em}.tag{position:absolute;top:12px;left:12px;background:var(--ink);color:white;border-radius:30px;padding:7px 12px;font-size:10px}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.card-title{display:flex;align-items:start;gap:12px;justify-content:space-between}.card-title h2{font-size:21px;letter-spacing:-.035em;line-height:1.25}.card-title strong{font-size:15px;white-space:nowrap}.card-body p{font-size:12px;margin-bottom:14px}.formula-note{font-weight:700}.configure{display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-top:1px solid #123d2b30;padding:15px 0 0;margin-top:auto;font-weight:700;min-height:46px;text-align:left}.configure span{font-size:23px}.legal{max-width:840px;padding:60px 24px 100px;margin:auto}.legal h1{font-size:50px}.legal h2{font-size:27px;margin-top:35px}.legal p{font-size:15px}dialog{border:0;border-radius:14px;color:var(--ink);background:var(--sand);padding:38px;width:min(620px,calc(100% - 24px));max-height:90svh;overflow-y:auto;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#071c16a6;backdrop-filter:blur(4px)}dialog h2{font-size:32px;line-height:1.1;margin-right:30px}dialog h3{font-size:20px;letter-spacing:-.03em}dialog p{font-size:13px}.close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:1px solid #123d2b40;border-radius:50%;font-size:27px;background:transparent}fieldset{border:0;padding:0;margin:22px 0}legend{font-weight:700;font-size:14px;margin-bottom:10px}label{font-size:13px}.choice-list{display:flex;gap:8px;flex-wrap:wrap}.choice{position:relative;display:flex;align-items:center;gap:8px;border:1px solid #123d2b33;padding:12px;border-radius:7px;min-height:46px;cursor:pointer}.choice:has(input:checked){border-color:var(--ink);background:#dfead6}.choice input{accent-color:var(--ink);width:16px;height:16px}select,input[type=date]{width:100%;border:1px solid #123d2b55;padding:13px;border-radius:6px;background:#fffdf5;color:var(--ink);min-height:48px}.form-bottom{position:sticky;bottom:-38px;background:var(--sand);padding:20px 0 2px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #123d2b30}.form-bottom strong{font-size:25px}.notice{padding:15px;border-radius:6px;background:#f4e5bd;font-size:12px;line-height:1.6}.cart-item{border-bottom:1px solid #123d2b25;padding:17px 0;display:grid;grid-template-columns:1fr auto;gap:12px}.cart-item h3{margin-bottom:5px;font-size:17px}.cart-item p{font-size:11px;margin-bottom:8px}.quantity{display:flex;align-items:center;gap:12px}.quantity button{border:1px solid #123d2b40;background:none;width:36px;height:36px;border-radius:50%;font-size:19px}.remove{border:0;background:none;text-decoration:underline;font-size:11px;padding:10px}.cart-total{display:flex;justify-content:space-between;padding:20px 0;font-size:22px;font-weight:700}.checkout-details{display:grid;gap:10px}.checkout-details .choice-list{margin-bottom:10px}.disabled-payment{width:100%;opacity:.5;cursor:not-allowed;margin-top:15px}.clear-cart{background:none;border:0;text-decoration:underline;padding:15px 0;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:var(--ink);color:white;border-radius:40px;padding:15px 25px;z-index:100;font-size:13px;opacity:0;pointer-events:none;transition:all .3s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js-motion .reveal.in{opacity:1;transform:none}.paused *{animation-play-state:paused!important}body:has(dialog[open]){overflow:hidden}@keyframes photo-float{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes sway{50%{rotate:3deg}}@keyframes light{50%{transform:translate(-40px,25px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1500px){.hero{padding-left:max(7%,calc((100vw - 1300px)/2));padding-right:max(7%,calc((100vw - 1300px)/2))}}
@media(max-width:900px){header{height:82px;padding:0 5%}header nav{gap:16px;font-size:12px}.brand{font-size:26px}.brand-sun{font-size:40px}.hero{padding:55px 6% 105px;min-height:660px}.hero h1{font-size:67px}.hero-photo{margin-left:10px}.hero-photo img{height:350px}.photo-stamp{width:95px;height:95px;right:-18px;font-size:6px}.photo-stamp b{font-size:20px}.hero-description{font-size:13px}.anatomy-sticky{padding:50px 6%;grid-template-columns:1fr 1.2fr}.ingredient-label{font-size:9px;right:-10%}.product-grid{grid-template-columns:repeat(2,1fr)}.story{gap:35px}.student-price{width:260px;height:260px}.student-price strong{font-size:110px}.student-price span{font-size:8px}.story h2{font-size:40px}}
@media(max-width:600px){header{height:78px;padding:0 20px}.brand{font-size:26px;gap:6px}.brand small{font-size:6px;letter-spacing:.12em}.brand-sun{font-size:37px}header nav{display:none}header .pill{padding:10px 14px;gap:8px;font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:48px 24px 85px;min-height:0}.hero-copy{z-index:6}.eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:20px}.hero h1{font-size:clamp(54px,14.9vw,83px);margin-bottom:23px}.hero-description{font-size:13px;max-width:300px}.hero-description br{display:none}.hero .big{padding:16px 22px}.hero-note{font-size:10px;margin:15px 0 20px}.hero-photo{margin:13px 12px 0 18px;transform:rotate(3deg);border-width:7px;border-radius:47% 47% 4px 4px}.hero-photo img{height:260px}.photo-stamp{right:-13px;top:15px;width:83px;height:83px}.photo-stamp b{font-size:17px}.photo-caption{font-size:8px;padding:10px 0 5px}.foliage-left{top:-167px;left:-98px}.foliage-right{bottom:-180px;right:-110px}.scroll-note{font-size:9px;bottom:20px;left:24px;gap:18px}.scroll-note span{font-size:15px;padding:6px 10px}.ribbon{padding:16px 0}.ribbon span{font-size:10px}.anatomy{height:135vh;min-height:1020px}.anatomy-sticky{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:35px 24px;height:100svh;min-height:730px}.anatomy h2{font-size:40px;max-width:350px;margin-bottom:15px}.anatomy h2 br{display:none}.anatomy-copy>p:not(.eyebrow){font-size:12px;margin-bottom:4px;max-width:310px}.anatomy-copy .eyebrow{margin-bottom:12px}.text-button{font-size:12px;padding:10px 0}.anatomy-copy small{font-size:9px;margin-top:8px}.bokit-stage{height:385px;min-height:385px;margin-top:55px;align-self:center;width:100%;max-width:350px}.bokit-layer{width:85%;left:7%;top:34%}.ingredient-label{font-size:8px;right:-7%;padding:4px}.layer-sauce .ingredient-label,.layer-filling .ingredient-label{left:-9%}.layer-top{--shift:-130px;--y:-60px}.layer-sauce{--shift:-70px;--y:-5px}.layer-salad{--shift:-15px;--y:8px}.layer-filling{--shift:35px;--y:26px}.layer-bottom{--shift:70px;--y:50px}.bokit-shadow{bottom:10px}.menu-section{padding:55px 24px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:42px;margin-bottom:20px}.section-heading>p{font-size:12px}.family-selector{gap:7px}.family-selector button{padding:10px 13px;font-size:11px;min-height:42px}#family-showcase{grid-template-columns:1fr}#family-showcase>div{padding:32px 26px}#family-showcase h3{font-size:43px}#family-showcase p{font-size:13px}#family-showcase img{height:230px;min-height:230px}.family-links{gap:8px 15px;font-size:10px}.student{display:flex;flex-direction:column;align-items:stretch;padding:55px 24px;gap:42px}.student h2{font-size:43px}.student p{font-size:13px}.student-price{align-self:center;width:265px;height:265px}.student-price strong{font-size:115px}.story{grid-template-columns:1fr;padding:55px 24px;gap:30px}.story-photo img{height:290px}.story h2{font-size:39px}.story>div>p{font-size:13px}.service-row{gap:12px}.service-row span{font-size:9px}.service-row b{font-size:11px}footer{padding:45px 24px 25px;grid-template-columns:1fr;gap:30px}.footer-bottom{flex-wrap:wrap;font-size:9px;margin-top:0}.footer-bottom span:nth-child(2){display:none}footer h2{font-size:26px}.phone{font-size:26px}.family-hero{padding:25px 24px 35px}.family-hero h1{font-size:48px;line-height:1.08}.family-hero>p{font-size:13px}.family-hero .eyebrow{font-size:9px}.back-link{margin-bottom:30px}.category-nav{padding:12px 15px;gap:4px}.category-nav a{font-size:11px;padding:12px}.product-grid{grid-template-columns:1fr;padding:26px 24px 55px;gap:22px}.product-visual{height:215px}.card-body{padding:21px}.card-title h2{font-size:22px}.legal h1{font-size:40px}dialog{padding:32px 22px;max-height:92svh}dialog h2{font-size:29px}.form-bottom{bottom:-32px;padding:16px 0 0;gap:10px}.form-bottom .pill{font-size:12px;padding:14px 18px}.choice{font-size:12px;padding:11px}.toast{font-size:12px;width:max-content}.photo-stamp{box-shadow:0 0 0 5px #ffd34d55}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.bokit-stage{--progress:1!important}.hero-photo{transform:rotate(3deg)}}
@view-transition{navigation:auto}
@property --progress{syntax:'<number>';inherits:true;initial-value:0}
.bokit-layer{transition:transform .18s ease-out}
.bokit-stage.manual .bokit-layer{transition-duration:.7s;transition-timing-function:var(--ease)}
.bokit-stage.manual .layer-bottom{transition-delay:.08s}.bokit-stage.manual .layer-filling{transition-delay:.16s}.bokit-stage.manual .layer-salad{transition-delay:.24s}.bokit-stage.manual .layer-sauce{transition-delay:.32s}.bokit-stage.manual .layer-top{transition-delay:.4s}
.ingredient-label{transition:opacity .5s ease-out}
.hero-copy{transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);transition:transform .5s var(--ease)}
.family-hero{position:relative;overflow:hidden}.family-hero::after{content:'✺';position:absolute;right:6%;top:20px;font-size:240px;line-height:1;color:#123d2b0b;pointer-events:none;animation:sway 7s ease-in-out infinite}