:root{--bg:#f2f8f7;--surface:#fff;--surface-soft:#eef6f5;--text:#0f2b29;--muted:#567472;--brand:#1f9e98;--line:#cfe4e1;--line-strong:#b8d7d3;--panel-bg:linear-gradient(155deg, #0928258f, #103e3975);--panel-bg-soft:linear-gradient(155deg, #0d332f75, #13484257);--panel-border:#aee5de5c;--panel-shadow:0 6px 14px #071c1a24;--panel-text:#ecfbf9;--panel-muted:#e9f9f7d1}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;min-height:100%;overflow-x:hidden}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{color:var(--text);font-family:Inter,Noto Sans SC,sans-serif;line-height:1.6}body:before{content:"";pointer-events:none;z-index:40;opacity:0;background:linear-gradient(#144a4533,#f2f8f700);transition:opacity .35s;position:fixed;inset:0}body.is-page-transition:before{opacity:1}.nav{z-index:20;border:1px solid var(--panel-border);background:var(--panel-bg-soft);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);width:min(1160px,94vw);height:60px;box-shadow:var(--panel-shadow);border-radius:999px;justify-content:space-between;align-items:center;padding:0 18px 0 22px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.logo{color:#effcfa;letter-spacing:.12em;font-size:.92rem;font-weight:700;text-decoration:none}.nav-links{gap:20px;display:flex}.nav-links a{color:#e9f9f7d1;letter-spacing:.06em;border:1px solid #0000;border-radius:999px;padding:6px 10px;font-size:.78rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.nav-links a:hover{color:#f4fffd;background:#dff1ef29;border-color:#aae1da5c}.nav-links a.is-active{color:#f7fffe;background:#dff1ef3d;box-shadow:inset 0 0 0 1px #aae1da80}main{width:100%}.scene{align-items:center;min-height:100vh;padding:92px 0 8px;display:flex;position:relative}.scene-overlay{display:none}.scene-inner{width:min(1160px,92vw);box-shadow:none;opacity:.45;background:0 0;border-radius:18px;margin:0 auto;padding:clamp(24px,3.8vw,46px);transition:box-shadow .3s,opacity .35s,transform .35s;transform:translateY(8px)}.scene.is-active .scene-inner{box-shadow:none;opacity:1;transform:translateY(0)}.scene-kicker{letter-spacing:.14em;color:#dff5f3;background:#0c312d80;border:1px solid #aee5de52;border-radius:999px;padding:4px 10px;font-size:.7rem;display:inline-block}h1{letter-spacing:.01em;max-width:11.5ch;margin-top:12px;font-size:clamp(2.1rem,5.4vw,3.4rem);font-weight:800;line-height:1.06}h2{letter-spacing:.01em;max-width:16ch;margin-top:12px;font-size:clamp(1.38rem,3.3vw,2rem);line-height:1.2}.scene-desc{color:#f8fefdfa;text-shadow:0 2px 8px #00000073;max-width:58ch;margin-top:14px;font-size:.94rem;font-weight:500}#about .scene-desc{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09232085;border:1px solid #aee5de42;border-radius:10px;padding:8px 10px;display:inline-block}.scene-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:18px;display:grid}.hero-copy{border:1px solid var(--panel-border);background:var(--panel-bg-soft);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--panel-shadow);border-radius:14px;padding:16px 18px}.hero-copy h1,.hero-copy .scene-desc,.hero-copy .highlight-list{text-shadow:0 1px 2px #00000059}.hero-copy h1{color:#f3fbfa}.hero-copy .scene-desc,.hero-copy .highlight-list{color:#ecf6f5}.hero-copy .scene-kicker{background:#0e34308f}.hero-image-card{border:1px solid var(--panel-border);background:var(--panel-bg-soft);box-shadow:var(--panel-shadow);border-radius:16px;overflow:hidden}.hero-image-card img{object-fit:cover;width:100%;height:360px;display:block}.highlight-list{color:#4c6e6b;gap:6px;margin-top:16px;list-style:none;display:grid}.highlight-list li:before{content:"• ";color:var(--brand)}.btn-line{color:#f0fcfa;border:1px solid var(--panel-border);letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c302c6b;border-radius:999px;justify-content:center;align-items:center;min-width:144px;height:40px;padding:0 18px;font-size:.76rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex;box-shadow:0 4px 10px #0519171f}.btn-line:hover{background:#0e3a3594;border-color:#bdede77a;transform:translateY(-1px);box-shadow:0 8px 16px #0519172e}.scene-media{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;width:min(560px,100%);margin-top:16px;overflow:hidden;box-shadow:0 6px 16px #15312514}.scene-media img{object-fit:cover;width:100%;height:220px;transition:transform .45s;display:block;transform:scale(1.02)}.scene-media:hover img{transform:scale(1.07)}.about-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px;display:grid}.about-card{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--panel-shadow);border-radius:14px;padding:14px}.about-card h3{color:var(--panel-text);font-size:1rem}.about-card p{color:var(--panel-muted);margin-top:6px}.scene-hero{background-image:linear-gradient(#f2f8f74d,#f2f8f74d),url(/assets/healthy-broccoli-Cb_2ulht.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.scene-about{background-image:linear-gradient(#f2f8f74d,#f2f8f74d),url(/assets/food-oat-C7J1iE3u.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.scene-philosophy{background-image:linear-gradient(#f2f8f74d,#f2f8f74d),url(/assets/food-brown-rice-s6d_539A.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.scene-features{background-image:linear-gradient(#f2f8f74d,#f2f8f74d),url(/assets/food-soymilk-FnLmGQHB.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.feature-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px;display:grid}.feature-list article{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--panel-shadow);border-radius:14px;padding:16px}.feature-list h3{color:#ecfbf9;padding-left:14px;font-size:.96rem;position:relative}.feature-list h3:before{content:"";background:#21a39d;border-radius:50%;width:7px;height:7px;position:absolute;top:.5em;left:0}.feature-list p{color:#e9f9f7e6;margin-top:8px;font-size:.92rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px;display:grid}.feature-item{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--panel-shadow);border-radius:14px;grid-template-columns:88px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.feature-item img{object-fit:cover;border-radius:10px;width:88px;height:88px}.feature-item h3{color:#ecfbf9;font-size:.96rem}.feature-item p{color:#e9f9f7e0;margin-top:4px;font-size:.9rem}.sub-title{margin-top:22px;font-size:clamp(1.2rem,3vw,1.6rem)}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.plan-card{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--panel-shadow);border-radius:14px;padding:14px}.plan-card h3{color:#ecfbf9;font-size:.98rem}.plan-card p{color:#e9f9f7e0;margin-top:6px}.scene-transform{background-image:linear-gradient(#f2f8f74d,#f2f8f74d),url(/assets/food-mungbean-Cnjk6M7v.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}#transform.scene-transform:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(165deg,#08201d6b 0%,#0a2c2885 45%,#0824217a 100%);position:absolute;inset:0}#transform.scene-transform>.scene-inner{z-index:1;position:relative}#transform.scene{overscroll-behavior:contain;max-height:100dvh;padding-bottom:max(24px, env(safe-area-inset-bottom,0px));scrollbar-width:none;-ms-overflow-style:none;align-items:flex-start;overflow:hidden auto}#transform.scene::-webkit-scrollbar{width:0;height:0;display:none}#transform .scene-inner{padding-top:clamp(12px,2vw,26px);padding-bottom:clamp(18px,3.5vw,32px)}#transform .transform-panel{border-radius:18px;margin-top:clamp(14px,2.4vw,22px)}#transform .transform-face-card{padding:14px}#transform .transform-zoom-trigger img{object-position:center 12%;max-height:min(320px,42vh)}#transform .transform-face-labels{margin-top:8px;font-size:.7rem}@media (height<=840px){#transform .transform-zoom-trigger img{object-position:center 10%;max-height:min(280px,38vh)}#transform .scene-inner{padding-top:10px;padding-bottom:16px}}.transform-panel{-webkit-backdrop-filter:blur(14px);background:linear-gradient(165deg,#fcfefd85,#ecf7f561);border:1px solid #bae8e247;border-radius:14px;flex-direction:column;margin-top:16px;display:flex;overflow:hidden;box-shadow:0 4px 24px #0516141f,inset 0 1px #ffffff59}.transform-face-card{background:#ffffff24;padding:14px 18px 18px}.transform-face-figure{margin:0}.transform-zoom-trigger{cursor:zoom-in;box-sizing:border-box;background:#0826220f;border:1px solid #aee5de52;border-radius:12px;width:100%;margin:0;padding:0;display:block;overflow:hidden}.transform-zoom-trigger:focus-visible{outline-offset:3px;outline:2px solid #1f9e98}.transform-zoom-trigger img{object-fit:cover;object-position:center 22%;width:100%;height:auto;max-height:min(400px,44vh);display:block}.transform-lightbox{box-sizing:border-box;background:0 0;border:none;justify-content:center;align-items:center;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:20px;display:flex}.transform-lightbox::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#051412d1}.transform-lightbox-inner{max-width:min(1120px,96vw);position:relative}.transform-lightbox-inner img{object-fit:contain;border-radius:14px;width:auto;max-width:min(1120px,94vw);height:auto;max-height:min(88vh,920px);display:block;box-shadow:0 24px 70px #0000006b}.transform-lightbox-close{color:#ecfbf9;cursor:pointer;z-index:2;background:#0c2c28eb;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;line-height:1;display:flex;position:absolute;top:-14px;right:-14px}.transform-lightbox-close:hover{background:#124842f5}.transform-face-labels{color:#3d5c54;opacity:.92;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:10px;font-size:.74rem;display:flex}#transform .scene-kicker{color:#ecf8f6;background:#f8fcfb2e;border-color:#bae8e259}#transform .scene-desc{-webkit-backdrop-filter:blur(12px);color:#143632;background:#fcfefd61;border:1px solid #bae8e252;border-radius:12px;max-width:62ch;margin-top:12px;padding:10px 14px;font-size:.86rem;line-height:1.58;display:inline-block;box-shadow:0 2px 16px #05161414}#transform h2{color:#f8fefdfa;text-shadow:0 2px 16px #00000047;letter-spacing:.02em;max-width:24ch;margin-top:10px;font-size:clamp(1.12rem,3.4vw,1.58rem);font-weight:700;line-height:1.22}#transform .scene-desc strong{color:#0a3d39;font-weight:700}.scene-gallery{background-image:linear-gradient(#f2f8f74d,#f2f8f74d),url(/assets/food-potato-MmwXujAP.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.gallery-layout{grid-template-columns:1.45fr 1fr;gap:16px;margin-top:20px;display:grid}.source-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px;display:grid}.source-card{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--panel-shadow);border-radius:14px;overflow:hidden}.source-card img{object-fit:cover;width:100%;height:190px;display:block}.source-card h3{color:#ecfbf9;padding:12px 12px 14px;font-size:.9rem}.food-feature{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:14px;overflow:hidden}.food-feature-content{padding:14px 16px 16px}.food-feature-content h3{color:#ecfbf9;font-size:1.08rem}.food-feature-content p{color:#e9f9f7e0;margin-top:7px}.food-side{align-content:start;gap:10px;display:grid}.food-mini{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:14px;overflow:hidden}.food-mini h4{color:#ecfbf9;padding:10px 12px;font-size:.88rem}.food-photo{background-position:50%;background-size:cover;position:relative}.food-photo:after{content:"";background:linear-gradient(#0000000f,#00000057);position:absolute;inset:0}.food-photo-main{background-image:url(/assets/food-oat-C7J1iE3u.jpg);background-position:50% 46%;height:320px}.food-photo-top{background-image:url(/assets/food-soymilk-FnLmGQHB.jpg);background-position:50% 30%;height:120px}.food-photo-bottom{background-image:url(/assets/food-mungbean-Cnjk6M7v.jpg);background-position:50% 62%;height:120px}.nutrition-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;display:grid}.nutrition-badges li{border:1px solid var(--panel-border);text-align:center;color:var(--panel-text);background:var(--panel-bg-soft);border-radius:999px;padding:8px;font-size:.81rem}.scene-contact{background-image:linear-gradient(#f2f8f74d,#f2f8f74d),url(/assets/food-sweet-potato-VUIM6U6L.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.contact-list{color:var(--muted);gap:8px;margin-top:16px;margin-bottom:18px;list-style:none;display:grid}#contact .scene-inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(640px,100%);box-shadow:var(--panel-shadow), 0 0 0 1px #0000001f;background:#092320b8;border:1px solid #aee5de52;border-radius:14px;margin-inline:auto;padding:22px 24px;display:block}#contact h2{color:#f8fefdfa;text-shadow:0 2px 12px #0000008c;max-width:none;font-weight:700}#contact .contact-list{color:#eefcfaf5;letter-spacing:.02em;text-shadow:0 1px 6px #0000008c;font-size:.96rem;font-weight:500;line-height:1.55}.reveal{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(10px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width<=920px){.nav{width:95vw;height:60px;padding:0 14px}.nav-links{gap:10px}.nav-links a{padding:5px 6px;font-size:.76rem}.scene{padding-top:84px}}@media (width<=680px){.nav{flex-direction:column;justify-content:center;gap:4px;height:68px;top:8px}.scene{padding-top:88px;padding-bottom:10px}.scene-inner{padding:18px}.hero-grid{grid-template-columns:1fr}.hero-image-card img{height:230px}#transform .transform-zoom-trigger img{object-position:center 10%;max-height:min(300px,40vh)}.gallery-layout{grid-template-columns:1fr}.food-photo-main{height:230px}.scene-media img{height:180px}}