/* Photographic, depth-driven edition */
.journey{height:1050vh}
.stage{perspective:1400px}
.photo-stage{position:absolute;inset:0;z-index:2;pointer-events:none;perspective:1400px}
.photo-layer{position:absolute;top:10%;right:7%;width:49%;height:72%;opacity:0;visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity;transform-origin:center center}
.photo-art{display:block;width:100%;height:100%;object-fit:contain}
.photo-layer:not(.orchard-layer):not(.collection-layer) .photo-art{filter:drop-shadow(4px 15px 13px #3d45201a)}
.orchard-layer{right:0;top:0;width:64%;height:100%;opacity:1;visibility:visible;transform-origin:75% 45%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 30%),linear-gradient(to bottom,#000 75%,transparent 98%);mask-image:linear-gradient(to right,transparent 0%,#000 30%),linear-gradient(to bottom,#000 75%,transparent 98%);mask-composite:intersect;-webkit-mask-composite:source-in}
.orchard-layer .photo-art{object-fit:cover;object-position:65% 50%;opacity:.92}
.fruit-layer{width:47%;right:8%;top:7%;height:75%}
.husk-layer,.shell-layer{right:5%;width:53%}
.kernel-layer{width:43%;right:9%;height:66%;top:13%;z-index:3}
.milk-layer{top:1%;height:86%;right:9%;width:43%}
.drink-layer{top:6%;height:78%;right:8%;width:47%}
.collection-layer{width:52%;right:5%;top:18%;height:60%}
.collection-photo{position:absolute;top:50%;width:100%;transform:translateY(-50%);aspect-ratio:1.5;isolation:isolate}
.collection-photo .photo-art{object-fit:cover;border-radius:100px 6px 100px 6px;box-shadow:0 30px 50px -35px #3d45205c}
.photo-shadow{position:absolute;left:29%;right:29%;bottom:7%;height:4%;background:#5a553a1f;border-radius:50%;filter:blur(14px);z-index:-1}
.scene-copy{z-index:5}
.site-header{background:linear-gradient(to bottom,#eef0e6f5 0%,#eef0e6d4 55%,#eef0e600 100%)}
.header-cta{background:#eef0e6e8}
.stage[data-step="0"] .model-caption{color:#4c653d}
.stage[data-step="0"] .floating-note{padding:7px 12px;background:#f0f2e8b0;backdrop-filter:blur(10px);border-radius:20px}
.stage[data-step="0"] .scene-controls{background:#eef0e6c4;padding:3px 10px;border-radius:25px}
.stage[data-step="0"] .orbit{opacity:0}
.stage[data-step="7"] .orbit{opacity:.3}
.chapter-nav{gap:20px}
.chapter-nav a{font-size:10px;gap:5px}
.journey-signature{display:none}
.scroll-hint{flex:0 1 165px}
.scene-controls{bottom:116px}
.floating-note{bottom:21%}
.model-caption{right:5%;font-size:7px}
.scene-description{font-size:13px;line-height:1.9;max-width:340px;color:#66745e}
.beverage-scene h2,.collection-scene h2{font-size:clamp(56px,5.4vw,82px)}
.blend-recipe{display:flex;align-items:center;gap:10px;font-size:10px;margin-top:27px;white-space:nowrap}
.blend-recipe>span,.blend-recipe>strong{padding:9px 0;border-bottom:1px solid #aab699;font-weight:500}
.blend-recipe i{font:italic 20px var(--serif);color:#8a997b}
.blend-recipe>strong{color:#284b35;border-color:#5a7548}
.process-steps{padding:0;display:flex;list-style:none;gap:24px;margin:20px 0 0}
.process-steps li{font-size:9px;color:#718168;display:flex;align-items:center;gap:7px}
.process-steps span{font:italic 16px var(--serif);color:#a1ae8e}
.concept-label{font-size:7px;letter-spacing:1.1px;color:#7b896f;margin-top:24px;display:flex;align-items:center;gap:6px;line-height:1.6}
.concept-label>span{width:4px;height:4px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}
.drink-tag{display:flex;align-items:center;gap:14px;margin-top:28px}
.tiny-leaf{font:30px var(--serif);width:45px;height:45px;display:grid;place-items:center;border:1px solid #a7b299;border-radius:50%}
.drink-tag strong{font-size:12px;font-weight:500}
.drink-tag p{font-size:10px;color:#748368;margin-top:6px}
.collection-scene{width:36%;max-width:430px}
.collection-scene .scene-description{font-size:11px;margin-top:22px}
.product-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px;max-width:340px}
.product-options button{font-size:10px;padding:10px 9px;border:1px solid #abb69a66;border-radius:4px;text-align:left;transition:background .2s,color .2s}
.product-options button:hover{background:#e2e8d7}
.product-options button.selected{background:var(--ink);color:#eef0e6;border-color:var(--ink)}
.product-detail{border-left:1px solid #a1b28c;padding:0 0 0 12px;margin-top:19px;max-width:330px;min-height:70px}
.product-detail h3{font:500 14px var(--sans);margin-bottom:7px}
.product-detail p{font-size:10px;line-height:1.8;color:#6e7c65}
.product-pin{position:absolute;left:22%;top:27%;width:29px;height:29px;display:grid;place-items:center;background:#f2f1e5e8;backdrop-filter:blur(6px);border:1px solid #fff8;border-radius:50%;font-size:10px;box-shadow:0 2px 12px #284b3526;transition:left .6s,top .6s}
.collection-disclaimer{grid-column:1/-1;max-width:670px;font-size:10px;line-height:1.9;color:#abbba0;margin-top:-20px}
.closing-section{row-gap:50px}
@media(min-width:1600px){.scene-controls{bottom:125px}.collection-layer{right:6%;width:49%}.chapter-nav{gap:31px}.scene-description{font-size:14px}}
@media(max-height:760px) and (min-width:761px){
 .scene-controls{bottom:93px}.floating-note{bottom:20%}.scene-description{font-size:12px}
 .beverage-scene h2,.collection-scene h2{font-size:64px}.blend-recipe{margin-top:21px}
 .concept-label{margin-top:19px}.product-options{margin-top:17px}.product-detail{margin-top:15px;min-height:63px}
 .collection-scene .eyebrow{margin-bottom:17px}.collection-scene .scene-description{margin-top:16px}
}
@media(max-width:1050px) and (min-width:761px){
 .scroll-hint{display:none}.chapter-nav{width:100%;justify-content:space-between}
 .beverage-scene h2,.collection-scene h2{font-size:61px}
 .collection-scene{width:38%;left:5%}.collection-layer{right:3%;width:53%}
 .blend-recipe{gap:7px;font-size:9px}.process-steps{gap:16px}
 .scene-controls{right:7%}
}
@media(max-width:760px){
 .journey{height:1080svh}.stage{min-height:640px}
 .photo-layer{width:88%;height:44%;right:5%;top:42%}
 .orchard-layer{top:35%;right:0;width:100%;height:60%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 75%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 75%,transparent 100%)}
 .orchard-layer .photo-art{object-fit:cover;object-position:60% 65%}
 .fruit-layer{top:39%;height:48%;right:-1%;width:88%}
 .husk-layer,.shell-layer{top:40%;height:43%;width:96%;right:2%}
 .kernel-layer{width:54%;right:-13%;top:47%;height:35%}
 .milk-layer{height:51%;width:85%;right:-3%;top:36%}
 .drink-layer{top:38%;height:48%;width:88%;right:3%}
 .collection-layer{top:49%;height:33%;width:90%;right:5%}
 .collection-photo .photo-art{border-radius:50px 4px 50px 4px}
 .photo-shadow{bottom:9%}
 .scene-copy{top:105px;left:7%;width:86%}
 .scene-copy[data-scene="0"]{top:112px}
 .scene-description{font-size:12px;line-height:1.8;margin-top:17px;max-width:310px}
 .scene-copy[data-scene="0"] .scene-description{max-width:275px}
 .scene-copy[data-scene="0"] .round-link{margin-top:17px}
 .stage[data-step="0"] .floating-note{display:none}
 .model-caption{top:51%;right:5%;font-size:6px}
 .chapter-badge{top:67%;right:5%;font-size:8px}
 .floating-note{bottom:16.5%;font-size:8px;right:12%}
 .scene-controls{bottom:83px;right:6%;padding:0!important;background:none!important}
 .scene-controls button{font-size:8px}
 .model-note{display:none}
 .journey-bottom{height:68px;left:6%;right:6%}
 .chapter-nav{gap:0;display:grid;grid-template-columns:repeat(8,1fr);justify-items:center;width:100%}
 .chapter-nav a{flex-direction:column;gap:5px;font-size:8px;padding:14px 1px}
 .chapter-nav a span{font-size:7px}
 .chapter-nav a:nth-child(5) b{font-size:7px}
 .spec-note{top:calc(100svh - 285px);padding-top:10px}
 .spec-note p{max-width:200px}
 .origin-line{top:calc(100svh - 265px);font-size:7px;letter-spacing:1px}
 .nutrition-scene{top:95px}
 .nutrition-scene h2{font-size:48px}
 .nutrition-heading{margin-top:18px;max-width:295px}
 .nutrition-grid{max-width:255px}
 .nutrition-grid dd{font-size:29px}
 .nutrition-source{font-size:8px;max-width:245px}
 .nutrition-grid dt{font-size:9px}
 .beverage-scene h2,.collection-scene h2{font-size:50px}
 .beverage-scene .scene-description{max-width:300px}
 .blend-recipe{margin-top:18px;font-size:9px;gap:9px}
 .blend-recipe>span,.blend-recipe>strong{padding:7px 0}
 .process-steps{position:absolute;top:calc(100svh - 300px);left:0;flex-direction:column;gap:13px;margin:0}
 .process-steps li{font-size:8px}
 .concept-label{font-size:6px;letter-spacing:.8px;margin-top:17px}
 .drink-tag{position:absolute;top:calc(100svh - 300px);left:0;max-width:155px;gap:8px;align-items:flex-start}
 .tiny-leaf{width:27px;height:27px;flex-shrink:0;font-size:20px}
 .drink-tag strong{font-size:10px}.drink-tag p{font-size:8px;line-height:1.6}
 .stage[data-step="5"] .floating-note,.stage[data-step="6"] .floating-note,.stage[data-step="7"] .floating-note{display:none}
 .collection-scene{top:92px}
 .collection-scene .eyebrow{margin-bottom:12px;font-size:6.5px}
 .collection-scene h2{font-size:44px}
 .collection-scene .scene-description{font-size:10px;margin-top:12px}
 .product-options{max-width:100%;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:16px}
 .product-options button{font-size:8px;padding:9px 4px;text-align:center}
 .product-detail{margin-top:14px;max-width:300px;min-height:65px}
 .product-detail h3{font-size:11px;margin-bottom:5px}
 .product-detail p{font-size:9px;line-height:1.7}
 .collection-scene .concept-label{position:absolute;top:calc(100svh - 260px);font-size:6px}
 .product-pin{width:23px;height:23px;font-size:8px}
 .collection-disclaimer{font-size:9px;margin-top:0}
}
@media(max-width:760px) and (max-height:740px){
 .scene-copy{top:73px}.scene-copy[data-scene="0"]{top:93px}
 h1{font-size:46px}h2,.beverage-scene h2{font-size:43px}
 .scene-description{font-size:10px;line-height:1.75;margin-top:13px}
 .eyebrow{margin-bottom:11px}
 .photo-layer{top:39%;height:45%}.orchard-layer{top:37%;height:57%;width:100%}
 .kernel-layer{top:46%;height:31%;width:48%;right:-9%}
 .nutrition-scene{top:48px}.nutrition-scene h2{font-size:42px}
 .nutrition-grid>div{padding:6px 0}.nutrition-grid dd{font-size:25px}.nutrition-source{font-size:8px}
 .milk-layer{top:34%;height:52%;width:86%;right:-4%}
 .drink-layer{top:35%;height:49%}
 .blend-recipe{margin-top:13px;font-size:8px}
 .concept-label{margin-top:12px;font-size:5.5px}
 .collection-scene{top:43px}.collection-scene h2{font-size:40px}
 .collection-scene .scene-description{font-size:9px;margin-top:9px}
 .product-options{margin-top:12px}.product-detail{margin-top:11px}
 .collection-layer{top:47%;height:34%}
 .collection-scene .concept-label{top:calc(100svh - 215px)}
}