.sci{--sci-slate: #3c4a59;--sci-bg: #f3f0eb;display:block;background:var(--sci-bg);padding:clamp(38px,6vw,72px) 20px;font-family:Inter,system-ui,sans-serif;color:var(--sci-slate)}.sci-inner{max-width:1120px;margin:0 auto}.sci-head{text-align:center;margin:0 auto clamp(24px,4vw,40px);max-width:640px}.sci-eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8a97a3;margin:0 0 10px}.sci-title{font-family:Comfortaa,cursive;font-weight:700;font-size:clamp(26px,4vw,40px);line-height:1.15;margin:0 0 12px;color:var(--sci-slate)}.sci-lead{font-size:clamp(15px,1.6vw,17px);line-height:1.6;color:#5d6b78;margin:0}.sci-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sci-cell{margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 30px -18px #28374659}.sci-cell img{display:block;width:100%;height:auto}.sci-lockup{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:clamp(30px,4vw,46px);flex-wrap:wrap}.sci-wordmark{font-family:Comfortaa,cursive;font-weight:700;font-size:clamp(26px,3.4vw,34px);color:var(--sci-slate);letter-spacing:.01em}.sci-divider{width:1px;height:30px;background:#c3ccd3}.sci-tagline{font-family:Comfortaa,cursive;font-weight:500;font-size:clamp(15px,1.8vw,19px);color:#5d6b78}@media(max-width:820px){.sci-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.sci-grid{grid-template-columns:1fr;gap:12px}.sci-lockup{gap:12px;flex-direction:column}.sci-divider{display:none}}.sci.js-anim .sci-head,.sci.js-anim .sci-cell,.sci.js-anim .sci-lockup{opacity:0}.sci.js-anim.play .sci-head{animation:sciFade .6s ease-out both}.sci.js-anim.play .sci-lockup{animation:sciFade .6s ease-out both;animation-delay:.6s}.sci.js-anim.play .sci-cell{animation:sciIn .62s cubic-bezier(.2,.72,.3,1) both}.sci.js-anim.play .sci-cell:nth-child(1){animation-delay:.12s}.sci.js-anim.play .sci-cell:nth-child(2){animation-delay:.21s}.sci.js-anim.play .sci-cell:nth-child(3){animation-delay:.3s}.sci.js-anim.play .sci-cell:nth-child(4){animation-delay:.39s}.sci.js-anim.play .sci-cell:nth-child(5){animation-delay:.48s}.sci.js-anim.play .sci-cell:nth-child(6){animation-delay:.57s}@keyframes sciIn{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes sciFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sci.js-anim .sci-head,.sci.js-anim .sci-cell,.sci.js-anim .sci-lockup{opacity:1!important;animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-hydroxyl-science.css.map */