.carton-experience{--u:144px;--lid-open:0deg;--ears-open:0deg;--packet-lift:0;--packet-side:0;--packet-forward:0;--packet-turn:0deg;position:relative;min-width:0;border:1px solid #dfcdb9;background:linear-gradient(140deg,#fffaf3,#f7eadb);color:#624733}
.carton-stage{position:relative;height:620px;perspective:1100px;perspective-origin:50% 52%;overflow:hidden;isolation:isolate}
.carton-stage::before{content:"從心，開始。";position:absolute;left:30px;top:88px;font-size:30px;line-height:1.5;letter-spacing:.08em;font-weight:400;color:#9b7c5e;opacity:1;transition:opacity .5s cubic-bezier(.22,1,.36,1);pointer-events:none}
.carton-ready:not([data-chapter="0"]) .carton-stage::before{opacity:0}
.carton-stage-header{position:absolute;top:23px;left:23px;right:23px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 16px;z-index:2}
.carton-stage-label,.carton-stage-spec{font-size:11px;line-height:1.6;letter-spacing:.06em;color:#765b43}
.carton-stage-spec{letter-spacing:.02em}
.carton-world{position:absolute;left:48%;top:72%;width:0;height:0;transform:rotateX(-14deg) rotateY(-24deg);transform-style:preserve-3d}
.carton-world *{box-sizing:border-box}
.carton-ground{position:absolute;left:19%;right:18%;bottom:22px;height:43px;background:radial-gradient(ellipse,#6a493322,transparent 70%);pointer-events:none}
.carton-wall{position:absolute;left:calc(var(--u)*-.5);top:calc(var(--u)*-.75);width:var(--u);height:calc(var(--u)*1.5);transform-style:preserve-3d}
.carton-wall--front{transform:translateZ(calc(var(--u)*.5))}
.carton-wall--back{transform:rotateY(180deg) translateZ(calc(var(--u)*.5))}
.carton-wall--left{transform:rotateY(-90deg) translateZ(calc(var(--u)*.5))}
.carton-wall--right{transform:rotateY(90deg) translateZ(calc(var(--u)*.5))}
.paper-outside,.paper-inside{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #cba78b}
.paper-outside{background:#f1d6c1;transform:translateZ(calc(var(--u)*.0025))}
.paper-outside,.lid-outer,.packet-front{overflow:hidden}
.paper-outside img,.lid-outer img,.packet-front img{transform-origin:0 0;position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}
.paper-outside img{filter:none}
.paper-inside{transform:rotateY(180deg) translateZ(calc(var(--u)*.0025));background:linear-gradient(90deg,#d1bba1,#eddfc8 15%,#f4e7cf 80%,#d6c1a5);border-color:#d1bba2}
.carton-bottom{position:absolute;left:calc(var(--u)*-.5);top:calc(var(--u)*-.5);width:var(--u);height:var(--u);background:#d4bca0;transform:translateY(calc(var(--u)*.75)) rotateX(90deg);backface-visibility:visible;border:1px solid #bea388}
.carton-lid{position:absolute;left:calc(var(--u)*-.49);top:calc(var(--u)*-.758);width:calc(var(--u)*.98);height:calc(var(--u)*.98);transform-origin:50% 0;transform-style:preserve-3d;transform:translateZ(calc(var(--u)*-.49)) rotateX(calc(90deg + var(--lid-open)))}
.lid-outer,.lid-inner{position:absolute;inset:0;backface-visibility:hidden;background:#efc0a1;border:1px solid #c7a28a}
.lid-outer{transform:translateZ(calc(var(--u)*.0025))}
.lid-outer img{filter:none}
.lid-inner{background:#f3e6ce;transform:rotateY(180deg) translateZ(calc(var(--u)*.0025));border-color:#d0b99e}
.carton-ear{position:absolute;top:calc(var(--u)*-.747);width:calc(var(--u)*.46);height:calc(var(--u)*.94);transform-style:preserve-3d}
.carton-ear--left{left:calc(var(--u)*-.49);transform-origin:0 0;transform:translateZ(calc(var(--u)*-.47)) rotateX(90deg) rotateY(calc(-1*var(--ears-open)))}
.carton-ear--right{left:calc(var(--u)*.03);transform-origin:100% 0;transform:translateZ(calc(var(--u)*-.47)) rotateX(90deg) rotateY(var(--ears-open))}
.carton-ear i,.carton-ear b{position:absolute;inset:0;display:block;backface-visibility:hidden;border:1px solid #d4baa0;background:#f0d5bb;clip-path:polygon(0 3%,94% 0,100% 5%,100% 95%,94% 100%,0 97%)}
.carton-ear i{transform:translateZ(calc(var(--u)*.002))}
.carton-ear b{background:#f5e8d0;transform:rotateY(180deg) translateZ(calc(var(--u)*.002))}
.carton-packet{position:absolute;left:calc(var(--u)*-.275);top:calc(var(--u)*-.615);width:calc(var(--u)*.55);height:calc(var(--u)*1.23);transform:translate3d(0,calc(var(--u)*.115),calc(var(--u)*var(--packet-z)));transform-style:preserve-3d}
.carton-packet.packet--selected{transform:translate3d(calc(var(--u)*var(--packet-side)),calc(var(--u)*(.115 - var(--packet-lift))),calc(var(--u)*(var(--packet-z) + var(--packet-forward)))) rotateY(var(--packet-turn))}
.packet-front,.packet-back{position:absolute;inset:0;backface-visibility:hidden}
.packet-front{transform:translateZ(calc(var(--u)*.006))}
.packet-front img{filter:none}
.packet-back{background:linear-gradient(90deg,#d6bca2,#f3eee1 7%,#f8f2e8 80%,#ddc2a7);clip-path:polygon(1% 0,100% 0,97% 100%,3% 100%);border-block:4px double #cfb090;transform:rotateY(180deg) translateZ(calc(var(--u)*.006))}
.carton-meta{margin:0 23px;padding:20px 0 15px;border-top:1px solid #ddcbb8;min-height:126px}
.carton-meta>span{font-size:9px;letter-spacing:.15em;color:#795a3f}
.carton-meta h3{font-size:21px;line-height:1.5;letter-spacing:-.025em;font-weight:500;margin:10px 0 8px;color:#624733}
.carton-meta p{font-size:12px;color:#705c4b;margin:0;line-height:1.75;max-width:480px}
.carton-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 23px 20px;border:1px solid #d9c5af}
.carton-chapters button{background:transparent;border:0;border-right:1px solid #d9c5af;padding:14px 7px;color:#70523b;font-size:12px;min-height:48px}
.carton-chapters button:last-child{border-right:0}
.carton-chapters button[aria-pressed=true]{background:#e9d3bc;color:#543d2c}
.carton-chapters button span{font-size:9px;display:block;margin-bottom:5px;color:#705239}
.carton-controls{display:grid;grid-template-columns:1fr auto;gap:14px 20px;margin:0 23px}
.carton-controls .button{justify-content:center;min-height:46px;background:#624733;font-size:12px;gap:0}
.carton-reset{min-height:44px;border:0;background:transparent;border-bottom:1px solid #b7997c;color:#624733;font-size:12px;padding-inline:4px}
.carton-controls>label{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;color:#745c47;font-size:11px;margin-top:7px}
.carton-controls input{grid-column:1/-1;display:block;width:100%;height:28px;margin:0;accent-color:#8d6544;cursor:pointer}
.carton-caption,.carton-fallback-note{margin:15px 23px 20px;font-size:12px!important;line-height:1.8!important;color:#735e4b!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.wellness-hero-layout{grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center}
.wellness-hero .carton-experience{width:100%}
.wellness-hero-layout>div:first-child{min-width:0}
.photo-product-entry{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;gap:25px;padding:30px;background:linear-gradient(130deg,#fff8ee,#f0d9c0);border:1px solid #e1cdb7;overflow:hidden}
.photo-product-entry .entry-box{width:42%;max-height:340px;object-fit:contain;transform:perspective(750px) rotateY(-13deg);filter:brightness(1.1)}
.photo-product-entry .entry-sachet{width:17%;max-height:265px;object-fit:contain;transform:translateY(30px) rotate(5deg);filter:brightness(1.1)}
.photo-product-entry>span{position:absolute;bottom:20px;left:22px;color:#71543c;font-size:10px;letter-spacing:.1em}
.product-photo-panel{display:grid;place-items:center;min-height:360px;padding:35px;background:linear-gradient(130deg,#fffaf3,#f2e1cd);border:1px solid #ddc8b0;position:relative;overflow:hidden}
.product-photo-panel img{height:320px;max-width:70%;object-fit:contain;filter:brightness(1.08)}
.product-photo-panel--pair{display:flex;align-items:center;justify-content:center;gap:30px}
.product-photo-panel--pair img:first-child{height:320px;width:44%}
.product-photo-panel--pair img:last-child{height:270px;width:24%}
.product-photo-panel figcaption{position:absolute;left:20px;bottom:20px;font-size:11px;color:#71543c}
.product-specs{margin-top:30px}
.ingredient-art{display:none}
.ingredient-card{border-top:1px solid #d3bda4;padding-top:25px}
.ingredient-card .ingredient-glyph{width:44px;height:44px;color:#a17a54;margin-bottom:18px}
.ingredient-card .ingredient-glyph svg{display:block;width:100%;height:100%}
.wellness-note-link{margin-top:24px}
@media(max-width:1100px){.wellness-hero-layout{grid-template-columns:1fr;gap:38px}.wellness-hero-layout>div:first-child{max-width:660px}.wellness-hero .carton-experience{max-width:680px;justify-self:center}.carton-stage{height:600px}.carton-world{top:72%}.photo-product-entry{gap:18px;min-height:350px}}
@media(max-width:760px){.carton-experience{--u:112px}.carton-stage{height:480px;perspective:900px}.carton-world{left:46%;top:72%}.carton-stage-header{top:18px;left:16px;right:16px;gap:8px 12px}.carton-stage-label,.carton-stage-spec{font-size:10px}.carton-meta{margin-inline:17px;min-height:124px;padding-top:18px}.carton-meta h3{font-size:20px}.carton-meta p{font-size:12px}.carton-chapters{margin:0 17px 18px}.carton-chapters button{font-size:12px;padding:11px 4px}.carton-controls{margin-inline:17px;gap:12px 18px}.carton-caption,.carton-fallback-note{margin-inline:17px;font-size:11px!important}.carton-ground{left:13%;right:12%;bottom:14px}.photo-product-entry{min-height:320px;padding:25px;gap:20px}.photo-product-entry .entry-box{max-height:265px}.photo-product-entry .entry-sachet{max-height:205px}.product-photo-panel{min-height:310px;padding:25px}.product-photo-panel img{height:270px}.product-photo-panel--pair{gap:20px}.product-photo-panel--pair img:first-child{height:260px}.product-photo-panel--pair img:last-child{height:215px}.product-photo-panel figcaption{font-size:10px;left:17px;bottom:16px}.ingredient-card{padding-top:20px}.ingredient-card .ingredient-glyph{width:36px;height:36px;margin-bottom:12px}}
@media(max-width:360px){.carton-experience{--u:102px}.carton-stage{height:445px}.carton-stage-label,.carton-stage-spec{font-size:10px}.photo-product-entry{gap:15px;min-height:280px}.photo-product-entry .entry-box{max-height:225px}.photo-product-entry .entry-sachet{max-height:180px}}
@media(prefers-reduced-motion:reduce){.carton-chapters button,.carton-controls button{transition:none}.photo-product-entry .entry-box,.photo-product-entry .entry-sachet{transform:none}}

/* Scroll-led opening: natural document scrolling, no wheel/touch interception. */
.wellness-hero--scroll{padding:60px 0 0;overflow:visible}
.wellness-intro{padding-bottom:55px;border-bottom:1px solid #ddcbb8;display:grid;grid-template-columns:1fr 1fr;gap:15px 8vw;align-items:end}
.wellness-intro .eyebrow{grid-column:1/-1;margin-bottom:12px}
.wellness-intro h1{margin:0}.wellness-intro>p:last-child{max-width:420px;margin:0 0 8px;font-size:16px}
.carton-scroll-section{padding-top:50px;padding-bottom:50px;scroll-margin-top:110px}
.carton-scroll-layout{display:grid;grid-template-columns:.68fr 1fr;gap:7vw;align-items:start}
.carton-story{position:sticky;top:130px;padding-top:45px;max-width:390px}
.carton-story h2{font-size:clamp(28px,3.2vw,44px);line-height:1.45;font-weight:500;letter-spacing:-.035em;margin:0 0 25px}
.carton-story p{font-size:15px;line-height:1.9}.carton-story .eyebrow{font-size:10px}
.carton-story .carton-scroll-hint{font-size:12px;color:#705c4b;border-left:1px solid #b79979;padding-left:18px;margin:28px 0}
.carton-scroll-track{min-width:0}
.carton-scroll-track.is-scroll-enabled{height:280svh;min-height:1600px}
.is-scroll-enabled .carton-experience{position:sticky;top:var(--unbox-top,100px);--u:clamp(56px,calc((100svh - 380px)*.21),113.4px)}
.is-scroll-enabled .carton-stage{height:clamp(270px,calc(100svh - 380px),540px)}
.is-scroll-enabled .carton-stage::before{font-size:23px;top:66px;left:22px}
.is-scroll-enabled .carton-stage-header{top:14px;left:18px;right:18px;gap:4px 10px}
.is-scroll-enabled .carton-stage-label,.is-scroll-enabled .carton-stage-spec{font-size:10px;line-height:1.5}
.is-scroll-enabled .carton-meta{margin-inline:18px;padding:9px 0;min-height:81px}
.is-scroll-enabled .carton-meta>span{display:none}
.is-scroll-enabled .carton-meta h3{font-size:18px;margin:0 0 5px;line-height:1.5}
.is-scroll-enabled .carton-meta p{font-size:11px;line-height:1.6;max-width:420px}
.is-scroll-enabled .carton-chapters{margin:0 18px 9px}
.is-scroll-enabled .carton-chapters button{padding:7px 3px;min-height:43px;font-size:11px}
.is-scroll-enabled .carton-chapters button span{display:inline;margin-right:6px;font-size:9px}
.is-scroll-enabled .carton-controls{margin-inline:18px;gap:6px 15px}
.is-scroll-enabled .carton-controls .button,.is-scroll-enabled .carton-reset{min-height:36px;font-size:11px}
.is-scroll-enabled .carton-controls label{margin-top:0;font-size:10px;line-height:1.5}
.is-scroll-enabled .carton-controls input{height:23px}
.is-scroll-enabled .carton-caption{margin:7px 18px 12px;font-size:10px!important;line-height:1.6!important}
.brand-campaign{margin:0;background:#f5e7d7;border:1px solid #ddc8b0;min-width:0}
.brand-campaign img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.brand-campaign figcaption{padding:17px 21px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 18px;color:#70543f;font-size:12px;line-height:1.7;background:#fbf6ed}
.brand-campaign figcaption small{display:block;font-size:10px;color:#705c4b}
.brand-campaign--showcase{max-width:1100px;margin-inline:auto}
.brand-campaign--lifestyle{align-self:center}
.product-label-reference{margin-top:26px;padding-top:20px;border-top:1px solid #d3bda4}
.product-label-reference summary{font-size:14px;line-height:1.8;cursor:pointer;color:#624733;padding:4px 0}
.product-label-reference>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.product-label-reference figure{margin:0;min-width:0}
.product-label-reference img{width:100%;height:auto;object-fit:contain;display:block}
.product-label-reference figcaption{font-size:12px;color:#705c4b;margin-top:12px}
@media(max-width:1100px){.carton-scroll-layout{grid-template-columns:.6fr 1fr;gap:35px}.carton-story{top:110px}.carton-story h2{font-size:32px}}
@media(max-width:760px){.wellness-hero--scroll{padding-top:38px}.wellness-intro{grid-template-columns:1fr;gap:17px;padding-bottom:34px}.wellness-intro>p:last-child{font-size:14px}.wellness-intro h1{font-size:52px}.carton-scroll-section{padding-block:30px 35px}.carton-scroll-layout{display:block}.carton-story{position:static;padding:0 0 24px;max-width:none}.carton-story h2{font-size:30px;margin-bottom:16px}.carton-story p{font-size:14px}.carton-story .eyebrow{margin-bottom:14px}.carton-story .carton-scroll-hint{margin-block:17px;font-size:12px}.carton-scroll-track.is-scroll-enabled{height:260svh;min-height:1400px}.brand-campaign figcaption{padding:13px 16px;font-size:11px}.product-label-reference>div{grid-template-columns:1fr;gap:26px}.carton-scroll-section .text-link{font-size:13px}}
.is-scroll-enabled .carton-stage{height:var(--unbox-stage-h,clamp(270px,calc(100svh - 380px),540px))}
@media(max-width:1100px){.carton-scroll-layout{grid-template-columns:1fr;gap:28px}.carton-story{position:static;max-width:650px;padding-top:0}.carton-scroll-track{width:100%;max-width:680px;margin-inline:auto}}
/* Reserve the longest two-line heading/caption to prevent mid-scrub size jumps. */
.is-scroll-enabled .carton-meta{min-height:118px}

/* R2: frame the product, rather than shrinking every pose into one static view. */
.carton-experience .carton-stage{perspective:1400px;perspective-origin:50% 50%}
.carton-experience .carton-stage::before{display:none}
.carton-experience .carton-world{left:50%;top:50%;transform:translate3d(var(--view-x,0px),var(--view-y,0px),0) scale3d(var(--view-scale,1),var(--view-scale,1),var(--view-scale,1)) rotateX(-14deg) rotateY(-24deg)}
.carton-scroll-layout{grid-template-columns:.32fr 1fr;gap:4vw}
.carton-story h2{font-size:clamp(28px,2.7vw,40px)}
.is-scroll-enabled .carton-meta{min-height:100px}
.is-scroll-enabled .carton-meta h3{font-size:18px}
.ingredient-card{padding:0;border-top:1px solid #d3bda4;transition:background-color .35s var(--ease),border-color .35s var(--ease)}
.ingredient-card summary{list-style:none;cursor:pointer;padding:24px 18px 20px;min-height:190px;position:relative;color:#624733}
.ingredient-card summary::-webkit-details-marker{display:none}
.ingredient-card .ingredient-glyph{transition:color .35s var(--ease),background-color .35s var(--ease);border-radius:50%;box-sizing:content-box;padding:9px;margin-left:-9px;background:#fbf6ed}
.ingredient-card .ingredient-name{display:block;font-size:21px;line-height:1.55;margin-top:8px;letter-spacing:-.02em}
.ingredient-toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;line-height:1.6;margin-top:17px;color:#765b43}
.ingredient-toggle b{display:inline-block;font-size:20px;font-weight:400;transition:transform .35s var(--ease)}
.ingredient-card[open]{border-color:#8d6544;background:#f4e8d9}
.ingredient-card[open] .ingredient-glyph{color:#624733;background:#e8d0b4}
.ingredient-card[open] .ingredient-toggle b{transform:rotate(45deg)}
.ingredient-card>p{padding:0 18px 22px;margin:0;font-size:13px;line-height:1.85;color:#624733}
.ingredient-card summary:active{background:#e8d0b4}
@media(hover:hover) and (pointer:fine){.ingredient-card:hover{border-color:#2f7058;background:#edf1e8}.ingredient-card:hover .ingredient-glyph{color:#2f7058;background:#dde9dc}}
/* Native artwork retains the source print. Only an empty backdrop is generated. */
.native-campaign{container-type:inline-size}
.campaign-scene{position:relative;aspect-ratio:1.5;overflow:hidden;isolation:isolate}
.native-campaign .campaign-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.campaign-copy{position:absolute;left:7%;top:14%;width:30%;z-index:2;color:#624733}
.campaign-copy>span{display:block;font-size:clamp(22px,6.3cqw,64px);letter-spacing:.1em;line-height:1.35}
.campaign-copy p{font-size:clamp(11px,2.5cqw,23px);line-height:1.8;margin:17px 0 10px;letter-spacing:.025em}
.campaign-copy small{font-size:clamp(10px,1.4cqw,14px);letter-spacing:.12em}
.campaign-still{position:absolute;inset:0;--u:22cqw;--lid-open:0deg;perspective:1400px;perspective-origin:50% 50%}
.campaign-still::before{content:"";position:absolute;left:48%;top:74%;width:30%;height:8%;background:radial-gradient(ellipse,#6247332b,transparent 72%)}
.campaign-still .carton-world{left:60%;top:50%;transform:rotateX(-14deg) rotateY(-24deg)}
.campaign-sachet{position:absolute;left:80%;bottom:22%;width:calc(var(--u)*.55);height:calc(var(--u)*1.23)}
.campaign-still .paper-outside img,.campaign-still .lid-outer img,.campaign-still .packet-front img{filter:brightness(1.12)}
.campaign-native-line{padding:25px 24px 12px;background:#fbf6ed;color:#624733;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.campaign-native-line>span{font-size:24px;letter-spacing:.1em}.campaign-native-line p{font-size:14px;margin:0}
@media(max-width:1100px){.carton-scroll-layout{grid-template-columns:1fr}.carton-scroll-track{max-width:900px}.wellness-hero .carton-experience{max-width:none}}
@media(max-width:760px){.ingredient-card summary{padding:17px 12px;min-height:170px}.ingredient-card .ingredient-name{font-size:17px}.ingredient-card>p{font-size:12px;padding:0 12px 18px}.campaign-copy p{margin:10px 0 6px}.campaign-native-line{padding:20px 16px 10px}.campaign-native-line>span{font-size:21px}.campaign-native-line p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ingredient-card,.ingredient-card .ingredient-glyph,.ingredient-toggle b{transition:none}}

/* Ingredient reading cards: a short first glance, then a specific explanation. */
.ingredient-selection-note{font-size:13px;line-height:1.8;color:#624733;margin:-10px 0 30px;max-width:640px}
.ingredient-grid{align-items:start}
.ingredient-card{min-width:0;border-bottom:1px solid #d3bda4}
.ingredient-card summary{display:flex;flex-direction:column;align-items:flex-start;min-height:292px;padding:22px 22px 19px}
.ingredient-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:23px}
.ingredient-card .ingredient-index{font-size:12px;color:#765b43}
.ingredient-category{font-size:12px;line-height:1.6;color:#765b43;letter-spacing:.06em}
.ingredient-card .ingredient-glyph{margin:0 0 8px;padding:8px;width:40px;height:40px;transition:transform .4s var(--ease),color .35s var(--ease),background-color .35s var(--ease)}
.ingredient-card .ingredient-name{font-size:22px;margin-top:8px;line-height:1.5}
.ingredient-teaser{display:block;font-size:14px;line-height:1.85;color:#624733;margin:11px 0 22px;text-wrap:pretty}
.ingredient-card .ingredient-toggle{width:100%;font-size:12px;padding-top:13px;margin-top:auto;border-top:1px solid #d3bda4;color:#624733;min-height:34px}
.ingredient-action-open,.ingredient-card[open] .ingredient-action-closed{display:none}
.ingredient-card[open] .ingredient-action-open{display:inline}
.ingredient-explanation{padding:0 22px 25px;color:#624733}
.ingredient-explanation h4{font-size:16px;line-height:1.7;font-weight:500;margin:0 0 12px}
.ingredient-explanation p{font-size:15px;line-height:1.9;margin:0;text-wrap:pretty}
.ingredient-explanation dl{border-left:2px solid #a17a54;padding-left:15px;margin:22px 0 0}
.ingredient-explanation dt{font-size:12px;letter-spacing:.08em;line-height:1.6;margin-bottom:7px;font-weight:500}
.ingredient-explanation dd{font-size:14px;line-height:1.9;margin:0}
.ingredient-card[open] .ingredient-explanation{animation:ingredient-read-in .4s var(--ease) both}
.ingredient-card summary:focus-visible{outline:3px solid #2f7058;outline-offset:4px}
@keyframes ingredient-read-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){
 .ingredient-card:not([open]):hover{border-color:#2f7058;background:#edf1e8}
 .ingredient-card:not([open]):hover .ingredient-glyph{color:#2f7058;background:#dde9dc;transform:translateY(-3px)}
 .ingredient-card[open]:hover{border-color:#8d6544;background:#f4e8d9}
 .ingredient-card[open]:hover .ingredient-glyph{color:#624733;background:#e8d0b4}
}
@media(max-width:760px){
 .ingredient-card summary{min-height:280px;padding:20px 17px 16px}
 .ingredient-card .ingredient-name{font-size:20px}
 .ingredient-explanation{padding:0 17px 23px}
 .ingredient-explanation p{font-size:15px}
 .ingredient-explanation dd{font-size:14px}
}
@media(max-width:560px){
 .ingredient-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .ingredient-card summary{min-height:0;padding:20px;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:17px;align-items:start}
 .ingredient-topline{grid-column:1/-1;margin-bottom:17px}
 .ingredient-card .ingredient-glyph{grid-row:2/4;grid-column:1;width:36px;height:36px;padding:8px;margin:0}
 .ingredient-card .ingredient-name{grid-row:2;grid-column:2;font-size:21px;margin:0}
 .ingredient-teaser{grid-row:3;grid-column:2;margin:8px 0 18px}
 .ingredient-card .ingredient-toggle{grid-column:1/-1;margin-top:0}
 .ingredient-explanation{padding:0 20px 24px}
}
@media(prefers-reduced-motion:reduce){
 .ingredient-card .ingredient-glyph{transition:none;transform:none!important}
 .ingredient-card[open] .ingredient-explanation{animation:none}
}

/* Open into a fan only after the pouches have cleared the lid and ears. */
.carton-packet.packet--selected{transform:translate3d(calc(var(--u)*var(--packet-side)),calc(var(--u)*(.115 - var(--packet-lift) + var(--packet-drop,0))),calc(var(--u)*(var(--packet-z) + var(--packet-forward)))) rotateY(var(--packet-turn)) rotateZ(var(--packet-fan,0deg))}

/* Label reading is native type; source paper texture is an optional reference. */
.product-label-reference{scroll-margin-top:110px}
.product-label-reference>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:16px;padding:15px 0;min-height:52px}
.product-label-reference>summary::-webkit-details-marker,.label-photo-reference>summary::-webkit-details-marker{display:none}
.product-label-reference>summary>span{font-size:24px;font-weight:400;transition:transform .35s var(--ease)}
.product-label-reference[open]>summary>span{transform:rotate(45deg)}
.product-label-reference>.label-reader{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(26px,5vw,68px);align-items:start;margin-top:20px}
.label-reader>section{min-width:0}
.label-information{padding:20px 0}
.label-information .eyebrow{font-size:11px;margin-bottom:17px}
.label-information h3{font-size:30px;line-height:1.45;font-weight:500;margin:0 0 25px;color:#624733}
.label-product-facts,.label-care{margin:0;color:#624733}
.label-product-facts>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:15px;padding:14px 0;border-bottom:1px solid #d3bda4}
.label-product-facts dt,.label-care dt{font-size:13px;line-height:1.8;font-weight:500}
.label-product-facts dd{font-size:16px;line-height:1.8;margin:0}
.label-information h4{font-size:16px;margin:27px 0 11px;font-weight:500;color:#624733}
.label-reader .label-ingredient-summary{font-size:16px;line-height:1.95;color:#624733;margin:0;text-wrap:pretty}
.label-reader .label-scope-note{font-size:13px;line-height:1.8;color:#765b43;margin:13px 0 0}
.label-allergen{border-left:3px solid #a17a54;background:#f4e8d9;padding:17px 19px;margin:25px 0;color:#624733}
.label-allergen strong{font-size:14px;font-weight:500}
.label-allergen p{font-size:15px;line-height:1.8;margin:6px 0 0}
.label-care>div+div{margin-top:19px}
.label-care dd{font-size:15px;line-height:1.9;margin:5px 0 0}
.nutrition-panel{border:1px solid #d3bda4;border-radius:16px;background:#fff;padding:clamp(18px,2.6vw,32px);color:#624733}
.nutrition-panel h3{font-size:28px;line-height:1.5;letter-spacing:.06em;text-align:center;font-weight:500;margin:0 0 18px}
.nutrition-servings{padding-bottom:15px;border-bottom:2px solid #624733}
.nutrition-servings p{display:flex;justify-content:space-between;gap:14px;font-size:15px;line-height:1.8;margin:4px 0}
.nutrition-servings strong{font-weight:500;font-variant-numeric:tabular-nums}
.nutrition-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;font-size:16px;line-height:1.7}
.nutrition-table th,.nutrition-table td{padding:12px 0;border-bottom:1px solid #e3d6c7;vertical-align:middle}
.nutrition-table thead th{font-size:12px;font-weight:500;line-height:1.6;padding:14px 0;border-bottom:1px solid #624733}
.nutrition-table th:first-child{width:36%;text-align:left}
.nutrition-table th:nth-child(2),.nutrition-table td:nth-child(2){width:33%;text-align:right;padding-right:10px}
.nutrition-table th:last-child,.nutrition-table td:last-child{text-align:right;width:31%}
.nutrition-table tbody th{font-weight:400}
.nutrition-table .nutrition-sub th{padding-left:14px;font-size:15px}
.nutrition-unit{font-size:12px;white-space:nowrap}
.nutrition-footnote,.nutrition-reference-values{font-size:12px;line-height:1.85;margin:15px 0 0;color:#765b43}
.label-photo-reference{margin-top:30px;border-top:1px solid #d3bda4}
.label-photo-reference>summary{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px;padding:15px 0;cursor:pointer;list-style:none;font-size:14px;color:#624733}
.label-photo-reference>summary span{font-size:12px;color:#765b43}
.label-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:20px}
.label-photo-grid figure{margin:0;min-width:0}
.label-photo-grid img{width:100%;height:auto;object-fit:contain;filter:brightness(1.08) contrast(1.04)}
.label-photo-grid figcaption{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#624733;margin-top:15px}
.label-photo-grid figcaption a{border-bottom:1px solid currentColor;padding-bottom:3px}
.label-photo-grid .label-sachet-original{max-width:260px}
@media(max-width:900px){.product-label-reference>.label-reader{grid-template-columns:minmax(0,1fr);gap:27px}.nutrition-panel{max-width:640px;width:100%;margin-inline:auto}.label-information{padding-top:12px}}
@media(max-width:560px){.label-information h3{font-size:26px}.label-photo-grid{grid-template-columns:minmax(0,1fr);gap:28px}.label-photo-reference>summary{flex-wrap:wrap;gap:5px 15px}.nutrition-table{font-size:15px}.nutrition-table .nutrition-sub th{font-size:14px;padding-left:10px}.nutrition-panel{padding:20px 15px}.nutrition-table th:nth-child(2),.nutrition-table td:nth-child(2){padding-right:5px}.nutrition-unit{font-size:11px}.label-product-facts>div{grid-template-columns:70px minmax(0,1fr)}.label-reader .label-ingredient-summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){.product-label-reference>summary>span{transition:none;transform:none!important}}
.site-footer .footer-inner p{font-size:13px;line-height:1.9}