/* Immersive art direction: a garden, not a stack of boxed sections. */
.hero-anatomy{position:absolute;right:3%;top:16%;width:48%;height:70%;z-index:6;pointer-events:none}.hero-anatomy .bokit-stage{height:100%;max-width:650px;--progress:0;animation:hero-explode 10s cubic-bezier(.22,1,.36,1) infinite}.hero-anatomy .bokit-layer{top:46%;left:6%;width:82%}.hero-anatomy .layer-top{--y:-110px;--shift:-110px}.hero-anatomy .layer-sauce{--y:-25px;--shift:-60px}.hero-anatomy .layer-salad{--y:0px;--shift:-10px}.hero-anatomy .layer-filling{--y:30px;--shift:45px}.hero-anatomy .layer-bottom{--y:65px;--shift:100px}.hero-anatomy .ingredient-label{font-size:10px}.hero-anatomy-caption{position:absolute;bottom:-10px;left:0;right:0;text-align:center;font-size:12px;font-weight:600;text-shadow:0 1px 6px #fff8e7}.hero-anatomy-caption small{font-size:9px;font-weight:400}.hero-anatomy .bokit-shadow{bottom:35px}.hero-anatomy .bokit-layer{transition:none}
@keyframes hero-explode{0%,12%,100%{--progress:0}35%,68%{--progress:1}90%{--progress:0}}
@media(max-width:700px){.hero-anatomy{top:auto;bottom:12%;right:4%;width:92%;height:35%}.hero-anatomy .bokit-stage{margin:0;height:100%;min-height:0;max-width:none}.hero-anatomy .bokit-layer{width: seventy; width:72%;left:14%;top:38%}.hero-anatomy .layer-top{--y:-65px;--shift:-55px}.hero-anatomy .layer-sauce{--y:-14px;--shift:-28px}.hero-anatomy .layer-salad{--y:4px;--shift:0px}.hero-anatomy .layer-filling{--y:24px;--shift:28px}.hero-anatomy .layer-bottom{--y:47px;--shift:55px}.hero-anatomy .ingredient-label{font-size:8px}.hero-anatomy-caption{bottom:-32px;font-size:10px}.hero-anatomy .bokit-shadow{bottom:0}}
header{height:88px;gap:18px;padding-inline:4%;background:#fff8e7ed;backdrop-filter:blur(16px)}
.home-page header{position:absolute;inset:0 0 auto;background:transparent;border:0;color:#123d2b}
.home-page header .brand{color:#123d2b}.brand-sun{color:currentColor}
.motion-toggle{border:0;background:#fff8e7d9;color:#123d2b;border-radius:30px;font-size:10px;padding:12px;min-height:44px}
.menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:var(--sand);font-size:22px}
#mobile-menu[hidden]{display:none}#mobile-menu{position:fixed;inset:78px 12px auto;background:var(--sand);padding:24px;z-index:50;border-radius:16px;box-shadow:0 15px 50px #123d2b44;display:grid;gap:0;max-height:80svh;overflow:auto}#mobile-menu a{padding:13px;border-bottom:1px solid #123d2b22}
.garden{position:relative;min-height:720px;height:100svh;max-height:1250px;overflow:clip;isolation:isolate;background:#bde7ef}
.garden-background{position:absolute;inset:-30px;background:url('/assets/garden.jpg') center 54%/cover;z-index:-3;transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1.03)}
.garden::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f1c95c,transparent 70%);z-index:-2;pointer-events:none}
.garden-light{position:absolute;inset:-25%;background:radial-gradient(ellipse at 20% 20%,#fff4bbaa,transparent 40%),radial-gradient(ellipse at 80% 70%,#fff9c355,transparent 35%);mix-blend-mode:soft-light;animation:garden-light 17s ease-in-out infinite;pointer-events:none;z-index:4}
.garden-heading{position:relative;z-index:6;padding:clamp(140px,17vh,210px) 0 0 8%;width:60%;max-width:870px}
.garden-heading .eyebrow{font-size:11px;margin-bottom:26px}.garden h1{font-size:clamp(92px,11.8vw,190px);line-height:.85;letter-spacing:-.075em;margin:0 0 30px}.garden h1 em{font-family:inherit;font-style:normal;color:#123d2b}.garden-heading>p:not(.eyebrow){font-size:18px;font-weight:500}.garden-heading .pill{background:#123d2b;color:#fff8e7}
.garden-dishes{position:absolute;width:48%;height:52%;right:4%;bottom:17%;z-index:5;transform:translate3d(var(--px,0px),var(--py,0px),0)}
.dish{position:absolute;display:block;filter:drop-shadow(0 25px 25px #17382340);animation:dish-float 6s ease-in-out infinite}
.dish img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:7px solid #fff8e7;transition:filter .3s,scale .5s var(--ease)}.dish:hover img{scale:1.045;filter:saturate(1.08)}
.dish-main{width:86%;aspect-ratio:1.2;right:0;top:0;rotate:7deg}.dish-small{width:40%;aspect-ratio:1;left:-9%;bottom:-7%;rotate:-10deg;animation-delay:-2s}
.dish-main.cutout{width:112%;aspect-ratio:1.55;top:12%;right:-4%;rotate:-8deg}.cutout img{object-fit:contain;border:0;border-radius:0}.dish-main.cutout span{bottom:-8%;right:18%}.garden-dishes:has(.cutout) .dish-small{width:28%;left:0;bottom:-4%}
.dish span{position:absolute;bottom:0;right:7%;background:var(--mango);padding:14px 22px;border-radius:50px;font-size:13px;box-shadow:0 8px 25px #123d2b22;white-space:nowrap}.dish span b{display:block;font-size:17px}.dish-small span{font-size:10px;padding:10px 17px}.dish-small span b{font-size:13px}
.garden-grass{position:absolute;inset:auto -4% -6% -4%;height:45%;z-index:7;pointer-events:none;transform:translate3d(var(--grass-x,0px),0,0)}
.garden-grass img{position:absolute;bottom:0;width:64%;height:100%;object-fit:fill;transform-origin:50% 100%;animation:grass-breeze 5.8s ease-in-out infinite}.garden-grass img:first-child{left:-8%;rotate:-3deg}.garden-grass img:last-child{right:-8%;transform:scaleX(-1);animation-delay:-2.7s}
.garden-bottom{position:absolute;inset:auto 4% 22px;z-index:8;display:flex;justify-content:space-between;gap:15px;color:white;text-shadow:0 2px 8px #123d2b;font-size:10px;font-weight:700;letter-spacing:.06em}.garden-bottom a{padding:12px 17px;border:1px solid #ffffff8c;border-radius:30px;background:#123d2b80}.garden-bottom>span{align-self:center}
.ribbon{padding:30px 0;background:#123d2b;color:#ffd34d}.ribbon span{font-family:Manrope,sans-serif;font-size:clamp(20px,3vw,45px);letter-spacing:-.03em;font-weight:800}.ribbon>div{gap:45px}
.anatomy{background:radial-gradient(ellipse at 90% 70%,#dbeab5,transparent 65%),#fff8e7}.anatomy h2 em,.section-heading h2 em,.student h2 em,.story h2 em{font-family:inherit;font-style:normal;font-weight:800}.anatomy h2{font-size:clamp(44px,5.5vw,82px)}
.menu-section{background:#cfe5bd;padding:100px 6% 70px;position:relative;overflow:hidden}.section-heading h2{font-size:clamp(46px,6vw,85px)}
.family-selector{gap:8px}.family-selector button{font-size:14px;padding:15px 24px;background:#fff8e733;min-height:48px}
#family-showcase{position:relative;min-height:520px;border-radius:180px 180px 30px 30px;isolation:isolate;background:radial-gradient(ellipse at 30% 20%,#fff8e79c,transparent 75%),var(--family);align-items:center;transition:--family .8s cubic-bezier(.65,0,.35,1)}
#family-showcase>div{position:relative;z-index:3;padding:70px 45px 70px 12%}#family-showcase h3{font-size:clamp(48px,6.8vw,100px);letter-spacing:-.065em}#family-showcase img{width:85%;height:360px;min-height:0;border-radius:50%;object-fit:cover;rotate:6deg;border:7px solid #fff8e7;box-shadow:0 20px 45px #123d2b25;animation:dish-float 6s ease-in-out infinite;view-transition-name:family-photo}
.family-controls{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:22px}.family-controls button{width:52px;height:52px;border:1px solid var(--ink);border-radius:50%;background:transparent;font-size:25px;transition:background .15s,transform .15s}.family-controls button:hover{background:var(--mango);transform:scale(1.08)}#family-position{font-size:12px;letter-spacing:.12em}.family-links{justify-content:center}
.student{padding-block:110px;border-radius:0}.story{padding-block:110px}.story-photo img{border-radius:50%;height:460px}.story h2{font-size:clamp(38px,4.4vw,64px)}
.family-hero{padding:65px 7% 75px;background:radial-gradient(ellipse at 85% 35%,#fff8e7b0,transparent 65%),var(--scene)}.family-hero h1{font-size:clamp(60px,9vw,140px);max-width:1000px;line-height:.95}.family-hero:after{font-size:330px;top:60px;animation:slow-turn 65s linear infinite}
.product-grid{gap:32px;padding-top:55px}.product-card{border:0;background:none;overflow:visible}.product-visual{border-radius:110px 110px 15px 15px;height:300px;transition:border-radius .5s var(--ease)}.product-card:hover .product-visual{border-radius:50%}.product-visual img{transition:scale .6s var(--ease)}.product-card:hover img{scale:1.055}.card-body{padding:24px 4px}.card-body p{font-size:14px}.card-title h2{font-size:24px}.configure{font-size:14px;padding-top:17px}.typographic{border:1px solid #123d2b12}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;padding:30px 0;line-height:1.6}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.product-detail{padding:0 6% 80px;background:radial-gradient(ellipse at 10% 15%,var(--family),transparent 65%),#fff8e7}
.detail-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:start}.detail-scene{position:sticky;top:30px;min-height:580px;height:75svh;max-height:780px;display:grid;place-items:center;isolation:isolate;overflow:hidden;border-radius:240px 240px 30px 30px;background:radial-gradient(ellipse at 40% 30%,#fff8e7ad,transparent),var(--family)}
.detail-scene>[data-tilt]{width:88%;z-index:2}.detail-photo{width:100%;height:440px;object-fit:cover;border-radius:50%;border:8px solid #fff8e7;box-shadow:0 25px 45px #123d2b30;animation:dish-float 7s ease-in-out infinite}.detail-scene .garden-grass{height:38%;bottom:-8%}.detail-source{position:absolute;bottom:19px;z-index:9;color:white;font-size:9px;font-weight:700;letter-spacing:.16em;text-shadow:0 1px 5px #123d2b}
.detail-copy{padding-top:25px}.detail-copy h1{font-size:clamp(45px,5vw,78px);line-height:1;letter-spacing:-.055em;margin-bottom:23px}.detail-copy .eyebrow{font-size:9px}.detail-description{font-size:16px;max-width:50ch}.detail-price{font-family:Manrope,sans-serif;font-size:31px;font-weight:800;margin-bottom:25px}.detail-price small{display:block;font:13px 'DM Sans',sans-serif;margin-top:8px}
[data-product-inline]{border-top:1px solid #123d2b30;padding-top:6px}[data-product-inline] .form-bottom{position:static;background:transparent;padding:24px 0 0}[data-product-inline] .choice{background:#fff8e78f;font-size:13px}[data-product-inline] .choice:has(input:checked){background:var(--ink);color:var(--sand)}[data-product-inline] input{accent-color:#ffd34d}[data-product-inline] select{background:#fff8e7}
.detail-no-photo{text-align:center;padding:45px 10px}.detail-no-photo>span{font-size:100px;display:block;opacity:.35}.detail-no-photo strong{font:800 clamp(32px,4vw,60px)/1 Manrope,sans-serif;letter-spacing:-.05em;display:block}.detail-no-photo p{font-size:13px;margin-top:24px}
.product-information{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding:80px 7%;background:#dce9cc}.product-information h2,.also-section h2{font-size:clamp(35px,4vw,62px);line-height:1.1}.product-information details{border-bottom:1px solid #123d2b50;padding:20px 0}.product-information summary{font-weight:700;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.product-information summary:after{content:'+';font-size:25px}.product-information details[open] summary:after{content:'−'}.product-information details p{font-size:14px;max-width:60ch}.also-section{padding:75px 7%}.also-links{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.also-links a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #123d2b35;padding:22px 0;min-height:60px}.also-links b{white-space:nowrap;font-size:14px}.product-pager{display:flex;justify-content:space-between;gap:20px;margin-top:60px;font-size:12px}.product-pager a{padding:12px 0}
.quantity button{min-width:44px;min-height:44px}.quantity .remove{width:auto;font-size:12px;border:0}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused [data-depth],.motion-paused [data-tilt]{transform:none!important}.motion-paused .js-motion .reveal,.motion-paused .reveal{opacity:1;transform:none}.motion-paused .bokit-stage{--progress:1!important}
@keyframes grass-breeze{0%,100%{rotate:-1deg;translate:-3px 0}50%{rotate:1.8deg;translate:8px 2px}}@keyframes dish-float{50%{translate:0 -12px;rotate:-2deg}}@keyframes garden-light{50%{transform:translate(6%,-4%) rotate(12deg)}}@keyframes slow-turn{to{transform:rotate(360deg)}}
@media(max-width:1000px){header nav{gap:15px}.motion-toggle{font-size:0;width:44px;padding:0}.motion-toggle:before{content:'Ⅱ';font-size:17px}.motion-toggle[aria-pressed=true]:before{content:'▷'}.garden{min-height:850px}.garden-heading{padding-left:6%;width:80%}.garden h1{font-size:125px}.garden-dishes{width:53%;height:39%;bottom:17%;right:3%}.dish-main{width:100%}.garden-grass{height:35%}.detail-layout{gap:4%;grid-template-columns:1fr 1fr}.detail-scene{min-height:480px;max-height:570px}.detail-photo{height:330px}.product-grid{grid-template-columns:repeat(2,1fr)}#family-showcase h3{font-size:64px}}
@media(max-width:700px){header{height:78px;padding-inline:18px;gap:8px}header nav{display:none}header .brand{margin-right:auto;font-size:25px}header .brand-sun{display:none}header .brand small{font-size:6px}header .cart-open{font-size:11px;padding:10px 12px;gap:5px}.menu-toggle{display:block;flex-shrink:0}.motion-toggle{width:34px;min-height:44px;flex-shrink:0;background:#fff8e7a8}.garden{height:100svh;min-height:790px;max-height:1000px}.garden-background{background-position:49% center}.garden-heading{width:100%;padding:125px 24px 0;text-align:center}.garden-heading .eyebrow{font-size:9px;margin-bottom:20px}.garden h1{font-size:clamp(84px,22vw,140px);line-height:.88;margin-bottom:20px}.garden-heading>p:not(.eyebrow){font-size:14px}.garden-heading .pill{padding:14px 22px;font-size:12px;min-height:48px}.garden-dishes{width:72%;height:29%;bottom:16%;right:10%}.dish-main{width:95%;aspect-ratio:1.2}.dish-small{width:42%;left:-13%;bottom:-12%}.dish span{padding:10px 17px;font-size:10px;bottom:-4%}.dish span b{font-size:13px}.dish-small span{display:none}.dish img{border-width:5px}.garden-grass{height:27%;inset-inline:-15%;bottom:-3%}.garden-grass img{width:72%;object-fit:cover}.garden-bottom{inset:auto 20px 18px;font-size:8px;letter-spacing:0}.garden-bottom>span{max-width:115px;line-height:1.6}.garden-bottom a{font-size:9px;padding:12px}.ribbon{padding:23px 0}.ribbon span{font-size:25px}.anatomy h2{font-size:43px}.menu-section{padding:65px 22px}.section-heading h2{font-size:47px}.family-selector{flex-wrap:nowrap;overflow:auto;padding-bottom:10px;margin-right:-22px}.family-selector button{white-space:nowrap;font-size:12px;padding:12px 18px;min-height:46px}#family-showcase{border-radius:110px 110px 20px 20px;display:flex;flex-direction:column;min-height:580px;text-align:center;padding:0 20px 35px}#family-showcase>div{padding:45px 5px 25px}#family-showcase h3{font-size:52px}#family-showcase .eyebrow{margin-bottom:18px}#family-showcase img{height:235px;width:88%;min-height:0;border-width:5px}#family-showcase .pill{font-size:12px}.family-links{font-size:11px;gap:12px}.student{padding:70px 24px}.story{padding:65px 24px}.story-photo img{height:330px}.family-hero{padding:35px 24px 45px}.family-hero h1{font-size:64px;position:relative;z-index:1}.family-hero:after{font-size:240px;right:-65px}.product-grid{padding:35px 24px 60px;grid-template-columns:1fr;gap:30px}.product-visual{height:280px}.card-body{padding:24px 2px}.card-title h2{font-size:27px}.product-detail{padding:0 22px 55px}.breadcrumbs{font-size:10px;gap:8px;padding:20px 0}.detail-layout{display:flex;flex-direction:column;gap:28px}.detail-scene{position:relative;top:0;min-height:0;height:390px;width:100%;border-radius:170px 170px 20px 20px}.detail-photo{height:280px;border-width:5px}.detail-scene .garden-grass{height:43%;bottom:-7%}.detail-copy{padding-top:0;width:100%}.detail-copy h1{font-size:49px}.detail-copy .eyebrow{margin-bottom:15px}.detail-description{font-size:15px}.detail-price{font-size:28px}.detail-no-photo>span{font-size:70px}.detail-no-photo strong{font-size:40px}.detail-no-photo p{font-size:12px}.product-information{grid-template-columns:1fr;gap:10px;padding:55px 24px}.product-information h2{font-size:43px}.product-information summary{font-size:14px}.also-section{padding:55px 24px}.also-links{grid-template-columns:1fr}.product-pager{flex-wrap:wrap;gap:10px;margin-top:35px}.product-pager a{flex:1 1 40%}.product-pager a:nth-child(2){order:3;flex-basis:100%}.also-links a{font-size:14px}.form-bottom .pill{font-size:12px}.form-bottom strong{font-size:24px}}
.product-themed{background:radial-gradient(ellipse at 15% 20%,var(--bg),var(--bg2));color:var(--ink)}
.product-themed .detail-scene{background:radial-gradient(ellipse at 35% 20%,var(--glow),var(--bg));box-shadow:inset 0 0 80px var(--bg2)}
.product-themed .detail-scene:before{content:'';position:absolute;inset:5%;border:1px solid var(--accent);opacity:.18;border-radius:50%;transform:rotate(-20deg)}
.product-themed .pill.dark{background:var(--accent);color:#fff8e7}.product-themed .eyebrow{color:var(--accent)}
.recipe-switcher{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.recipe-switcher a,.variant-links a{min-height:44px;display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #123d2b30;border-radius:30px;font-size:12px;text-decoration:none;transition:transform .2s}
.recipe-switcher a{background:var(--bg2);color:var(--ink)}.recipe-switcher a[aria-current]{background:var(--accent);color:#fff8e7}.recipe-switcher a:hover,.variant-links a:hover{transform:translateY(-3px)}
.variant-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.choice-preview{padding-left:18px;font-size:13px;line-height:1.65}.choice-preview:empty{display:none}.choice-preview li{margin-bottom:8px}
.bokit-directory{padding:60px 7%;background:#fff8e7}.bokit-directory h2{font-size:clamp(44px,6vw,85px);line-height:1;margin:15px 0 25px}.bokit-directory>p{max-width:60ch}.bokit-price-list{display:grid;gap:8px;margin-top:32px}.bokit-price-list a{display:grid;grid-template-columns:38px 1fr 140px 155px 25px;align-items:center;gap:15px;padding:20px 24px;background:var(--bg2);color:var(--ink);border-radius:12px;transition:transform .2s,background .2s}.bokit-price-list a:hover{background:var(--bg);transform:translateX(5px)}.bokit-price-list strong{font-size:21px}.bokit-price-list b{display:block}.recipe-number{font-size:12px}.student-shortcut{display:block;padding:25px;margin-top:22px;background:#123d2b;color:#fff8e7;border-radius:12px;font-weight:700}.student-shortcut small{display:block;margin-top:8px;font-weight:400}
#personnaliser{scroll-margin-top:30px}
@media(max-width:700px){.bokit-directory{padding:40px 22px}.bokit-price-list a{grid-template-columns:24px 1fr 1fr;gap:10px;padding:18px 15px}.bokit-price-list strong{grid-column:2/4;font-size:20px}.bokit-price-list a>span:nth-child(3){grid-column:2}.bokit-price-list a>span:nth-child(5){display:none}.bokit-price-list a>span{font-size:12px}.recipe-switcher{gap:6px}.recipe-switcher a{font-size:11px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.garden-dishes,.garden-background,[data-tilt]{transform:none!important}.garden-grass{transform:none!important}.dish,.detail-photo{animation:none!important}}
@media(max-width:700px){.dish-main.cutout{width:120%;right:-8%;top:2%;rotate:-7deg}.garden-dishes:has(.cutout) .dish-small{width:28%;left:-7%;bottom:0}.dish-main.cutout span{right:5%;bottom:-16%}.home-page header{backdrop-filter:none;background:linear-gradient(#fff8e795,transparent)}}