/* A quiet interface: images first, details on demand. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.site-header{padding-inline:6%;height:104px}
.header-cta{padding:11px 17px;font-size:11px;gap:21px}
.scene-copy{left:7.5%;top:46%;width:39%;max-width:510px}
.scene-copy h1{font-size:clamp(62px,6.7vw,104px);line-height:1.03}
.scene-copy h2,.beverage-scene h2{font-size:clamp(56px,5.9vw,90px);line-height:1.03}
.scene-copy:not([data-scene="0"]):not(.nutrition-scene):not(.collection-scene){width:40%}
.scene-copy[data-scene="0"] .round-link{margin-top:34px;font-size:11px;font-weight:400;gap:13px}
.round-link .circle-arrow{width:44px;height:44px}
.orbit{opacity:.45}
.photo-layer{right:3%;width:56%;height:79%;top:5%}
.fruit-layer{right:2%;width:56%;height:82%;top:3%}
.husk-layer,.shell-layer{right:1%;width:59%;height:79%;top:5%}
.kernel-layer{right:5%;width:49%;height:73%;top:8%}
.orchard-layer{right:0;top:0;width:67%;height:100%}
.milk-layer{right:5%;width:48%;height:90%;top:0}
.drink-layer{right:4%;width:52%;height:84%;top:3%}
.collection-layer{right:4%;width:55%;height:70%;top:9%}
.collection-photo .photo-art{border-radius:86px 5px 86px 5px}
.concept-label{font-size:7px;letter-spacing:1.3px;margin-top:22px;color:#87927d}
.nutrition-scene{width:34%;max-width:410px}
.nutrition-scene h2{font-size:clamp(54px,5.6vw,85px)}
.nutrition-heading{margin-top:32px;padding-bottom:19px;max-width:370px}
.nutrition-heading>span{font-size:7px;letter-spacing:1px}
.nutrition-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:370px}
.nutrition-grid>div{padding:16px 0 10px}
.nutrition-grid dt{font-size:10px;min-height:0}
.nutrition-grid dd{font-size:40px;line-height:1.2;margin-top:8px}
.nutrition-grid small{font-size:9px;margin-left:4px}
.detail-row{display:flex;align-items:center;gap:22px;margin-top:24px}
.detail-row .text-link{margin:0;font-size:10px;padding:0 0 5px;line-height:1.6}
.source-link{font-size:8px;color:#7b896f}
.collection-scene{width:33%;max-width:410px}
.collection-scene h2{font-size:clamp(60px,6vw,92px)}
.product-options{grid-template-columns:repeat(4,auto);gap:7px;max-width:315px;margin-top:32px}
.product-options button{padding:12px 13px;font-size:11px;text-align:center;min-height:44px;border-radius:30px}
.detail-row .concept-label{margin:0;font-size:7px}
.journey-bottom{height:92px;left:6%;right:6%;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;border:0}
.chapter-position{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.5px}
.chapter-total{color:#99a48c}
#chapter-label{margin-left:12px;color:#78866b;font-size:10px;letter-spacing:0}
.chapter-nav{display:flex;align-items:center;justify-content:center;gap:3px;width:auto;height:100%}
.chapter-nav a{display:flex;align-items:center;justify-content:center;width:36px;height:44px;padding:0;border-radius:20px}
.chapter-nav a:before{content:'';display:block;width:5px;height:5px;border-radius:10px;background:#a2af92;transition:width .3s,background .3s}
.chapter-nav a.active:before{width:22px;height:5px;background:#416339}
.chapter-nav a:hover:before{background:#416339}
.chapter-progress{left:0;right:0;top:0;background:#7a8d5f16}
.chapter-progress i{height:1px}
#motion-toggle{justify-self:end;display:grid;place-items:center;width:44px;height:44px;border:1px solid #93a37f55;border-radius:50%;color:#70815f}
#motion-toggle:hover{background:#dce5ce66}
#motion-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3}
.closing-section{display:block;padding:0 6%;background:#294535}
.closing-section footer{min-height:110px;border:0;gap:30px;flex-wrap:nowrap}
.footer-links{display:flex;gap:25px;align-items:center}
.footer-links button{color:#c8d3bc}
.closing-section footer .back-top{width:44px;height:44px;border:1px solid #dbe4cd40;border-radius:50%;font-size:20px}
.info-dialog>p+p{margin-top:15px}
@media(min-width:1600px){.scene-copy{left:9%}.collection-layer{width:54%;right:5%}}
@media(max-width:1050px) and (min-width:761px){
 .scene-copy{left:6%;width:39%}.scene-copy h1{font-size:68px}.scene-copy h2,.collection-scene h2{font-size:62px}
 .nutrition-grid{gap:12px}.nutrition-grid dd{font-size:35px}.nutrition-scene{width:35%}
 .product-options{gap:5px}.product-options button{font-size:10px;padding:10px}
}
@media(max-width:760px){
 .site-header{height:84px}.header-cta{display:flex;padding:8px 13px;font-size:10px;gap:16px}
 .stage{min-height:580px}
 .scene-copy,.scene-copy[data-scene="0"],.scene-copy:not([data-scene="0"]):not(.nutrition-scene):not(.collection-scene){top:112px;left:7%;width:86%;max-width:none}
 .scene-copy h1{font-size:54px;max-width:340px;line-height:1.03}
 .scene-copy h2,.beverage-scene h2,.collection-scene h2{font-size:54px}
 .scene-copy h1 br{display:initial}
 .scene-copy[data-scene="0"] .round-link{margin-top:22px;font-size:10px}
 .round-link .circle-arrow{width:38px;height:38px}
 .photo-layer{width:100%;height:62%;right:0;top:25%}
 .orchard-layer{width:100%;height:64%;right:0;top:29%}
 .fruit-layer{width:100%;height:65%;right:-1%;top:23%}
 .husk-layer,.shell-layer{width:100%;height:62%;top:25%;right:0}
 .kernel-layer{width:83%;height:45%;top:41%;right:2%}
 .milk-layer{width:100%;height:68%;right:0;top:20%}
 .drink-layer{width:100%;height:64%;right:0;top:23%}
 .collection-layer{width:94%;height:43%;right:3%;top:38%}
 .collection-photo .photo-art{border-radius:55px 4px 55px 4px}
 .concept-label{font-size:6px;margin-top:14px}
 .nutrition-scene{top:95px;width:86%;max-width:none}
 .nutrition-scene h2{font-size:51px}
 .nutrition-heading{margin-top:23px;max-width:100%;padding-bottom:14px}
 .nutrition-grid{max-width:100%;gap:20px}
 .nutrition-grid>div{padding:13px 0 10px}
 .nutrition-grid dd{font-size:36px;margin-top:6px}
 .nutrition-grid dt{font-size:9px}.nutrition-grid small{font-size:8px}
 .detail-row{margin-top:18px;gap:20px}
 .detail-row .text-link{font-size:10px}
 .source-link{font-size:8px}
 .collection-scene{top:94px;width:86%;max-width:none}
 .collection-scene h2{font-size:51px}
 .product-options{grid-template-columns:repeat(4,auto);max-width:300px;margin-top:23px;gap:7px}
 .product-options button{padding:10px 14px;font-size:11px}
 .collection-scene .concept-label{position:static;top:auto}
 .journey-bottom{left:6%;right:6%;height:74px;gap:5px;grid-template-columns:1fr auto 1fr}
 .chapter-position{gap:3px;font-size:8px;letter-spacing:0}
 #chapter-label{display:none}
 .chapter-nav{gap:0;display:flex;justify-content:center;width:auto}
 .chapter-nav a{width:28px;height:44px}
 .chapter-nav a.active:before{width:17px}
 #motion-toggle{width:36px;height:36px}
 .closing-section{padding:0 7%}.closing-section footer{min-height:100px;gap:15px}
 .footer-links{gap:20px}.footer-links button{font-size:10px}
 .footer-brand{font-size:36px}
}
@media(max-width:760px) and (max-height:740px){
 .scene-copy,.scene-copy:not([data-scene="0"]):not(.nutrition-scene):not(.collection-scene){top:83px}
 .scene-copy[data-scene="0"]{top:103px}
 .scene-copy h1{font-size:48px}
 .scene-copy h2,.beverage-scene h2,.collection-scene h2{font-size:46px}
 .scene-copy[data-scene="0"] .round-link{margin-top:18px}
 .photo-layer{top:25%;height:61%}
 .orchard-layer{top:33%;height:59%}
 .fruit-layer{top:22%;height:65%}
 .milk-layer{top:20%;height:67%}
 .drink-layer{top:22%;height:65%}
 .nutrition-scene{top:62px}
 .nutrition-heading{margin-top:17px;padding-bottom:10px}
 .nutrition-grid>div{padding:10px 0 6px}.nutrition-grid dd{font-size:31px}
 .nutrition-scene .detail-row{margin-top:13px}
 .kernel-layer{top:43%;height:40%;width:78%;right:3%}
 .collection-scene{top:59px}
 .product-options{margin-top:20px}
 .collection-layer{top:41%;height:40%}
}
@media(max-width:350px){
 .chapter-nav a{width:24px}
 .scene-copy h1{font-size:43px}
 .scene-copy h2{font-size:43px}
 .product-options{gap:5px}.product-options button{padding:10px}
}