.autoseal-overview{display:block;background:#fff;color:#000}.autoseal-overview *,.autoseal-overview *:before,.autoseal-overview *:after{box-sizing:border-box}.autoseal-overview .as-wrap{width:min(100% - 80px,1600px);margin-inline:auto}.autoseal-overview .as-heading{font-family:var(--heading-font-family, inherit);font-weight:var(--heading-font-weight, 700);font-size:var(--text-h1, 48px);line-height:1.15;letter-spacing:-.02em;margin:0}.autoseal-overview .as-copy{font-size:var(--text-base, 16px);line-height:1.6;margin-top:20px}.autoseal-overview .as-copy p{margin:0}.autoseal-overview .as-video{margin-block:64px}.autoseal-overview .as-film{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:12px;background:#f6f6f6}.autoseal-overview .as-text{text-align:center;padding-block:72px 48px}.autoseal-overview .as-text .as-copy{max-width:1000px;margin-inline:auto}.autoseal-overview .as-steps{position:relative;margin-top:64px}.autoseal-overview .as-sticky{background:#fff;text-align:center}.autoseal-overview .as-step-heading{padding:20px 24px 10px}.autoseal-overview .as-step-heading .as-heading{max-width:80%;margin-inline:auto}.autoseal-overview .as-step-heading .as-copy{max-width:70%;margin:12px auto 0}.autoseal-overview .as-step-buttons{display:flex;justify-content:center;gap:12px;padding:12px}.autoseal-overview .as-step-buttons button{border:1px solid transparent;border-radius:100px;padding:10px 28px;background:#f1f2f5;color:#4b5563;font-weight:600;min-height:44px;cursor:pointer}.autoseal-overview .as-step-buttons button[aria-current=step]{background:#1a1a2e;color:#fff}.autoseal-overview button:focus-visible{outline:3px solid #005bd3;outline-offset:3px}.autoseal-overview .as-step-stage{padding:8px 16px 20px;display:grid;place-items:center}.autoseal-overview figure{margin:0}.autoseal-overview .as-step-stage figure{position:relative;width:min(92vw,520px);aspect-ratio:3 / 4}.autoseal-overview .as-step-stage img{width:100%;height:100%;object-fit:contain}.autoseal-overview .as-step-stage figcaption{position:absolute;bottom:12%;left:50%;transform:translate(-50%);width:max-content;max-width:90%;background:#ffffffd9;border-radius:40px;padding:5px 20px;font-weight:600}.autoseal-overview .as-steps.as-scroll{height:300vh}.autoseal-overview .as-scroll .as-sticky{position:sticky;top:var(--sticky-area-height, 0px);height:calc(100dvh - var(--sticky-area-height, 0px));display:flex;flex-direction:column}.autoseal-overview .as-scroll .as-step-stage{flex:1;min-height:0}.autoseal-overview .as-scroll .as-step-stage figure{height:100%;max-height:660px;width:auto;max-width:100%}.autoseal-overview .as-banner{position:relative}.autoseal-overview .as-banner picture,.autoseal-overview .as-banner img{display:block;width:100%;height:auto}.autoseal-overview .as-banner-copy{position:absolute;top:8%;left:10%;width:80%;text-align:center}.autoseal-overview .as-banner-copy .as-copy{max-width:950px;margin-inline:auto}.autoseal-overview .as-feature{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:12px;margin-block:20px;background:#f6f6f6}.autoseal-overview .as-feature-image img{display:block;width:100%;height:100%;object-fit:cover}.autoseal-overview .as-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,80px)}.autoseal-overview .as-feature-title{margin:0;font-size:var(--text-h2, 36px);line-height:1.2;font-weight:700}.autoseal-overview .as-feature-reverse .as-feature-image{order:2}.autoseal-overview .as-details{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(2,270px);gap:20px;margin-block:64px}.autoseal-overview .as-detail{position:relative;overflow:hidden;border-radius:12px;background:#f1f1f1}.autoseal-overview .as-detail-1,.autoseal-overview .as-detail-2{grid-row:span 2}.autoseal-overview .as-detail img{display:block;width:100%;height:100%;object-fit:cover}.autoseal-overview .as-detail figcaption{position:absolute;bottom:24px;left:24px;font-size:var(--text-h4, 24px);font-weight:700}.autoseal-overview .as-tips{background:#eee;padding-block:64px}.autoseal-overview .as-tips h2{text-align:center;margin-bottom:48px}.autoseal-overview .as-tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.autoseal-overview .as-tip-grid img{display:block;width:100%;height:auto;border-radius:12px}.autoseal-overview .as-tip-grid figcaption{margin-top:24px;line-height:1.6}@media(min-width:700px){.autoseal-overview .as-sticky{display:flex;flex-direction:column}.autoseal-overview .as-step-stage{padding:16px 32px 48px}.autoseal-overview .as-step-stage figure,.autoseal-overview .as-scroll .as-step-stage figure{width:min(520px,100%);height:100%;max-height:620px;aspect-ratio:auto}.autoseal-overview .as-step-stage figure:not([hidden]){display:flex;flex-direction:column;align-items:center}.autoseal-overview .as-step-stage img{width:100%;height:min(540px,calc(100dvh - var(--sticky-area-height, 0px) - 300px));flex:1 1 auto;min-height:0;object-fit:contain}.autoseal-overview .as-step-stage figcaption{position:static;transform:none;flex:0 0 auto;max-width:100%;padding:10px 32px;font-size:clamp(20px,2.4vw,32px);line-height:1.4;letter-spacing:.02em;color:#1a1a2e;background:#fff;border:1px solid #f0f2f5;box-shadow:0 2px 12px #0000000a}.autoseal-overview .as-step-buttons{order:3;flex:0 0 auto;width:min(960px,100%);margin-inline:auto;gap:32px;padding:8px 20px 24px}.autoseal-overview .as-step-buttons button{flex:1 1 0;min-width:0;min-height:70px;padding:12px 24px;font-size:clamp(18px,2.2vw,28px);letter-spacing:.02em;background:#f5f7fa;color:#5c6675}.autoseal-overview .as-step-buttons button[aria-current=step]{background:#1a1a2e;color:#fff;box-shadow:0 4px 12px -2px #1a1a2e33}.autoseal-overview .as-step-heading{order:1;flex:0 0 auto}.autoseal-overview .as-step-stage{order:2;display:flex;align-items:center;justify-content:center;padding:16px 32px 32px}.autoseal-overview .as-scroll .as-sticky{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.autoseal-overview .as-step-stage figure,.autoseal-overview .as-scroll .as-step-stage figure{width:min(640px,100%);box-sizing:border-box}.autoseal-overview .as-step-stage figure:not([hidden]){display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:8px}.autoseal-overview .as-step-stage figure{height:min(620px,calc(100dvh - 200px))}.autoseal-overview .as-scroll .as-step-stage figure{height:100%;min-height:0}.autoseal-overview .as-step-stage img{display:block;height:100%;min-width:0;min-height:0}.autoseal-overview .as-step-stage figcaption{width:fit-content;max-width:100%;padding:10px 24px;font-size:clamp(18px,1.5vw,26px)}}@media(max-width:999px){.autoseal-overview .as-feature{grid-template-columns:1fr}.autoseal-overview .as-feature-reverse .as-feature-image{order:0}.autoseal-overview .as-feature-copy{padding:32px}}@media(max-width:699px){.autoseal-overview .as-wrap{width:calc(100% - 32px)}.autoseal-overview .as-heading{font-size:clamp(26px,7vw,34px)}.autoseal-overview .as-video{margin-block:32px}.autoseal-overview .as-text{padding-block:40px 28px}.autoseal-overview .as-copy{font-size:15px;margin-top:16px}.autoseal-overview .as-step-heading{padding-inline:16px}.autoseal-overview .as-step-heading .as-heading,.autoseal-overview .as-step-heading .as-copy{max-width:100%}.autoseal-overview .as-step-heading .as-copy{font-size:14px;line-height:1.4}.autoseal-overview .as-step-buttons button{padding:8px 20px}.autoseal-overview .as-step-stage figcaption{font-size:13px}.autoseal-overview .as-banner-copy{top:6%;left:6%;width:88%}.autoseal-overview .as-banner-copy .as-copy{font-size:14px;line-height:1.5}.autoseal-overview .as-feature-title{font-size:26px}.autoseal-overview .as-details{grid-template-columns:1fr 1fr;grid-template-rows:280px 150px;gap:12px;margin-block:32px}.autoseal-overview .as-detail-1,.autoseal-overview .as-detail-2{grid-row:span 1}.autoseal-overview .as-detail figcaption{font-size:16px;left:12px;bottom:12px}.autoseal-overview .as-tips{padding-block:40px}.autoseal-overview .as-tips h2{margin-bottom:32px}.autoseal-overview .as-tip-grid{grid-template-columns:1fr;gap:32px}}@media(prefers-reduced-motion:reduce){.autoseal-overview .as-steps.as-scroll{height:auto}.autoseal-overview .as-scroll .as-sticky{position:static;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/13/compiled_assets/styles.css.map */