body .vial-hero .light-hero-grid.home-hero-grid{grid-template:"copy visual"/minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:44px;min-height:0;padding-block:34px 30px}body .vial-hero .home-hero-copy{grid-area:copy;max-width:640px;padding:0}body .vial-hero .home-hero-copy .hero-customer-badge{width:fit-content;margin:0 0 12px}body .vial-hero .home-hero-copy h1{letter-spacing:-.035em;max-width:21ch;margin:13px 0 0;font-size:clamp(36px,3.5vw,49px);line-height:1.08}body .vial-hero .home-hero-copy .hero-description{max-width:54ch;margin-top:16px;font-size:16px;line-height:1.6}body .vial-hero .home-hero-copy .hero-actions{flex-direction:row;margin-top:21px;display:flex}body .vial-hero .home-hero-copy .hero-actions .button{min-height:48px;padding:13px 20px;font-size:14px}body .vial-hero .home-hero-copy .hero-note{text-align:left;margin-top:9px;font-size:9px}.home-hero-visual{grid-area:visual;min-width:0;padding:14px 0 28px;position:relative}.home-hero-molecule{opacity:.66;filter:saturate(.7);height:300px}.home-hero-molecule svg{width:100%;height:100%;display:block;overflow:visible}.home-hero-caption{text-align:center;color:#54717e;letter-spacing:.1em;margin-top:8px;font-size:9px;display:block}@media (min-width:701px) and (max-width:1000px){body .vial-hero .light-hero-grid.home-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:24px;padding-block:28px}body .vial-hero .home-hero-copy h1{font-size:36px}.home-hero-molecule{height:220px}}@media (max-width:700px){body .vial-hero .light-hero-grid.home-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy";gap:0;min-height:0;padding-block:23px 22px}body .vial-hero .home-hero-copy{max-width:none}body .vial-hero .home-hero-copy .hero-customer-badge,body .vial-hero .home-hero-copy>.overline,body .vial-hero .home-hero-copy .hero-note{display:none}body .vial-hero .home-hero-copy h1{letter-spacing:-.025em;max-width:24ch;margin:0;font-size:clamp(28px,7.7vw,33px);line-height:1.1}body .vial-hero .home-hero-copy .hero-description{max-width:48ch;margin-top:12px;font-size:14px;line-height:1.5}body .vial-hero .home-hero-copy .hero-actions{flex-direction:row;margin-top:16px;display:flex}body .vial-hero .home-hero-copy .hero-actions .button{justify-content:space-between;width:100%;min-height:48px;padding:12px 16px;font-size:14px}body .vial-hero .light-lab-background{opacity:.54}.home-hero-visual{display:none}}@media (max-width:359px){body .vial-hero .home-hero-copy h1{font-size:28px}body .vial-hero .home-hero-copy .hero-actions .button{padding-inline:13px;font-size:13px}}@media (min-width:901px){body .vial-hero{background:#f1f6f7}body .vial-hero .light-lab-background{background:0 0}body .vial-hero .light-hero-grid.home-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);column-gap:clamp(28px,3vw,56px);max-width:1120px;padding-block:32px}body .vial-hero .home-hero-visual{isolation:isolate;background:linear-gradient(90deg,#edf5f894,#edf5f82b 55%,#eaf3f600),url(/brand/light-laboratory.jpg) 74%/cover no-repeat;border:1px solid #d3e1e5;border-radius:10px;align-self:center;height:340px;padding:22px 20px 38px;overflow:hidden}body .vial-hero .home-hero-molecule{opacity:.95;filter:brightness(.8)saturate(.8);height:280px}body .vial-hero .home-hero-molecule svg{transform-origin:50%;transform:translate(-38px,-7px)rotate(-52deg)scale(1.2)}body .vial-hero .home-hero-molecule svg g[stroke]{stroke:#31778b;stroke-opacity:.7;stroke-width:2px}body .vial-hero .home-hero-caption{text-align:left;color:#355b6b;margin:0;font-size:10px;font-weight:600;position:absolute;inset:auto 20px 18px}}.home-flagship{color:#f5faf9;background:#103c49}.home-flagship .home-flagship-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"photo copy""photo links";align-content:center;column-gap:clamp(40px,7vw,100px);max-width:1120px;padding-block:24px;display:grid}.home-flagship-photo{background:radial-gradient(at 50% 42%,#fff 15%,#e4eeee 74%,#d8e6e7 100%);border-radius:7px;grid-area:photo;place-items:center;min-width:0;display:grid}.home-flagship-photo img{width:min(92%,256px);height:auto;display:block}.home-flagship-copy{grid-area:copy;align-self:end}.home-flagship h2,.home-about h2,.home-popular h2{margin:0;line-height:1.08}.home-flagship h2{color:#fff;font-size:clamp(38px,3.7vw,58px)}.home-flagship-copy p{color:#d0e2e6;max-width:46ch;margin:12px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.5}.home-flagship-links{flex-wrap:wrap;grid-area:links;align-self:start;gap:12px;margin-top:22px;display:flex}.home-flagship-links .button,.home-popular .button{white-space:normal;justify-content:space-between;align-items:center;gap:20px;min-height:46px;padding:10px 17px;font-size:15px;display:inline-flex}.home-flagship-links .button{color:#153d4a;background:#f4fbfc;border:1px solid #f4fbfc}.home-flagship-links .button+.button{color:#f0f6f7;background:0 0;border-color:#7499a4}.home-flagship-links .button:hover{color:#103c49;background:#d5eef0;border-color:#c1eaf0}.home-flagship-links .button+.button:hover{color:#fff;background:#235464;border-color:#c1eaf0}.home-about{background:#f5f9f9;border-bottom:1px solid #dbe5e9}.home-about .home-about-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(40px,7vw,100px);max-width:1120px;padding-block:clamp(28px,3.3vw,48px);display:grid}.home-about h2,.home-popular h2{color:#143747;font-size:clamp(29px,2.7vw,40px)}.home-about-copy p{color:#385561;max-width:58ch;margin:0;font-size:17px;line-height:1.55}.home-about-copy a{color:#12647a;align-items:center;gap:12px;margin-top:7px;padding-block:6px;font-weight:600;display:inline-flex}.home-about-copy a:hover{text-decoration:underline}.home-popular .home-popular-inner{max-width:1120px;padding-block:clamp(32px,4.4vw,62px)}.home-popular-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.home-popular .home-shop-all{color:#fff;background:#12647a;border:1px solid #12647a}.home-popular .home-shop-all:hover{background:#0c5061;border-color:#0c5061}.home-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.home-popular-card{color:#173b48;border-bottom:1px solid #ccdce1;grid-template-columns:1fr auto;align-content:start;height:100%;display:grid;position:relative}.home-popular-image{background:#f0f5f5;border-radius:5px;grid-column:1/-1;place-items:center;height:clamp(160px,17vw,225px);padding:12px;display:grid}.home-popular-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-width:100%;height:100%;min-height:0;display:block}.home-popular-product{padding:14px 4px 16px 0}.home-popular-product h3{margin:0;font-size:clamp(17px,1.4vw,21px);line-height:1.22}.home-popular-price{color:#315763;margin:5px 0 0;font-size:16px;line-height:1.35}.home-popular-arrow{color:#12647a;align-self:start;padding-top:15px;font-size:20px}.home-popular-card:hover h3{text-underline-offset:3px;text-decoration:underline}.home-popular-card:hover .home-popular-image{background:#e8f0f1}.home-flagship a:focus-visible,.home-popular a:focus-visible,.home-about a:focus-visible{outline-offset:4px;outline:2px solid #268ea2}.home-flagship a:focus-visible{outline-color:#b5e7ef}@media (max-width:700px){.home-flagship .home-flagship-inner{grid-template-columns:minmax(0,1fr) minmax(112px,32%);grid-template-areas:"copy photo""links links";align-items:center;gap:16px 14px;padding-block:23px}.home-flagship-photo{align-self:stretch;height:100%;min-height:128px}.home-flagship-photo img{width:min(100%,170px)}.home-flagship-copy{align-self:center}.home-flagship h2{font-size:clamp(30px,7.6vw,39px)}.home-flagship-copy p{margin-top:7px;font-size:15px;line-height:1.4}.home-flagship-links{grid-template-columns:1.15fr 1fr;gap:8px;margin:0;display:grid}.home-flagship-links .button{justify-content:center;gap:8px;padding-inline:8px;font-size:14px}.home-about .home-about-inner{grid-template-columns:1fr;gap:9px;padding-block:23px}.home-about h2,.home-popular h2{font-size:29px}.home-about-copy p{font-size:15px;line-height:1.48}.home-about-copy a{font-size:15px}.home-popular .home-popular-inner{padding-block:24px 32px}.home-popular-heading{align-items:center;gap:8px;margin-bottom:14px}.home-popular .home-shop-all{gap:8px;min-height:42px;padding:8px 11px;font-size:14px}.home-popular-grid{grid-template-columns:1fr;gap:0}.home-popular-card{grid-template-columns:72px minmax(0,1fr) 18px;align-items:center;gap:13px;padding-block:8px}.home-popular-image{grid-column:auto;height:68px;padding:3px}.home-popular-product,.home-popular-arrow{padding:0}.home-popular-arrow{align-self:center}.home-popular-price{font-size:15px}}
