/* A single camera travels from the orchard to a shared raw-material display. */
.journey{height:1100svh}
.stage{background:#eef0e6!important;transition:none}
.photo-stage{overflow:clip;perspective:none}
.has-world-scene .photo-layer{display:none}
.world-scene{position:absolute;inset:0;pointer-events:none;z-index:2}
.world-scene[hidden]{display:none}
.world-scene canvas{width:100%;height:100%;display:block}
.world-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#eef0e6 0%,#eef0e6f5 29%,#eef0e695 43%,#eef0e600 60%),linear-gradient(0deg,#eef0e6 0%,#eef0e600 17%)}
.world-material-marker{position:absolute;left:0;top:0;z-index:3;width:28px;height:28px;border-radius:50%;background:#f4f1e7df;border:1px solid #fff9;font-size:10px;display:grid;place-items:center;box-shadow:0 2px 12px #284b3526}
.world-material-marker[hidden]{display:none}
.has-world-scene .orbit{display:none}
.has-world-scene .scene-copy{transition:opacity .25s,visibility .25s;transform:translateY(-50%)}
@media(max-width:760px){
 .journey{height:1200svh}
 .world-scene:after{background:linear-gradient(180deg,#eef0e6 0%,#eef0e6f0 20%,#eef0e600 36%),linear-gradient(0deg,#eef0e6 0%,#eef0e600 17%)}
 .has-world-scene .scene-copy{transform:none}
 .world-material-marker{width:23px;height:23px;font-size:8px}
}
.reduced-motion .journey{height:900svh}

/* An ingredient origin, with partnership details only when requested. */
.supply-identity{display:flex;flex-direction:column;gap:6px}
.supply-identity strong{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:-.6px;line-height:1}
.supply-identity>span{font-size:7px;letter-spacing:1.9px;color:#6c7d60}
.brand svg{width:25px;height:34px}
.scene-copy h1{font-size:clamp(60px,6.1vw,94px)}
.supply-caption{font-size:8px;letter-spacing:1.5px;color:#77856a;line-height:1.8;margin-top:25px}
.scene-copy[data-scene="0"] .round-link{margin-top:25px}
.material-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}
.material-options button{border:1px solid #96a48166;border-radius:28px;min-height:44px;padding:11px 14px;font-size:10px;transition:background .2s,color .2s}
.material-options button:hover{background:#e1e6d5}
.material-options button.selected{background:#35573e;border-color:#35573e;color:#f4f3e9}
.inquiry-cta{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:46px;border-radius:30px;background:#35573e;color:#f4f3e9;padding:14px 22px;font-size:11px;margin-top:28px;transition:background .2s}
.inquiry-cta:hover{background:#24452e}
.inquiry-cta span{font-size:17px}
.supply-layer .photo-art{border-radius:0;box-shadow:none;object-fit:contain}
.footer-brand{font-size:28px;letter-spacing:-.8px}
.inquiry-dialog h2{margin-bottom:12px}
#inquiry-form{display:grid;gap:16px;margin-top:24px}
#inquiry-form label{display:grid;gap:8px;font-size:10px;color:#526448;line-height:1.5}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#inquiry-form input,#inquiry-form select,#inquiry-form textarea{font:12px/1.5 var(--sans);color:var(--ink);padding:11px 12px;border:1px solid #b9c2aa;border-radius:6px;background:#fafaf3;width:100%;min-width:0}
#inquiry-form textarea{resize:vertical;min-height:70px}
#inquiry-form :is(input,select,textarea):focus-visible{outline:2px solid #62804f;outline-offset:2px}
.inquiry-actions{display:flex;gap:22px;align-items:center}
.inquiry-actions .inquiry-cta,.inquiry-actions .text-link{margin:0}
.draft-note,#inquiry-status{font-size:10px;line-height:1.7;color:#6f7d63}
#inquiry-status:empty{display:none}
.close-dialog{min-width:44px;min-height:44px}
@media(max-width:1050px) and (min-width:761px){.scene-copy h1{font-size:64px}.material-options{gap:5px}.material-options button{padding:10px;font-size:9px}}
@media(max-width:760px){
 .supply-identity strong{font-size:21px}.supply-identity>span{font-size:6px;letter-spacing:1.4px}.brand svg{width:22px;height:30px}
 .scene-copy h1{font-size:52px;max-width:360px}
 .supply-caption{font-size:6.5px;letter-spacing:1px;margin-top:16px}
 .material-options{margin-top:21px;gap:7px}.material-options button{font-size:10px;padding:11px 13px}
 .inquiry-cta{margin-top:22px;font-size:10px;padding:12px 18px}
 .collection-scene{top:105px}.cooperation-scene{top:105px}
 .supply-layer{top:43%;height:42%;width:96%;right:2%}
 .footer-brand{font-size:20px;max-width:105px;line-height:1.1}.footer-links{gap:12px;flex-wrap:wrap;max-width:170px}.footer-links button{font-size:9px}
 .inquiry-dialog{padding:44px 24px 26px}.inquiry-dialog h2{font-size:42px}.inquiry-dialog input,.inquiry-dialog select,.inquiry-dialog textarea{font-size:16px!important}
}
@media(max-width:760px) and (max-height:740px){.scene-copy h1{font-size:46px}.collection-scene,.cooperation-scene{top:88px}.supply-caption{margin-top:12px}.material-options{margin-top:15px}}
@media(max-width:350px){.supply-identity strong{font-size:18px}.scene-copy h1{font-size:41px}.field-pair{grid-template-columns:1fr}.material-options button{padding:10px;font-size:9px}}
