@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&display=swap');
:root{--ivory:#F5F2EA;--charcoal:#20211F;--sand:#DED7CB;--stone:#AAA69F;--energy:#F26A3C;--calm:#8B6BBF;--line:#20211f25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:Jost,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--energy);outline-offset:6px}.skip{position:fixed;top:-100px;background:var(--charcoal);color:var(--ivory);padding:15px;z-index:10}.skip:focus{top:0}header{padding:32px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{display:block;width:146px}.logo svg{display:block;width:100%;height:auto}nav{display:flex;gap:42px;font-size:14px;font-weight:400}nav a:hover{color:var(--energy)}.hero{display:grid;grid-template-columns:.8fr 1.2fr;min-height:640px;padding:58px 5%;gap:5%}.eyebrow{display:block;font-size:11px;font-weight:400;letter-spacing:2.3px}.hero-copy{display:flex;flex-direction:column;justify-content:center}h1{font-size:clamp(68px,7.6vw,120px);font-weight:300;letter-spacing:-4px;line-height:1.02;margin:40px 0 26px}p{font-size:17px;line-height:1.75}.hero-copy>p{margin:0 0 30px}.button{border:1px solid var(--charcoal);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:30px;width:max-content;font-size:14px;font-weight:400;transition:.2s}.button:hover{background:var(--charcoal);color:var(--ivory)}.hero-meta{display:flex;gap:35px;font-size:10px;letter-spacing:1.5px;margin-top:42px}figure{margin:0}img{display:block;width:100%;height:auto}.hero figure{display:flex;flex-direction:column;justify-content:center}.hero img{aspect-ratio:1.08;object-fit:cover}figcaption{font-size:10px;color:#68665f;margin-top:10px}.intro{border-top:1px solid var(--line);text-align:center;padding:80px 5% 72px}.intro h2{margin:25px auto}h2{font-weight:300;font-size:clamp(38px,4.5vw,68px);letter-spacing:-1.8px;line-height:1.14;margin:0}.intro p{max-width:565px;margin:0 auto;color:#68665f}.section{padding:65px 5%}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{padding:32px 42px;background:#eee7db;position:relative}.product.calm{background:#e9e4ec}.product-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.symbol{display:block;width:180px;height:180px;margin:50px auto}.product-description h3{font-size:38px;letter-spacing:4px;font-weight:300;margin:16px 0 8px}.energy h3{color:var(--energy)}.calm h3{color:var(--calm)}.product-description p{font-size:15px;margin:0 0 35px}.product-spec{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.note{max-width:750px;font-size:12px;color:#68665f;line-height:1.7;margin:25px 0 0}.story{background:var(--sand);margin-top:25px}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.story img{aspect-ratio:1.1;object-fit:cover}.story-copy p{max-width:440px;color:#57564f;margin:25px 0}.story-copy .eyebrow{margin-top:35px}.information{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;padding-top:100px;padding-bottom:100px}.information h2{margin-top:30px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-weight:400;display:flex;justify-content:space-between;gap:20px;font-size:16px}summary:after{content:'+'}details[open] summary:after{content:'−'}summary::-webkit-details-marker{display:none}details p{font-size:14px;color:#68665f;line-height:1.7}.contact{background:var(--charcoal);color:var(--ivory)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;margin:40px 0 25px}.contact-grid p{font-size:15px;color:#d4cfc4}.contact-grid .eyebrow{margin-top:35px}.contact-link{display:block;font-size:24px;font-weight:300;word-break:break-word;padding:10px 0}.contact-link:hover{color:var(--energy)}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .logo{width:120px}footer p,footer>a:last-child{font-size:11px;font-weight:400}
@media(max-width:760px){header{padding:26px 6%}.logo{width:99px}nav{gap:18px;font-size:12px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding:38px 6%;gap:35px;min-height:0}.hero .eyebrow{font-size:10px}h1{font-size:78px;letter-spacing:-3px;margin-top:28px}.hero-copy>p{font-size:16px;margin-bottom:24px}.hero-meta{margin-top:25px}.hero img{aspect-ratio:1.3;object-fit:cover}.intro{padding:55px 6%}.intro p{font-size:15px}.section{padding:45px 6%}.section-top .eyebrow{font-size:9px;letter-spacing:1.2px}.product-grid{gap:12px}.product{padding:22px 16px}.symbol{width:99px;height:99px;margin:35px auto}.product-description h3{font-size:25px;letter-spacing:1px}.product-description .eyebrow{font-size:8px;letter-spacing:1px}.product-description p{font-size:13px;min-height:45px;margin-bottom:25px}.product-spec{font-size:8px;letter-spacing:.3px;gap:8px}.product-top{font-size:9px}.story-grid,.information,.contact-grid{grid-template-columns:1fr;gap:35px}.story-copy p{font-size:16px}.story-copy .eyebrow{font-size:10px}.story img{aspect-ratio:1.3}.information{padding-top:65px;padding-bottom:65px}.contact-grid{margin:30px 0 5px}.contact h2{font-size:48px}footer{flex-wrap:wrap;padding:30px 6%;gap:20px}footer p{width:100%;order:3;margin:0}footer>a:last-child{margin-left:auto}.note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Product motion study */
.motion-figure{min-width:0}.product-stage{--accent:#F26A3C;position:relative;height:560px;display:grid;place-items:center;overflow:hidden;background:#eee4d6;border-radius:48% 48% 3px 3px;perspective:1000px;transition:background 800ms ease}.product-stage[data-product=calm]{--accent:#8B6BBF;background:#e9e1ee}.rhythm-orbit{position:absolute;width:370px;height:370px;border:1px solid var(--accent);border-radius:50%;opacity:.35;transition:border-color 800ms;animation:orbit-breathe 8s ease-in-out infinite}.rhythm-orbit:after{content:"";position:absolute;inset:25px;border:1px solid var(--accent);border-radius:50%}.stage-word{position:absolute;top:30%;font-size:clamp(60px,7vw,112px);letter-spacing:.04em;color:var(--accent);opacity:.17;transition:color 800ms}.sachet-motion{width:300px;height:460px;transform:translateY(var(--scroll-y,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 180ms ease-out;position:relative}.sachet-float{position:relative;width:100%;height:100%;animation:sachet-drift 6s ease-in-out infinite}.hero .sachet{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateX(70px) rotate(12deg) scale(.9);transition:opacity 550ms ease,transform 800ms cubic-bezier(.2,.8,.2,1);filter:drop-shadow(12px 20px 14px rgba(32,33,31,.13))}.hero .sachet.active{opacity:1;transform:translateX(0) rotate(-4deg) scale(1)}.product-stage[data-product=calm] .sachet.active{transform:rotate(4deg)}.stage-label{position:absolute;bottom:24px;font-size:11px;letter-spacing:.16em}.product-switch{display:flex;justify-content:center;gap:8px;padding:20px 0 8px}.product-switch button{background:transparent;color:var(--ink,#20211F);font:inherit;font-size:12px;letter-spacing:.12em;border:1px solid #DED7CB;padding:12px 22px;border-radius:30px;cursor:pointer;transition:background 250ms,border-color 250ms}.product-switch button[aria-pressed=true]{background:#fffaf1;border-color:#20211F}.product-switch i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#F26A3C;margin-right:9px}.product-switch [data-select=calm] i{background:#8B6BBF}.product-switch button:focus-visible{outline:2px solid #20211F;outline-offset:4px}.motion-enabled .reveal{opacity:0;transform:translateY(26px);transition:opacity 850ms ease,transform 850ms cubic-bezier(.2,.8,.2,1)}.motion-enabled .reveal.visible{opacity:1;transform:none}.product:hover .symbol{transform:rotate(8deg) scale(1.04)}.product .symbol{transition:transform 600ms ease}@keyframes sachet-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes orbit-breathe{0%,100%{transform:scale(.95)}50%{transform:scale(1.05)}}@media(max-width:760px){.product-stage{height:440px}.sachet-motion{width:245px;height:365px}.rhythm-orbit{width:290px;height:290px}.stage-word{font-size:65px}.product-switch button{padding:12px 20px}}@media(prefers-reduced-motion:reduce){.sachet-float,.rhythm-orbit{animation:none}.hero .sachet,.product-stage,.motion-enabled .reveal,.product .symbol,.sachet-motion{transition:none}.sachet-motion{transform:none}.motion-enabled .reveal{opacity:1;transform:none}}
/* Slow revolving product presentation; flat cutout visualisation. */
.sachet-turn{width:100%;height:100%;transform-style:preserve-3d;animation:sachet-turn 10s cubic-bezier(.45,0,.55,1) infinite}.rotation-paused .sachet-turn{animation-play-state:paused}.rotation-toggle{align-self:center;border:0;border-bottom:1px solid var(--line);background:none;color:var(--charcoal);font:inherit;font-size:11px;padding:6px 0;margin:0 0 8px;cursor:pointer}.rotation-toggle:focus-visible{outline:2px solid var(--charcoal);outline-offset:4px}@keyframes sachet-turn{0%,12%{transform:rotateY(0deg)}88%,100%{transform:rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.sachet-turn{animation:none}.rotation-toggle{display:none}}
.product-3d{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;pointer-events:none}.has-3d .product-3d{opacity:1;pointer-events:auto;cursor:grab;touch-action:pan-y}.has-3d .product-3d.dragging{cursor:grabbing}.has-3d .sachet-motion{visibility:hidden}.has-3d .sachet-turn,.has-3d .sachet-float{animation:none}.product-3d:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}.stage-label{z-index:4;pointer-events:none}

/* Preserve source artwork ratio and upright silhouette. */
.hero .sachet.active,.product-stage[data-product=calm] .sachet.active{transform:none}.story img{aspect-ratio:1.6;object-fit:contain}
.sachet-motion{transform:translateY(var(--scroll-y,0px))}.hero .sachet{filter:drop-shadow(8px 15px 12px rgba(32,33,31,.1))}

/* Unmodified photographic source extracted from brandbook page 8. */
.source-crop{height:100%;aspect-ratio:312.5/853;margin:auto;overflow:hidden;border-radius:2px}.hero .source-crop img{width:200%;max-width:none;height:100%;aspect-ratio:auto;object-fit:fill}.hero [data-sachet=calm] .source-crop img{margin-left:-100%}.hero .sachet{filter:none}.story img{aspect-ratio:625/853;max-height:650px}

/* Isolated mockups retain the approved heat-sealed shoulder shape. */
.hero .sachet{filter:drop-shadow(10px 18px 14px rgba(32,33,31,.14));object-fit:contain}

/* Approved horizontal rhythm headline. */
.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(28px,3.1vw,54px);line-height:1.3;letter-spacing:-1.4px;white-space:nowrap;margin:35px 0 28px}.headline-lead{opacity:.7}.headline-rhythm{display:inline-block;position:relative;color:#F26A3C;animation:headline-colour 12s linear infinite,headline-rise 6s ease-in-out infinite}.headline-rhythm:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:8px;border-bottom:1px solid currentColor;border-radius:50%;transform-origin:left;animation:headline-fill 12s linear infinite}@keyframes headline-colour{0%,43%{color:#F26A3C}50%,93%{color:#8B6BBF}100%{color:#F26A3C}}@keyframes headline-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes headline-fill{0%,50%,100%{transform:scaleX(.05);opacity:.4}38%,43%,88%,93%{transform:scaleX(1);opacity:1}49%,99%{transform:scaleX(1);opacity:0}}@media(max-width:760px){.hero-copy h1{font-size:clamp(27px,7.9vw,52px);letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){.headline-rhythm,.headline-rhythm:after{animation:none}.headline-rhythm:after{transform:scaleX(1)}}


.hero-copy .button{border:0;padding:0;gap:25px;background:transparent;color:var(--charcoal);font-size:16px}.collection-arrow{width:52px;height:52px;display:grid;place-items:center;border:1px solid #20211f70;border-radius:50%;transition:background .3s,border-color .3s}.collection-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}.hero-copy .button:hover .collection-arrow{background:var(--sand);border-color:var(--charcoal)}.hero-copy .button:hover .collection-arrow svg{transform:translateY(3px)}@media(prefers-reduced-motion:reduce){.collection-arrow,.collection-arrow svg{transition:none}}
.product-open{position:absolute;inset:0;border:0;background:transparent;z-index:2;cursor:pointer}.product-open:focus-visible{outline:2px solid var(--charcoal);outline-offset:-7px}.product-more{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.5px;margin:0 0 15px}.product-more span{font-size:20px;line-height:1}.product:hover .product-more{color:var(--energy)}.product.calm:hover .product-more{color:var(--calm)}body.dialog-open{overflow:hidden}.product-dialog{border:1px solid var(--sand);background:var(--ivory);color:var(--charcoal);padding:40px;width:min(880px,92vw);max-height:90dvh;overflow:auto;border-radius:18px}.product-dialog::backdrop{background:#20211f80;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:12px;z-index:2;border:0;background:none;font-size:30px;cursor:pointer;color:var(--charcoal);width:40px;height:40px}.dialog-grid{display:grid;grid-template-columns:.8fr 1fr;gap:40px;align-items:center}.dialog-visual{background:#eee4d6;border-radius:140px 140px 8px 8px;padding:24px}.product-dialog[data-product=calm] .dialog-visual{background:#e9e1ee}.dialog-visual img{height:380px;object-fit:contain;width:100%}.dialog-copy h2{font-size:44px;margin:20px 0 12px;color:var(--energy)}.product-dialog[data-product=calm] h2{color:var(--calm)}.dialog-copy p{font-size:15px}.dialog-copy dl{font-size:13px;margin:24px 0}.dialog-copy dl>div{padding:12px 0;border-top:1px solid var(--line)}.dialog-copy dt{font-weight:500;margin-bottom:5px}.dialog-copy dd{margin:0;color:#68665f;line-height:1.6}.dialog-enquiry{font-size:13px;border-bottom:1px solid var(--charcoal);padding-bottom:4px}.dialog-close:focus-visible,.dialog-enquiry:focus-visible{outline:2px solid var(--charcoal);outline-offset:3px}@media(max-width:760px){.product-dialog{padding:40px 22px 28px}.dialog-grid{grid-template-columns:1fr;gap:22px}.dialog-visual{padding:15px}.dialog-visual img{height:210px}.dialog-copy h2{font-size:36px;margin-top:12px}}

.nutrition-benchmark table{width:100%;border-collapse:collapse;font-size:12px;margin:16px 0}.nutrition-benchmark caption{text-align:left;font-size:11px;color:#68665f;margin-bottom:8px}.nutrition-benchmark th,.nutrition-benchmark td{text-align:left;border-bottom:1px solid #20211f20;padding:9px 5px;vertical-align:top}.nutrition-benchmark th{font-weight:500}.nutrition-benchmark a{font-size:11px}.nutrition-benchmark .note{margin:12px 0}.nutrition-benchmark td{white-space:normal}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nutrition-details summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:8px 0;font-size:14px}.nutrition-details summary::-webkit-details-marker{display:none}.nutrition-details summary span{transition:transform .2s}.nutrition-details[open] summary span{transform:rotate(45deg)}.nutrition-details summary:focus-visible{outline:2px solid #20211f;outline-offset:4px}