.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#c88f55;z-index:40;transform-origin:left;pointer-events:none}.hero-v2 h1 .hover-word{display:inline-block;transform:translateX(var(--word-shift,0));transition:transform .2s,color .4s}.hero-v2 h1 .hover-word:hover{color:var(--rust)}.photo-hero,.product-photo,.story-art,.making-grid article{transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1);isolation:isolate}.photo-hero:after{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff20,transparent 45%);z-index:1}.packaging-viewer{position:absolute;inset:0;overflow:hidden}.packaging-viewer .hero-photo{transition:width .85s cubic-bezier(.2,.8,.2,1),left .85s,transform .7s;max-width:none;transform:none!important;left:0}.packaging-viewer[data-mode=front] .hero-photo{width:195%;left:0;object-position:left center}.packaging-viewer[data-mode=side] .hero-photo{width:195%;left:-95%;object-position:right center}.viewer-controls{position:absolute;left:25px;right:25px;bottom:50px;z-index:3;display:flex;gap:8px;justify-content:center}.viewer-controls button{border:1px solid #ffffff90;background:#f4efe5b8;backdrop-filter:blur(15px);padding:12px 18px;border-radius:100px;font-size:11px;transition:background .3s,transform .3s}.viewer-controls button[aria-pressed=true]{background:var(--brown);color:var(--cream);border-color:var(--brown)}.viewer-controls button:hover{transform:translateY(-4px)}#view-caption{position:absolute;top:22px;left:25px;right:25px;font-size:10px;line-height:1.6;z-index:3}.formula-orbit{height:300px;margin-top:20px;position:relative;max-width:380px;display:grid;place-items:center}.orbit-ring{position:absolute;width:215px;height:215px;border:1px solid #b4a58f;border-radius:50%;animation:ring-spin 32s linear infinite}.orbit-ring:after{content:'';position:absolute;top:28px;left:24px;width:10px;height:10px;background:var(--rust);border-radius:50%;box-shadow:0 0 0 8px #ad603c18}.orbit-center{font:italic 45px Georgia,serif;letter-spacing:-3px;transition:transform .6s}.formula-orbit:hover .orbit-center{transform:rotate(-15deg) scale(1.1)}.formula-orbit button{position:absolute;z-index:1;border:1px solid var(--line);background:var(--cream);border-radius:100px;padding:12px 15px;font-size:10px;min-height:44px;transition:background .3s,color .3s,transform .3s}.formula-orbit button[aria-pressed=true]{background:var(--brown);color:var(--cream)}.formula-orbit button:hover{transform:scale(1.08)}.formula-orbit button:nth-of-type(1){top:22px;left:50%;translate:-50% 0}.formula-orbit button:nth-of-type(2){right:0;top:125px}.formula-orbit button:nth-of-type(3){bottom:22px;left:50%;translate:-50% 0}.formula-orbit button:nth-of-type(4){left:0;top:125px}.ingredient-art{animation:ingredient-float 6s ease-in-out infinite}.ingredient-stage:hover .ingredient-art{stroke:var(--brown)}.nutrition-highlights>div{padding:15px;border-radius:8px;transition:background .3s,transform .4s}.nutrition-highlights>div:hover{background:#dfcfb8;transform:translateY(-8px)}.ritual-playground{display:grid;grid-template-columns:.65fr 1.35fr;background:#e0d5c2;gap:50px}.ritual-selector{display:flex;flex-direction:column;gap:12px}.ritual-selector .eyebrow{margin-bottom:20px}.ritual-selector button{padding:22px 24px;text-align:left;border:1px solid #bfae95;border-radius:50px;background:none;transition:background .3s,color .3s,translate .3s;font-size:15px}.ritual-selector button[aria-pressed=true]{background:var(--brown);color:var(--cream);translate:12px 0}.ritual-selector button span{font:italic 22px Georgia,serif;margin-right:20px}.ritual-stage{position:relative;min-height:360px;border-left:1px solid #bfae95;padding-left:50px;overflow:hidden}.ritual-stage h3{font:400 clamp(32px,4vw,60px) Manrope,sans-serif;letter-spacing:-2px;max-width:460px;position:relative;z-index:1;margin:28px 0}.ritual-stage>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:400px;position:relative;z-index:1}.ritual-glyph{position:absolute;right:0;bottom:-20px;font:230px Georgia,serif;color:#bba78b60;transition:rotate .8s,scale .8s}.ritual-stage[data-step='1'] .ritual-glyph{rotate:90deg;scale:1.1}.ritual-stage[data-step='2'] .ritual-glyph{rotate:180deg;scale:.8}.manifesto:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 230px at var(--spot-x,80%) var(--spot-y,50%),#bf8b4938,transparent)}.kinetic-line{display:block;transition:transform .12s linear;width:max-content;max-width:100%}.cause-explorer{padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.cause-explorer label{font-size:11px;display:block}.cause-explorer input{width:100%;accent-color:var(--brown);margin:20px 0}.cause-explorer output{font:italic 25px Georgia,serif;display:block}.cause-explorer .small{font-size:10px}.making-grid article:hover{background:#ddcfb333}.making-grid svg{transition:rotate .6s}.making-grid article:hover svg{rotate:-12deg}.footer-brand{transition:letter-spacing .65s,color .65s}.footer-brand:hover{letter-spacing:-.055em;color:#d4b085}.button,.bag{transition:translate .25s,background .2s,transform .2s}.training-section>img{filter:saturate(.65);transition:filter 1s,transform 1.5s}.training-section:hover>img{filter:saturate(1)}@keyframes ring-spin{to{rotate:360deg}}@keyframes ingredient-float{50%{transform:translateY(-8px) rotate(6deg)}}@media(max-width:600px){.viewer-controls{left:10px;right:10px;bottom:40px}.viewer-controls button{padding:12px 14px}.formula-orbit{height:280px;margin:auto}.ritual-playground{grid-template-columns:1fr;gap:30px}.ritual-selector{flex-direction:row;flex-wrap:wrap;gap:8px}.ritual-selector .eyebrow{width:100%;margin-bottom:5px}.ritual-selector button{font-size:10px;padding:13px 12px}.ritual-selector button span{font-size:16px;margin-right:5px}.ritual-selector button[aria-pressed=true]{translate:0 -3px}.ritual-stage{border-left:0;border-top:1px solid #bfae95;padding:20px 0 0;min-height:300px}.ritual-stage h3{font-size:38px}.ritual-glyph{font-size:170px}.kinetic-line{max-width:100%}}@media(prefers-reduced-motion:reduce){.photo-hero,.product-photo,.story-art,.making-grid article{transform:none!important}.kinetic-line{transform:none!important}.nutrition-highlights>div:hover{transform:none}}
