@font-face{font-family:Inter;src:url('assets/inter.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#142d23;color:#f4efdd;font-family:Inter,Arial,sans-serif}body.loading{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}header{position:absolute;top:0;left:0;width:100%;height:104px;padding:0 5%;z-index:5;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee9c52b}.wordmark{font-family:Georgia,serif;font-size:48px;font-style:italic;letter-spacing:-4px;color:#eed79c}.wordmark span{font:10px Inter;letter-spacing:0;vertical-align:top;display:inline-block;padding:10px 0 0 8px}nav{display:flex;gap:36px;font-size:12px}.nav-shop{font-size:12px;border:1px solid #f1e6c970;padding:14px 21px;border-radius:30px}.nav-shop span{margin-left:22px}.journey{height:480vh;height:480svh}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#142d23}.film{position:absolute;inset:0}canvas{width:100%;height:100%;display:block;background:#142d23 url('assets/poster.webp') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a201bd9,transparent 68%),linear-gradient(0deg,#0b221ba6,transparent 25%);pointer-events:none}.edition{position:absolute;right:5%;top:141px;font-size:9px;letter-spacing:2px;color:#d9dfbd}.chapter{position:absolute;left:8%;top:50%;width:44%;transform:translateY(-44%);opacity:0;pointer-events:none;will-change:transform,opacity}.chapter-0{opacity:1;pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:500;margin:0 0 27px;color:#d3bf81}h1,h2{font:normal clamp(50px,5.6vw,88px)/1.02 Georgia,serif;letter-spacing:-3px;margin:0}h1 em,h2 em{font-weight:normal;color:#e4d29e}h1 em{font-size:.93em}.description{font-size:12px;line-height:1.9;color:#d9dfcf;margin:26px 0}.pill{display:inline-flex;align-items:center;gap:40px;background:#efe5c7;color:#17372b;padding:17px 23px;border-radius:40px;font-size:11px;font-weight:600;transition:background .2s}.pill:hover{background:#fff5dc}.pill:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #eac77d;outline-offset:5px}.ingredient-notes{display:flex;gap:8px;flex-wrap:wrap}.ingredient-notes span{font-size:10px;border:1px solid #c9d4ba66;padding:9px 14px;border-radius:25px}.product-size{display:block;font-size:9px;letter-spacing:1px;margin-top:20px;color:#d4d7bb}.bottom-line{position:absolute;bottom:38px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#dcdfce}.scroll-hint{display:flex;align-items:center;gap:12px}.scroll-hint i{font:normal 18px Georgia;border:1px solid #dce3ca55;border-radius:50%;padding:6px 10px}.counter{font-size:14px;letter-spacing:1px}.counter b{font-size:10px;font-weight:400;opacity:.4}.timeline{position:absolute;bottom:0;left:0;right:0;height:2px;background:#e3dbb329}.timeline i{display:block;height:100%;background:#e1cb8c;width:0}.ingredients{padding:110px 8%;background:#eeeadd;color:#263d30;display:grid;grid-template-columns:1fr 1fr;gap:70px}.ingredients .eyebrow,.ritual .eyebrow{color:#7e774d}.ingredients h2,.ritual h2{font-size:clamp(38px,4.2vw,65px);letter-spacing:-2px}.ingredients h2 em,.ritual h2 em{color:#76816a}.ingredient-detail>p{font-size:14px;line-height:1.9;margin:3px 0 25px;max-width:400px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{padding:9px 14px;border:1px solid #b6bba9;border-radius:30px;font-size:10px}.ritual{text-align:center;padding:100px 20px;background:#e4dfd0;color:#263d30}.ritual>p:not(.eyebrow){font-size:13px;margin:25px 0}.dark{background:#233e30;color:#f0e7cf}.dark:hover{background:#365740}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;font-size:11px}footer .wordmark{font-size:36px}.loader{position:fixed;inset:0;z-index:20;background:#142d23;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s,visibility .5s}.loader.loaded{opacity:0;visibility:hidden;pointer-events:none}.loader .wordmark{font-size:75px}.loader p{font:italic 22px Georgia;color:#e2d6b2}.loader small{font-size:10px;color:#bac4b0;margin-top:15px}.load-track{width:210px;height:2px;background:#ffffff20;margin-top:20px}.load-track i{height:100%;display:block;width:0;background:#e2c991}#retry{margin-top:20px;border:1px solid #e2c991;background:transparent;color:#eee2c3;padding:10px 20px;border-radius:20px}
@media(min-width:1500px){.chapter{left:10%}}@media(max-width:700px){header{height:79px;padding:0 6%}.wordmark{font-size:39px}nav{display:none}.nav-shop{font-size:10px;padding:11px 15px}.nav-shop span{margin-left:14px}.journey{height:440svh}.edition{top:105px;left:7%;right:auto;font-size:8px;letter-spacing:1.6px}.film{top:19%;height:60%;left:-24%;right:-24%}.shade{background:linear-gradient(0deg,#142d23 8%,transparent 42%),linear-gradient(180deg,#142d23 10%,transparent 36%)}.chapter{left:7%;top:auto;bottom:110px;transform:none;width:86%}.chapter h1,.chapter h2{font-size:clamp(38px,10vw,54px);letter-spacing:-1.8px;line-height:1.02}.chapter h1 br,.chapter h2 br{display:none}.chapter h1 em,.chapter h2 em{display:block;max-width:330px}.chapter .eyebrow{font-size:8px;margin-bottom:13px}.description{font-size:10px;margin:14px 0;line-height:1.7;max-width:280px}.pill{padding:13px 18px;font-size:10px;gap:30px}.ingredient-notes span{font-size:8px;padding:7px 10px}.product-size{font-size:8px;margin-top:12px}.bottom-line{bottom:28px;left:7%;right:7%;font-size:7px;letter-spacing:1px}.chapter-name{display:none}.scroll-hint i{font-size:14px;padding:5px 8px}.ingredients{grid-template-columns:1fr;padding:65px 7%;gap:30px}.ingredients h2,.ritual h2{font-size:43px}.ingredients .eyebrow,.ritual .eyebrow{font-size:8px;margin-bottom:20px}.ingredient-detail>p{font-size:12px}.ritual{padding:65px 7%}footer{padding:25px 7%;font-size:9px}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{transition:none}}
@media(min-width:701px){.film{left:23%;right:-23%}}
header{position:fixed;background:linear-gradient(#10291f99,#10291f15);backdrop-filter:blur(8px)}@media(min-width:701px){.film{mask-image:linear-gradient(90deg,transparent,#000 22%)}}@media(max-width:700px){.film{top:14%;height:40%;left:-10%;right:-10%;mask-image:linear-gradient(transparent,#000 14%,#000 78%,transparent)}.shade{background:linear-gradient(0deg,#142d23 25%,transparent 62%)}.edition{z-index:1}}