.nav-offer{background:#f7dfcd;border-radius:30px;padding:12px 20px;gap:12px}.nav-offer span{max-width:95px;font-size:10px}.bag{white-space:nowrap}.box-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:28px}.box-intro .eyebrow{margin-bottom:12px}.box-intro h3{font-size:37px;margin-bottom:12px}.box-intro p{margin-bottom:0}.how-button{display:flex;align-items:center;gap:14px;border:0;border-radius:32px;background:#f7dfcd;padding:13px 20px;white-space:nowrap;font-size:15px}.how-button span{display:grid;place-items:center;background:#154a38;color:#fff;width:34px;height:34px;border-radius:50%;font-size:12px}.builder-dock{position:sticky;top:12px;z-index:8;display:flex;align-items:center;gap:25px;background:#154a38;color:#fff;border-radius:22px;padding:18px 25px;margin-bottom:32px;box-shadow:0 12px 30px #154a381a}.builder-status{display:flex;align-items:center;gap:18px;flex:1}.builder-status strong{font:27px Georgia}.builder-status p{color:#e4eddf;margin:3px 0 0;font-size:14px}.count-ring{--progress:0%;display:flex;align-items:center;justify-content:center;gap:3px;width:66px;height:66px;flex:none;background:linear-gradient(#154a38,#154a38) padding-box,conic-gradient(#f0c6a5 var(--progress),#668774 0) border-box;border:3px solid transparent;border-radius:50%;font:29px Georgia;color:#fff}.count-ring span{font:13px Arial}.dock-dots{display:flex;gap:9px}.dock-dots i{width:12px;height:12px;border:1px solid #a0b5a7;border-radius:50%}.dock-dots .filled{background:#f0c6a5;border-color:#f0c6a5}.builder-dock .text-link{white-space:nowrap;color:white}.collection{background:#f7dfcd!important;padding:38px;border-radius:26px!important}.collection .pick{height:110px;width:85px}.collection .pick.empty{background:#fff7;border-radius:45px 45px 12px 12px}.collection h3{font-size:31px}.research-story{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:65px;margin-top:55px}.research-plant img{width:100%;height:360px;object-fit:contain}.research-plant span{font-size:10px;letter-spacing:.13em;display:block;text-align:center;margin-top:20px}.research-story h3{font-size:43px;margin-bottom:25px}.study-takeaways{margin:28px 0;display:grid;gap:18px}.study-takeaways strong{font-size:15px}.study-takeaways p{font-size:17px;margin:5px 0 0}.care-visual{margin:20px 0 35px}.care-visual img{width:100%;height:370px;object-fit:cover;object-position:center 60%;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.care-visual figcaption{font-size:12px;text-align:center;color:#626455;margin-top:8px}.quality{align-items:center}.original-document{background:#f7eee5;padding:26px;border-radius:24px}.document-meta{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.1em;margin-bottom:20px}.document-sheet{display:block;max-width:285px;margin:auto;transform:rotate(-3deg);transition:transform .2s;box-shadow:0 12px 30px #5a483025}.document-sheet:hover{transform:rotate(0)}.document-sheet img{width:100%;display:block}.document-caption{margin-top:30px}.document-caption h3{font-size:29px;margin-bottom:12px}.document-caption p{font-size:15px;line-height:1.6}.document-caption .links{gap:20px}.document-caption .button{font-size:14px}#box-demo{width:min(780px,calc(100% - 28px));background:white}#box-demo h2{font-size:42px}.demo-scene{background:#f7eee5;padding:26px;border-radius:22px;margin:25px 0}.demo-line{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em}.demo-bottles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.demo-bottles>div{position:relative;text-align:center}.demo-bottles>div>span{position:absolute;inset:0;display:grid;place-items:center;font:40px Georgia;color:#b6bfae}.demo-bottles img{position:relative;width:100%;height:180px;object-fit:contain;opacity:0}.demo-bottles p{font-size:13px;margin:6px 0;opacity:0}.playing .demo-bottles img,.playing .demo-bottles p{animation:oil-arrives .8s var(--delay) both}.playing .demo-bottles>div>span{animation:slot-leaves .8s var(--delay) both}.demo-track{height:4px;background:#d9dfd2;border-radius:5px;overflow:hidden}.demo-track i{display:block;height:100%;background:#154a38;transform-origin:left;transform:scaleX(0)}.playing .demo-track i{animation:box-time 8s linear forwards}.demo-scene>p{font-size:14px;text-align:center;margin:18px 0 0}@keyframes oil-arrives{from{opacity:0;transform:translateY(-22px) rotate(-6deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes slot-leaves{to{opacity:0}}@keyframes box-time{to{transform:scaleX(1)}}
@media(max-width:700px){.nav-offer{padding:9px 13px}.nav-offer span{font-size:8px;max-width:110px}.box-intro{display:block;margin-top:30px}.box-intro h3{font-size:31px}.box-intro p{font-size:16px}.how-button{margin-top:20px}.builder-dock{top:6px;padding:14px;border-radius:18px;gap:10px;flex-wrap:wrap}.builder-status{gap:12px;min-width:100%}.builder-status strong{font-size:24px}.builder-status p{font-size:13px;line-height:1.4}.count-ring{width:52px;height:52px;font-size:26px}.dock-dots{margin-left:64px}.builder-dock>.text-link{margin-left:auto;padding:3px 0;font-size:13px;min-height:32px}.collection{padding:24px 18px}.collection .pick{width:60px;height:90px}.research-story{display:flex;flex-direction:column;gap:25px;margin-top:25px}.research-plant{width:100%}.research-plant img{height:180px}.research-plant span{margin-top:8px}.research-story h3{font-size:34px}.care-visual img{height:230px;object-fit:cover}.care-visual figcaption{font-size:11px}.original-document{margin-top:30px;padding:22px}.document-sheet{max-width:235px}.document-caption .links{gap:15px}#box-demo{padding:45px 20px 25px}#box-demo h2{font-size:32px}.demo-scene{padding:18px 12px}.demo-bottles{gap:5px}.demo-bottles img{height:115px}.demo-bottles p{font-size:11px}.demo-line{font-size:10px}.demo-bottles>div>span{font-size:28px}}
@media(prefers-reduced-motion:reduce){.demo-bottles img,.demo-bottles p{opacity:1!important}.demo-bottles>div>span{display:none}.demo-track i{transform:scaleX(1)}}
.shop-tools{scroll-margin-top:140px}#collection{scroll-margin-top:150px}@media(max-width:700px){.shop-tools,#collection{scroll-margin-top:180px}}