/* Original supplement sketches: room to breathe, useful details on demand. */
.store-art{display:block;width:100%;height:auto;overflow:visible;color:#25351e}
.store-art .art-float{transform-box:fill-box;transform-origin:center;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.store-art .art-detail{opacity:.65;transition:opacity .4s}
[data-graphic].is-illustrated .art-float,[data-graphic].is-replaying .art-float{animation:sketch-arrive 1.4s cubic-bezier(.22,1,.36,1) both}
[data-graphic].is-illustrated .art-float:nth-child(2n),[data-graphic].is-replaying .art-float:nth-child(2n){animation-delay:.1s}
[data-graphic].is-illustrated .art-float:nth-child(3n),[data-graphic].is-replaying .art-float:nth-child(3n){animation-delay:.2s}
[data-graphic].is-illustrated .art-route,[data-graphic].is-replaying .art-route{animation:sketch-route 1.6s ease-out both}
@keyframes sketch-arrive{0%{transform:translateY(12px) rotate(-5deg);opacity:.35}65%{transform:translateY(-3px) rotate(1deg);opacity:1}100%{transform:none;opacity:1}}
@keyframes sketch-route{from{stroke-dashoffset:36;opacity:.25}to{stroke-dashoffset:0;opacity:1}}

.product-profile .blend-study,.blend-study{margin:22px 0 26px;border:1px solid #dacdd3;border-radius:8px;background:#f0e9ec;color:#25351e;overflow:hidden}
.blend-study[data-blend="biotin"]{border-color:#c6d7d9;background:#e4edef}
.blend-study[data-blend="magnesium"]{border-color:#d8c58b;background:#efe5c5;color:#4c4328}
.blend-study[data-blend="magnesium"] .blend-kicker{color:#766333}
.blend-study[data-blend="magnesium"]>summary:focus-visible{outline-color:#8d7133}
.blend-study[data-blend="magnesium"][open] .blend-toggle{background:#dec16d}
.blend-study>summary,.product-profile .blend-study>summary{display:block;padding:0;list-style:none;cursor:pointer;line-height:1.4}
.blend-study>summary::-webkit-details-marker{display:none}
.blend-study>summary:focus-visible{outline:3px solid #526f38;outline-offset:-4px;border-radius:8px}
.blend-art{display:block;padding:8px 18px 0;overflow:hidden}
.blend-art .store-art{max-width:340px;height:174px;margin:auto}
.blend-caption{display:block;padding:14px 20px 18px;border-top:1px solid #25351e1a;background:#fffef54d}
.blend-kicker{display:block;font:650 10px/1.5 var(--font-body,sans-serif);letter-spacing:.12em;color:#5b6150}
.blend-caption>strong{display:block;margin-top:5px;font:600 clamp(19px,1.6vw,24px)/1.25 var(--font-display,sans-serif);letter-spacing:-.025em}
.blend-prompt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font:600 15px/1.4 var(--font-body,sans-serif)}
.blend-toggle{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #25351e55;border-radius:50%;font-size:22px;font-weight:400;transition:transform .3s,background .3s}
.blend-close-label{display:none}
.blend-study[open] .blend-open-label{display:none}.blend-study[open] .blend-close-label{display:inline}
.blend-study[open] .blend-toggle{transform:rotate(45deg);background:#f5d21b}
.blend-study[open] .art-float{animation:none;transform:translateY(-5px) rotate(-3deg)}
.blend-study[open] .art-float:nth-child(2n){transform:translateY(3px) rotate(4deg)}
/* The Collagen composition stays aligned as its ingredient list opens. */
[data-graphic].is-illustrated .collagen-specimen{animation:collagen-arrive .65s ease-out both}
@keyframes collagen-arrive{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.collagen-center-ring{transition:stroke .3s,fill .3s}
.blend-study[data-blend="collagen"]:is([open],:hover) .collagen-center-ring{stroke:#9263ac;fill:#fff9ff}
.blend-study[open] .art-detail,.blend-study>summary:hover .art-detail{opacity:1}
.blend-contents{padding:0 20px 20px;background:#fffef54d;border-top:1px solid #25351e1a}
.blend-contents>p,.product-profile .blend-contents>p{margin:16px 0 10px;font-size:14px;line-height:1.5;color:#4c5844}
.blend-contents ul{list-style:none;margin:0;padding:0}
.blend-contents li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #25351e1a;padding:10px 0;font-size:16px;line-height:1.45}
.blend-contents li>strong{white-space:nowrap;font-weight:650}
.blend-contents>p.blend-footnote,.product-profile .blend-contents>p.blend-footnote{font-size:12px;margin-bottom:0}

.manifesto-section .manifesto-bottom{display:grid;grid-template-columns:minmax(0,1fr) 260px 64px;align-items:center;gap:32px}
.manifesto-section .manifesto-bottom>p{width:auto;min-width:0;max-width:480px}
.manifesto-section .manifesto-bottom>.circle-link{width:64px;height:64px;min-width:0}
.store-art-play{display:block;width:100%;padding:0 8px 12px;background:transparent;border:0;border-bottom:1px solid #26351e44;color:#25351e;text-align:left;cursor:pointer;border-radius:0}
.store-art-play .store-art{height:150px;max-width:270px;margin:auto}
.art-replay-caption{display:flex;align-items:center;justify-content:flex-end}
.store-art-play:focus-visible{outline:3px solid #25351e;outline-offset:5px}
.store-art-play:hover .art-detail{opacity:1}
.story-value .story-value-art{display:block;width:74px;min-width:74px;height:62px;margin-top:0}
.story-value-art .store-art{height:62px;object-fit:contain}
.story-value:hover .art-float,.story-value:focus-within .art-float{transform:translateY(-4px) rotate(-3deg);animation:none}
.order-delivery-desk{grid-template-columns:160px minmax(0,1fr) auto}
.order-delivery-desk .order-delivery-symbol{display:none}
.order-delivery-desk .store-delivery-art{width:160px;min-width:160px}
.store-delivery-art .store-art{height:100px}
.order-delivery-desk:hover .art-float,.delivery-section:focus-within .art-float{transform:translateY(-3px);animation:none}
.faq-sketch{max-width:300px;margin-top:30px;color:#c7cfb7}
.faq-sketch .store-art{background:#e4e8d7;border-radius:60% 45% 50% 38%;padding:6px 12px;height:172px}
.faq-sketch-caption{font:400 14px/1.6 var(--font-body,sans-serif);color:#c7cfb7;margin:12px 0 0}
.faq-sketch.is-answer-open .art-float{animation:none;transform:translate(6px,-5px) rotate(4deg)}
.faq-sketch.is-answer-open .art-detail{opacity:1}
.footer-main .footer-payment{display:block}
.footer-payment .payment-sketch{display:block;width:130px;margin-top:6px;margin-bottom:6px}
.payment-sketch .store-art{height:75px}
.footer-payment:hover .art-float{animation:none;transform:translateY(-3px)}
.product-blend-overview{margin-top:24px}
.product-blend-overview .blend-study>summary{display:grid;grid-template-columns:minmax(240px,.8fr) 1fr;align-items:center}
.product-blend-overview .blend-art{padding:12px}.product-blend-overview .blend-caption{border-top:0;background:transparent;padding:24px}
.product-blend-overview .blend-caption>strong{font-size:28px;max-width:22ch}
.product-blend-overview .blend-prompt{max-width:350px}
.product-blend-overview .blend-contents ul{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.context-ingredient-art{width:64px;height:64px;display:block;color:#425335;--ingredient-wash:#dce4cd;margin-bottom:18px}
.ingredient-context-card:hover .ingredient-art-detail{opacity:1}
.delivery-section .store-delivery-art{max-width:240px;margin:0 auto 22px}.delivery-section .store-delivery-art .store-art{height:125px}

@media(min-width:761px) and (max-width:1000px){.story-values{gap:20px}.story-value{flex-direction:column;gap:10px}.footer-main .footer-payment{display:block}.manifesto-section .manifesto-bottom{grid-template-columns:1fr 220px 52px;gap:18px}.order-delivery-desk{grid-template-columns:120px minmax(0,1fr)}.order-delivery-desk .store-delivery-art{width:120px;min-width:120px}.manifesto-section .manifesto-bottom>.circle-link{width:52px;height:52px}}
@media(max-width:760px){
 .manifesto-section .manifesto-bottom{grid-template-columns:minmax(0,1fr) 52px;gap:14px 20px}
 .manifesto-bottom .store-art-play{grid-column:1/-1;grid-row:2;max-width:260px;justify-self:center;margin-top:12px}
 .manifesto-bottom .circle-link{grid-column:2;grid-row:1}
 .manifesto-section .manifesto-bottom>.circle-link{width:52px;height:52px}
 .blend-art .store-art{height:160px}.blend-caption{padding:13px 16px 16px}.blend-caption>strong{font-size:22px}.blend-prompt{font-size:14px}
 .blend-contents{padding-inline:16px}.blend-contents li{font-size:15px;gap:12px}
 .story-value .story-value-art{width:66px;min-width:66px;height:60px}.story-value-art .store-art{height:60px}
 .order-delivery-desk{grid-template-columns:minmax(0,1fr)}
 .order-delivery-desk .store-delivery-art{width:150px;min-width:0;grid-column:1/-1}
 .order-delivery-desk .order-delivery-link{grid-column:1/-1}
 .faq-sketch{max-width:240px;margin-top:20px}.faq-sketch .store-art{height:140px}
 .product-blend-overview .blend-study>summary{grid-template-columns:1fr}.product-blend-overview .blend-caption{padding:16px 20px;border-top:1px solid #25351e1a}.product-blend-overview .blend-caption>strong{font-size:24px}
 .product-blend-overview .blend-contents ul{grid-template-columns:1fr}
}
@media(max-width:380px){.blend-art{padding-inline:4px}.blend-art .store-art{height:142px}.blend-caption>strong{font-size:19px}.blend-prompt{font-size:13px}.story-value{gap:10px}.story-value .story-value-art{width:52px;min-width:52px}.blend-contents li{font-size:14px}}
@media(prefers-reduced-motion:reduce){
 .collagen-specimen{animation:none!important;transform:none!important}.collagen-center-ring{transition:none}
 [data-graphic] .art-float,[data-graphic] .art-route,.blend-study[open] .art-float,.blend-study[open] .art-float:nth-child(2n){animation:none!important;transform:none!important;transition:none!important;opacity:1}
 .store-art .art-detail,.blend-toggle{transition:none!important}
 .store-art-play .art-replay-caption{display:none}.store-art-play{cursor:default;border-bottom:0;opacity:1}
}