.liposome-hero{grid-template-columns:1fr 1fr;align-items:center;gap:42px;padding:36px 0 12px;display:grid}.liposome-hero .page-intro{padding:20px 0}.liposome-hero h1{font-size:clamp(2.2rem,4vw,3.7rem)}.science-shortcuts{flex-wrap:wrap;gap:10px 20px;margin-top:24px;display:flex}.science-shortcuts a{color:var(--site-teal);text-underline-offset:5px;align-items:center;min-height:44px;font-size:.875rem;display:flex}.liposome-journey{color:#fff;background:#17293f;border-radius:20px;padding:22px;overflow:hidden}.journey-art{aspect-ratio:1;isolation:isolate;width:min(260px,85%);margin:2px auto 18px;position:relative}.journey-art>img{object-fit:contain;border-radius:50%;width:100%;height:100%;display:block}.journey-halo{border:2px solid #9dda6c00;border-radius:50%;transition:border-color .5s,box-shadow .5s;position:absolute;inset:0}.journey-step-1 .journey-halo{border-color:#9dda6c;box-shadow:0 0 0 7px #9dda6c20,0 0 24px #9dda6c33}.journey-step-2 .journey-halo{border-color:#efaa3c;box-shadow:0 0 0 7px #efaa3c20,0 0 24px #efaa3c33}.journey-rain{pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:-10% -10% 0;overflow:hidden}.journey-step-1 .journey-rain{opacity:.65}.journey-rain i{left:calc(10% + var(--rain)*15%);background:#76cbdf;border-radius:5px;width:2px;height:12px;position:absolute;top:0;transform:rotate(18deg)}.journey-step-1.is-playing .journey-rain i{animation:2.8s linear infinite raincoat-rain;animation-delay:calc(var(--rain)*-.42s)}@keyframes raincoat-rain{0%{opacity:0;translate:0 -15px}20%{opacity:.8}75%{opacity:.8}to{opacity:0;translate:-15px 65px}}.journey-step-2.is-playing .journey-halo{animation:2.4s ease-out infinite raincoat-halo}@keyframes raincoat-halo{0%{opacity:1;scale:1}to{opacity:0;scale:1.1}}.journey-steps{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.journey-steps button{color:#c6e0e8;cursor:pointer;background:0 0;border:1px solid #64818f;border-radius:7px;min-height:44px;padding:9px 4px;font:500 .875rem IBM Plex Sans,sans-serif}.journey-steps button[aria-pressed=true]{color:#14575d;background:#ebf6f2;border-color:#ebf6f2}.site-main .journey-explanation h2{color:#fff;margin:20px 0 10px;font-size:1.25rem;line-height:1.35}.site-main .journey-explanation p{color:#d6e5ed;min-height:96px;margin:0;font-size:.9375rem;line-height:1.6}.journey-play{color:#e8bc69;cursor:pointer;background:0 0;border:0;min-height:44px;padding:12px 0;font:500 .875rem IBM Plex Sans,sans-serif}.liposome-page .diagram-note{color:var(--site-muted);margin:16px 0 0;font-size:.75rem;line-height:1.6}.liposome-journey .diagram-note{color:#a6bdcc;margin:0;font-size:.6875rem}.liposome-page .section-lead{max-width:760px;margin-bottom:26px;font-size:1.05rem;line-height:1.7}.anatomy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.anatomy-grid article{background:#f0f5fa;border-radius:14px;padding:24px}.anatomy-image{justify-content:center;align-items:center;height:160px;margin-bottom:24px;display:flex}.anatomy-image img{object-fit:contain;max-width:100%;max-height:100%;display:block}.anatomy-phospholipid img{height:126px}.anatomy-grid p{margin-bottom:0;font-size:.9375rem;line-height:1.6}.nutrient-switch{flex-wrap:wrap;gap:8px;margin:16px 0 24px;display:flex}.nutrient-switch button{min-height:44px;color:var(--site-teal);cursor:pointer;background:#fff;border:1px solid #c9dcd9;border-radius:24px;padding:12px 20px;font:500 .9375rem IBM Plex Sans,sans-serif}.nutrient-switch button[aria-pressed=true]{color:#fff;background:var(--site-teal);border-color:var(--site-teal)}.nutrient-explainer{background:#f0f5fa;border-radius:18px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:36px;padding:32px;display:grid}.nutrient-structure{text-align:center;margin:0}.nutrient-structure>div{max-width:310px;margin:auto;position:relative}.nutrient-structure img{width:100%;height:auto;display:block}.nutrient-highlight{border:3px solid #2399c5;border-radius:50%;transition:inset .4s,border .4s,box-shadow .4s;position:absolute;inset:18%;box-shadow:0 0 0 6px #2399c522}.type-fat .nutrient-highlight{box-shadow:none;border:14px solid #ebae4280;inset:5% 3%}.nutrient-structure figcaption{color:var(--site-teal);margin-top:18px;font-size:.875rem;font-weight:500}.nutrient-explanation h3{font-size:1.4rem}.nutrient-examples{font-size:.8125rem;line-height:1.6;color:var(--site-teal)!important}.nutrient-explanation dl{margin-bottom:0}.nutrient-explanation dl>div{border-top:1px solid #d5e1e8;padding:12px 0}.nutrient-explanation dt{font-size:.875rem;font-weight:600}.nutrient-explanation dd{color:var(--site-muted);margin:5px 0 0;font-size:.9375rem;line-height:1.6}.nutrient-link-panel{padding:28px 0 0}.nutrient-icon-links{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0 28px;display:grid}.nutrient-icon-links a{text-align:center;color:var(--site-ink);background:#fcfaf6;border:1px solid #e9e4db;border-radius:12px;flex-direction:column;align-items:center;min-height:120px;padding:6px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nutrient-icon-links a:hover{border-color:var(--site-teal);background:#f2f8f5}.source-nutrient-icon{clip-path:inset(0 12px);background-image:url(/assets/liposome/nutrient-strip.png);background-repeat:no-repeat;background-size:1062px 140px;flex-shrink:0;width:130px;max-width:100%;height:78px;display:block}.nutrient-link-panel .related-links a{background:#fff}.consumer-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.consumer-benefits article{border-top:3px solid #88b9b5;padding-top:22px}.consumer-benefits article:nth-child(2){border-color:#c6aacd}.consumer-benefits article:nth-child(3){border-color:#dfbc76}.consumer-benefits p{font-size:.9375rem;line-height:1.65}.formulation-quality{color:#fff;background:#17293f;border:0;border-radius:18px;padding:32px}.formulation-quality .site-eyebrow{color:#75d0da!important}.formulation-quality .section-lead{color:#c4d4df}.quality-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.quality-grid article{background:#213a57;border-radius:12px;padding:24px}.quality-dot{background:#25a9d6;border-radius:50%;width:16px;height:16px;margin-bottom:20px;display:block}.quality-dot.dot-1{background:#8ac83a}.quality-dot.dot-2{background:#fb9c1b}.quality-grid .quality-term{color:#fff;margin:0 0 18px;font-size:1.05rem;font-weight:600}.quality-grid h3{font-size:1rem}.quality-grid p:last-child{color:#c4d4df;margin-bottom:0;font-size:.875rem;line-height:1.65}.science-source{min-height:44px;color:var(--site-teal);text-underline-offset:4px;align-items:center;margin-top:18px;font-size:.8125rem;display:inline-flex}.formulation-quality .science-source{color:#b3dce4}.europe-format-banner{margin:28px 0}.europe-format-banner>img{width:100%;height:auto;display:block}.europe-format-mobile{color:#fff;background:linear-gradient(110deg,#248a85,#3a779d);border-radius:16px;align-items:center;gap:18px;padding:18px;display:none}.europe-format-mobile strong,.europe-format-mobile span,.europe-format-mobile small{display:block}.europe-format-mobile strong{margin-bottom:8px;font-size:.9375rem;line-height:1.4}.europe-format-mobile small{color:#d4ecf2;margin-top:4px;font-size:.75rem}.europe-source-emblem{clip-path:ellipse(49% 47% at 50% 52%);background:url(/assets/liposome/europe-formats.png) -62px -28px/1200px 156px no-repeat;flex-shrink:0;width:85px;height:92px}.format-range-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.format-range-grid article{border:1px solid var(--site-border);border-radius:14px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.format-range-logo{object-fit:contain;object-position:left center;width:100%;max-width:180px;height:70px;margin-bottom:24px}.format-range-grid .site-eyebrow{min-height:36px;margin-bottom:8px;font-size:.6875rem}.format-range-grid ul{margin:4px 0 12px;padding:0;list-style:none}.format-range-grid li{padding:5px 0;font-size:.9375rem;font-weight:500}.format-range-grid p:not(.site-eyebrow){font-size:.9375rem;line-height:1.6}.format-range-grid .site-text-link{margin-top:auto;font-size:.875rem}.platform-details{border:1px solid var(--site-border);border-radius:12px;margin:24px 0;padding:0 24px}.platform-details summary{cursor:pointer;min-height:56px;padding:18px 0;font-weight:500}.platform-details>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:12px 0 20px;display:grid}.platform-details h3{font-size:1rem}.platform-details p{font-size:.875rem;line-height:1.65}.professional-details>div{grid-template-columns:1fr}.professional-details .science-source{margin:0 0 16px}#liposome-anatomy,#nutrient-types,#liposomal-formats,.liposome-page #evidence{scroll-margin-top:124px}@media (max-width:1100px){.liposome-hero{gap:24px}.liposome-hero h1{font-size:2.5rem}.liposome-journey{padding:18px}.journey-art{max-width:220px}.anatomy-grid article{padding:18px}.anatomy-image{height:130px}.nutrient-explainer{gap:24px;padding:24px}.nutrient-icon-links{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-grid article,.format-range-grid article{padding:18px}.formulation-quality{padding:24px}.format-range-grid .site-text-link{font-size:.8125rem}}@media (max-width:750px){.liposome-hero{grid-template-columns:1fr;padding-top:20px}.liposome-hero .page-intro{padding:10px 0}.liposome-hero h1{font-size:2.3rem}.liposome-journey{width:100%;max-width:520px;margin:auto;padding:22px}.journey-art{max-width:240px}.site-main .journey-explanation p{min-height:0}.anatomy-grid,.consumer-benefits,.quality-grid,.format-range-grid{grid-template-columns:1fr}.anatomy-grid article{grid-template-columns:110px 1fr;gap:8px 18px;padding:20px;display:grid}.anatomy-image{grid-row:1/3;height:110px;margin:0}.anatomy-grid h3{align-self:end;margin:0}.anatomy-grid p{margin:0}.anatomy-phospholipid img{height:96px}.nutrient-explainer{grid-template-columns:1fr}.nutrient-structure>div{max-width:230px}.nutrient-explanation h3{font-size:1.25rem}.consumer-benefits{gap:12px}.formulation-quality{padding:22px}.quality-grid{gap:12px}.quality-grid article{padding:20px}.quality-dot,.quality-grid .quality-term{margin-bottom:12px}.platform-details>div{grid-template-columns:1fr;gap:10px}.europe-format-banner>img{display:none}.europe-format-mobile{display:flex}.format-range-grid .site-eyebrow{min-height:0}.format-range-grid article{padding:24px}.format-range-logo{height:62px}.source-nutrient-icon{width:130px}.nutrient-icon-links{grid-template-columns:repeat(2,minmax(0,1fr))}.liposome-page .section-lead{font-size:1rem}.platform-details{padding:0 18px}}@media (max-width:600px){#liposome-anatomy,#nutrient-types,#liposomal-formats,.liposome-page #evidence{scroll-margin-top:160px}}@media (prefers-reduced-motion:reduce){.journey-rain i,.journey-halo{transition:none;animation:none!important}.nutrient-highlight{transition:none}}.europe-format-banner.is-localized>img{display:none}.europe-format-banner.is-localized .europe-format-mobile{display:flex}.liposome-page button:focus-visible,.liposome-page a:focus-visible,.liposome-page summary:focus-visible{outline-offset:4px;outline:3px solid #c78e2c}
