.smb-science{font-family:var(--font-body)}.smb-science-hero{background:var(--green-midnight);padding:clamp(72px,10vw,130px) 0 clamp(64px,8vw,110px);position:relative;overflow:hidden}.smb-science-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--grid-line-opacity);background-image:repeating-linear-gradient(0deg,var(--grid-line) 0,var(--grid-line) 1px,transparent 1px,transparent var(--grid-cell)),repeating-linear-gradient(90deg,var(--grid-line) 0,var(--grid-line) 1px,transparent 1px,transparent var(--grid-cell))}.smb-science-hero .smb-science-hero-grid{-webkit-mask-image:linear-gradient(to bottom,black,black calc(100% - var(--grid-fade)),transparent);mask-image:linear-gradient(to bottom,black,black calc(100% - var(--grid-fade)),transparent)}.smb-science-faq .smb-science-hero-grid{-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--grid-fade));mask-image:linear-gradient(to bottom,transparent,black var(--grid-fade))}.smb-science-hero-inner{position:relative;z-index:var(--z-content);max-width:var(--page-width);margin:0 auto;padding:0 var(--page-gutter)}.smb-science-headline-grid{max-width:min(760px,70vw);margin-bottom:clamp(40px,5vw,64px)}.smb-science-h1{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-hero);line-height:.95;letter-spacing:-.03em;color:var(--cream-100);margin:0;opacity:0;animation:smb-rise var(--duration-slow) var(--ease-out) calc(1 * var(--stagger-step)) forwards}.smb-science-h1 .accent{position:relative;display:inline-block;color:var(--cream-on-dark);background-image:linear-gradient(var(--green-vivid),var(--green-vivid));background-repeat:no-repeat;background-position:0 92%;background-size:100% .13em}@media(min-width:1200px){.smb-science-headline-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);column-gap:clamp(40px,5vw,80px);align-items:end;max-width:none}.smb-science-headline-grid>.smb-science-hero-eyebrow{grid-column:1 / -1}.smb-science-headline-grid>.smb-science-hero-body{margin-top:0;max-width:46ch}}.smb-science-hero-body{font-family:var(--font-body);font-size:var(--font-size-lead);line-height:1.55;color:var(--green-sage);margin:22px 0 0;max-width:min(470px,62vw);opacity:0;animation:smb-rise var(--duration-slow) var(--ease-out) calc(2 * var(--stagger-step)) forwards}.smb-science-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--tint-brand);opacity:0;animation:smb-rise var(--duration-slow) var(--ease-out) calc(3 * var(--stagger-step)) forwards}@media(prefers-reduced-motion:reduce){.smb-science-h1,.smb-science-hero-body,.smb-science-nav{opacity:1!important;animation:none!important}.smb-science-hero-grid{animation:none!important}}.smb-science-nav-card{padding:clamp(20px,2.5vw,32px);border:none;cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);position:relative;display:flex;flex-direction:column;justify-content:flex-start}.smb-science-nav-card:not(:last-child){border-right:1px solid var(--tint-brand)}.smb-science-nav-card:hover{background:#ffffff0a!important}.smb-science-nav-card.active{box-shadow:inset 0 -3px 0 var(--green-vivid)}.smb-science-nav-title{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-h-md);letter-spacing:-.03em;color:var(--cream-100);margin-bottom:var(--space-2-5);line-height:1}.smb-science-nav-desc{font-family:var(--font-body);font-size:var(--font-size-eyebrow);line-height:1.55;color:var(--green-sage)}.smb-science-panels{background:var(--cream-100);min-height:70vh}@keyframes smb-sci-tab-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.smb-science-panel{animation:smb-sci-tab-in var(--duration-base) var(--ease-out) both}@media(prefers-reduced-motion:reduce){.smb-science-panel{animation:smb-sci-tab-in var(--duration-fast) var(--ease-standard) both}}.smb-science-band{padding:clamp(48px,6vw,80px) 0}.smb-science-band-inner{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-gutter)}.smb-science-pill{display:inline-block;font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-h-lg);letter-spacing:-.03em;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5-5)}.smb-science-band-p{font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.65;margin:0}.smb-science-band-media{aspect-ratio:16 / 9;max-height:420px;border-radius:var(--radius-xl);overflow:hidden;background:var(--cream-200)}.smb-science-band>.smb-science-band-inner>.smb-science-steps-head{margin-top:clamp(40px,5vw,64px)}@media(min-width:1024px){.smb-science-band>.smb-science-band-inner{display:grid;grid-template-columns:5fr 7fr;column-gap:clamp(32px,4vw,64px);align-items:center}.smb-science-band>.smb-science-band-inner>.smb-science-band-media{grid-column:1;grid-row:1;aspect-ratio:4 / 5;max-height:none}.smb-science-band>.smb-science-band-inner>.smb-science-steps-head{grid-column:2;grid-row:1;margin-top:0;margin-bottom:0}.smb-science-band>.smb-science-band-inner>.smb-science-steps-grid{grid-column:1 / -1;margin-top:clamp(40px,5vw,64px)}}.smb-science-band-label-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-3-5)}.smb-science-steps-section{padding:clamp(56px,7vw,96px) 0}.smb-science-steps-head{margin-bottom:var(--space-8)}.smb-science-steps-h2{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-h-lg);letter-spacing:-.03em;line-height:1.02;margin:0;max-width:24ch}.smb-science-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5-5)}.smb-science-step{border-top:1.5px solid currentColor;padding-top:var(--space-4-5)}.smb-science-step-num{font-family:var(--font-mono);font-weight:700;font-size:var(--label-size-md);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-3-5)}.smb-science-step-h3{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-lg);letter-spacing:-.02em;margin:0 0 var(--space-2-5)}.smb-science-step-p{font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.65;margin:0}.smb-science-banner{background:var(--cream-200);border-top:1px solid var(--cream-300);padding:clamp(32px,4vw,56px) 0}.smb-science-banner-inner{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-gutter);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-5)}.smb-science-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.smb-science-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--ink-900);background:var(--cream-100);border:1px solid var(--cream-300);border-radius:var(--radius-sm);padding:var(--space-1-5) var(--space-3-5)}.smb-science-tag svg{flex:none;color:var(--green-deep)}.smb-science-banner-note{font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.6;color:var(--ink-900);margin:0;max-width:50ch}.smb-science-compare{padding:clamp(56px,7vw,96px) 0}.smb-science-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--space-5)}.smb-science-compare-col{border-radius:var(--radius-lg);padding:clamp(24px,2.5vw,34px)}.smb-science-compare-col.is-standard{background:var(--cream-200);border:1px solid var(--cream-300)}.smb-science-compare-col.is-petfill{background:var(--green-deep)}.smb-science-compare-label{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-lg);letter-spacing:-.02em;margin-bottom:18px}.smb-science-compare-col.is-standard .smb-science-compare-label{color:var(--ink-900)}.smb-science-compare-col.is-petfill .smb-science-compare-label{color:var(--cream-100)}.smb-science-compare-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.smb-science-compare-list li{display:flex;align-items:flex-start;gap:var(--space-2-5);font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.55}.smb-science-compare-icon{flex:none;margin-top:2px}.smb-science-compare-col.is-standard .smb-science-compare-list li,.smb-science-compare-col.is-standard .smb-science-compare-icon{color:var(--color-muted)}.smb-science-compare-col.is-petfill .smb-science-compare-list li{color:var(--green-sage)}.smb-science-compare-col.is-petfill .smb-science-compare-icon{color:var(--green-vivid)}.smb-science-cooling{padding:clamp(56px,7vw,96px) 0}.smb-science-cooling-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}.smb-science-cooling-grid--nostat{grid-template-columns:1fr}.smb-science-cooling-stat{border-left:2px solid var(--green-vivid);padding-left:clamp(20px,3vw,32px)}.smb-science-cooling-stat-num{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-display);line-height:.9;letter-spacing:-.03em;color:var(--green-vivid)}.smb-science-cooling-stat-label{font-family:var(--font-mono);font-size:var(--label-size-lg);line-height:1.55;letter-spacing:.06em;text-transform:uppercase;color:var(--green-sage);margin-top:var(--space-4);max-width:30ch}.smb-science-faq{position:relative;overflow:hidden;background:var(--green-midnight);padding:clamp(56px,7vw,96px) 0}.smb-science-faq>.smb-science-band-inner{position:relative;z-index:var(--z-content)}.smb-science-faq-list{border-top:1px solid var(--tint-brand-strong)}.smb-science-faq-item{border-bottom:1px solid var(--tint-brand-strong)}.smb-science-faq-q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) 0;font-family:var(--font-heading);font-weight:700;font-size:var(--faq-question-size);letter-spacing:-.02em;color:var(--cream-100)}.smb-science-faq-q::-webkit-details-marker{display:none}.smb-science-faq-icon{flex:none;font-family:var(--font-body);font-weight:400;font-size:var(--font-size-2xl);line-height:1;color:var(--green-vivid);transition:transform var(--duration-fast) var(--ease-standard)}.smb-science-faq-item[open] .smb-science-faq-icon{transform:rotate(45deg)}.smb-science-faq-a{font-family:var(--font-body);font-size:var(--font-size-md);line-height:1.65;color:var(--green-sage);margin:0;padding:0 0 26px;max-width:68ch}@media(prefers-reduced-motion:reduce){.smb-science-faq-icon{transition:none}}@media(max-width:1024px){.smb-science-compare-label{font-size:var(--font-size-body)}.smb-science-headline-grid{max-width:none}.smb-science-hero-body{max-width:100%}.smb-science-steps-head{margin-bottom:var(--space-5-5)}.smb-science-steps-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.smb-science-compare-grid,.smb-science-cooling-grid{grid-template-columns:1fr}.smb-science-cooling-stat{order:-1;border-left:none;border-top:none;border-bottom:2px solid var(--green-vivid);padding-left:0;padding-bottom:var(--space-4-5);margin-bottom:var(--space-4-5)}.smb-science-band-media{max-height:240px}.smb-science-nav{grid-template-columns:1fr}.smb-science-nav-card:not(:last-child){border-right:none;border-bottom:1px solid var(--tint-brand)}.smb-science-problem-grid{grid-template-columns:1fr}.smb-science-hero{padding:var(--space-7) 0 var(--space-8)}.smb-science-step-h3{font-size:var(--font-size-body)}.smb-science-steps-grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--space-4-5);margin:0 -22px;padding:0 22px var(--space-4);scroll-padding-left:22px}.smb-science-steps-grid .smb-science-step{flex:0 0 78%;scroll-snap-align:start}.smb-science-banner-inner .smb-btn{box-shadow:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/page-science.css.map */