.ingredientIndex,.ingredientDetail{color:#102536;background:#f3f6f8}.ingredientHero,.ingredientDetail article>header{height:var(--page-banner-height);min-height:var(--page-banner-height);box-sizing:border-box;padding:145px var(--page-gutter) 78px;background:radial-gradient(circle at 78% 38%,#7abed65c,#0000 20%),radial-gradient(circle at 86% 52%,#ffffffb3,#0000 8%),linear-gradient(135deg,#f6fafc 5%,#dce9ef 58%,#adc8d6);flex-direction:column;justify-content:flex-end;display:flex}.ingredientHero>p,.ingredientOverview article>p,.ingredientBoundary>p,.ingredientDetailTitle p,.ingredientIdentity p,.ingredientInnovation>p,.ingredientValues p,.ingredientConnections header p{color:#0870bf;letter-spacing:.13em;margin:0;font-weight:680;font-size:var(--type-meta)!important;line-height:var(--leading-meta)!important}.ingredientHero h1{max-width:980px;margin:18px 0 27px}.ingredientHero>strong{color:#526b7c;max-width:830px;font-size:var(--type-body);line-height:var(--leading-body);font-weight:450}.ingredientPhotoHero{isolation:isolate;background:#f8fafb;position:relative;overflow:hidden}.ingredientHeroImage,.ingredientHeroShade{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.ingredientHeroImage{object-fit:cover;object-position:center}.ingredientHeroShade{background:linear-gradient(90deg,#f9fbfcfa 0,#f9fbfce8 31%,#f9fbfc5c 50%,#f9fbfc05 72%)}.ingredientPhotoHero .breadcrumb,.ingredientPhotoHero>p,.ingredientPhotoHero>h1,.ingredientPhotoHero>strong{z-index:1;position:relative}.ingredientPhotoHero>h1{max-width:760px}.ingredientPhotoHero>strong{max-width:690px}@media (max-width:760px){.ingredientHeroImage{object-position:64% center}.ingredientHeroShade{background:linear-gradient(90deg,#f9fbfcf5,#f9fbfcb8 55%,#f9fbfc2e)}}.ingredientOverview{padding:13vh var(--page-gutter);color:#f7fbff;background:#0c2537;grid-template-columns:.62fr 1.38fr;gap:8vw;display:grid}.ingredientOverview>div{align-items:flex-start;gap:26px;padding-top:10px;display:flex}.ingredientOverview>div>span{font-size:var(--type-display);color:#66b9e9;font-weight:430;line-height:.9}.ingredientOverview>div p{font-size:var(--type-body);margin:4px 0 0;line-height:1.5}.ingredientOverview>div small{color:#9eb8c9}.ingredientOverview article h2{margin:25px 0 50px}.ingredientOverview ol{border-top:1px solid #ffffff3d;grid-template-columns:1fr 1fr;gap:0 35px;padding:0;list-style:none;display:grid}.ingredientOverview li{color:#c6d6e0;border-bottom:1px solid #fff3;padding:16px 0}.ingredientControls{padding:11vh var(--page-gutter) 48px;background:#e3edf3;border-bottom:1px solid #bdccd6;grid-template-columns:1.35fr .8fr .35fr;align-items:end;gap:4vw;display:grid}.ingredientControls label{color:#526b7c;font-size:var(--type-meta);letter-spacing:.08em;margin-bottom:13px;display:block}.ingredientControls input,.ingredientControls select{box-sizing:border-box;color:#102536;width:100%;height:62px;font:inherit;font-size:var(--type-body);background:0 0;border:0;border-bottom:1px solid #8da3b1;outline:none}.ingredientControls input:focus,.ingredientControls select:focus{border-color:#0870bf}.ingredientControls>p{align-items:end;gap:10px;margin:0;display:flex}.ingredientControls>p b{font-size:var(--type-heading);font-weight:450;line-height:1}.ingredientControls>p span{color:#657988;font-size:var(--type-meta);padding-bottom:4px}.ingredientGrid{padding:1px var(--page-gutter) 13vh;background:#b9c8d2;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.ingredientGrid>a{box-sizing:border-box;color:#102536;background:#f8fafb;min-height:650px;padding:45px;text-decoration:none;transition:background .3s;display:block;position:relative;overflow:hidden}.ingredientGrid>a:hover{background:#fff}.ingredientGrid>a>small{color:var(--ingredient);letter-spacing:.1em;display:block}.ingredientGrid h2{max-width:520px;margin:22px 0 8px}.ingredientGrid>a>em{color:#687d8d;font-size:var(--type-meta);letter-spacing:.1em;font-style:normal}.ingredientGrid>a>p{color:#4f687a;max-width:520px;margin:30px 0}.ingredientGrid dl{border-top:1px solid #c9d4dc;max-width:530px;margin:34px 0 45px}.ingredientGrid dl>div{border-bottom:1px solid #d4dde3;grid-template-columns:100px 1fr;gap:20px;padding:13px 0;display:grid}.ingredientGrid dt{color:#7a8c99;font-size:var(--type-meta)}.ingredientGrid dd{font-size:var(--type-body);margin:0;line-height:1.6}.ingredientGrid>a>b{color:var(--ingredient);font-size:var(--type-body);position:absolute;bottom:40px;left:45px}.ingredientOrb{border:1px solid color-mix(in srgb,var(--ingredient) 50%,transparent);background:radial-gradient(circle at 34% 28%,#fffffff0,color-mix(in srgb,var(--ingredient) 28%,transparent) 35%,color-mix(in srgb,var(--ingredient) 72%,#102536));width:210px;height:210px;box-shadow:inset 12px 18px 36px #fff6,0 28px 70px color-mix(in srgb,var(--ingredient) 25%,transparent);border-radius:50%;transition:transform .55s cubic-bezier(.2,.75,.2,1);position:absolute;bottom:-15px;right:-18px}.ingredientGrid>a:hover .ingredientOrb{transform:translate(-10px,-8px)rotate(7deg)}.ingredientOrb i{border:1px solid #ffffffb3;border-radius:50%;width:46px;height:46px;position:absolute;top:34px;right:28px}.ingredientOrb i:nth-child(2){width:18px;height:18px;top:87px;right:15px}.ingredientOrb span{color:#fffc;font-size:var(--type-meta);position:absolute;top:82px;left:55px}.ingredientEmpty{padding:12vh var(--page-gutter);text-align:center}.ingredientEmpty button{font-size:var(--type-body);background:0 0;border:0;border-bottom:1px solid #708694;padding:10px 0}.ingredientBoundary{padding:13vh var(--page-gutter);background:#dfeaf0}.ingredientBoundary>h2{max-width:900px;margin:24px 0 70px}.ingredientBoundary>div{background:#b5c5cf;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.ingredientBoundary article{background:#edf3f6;padding:38px}.ingredientBoundary article>b{color:#0870bf;font-size:var(--type-meta)}.ingredientBoundary h3{margin:38px 0 14px}.ingredientBoundary article p{color:#5c7180}.ingredientDetail article>header{background:radial-gradient(circle at 78% 38%,color-mix(in srgb,var(--ingredient) 42%,transparent),transparent 22%),linear-gradient(135deg,#f7fafc,#dbe8ee 62%,color-mix(in srgb,var(--ingredient) 40%,#fff))}.ingredientDetailTitle{grid-template-columns:1fr 260px;align-items:end;gap:8vw;display:grid}.ingredientDetailTitle h1{margin:18px 0 8px}.ingredientDetailTitle>div>span{color:#637989;font-size:var(--type-body);letter-spacing:.09em}.ingredientDetail article>header>strong{color:#4d6678;max-width:820px;font-size:var(--type-body);line-height:var(--leading-body);margin-top:30px;font-weight:450}.ingredientHeroOrb{background:radial-gradient(circle at 34% 28%,#fff,color-mix(in srgb,var(--ingredient) 35%,transparent) 38%,var(--ingredient));width:220px;height:220px;box-shadow:inset 12px 20px 40px #ffffff73,0 30px 80px color-mix(in srgb,var(--ingredient) 28%,transparent);border-radius:50%;position:relative}.ingredientHeroOrb i{border:1px solid #ffffffb8;border-radius:50%;position:absolute}.ingredientHeroOrb i:first-child{width:48px;height:48px;top:30px;right:34px}.ingredientHeroOrb i:nth-child(2){width:20px;height:20px;top:90px;right:22px}.ingredientHeroOrb i:nth-child(3){width:12px;height:12px;bottom:38px;left:45px}.ingredientIdentity{padding:13vh var(--page-gutter);grid-template-columns:.68fr 1.32fr;gap:8vw;display:grid}.ingredientIdentity aside dl{border-top:1px solid #b9c7d1;margin-top:32px}.ingredientIdentity aside dl>div{border-bottom:1px solid #cbd5dc;padding:13px 0}.ingredientIdentity dt{color:#7a8d99;font-size:var(--type-meta)}.ingredientIdentity dd{font-size:var(--type-body);margin:7px 0 0;line-height:1.65}.ingredientIdentity>div h2{max-width:780px;margin:24px 0 0}.ingredientInnovation{padding:13vh var(--page-gutter);color:#f8fbfd;background:#10283a}.ingredientInnovation h2{max-width:1000px;margin:25px 0 70px}.ingredientInnovation ol{border-top:1px solid #ffffff3d;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.ingredientInnovation li{border-right:1px solid #fff3;min-height:170px;padding:25px 25px 25px 0}.ingredientInnovation li span{color:#77c3ec;font-size:var(--type-meta);display:block}.ingredientInnovation li strong{font-size:var(--type-body);margin-top:55px;font-weight:540;display:block}.ingredientValues{grid-template-columns:1fr 1fr;display:grid}.ingredientValues article{min-height:520px;padding:11vh var(--page-gutter);box-sizing:border-box;background:#e1edf2}.ingredientValues article+article{background:var(--ingredient);color:#fff}.ingredientValues article+article p{color:#ffffffc2}.ingredientValues h2{max-width:620px;margin:35px 0 0}.ingredientConnections{padding:13vh var(--page-gutter)}.ingredientConnections>header{grid-template-columns:.65fr 1.35fr;gap:7vw;margin-bottom:70px;display:grid}.ingredientConnections header h2{margin:0}.ingredientConnections>div{background:#bdcad3;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.ingredientConnections a{color:#102536;background:#f8fafb;min-height:190px;padding:32px;text-decoration:none;position:relative}.ingredientConnections a span{color:#0870bf;font-size:var(--type-meta)}.ingredientConnections a h3{max-width:460px;margin:34px 45px 0 0}.ingredientConnections a b{color:#0870bf;position:absolute;bottom:30px;right:30px}.ingredientNext{padding:0 var(--page-gutter) 11vh}.ingredientNext a{color:#102536;border-bottom:1px solid #7f909e;padding-bottom:7px;text-decoration:none}@media (max-width:900px){.ingredientOverview,.ingredientIdentity,.ingredientConnections>header,.ingredientControls,.ingredientGrid{grid-template-columns:1fr}.ingredientBoundary>div,.ingredientInnovation ol{grid-template-columns:1fr 1fr}.ingredientValues{grid-template-columns:1fr}.ingredientValues article{min-height:420px}.ingredientDetailTitle{grid-template-columns:1fr}.ingredientHeroOrb{display:none}.ingredientConnections>div{grid-template-columns:1fr}}@media (max-width:600px){.ingredientHero,.ingredientDetail article>header,.ingredientOverview,.ingredientControls,.ingredientGrid,.ingredientBoundary,.ingredientIdentity,.ingredientInnovation,.ingredientConnections,.ingredientNext{padding-left:24px;padding-right:24px}.ingredientOverview ol,.ingredientBoundary>div,.ingredientInnovation ol{grid-template-columns:1fr}.ingredientGrid>a{min-height:700px;padding:30px}.ingredientGrid>a>b{left:30px}.ingredientOrb{width:175px;height:175px}.ingredientValues article{padding-left:24px;padding-right:24px}}
