.seal-ecoseal-use-cases{display:block;overflow:clip;scroll-margin-top:6rem;color:var(--color-foreground);background:var(--color-background);letter-spacing:0}.seal-ecoseal-use-cases *{box-sizing:border-box}.seal-ecoseal-use-cases__inner{width:100%;max-width:82rem;margin-inline:auto;padding-inline:max(1rem,var(--page-margin, 1rem))}.seal-ecoseal-use-cases.section--full-width .seal-ecoseal-use-cases__inner{max-width:none}.seal-ecoseal-use-cases__header{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:end;margin-block-end:3.25rem}.seal-ecoseal-use-cases__eyebrow{margin:0 0 .8rem;color:var(--color-primary);font-size:.76rem;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:uppercase}.seal-ecoseal-use-cases__heading{max-width:none;margin:0;color:var(--color-foreground-heading);font-family:var(--font-heading--family);font-size:4rem;font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);line-height:.98;letter-spacing:0}.seal-ecoseal-use-cases__layout{display:grid;grid-template-columns:minmax(22rem,.8fr) minmax(0,1fr);gap:4rem;align-items:start}.seal-ecoseal-use-cases__list{border-bottom:1px solid rgb(var(--color-foreground-rgb) / .16)}.seal-ecoseal-use-cases__item{position:relative;border-top:1px solid rgb(var(--color-foreground-rgb) / .16)}.seal-ecoseal-use-cases__item:before{content:"";position:absolute;inset:-1px auto auto 0;width:0;height:2px;background:var(--color-primary);transition:width .22s ease}.seal-ecoseal-use-cases__item.is-active:before{width:100%}.seal-ecoseal-use-cases__item-heading{margin:0}.seal-ecoseal-use-cases__trigger{display:grid;grid-template-columns:3.2rem minmax(0,1fr) 1.4rem;gap:1.1rem;align-items:center;width:100%;min-height:6.7rem;border:0;padding:1.35rem 0;color:inherit;background:transparent;text-align:left;cursor:pointer}.seal-ecoseal-use-cases__trigger:focus-visible{border-radius:4px;outline:0;box-shadow:inset 0 0 0 1px var(--color-primary)}.seal-ecoseal-use-cases__index{color:var(--color-primary);font-size:.86rem;font-weight:700;line-height:1}.seal-ecoseal-use-cases__label{display:grid;gap:.42rem}.seal-ecoseal-use-cases__title{color:var(--color-foreground-heading);font-family:var(--font-heading--family);font-size:2.25rem;font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);line-height:1.03;letter-spacing:0}.seal-ecoseal-use-cases__benefit{color:rgb(var(--color-foreground-rgb) / .7);font-family:var(--font-body--family);font-size:.95rem;font-weight:650;line-height:1.25}.seal-ecoseal-use-cases__mark{display:grid;place-items:center;width:1.25rem;height:1.25rem;color:var(--color-primary)}.seal-ecoseal-use-cases__mark svg{width:.9rem;height:.9rem}.seal-ecoseal-use-cases__mark :is(.horizontal,.vertical){transition:transform var(--animation-speed) var(--animation-easing);transform:rotate(0);transform-origin:50% 50%;opacity:1}.seal-ecoseal-use-cases__trigger[aria-expanded=true] .seal-ecoseal-use-cases__mark .horizontal{transform:rotate(90deg)}.seal-ecoseal-use-cases__trigger[aria-expanded=true] .seal-ecoseal-use-cases__mark .vertical{transform:rotate(90deg);opacity:0}.seal-ecoseal-use-cases__body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .26s ease,opacity .22s ease,padding-block-end .26s ease}.seal-ecoseal-use-cases__item.is-active .seal-ecoseal-use-cases__body{grid-template-rows:1fr;opacity:1;padding-block-end:1.35rem}.seal-ecoseal-use-cases__body-inner{overflow:hidden;max-width:33rem;padding-inline-start:4.3rem;color:rgb(var(--color-foreground-rgb) / .7);font-size:1rem;line-height:1.55}.seal-ecoseal-use-cases__body-inner p{margin-block:0 .7rem}.seal-ecoseal-use-cases__body-inner p:last-child{margin-block-end:0}.seal-ecoseal-use-cases__body-inner strong{color:var(--color-foreground);font-weight:720}.seal-ecoseal-use-cases__mobile-switcher{display:none}.seal-ecoseal-use-cases__stage{position:sticky;top:6rem;align-self:start}.seal-ecoseal-use-cases__media-stack{position:relative;min-height:37rem;overflow:hidden;border-radius:8px;background:rgb(var(--color-foreground-rgb) / .04);isolation:isolate}.seal-ecoseal-use-cases__media{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.025);transition:opacity .36s ease,transform .52s ease}.seal-ecoseal-use-cases__media.is-active{z-index:1;opacity:1;transform:scale(1)}.seal-ecoseal-use-cases__image,.seal-ecoseal-use-cases__placeholder,.seal-ecoseal-use-cases__placeholder svg{display:block;width:100%;height:100%}.seal-ecoseal-use-cases__image{object-fit:cover}.seal-ecoseal-use-cases__placeholder{background:rgb(var(--color-foreground-rgb) / .04)}.seal-ecoseal-use-cases__placeholder svg{opacity:.36}.seal-ecoseal-use-cases__empty{margin:0;color:rgb(var(--color-foreground-rgb) / .7)}@media(max-width:989px){.seal-ecoseal-use-cases__header{grid-template-columns:1fr;gap:1rem;margin-block-end:2.5rem}.seal-ecoseal-use-cases__heading{font-size:3.15rem}.seal-ecoseal-use-cases__layout{grid-template-columns:1fr;gap:2rem}.seal-ecoseal-use-cases__stage{position:relative;top:auto;order:-1}.seal-ecoseal-use-cases__media-stack{min-height:30rem}}@media(max-width:749px){.seal-ecoseal-use-cases__inner{padding-inline:1rem}.seal-ecoseal-use-cases__header{gap:.9rem;margin-block-end:1.55rem}.seal-ecoseal-use-cases__heading{font-size:2.12rem;line-height:1.02}.seal-ecoseal-use-cases__layout{display:grid;gap:1rem}.seal-ecoseal-use-cases__mobile-switcher{display:flex;gap:.45rem;order:2;width:auto;margin-inline:-1rem;margin-block:-.15rem 0;padding:.55rem 1rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:rgb(var(--color-background-rgb) / 1);border-block:1px solid rgb(var(--color-foreground-rgb) / .1);-webkit-overflow-scrolling:touch;scroll-padding-inline:1rem}.seal-ecoseal-use-cases__mobile-switcher::-webkit-scrollbar{display:none}.seal-ecoseal-use-cases__mobile-tab{display:inline-grid;flex:0 0 auto;grid-template-columns:auto minmax(0,auto);gap:.42rem;align-items:center;min-width:0;min-height:2.45rem;border:1px solid rgb(var(--color-foreground-rgb) / .16);border-radius:999px;padding:.48rem .78rem;color:rgb(var(--color-foreground-rgb) / .72);background:rgb(var(--color-foreground-rgb) / .04);font:inherit;line-height:1.1;text-align:left;cursor:pointer;scroll-snap-align:center;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.seal-ecoseal-use-cases__mobile-tab:last-child:nth-child(odd){grid-column:1 / -1}.seal-ecoseal-use-cases__mobile-tab:focus-visible{outline:0;box-shadow:0 0 0 2px var(--color-primary)}.seal-ecoseal-use-cases__mobile-tab.is-active{border-color:var(--color-primary-button-background);color:var(--color-primary-button-text);background:var(--color-primary-button-background)}.seal-ecoseal-use-cases__mobile-tab:active{transform:translateY(1px)}.seal-ecoseal-use-cases__mobile-tab-index{font-size:.7rem;font-weight:750}.seal-ecoseal-use-cases__mobile-tab-title{font-size:.8rem;font-weight:700;-webkit-hyphens:manual;hyphens:manual;line-height:1.14;overflow-wrap:normal;text-overflow:clip;white-space:nowrap}.seal-ecoseal-use-cases__stage{display:block;position:relative;top:auto;order:1}.seal-ecoseal-use-cases__media-stack{min-height:auto;aspect-ratio:4 / 3;margin-inline:-1rem;border-radius:8px}.seal-ecoseal-use-cases__media{transform:translate(1.2rem) scale(1.02)}.seal-ecoseal-use-cases__media.is-active{transform:translate(0) scale(1)}.seal-ecoseal-use-cases__list{order:3;border:0}.seal-ecoseal-use-cases:not(.is-ready) .seal-ecoseal-use-cases__mobile-switcher,.seal-ecoseal-use-cases:not(.is-ready) .seal-ecoseal-use-cases__stage{display:none}.seal-ecoseal-use-cases:not(.is-ready) .seal-ecoseal-use-cases__list{display:grid;gap:1.45rem}.seal-ecoseal-use-cases__item{border-top:0}.seal-ecoseal-use-cases:not(.is-ready) .seal-ecoseal-use-cases__item{border-top:1px solid rgb(var(--color-foreground-rgb) / .16)}.seal-ecoseal-use-cases__item:before{display:none}.seal-ecoseal-use-cases.is-ready .seal-ecoseal-use-cases__item-heading{display:none}.seal-ecoseal-use-cases.is-ready .seal-ecoseal-use-cases__item.is-active .seal-ecoseal-use-cases__item-heading{display:block;margin-block:.05rem 0}.seal-ecoseal-use-cases.is-ready .seal-ecoseal-use-cases__item.is-active .seal-ecoseal-use-cases__item-heading:before{content:"";display:block;width:100%;height:2px;margin-block-end:.85rem;background:var(--color-primary)}.seal-ecoseal-use-cases__trigger{grid-template-columns:minmax(0,1fr);gap:0;align-items:start;min-height:0;padding:0;cursor:default}.seal-ecoseal-use-cases__trigger:focus-visible{border-radius:6px;box-shadow:0 0 0 2px var(--color-primary)}.seal-ecoseal-use-cases__index{display:none}.seal-ecoseal-use-cases__label{gap:.35rem}.seal-ecoseal-use-cases__mark{display:none}.seal-ecoseal-use-cases__title{font-size:1.78rem;line-height:1.02}.seal-ecoseal-use-cases__benefit{font-size:.96rem;line-height:1.32}.seal-ecoseal-use-cases.is-ready .seal-ecoseal-use-cases__body{grid-template-rows:0fr;opacity:0;padding-block-end:0}.seal-ecoseal-use-cases.is-ready .seal-ecoseal-use-cases__item.is-active .seal-ecoseal-use-cases__body{grid-template-rows:1fr;opacity:1;padding-block-end:0}.seal-ecoseal-use-cases:not(.is-ready) .seal-ecoseal-use-cases__body{grid-template-rows:1fr;opacity:1;padding-block-end:1rem}.seal-ecoseal-use-cases__body-inner{max-width:none;padding-inline-start:0;font-size:.96rem;line-height:1.56}}@media(max-width:389px){.seal-ecoseal-use-cases__mobile-switcher{gap:.38rem;padding-inline:.85rem;scroll-padding-inline:.85rem}.seal-ecoseal-use-cases__mobile-tab{padding-inline:.66rem}.seal-ecoseal-use-cases__title{font-size:1.62rem}.seal-ecoseal-use-cases__body-inner{padding-inline-start:0}}@media(prefers-reduced-motion:no-preference)and (max-width:749px){.seal-ecoseal-use-cases__mobile-switcher,.seal-ecoseal-use-cases__stage,.seal-ecoseal-use-cases__list{animation:seal-ecoseal-use-cases-mobile-enter .56s cubic-bezier(.22,1,.36,1) both}.seal-ecoseal-use-cases__stage{animation-delay:70ms}.seal-ecoseal-use-cases__list{animation-delay:.12s}}@media(prefers-reduced-motion:no-preference){.seal-ecoseal-use-cases__header,.seal-ecoseal-use-cases__layout{animation:seal-ecoseal-use-cases-enter .62s cubic-bezier(.22,1,.36,1) both}.seal-ecoseal-use-cases__layout{animation-delay:90ms}}@media(prefers-reduced-motion:reduce){.seal-ecoseal-use-cases__item:before,.seal-ecoseal-use-cases__mark :is(.horizontal,.vertical),.seal-ecoseal-use-cases__body,.seal-ecoseal-use-cases__media,.seal-ecoseal-use-cases__mobile-tab{transition:none}}@keyframes seal-ecoseal-use-cases-enter{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes seal-ecoseal-use-cases-mobile-enter{0%{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/seal-ecoseal-use-cases.css.map */