.science-grid{--sg-radius: 2px;--sg-ease: cubic-bezier(.16, 1, .3, 1);background:var(--sg-bg, #0a0a0a);color:var(--sg-text, #f5f5f0);padding:clamp(64px,9vw,128px) clamp(20px,5vw,64px);font-family:-apple-system,Inter,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.science-grid__inner{max-width:1280px;margin:0 auto}.science-grid__header{max-width:620px;margin-bottom:clamp(40px,6vw,72px);opacity:0;transform:translateY(18px);transition:opacity .9s var(--sg-ease),transform .9s var(--sg-ease)}.science-grid__header.is-visible{opacity:1;transform:translateY(0)}.science-grid__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sg-accent, #e2472b)}.science-grid__eyebrow-dash{display:inline-block;width:18px;height:1.5px;background:currentColor}.science-grid__heading{margin:0 0 20px;font-size:clamp(30px,4.4vw,48px);line-height:1.08;font-weight:700;letter-spacing:-.02em;color:var(--sg-text, #f04a20)}.science-grid__body{font-size:clamp(15px,1.2vw,17px);line-height:1.6;color:var(--sg-muted, #9a9a94)}.science-grid__body p{margin:0}.science-grid__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sg-border, #242420);border-left:1px solid var(--sg-border, #242420)}.science-grid__card{position:relative;padding:36px 32px 32px;border-right:1px solid var(--sg-border, #242420);border-bottom:1px solid var(--sg-border, #242420);display:flex;flex-direction:column;min-height:240px;isolation:isolate;opacity:0;transform:translateY(24px);transition:opacity .8s var(--sg-ease),transform .8s var(--sg-ease),background-color .5s ease;transition-delay:var(--sg-delay, 0ms)}.science-grid__card.is-visible{opacity:1;transform:translateY(0)}.science-grid__glow{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:radial-gradient(240px circle at var(--sg-mx, 50%) var(--sg-my, 50%),color-mix(in srgb,var(--sg-accent, #e2472b) 14%,transparent),transparent 70%);transition:opacity .35s ease}.science-grid__card:hover .science-grid__glow{opacity:1}.science-grid__card:hover{background-color:#ffffff04}.science-grid__card-top{margin-bottom:26px;min-height:16px}.science-grid__tag{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sg-muted, #9a9a94);opacity:.7}.science-grid__card-title{margin:0 0 12px;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--sg-text, #f5f5f0)}.science-grid__card-desc{margin:0;font-size:14px;line-height:1.6;color:var(--sg-muted, #9a9a94);flex-grow:1}.science-grid__card-bottom{margin-top:28px}.science-grid__link{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sg-text, #f5f5f0);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .3s ease,border-color .3s ease}.science-grid__link:hover{color:var(--sg-accent, #e2472b);border-color:color-mix(in srgb,var(--sg-accent, #e2472b) 60%,transparent)}.science-grid__link-arrow{transition:transform .35s var(--sg-ease)}.science-grid__link:hover .science-grid__link-arrow{transform:translate(4px)}.science-grid__soon{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sg-muted, #9a9a94);opacity:.55}.science-grid__card--soon .science-grid__card-title,.science-grid__card--soon .science-grid__card-desc{opacity:.55}.science-grid__card--soon:hover .science-grid__glow{opacity:.4}@media(max-width:900px){.science-grid__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.science-grid{padding-left:16px;padding-right:16px}.science-grid__grid{grid-template-columns:1fr}.science-grid__card{min-height:unset;padding:28px 4px 26px}.science-grid__heading{font-size:28px}}@media(prefers-reduced-motion:reduce){.science-grid__header,.science-grid__card{transition:none!important;opacity:1!important;transform:none!important}.science-grid__link-arrow{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-science-grid.css.map */
