temperd-animated-benefits{display:block;isolation:isolate;overflow:hidden;text-align:left}temperd-animated-benefits h2,temperd-animated-benefits h3,temperd-animated-benefits p{font-family:inherit;text-transform:none}temperd-animated-benefits img{max-width:none}temperd-animated-benefits *{box-sizing:border-box}temperd-animated-benefits{margin:0;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}temperd-animated-benefits .page{width:100%;max-width:1920px;margin:auto;padding:46px 96px 58px}temperd-animated-benefits header{height:58px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #dedee2}temperd-animated-benefits header img{width:122px;height:auto;opacity:.9}temperd-animated-benefits header span{font-size:17px;font-weight:500;color:#6e6e73;margin-top:3px}temperd-animated-benefits .intro{padding:52px 0 42px;display:flex;justify-content:space-between;align-items:flex-end;gap:60px}temperd-animated-benefits .kicker{font-size:19px;font-weight:600;color:#6e6e73;margin:0 0 15px;letter-spacing:-.01em}temperd-animated-benefits h2{font-size:63px;line-height:1.05;font-weight:600;letter-spacing:-.045em;margin:0;max-width:1200px}temperd-animated-benefits .intro .detail{font-size:19px;color:#6e6e73;max-width:270px;line-height:1.45;text-align:right;margin:0 0 5px}temperd-animated-benefits .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}temperd-animated-benefits .card{min-width:0;height:610px;border-radius:30px;background:#fff;overflow:hidden;position:relative;box-shadow:0 5px 20px #1d1d1f03}temperd-animated-benefits .copy{position:relative;z-index:3;padding:34px 32px 0}temperd-animated-benefits .tag{font-size:16px;font-weight:500;letter-spacing:-.018em;color:#6e6e73;margin:0 0 14px;line-height:1.3}temperd-animated-benefits h3{font-size:39px;font-weight:600;line-height:1.06;letter-spacing:-.043em;margin:0 0 19px;min-height:83px}temperd-animated-benefits .description{font-size:20px;line-height:1.42;letter-spacing:-.018em;color:#6e6e73;margin:0;max-width:330px}temperd-animated-benefits .art{position:absolute;left:0;right:0;bottom:0;height:320px;overflow:hidden;isolation:isolate}temperd-animated-benefits .art img{width:100%;height:100%;object-fit:cover;display:block}temperd-animated-benefits .art:after{content:"";position:absolute;left:0;right:0;top:0;height:88px;background:linear-gradient(#fff,#fff0);pointer-events:none;z-index:2}temperd-animated-benefits .cooling .art{height:338px}temperd-animated-benefits .cooling .art img{object-position:56% 50%;opacity:.87}temperd-animated-benefits .zero{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:160px;line-height:1;letter-spacing:-.07em;color:#203a49;padding-bottom:6px}temperd-animated-benefits .zero span{font-size:67px;align-self:center;transform:translateY(-42px);letter-spacing:-.065em;margin-left:5px}temperd-animated-benefits .design .art{height:335px}temperd-animated-benefits .design .art img{object-position:60% 75%}temperd-animated-benefits .control .art{height:360px}temperd-animated-benefits .control .art img{height:100%;object-position:center}temperd-animated-benefits .durability .art{height:335px}temperd-animated-benefits .durability .art img{position:absolute;width:135%;height:135%;left:-27%;top:-18%;object-position:60% 52%}temperd-animated-benefits .fineprint{display:flex;justify-content:space-between;gap:40px;color:#818187;font-size:14px;line-height:1.45;margin-top:24px;letter-spacing:-.005em}temperd-animated-benefits .fineprint p{margin:0}temperd-animated-benefits .signature{margin:30px 0 0;font-size:17px;font-weight:500;color:#6e6e73;letter-spacing:-.012em}@media(max-width:1250px){temperd-animated-benefits .page{padding:36px 48px}temperd-animated-benefits .intro{gap:35px}temperd-animated-benefits h2{font-size:48px}temperd-animated-benefits .intro .detail{font-size:16px}temperd-animated-benefits .grid{gap:15px}temperd-animated-benefits .card{height:530px;border-radius:24px}temperd-animated-benefits .copy{padding:27px 24px 0}temperd-animated-benefits .tag{font-size:13px}temperd-animated-benefits h3{font-size:31px;min-height:66px}temperd-animated-benefits .description{font-size:16px}temperd-animated-benefits .art,temperd-animated-benefits .cooling .art,temperd-animated-benefits .design .art,temperd-animated-benefits .control .art,temperd-animated-benefits .durability .art{height:285px}temperd-animated-benefits .zero{font-size:130px}temperd-animated-benefits .zero span{font-size:53px;transform:translateY(-34px)}}@media(max-width:960px){temperd-animated-benefits .page{padding:24px}temperd-animated-benefits .intro{padding:36px 0 28px;display:block}temperd-animated-benefits .intro .detail{display:none}temperd-animated-benefits h2{font-size:43px;max-width:570px}temperd-animated-benefits .kicker{font-size:16px}temperd-animated-benefits .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}temperd-animated-benefits .card{height:540px}temperd-animated-benefits .copy{padding:30px}temperd-animated-benefits .tag{font-size:14px}temperd-animated-benefits h3{font-size:34px}temperd-animated-benefits .description{font-size:18px}temperd-animated-benefits .fineprint{display:block;font-size:12px}temperd-animated-benefits .fineprint p{margin-bottom:5px}}@media(max-width:530px){temperd-animated-benefits .page{padding:22px 17px}temperd-animated-benefits header{height:45px}temperd-animated-benefits header img{width:97px}temperd-animated-benefits header span{font-size:13px}temperd-animated-benefits .intro{padding:29px 5px}temperd-animated-benefits .kicker{font-size:14px;margin-bottom:10px}temperd-animated-benefits h2{font-size:34px;line-height:1.05;max-width:330px}temperd-animated-benefits .grid{gap:12px}temperd-animated-benefits .card{height:350px;border-radius:21px}temperd-animated-benefits .copy{padding:20px 16px 0}temperd-animated-benefits .tag{font-size:10px;line-height:1.35;margin-bottom:11px;min-height:27px}temperd-animated-benefits h3{font-size:23px;line-height:1.07;min-height:50px;margin-bottom:12px;letter-spacing:-.04em}temperd-animated-benefits .description{font-size:12px;line-height:1.4}temperd-animated-benefits .art,temperd-animated-benefits .cooling .art,temperd-animated-benefits .design .art,temperd-animated-benefits .control .art,temperd-animated-benefits .durability .art{height:152px}temperd-animated-benefits .art:after{height:42px}temperd-animated-benefits .zero{font-size:79px;padding-top:6px}temperd-animated-benefits .zero span{font-size:32px;transform:translateY(-20px);margin-left:3px}temperd-animated-benefits .control .art img{height:157px;bottom:-23px}temperd-animated-benefits .signal{width:46px;height:36px;left:calc(50% - 23px);top:4px}temperd-animated-benefits .seam{height:26px;top:70px}temperd-animated-benefits .fineprint{font-size:10px;margin:18px 5px 0}temperd-animated-benefits .signature{font-size:12px;margin:19px 5px 0}}@media(prefers-reduced-motion:reduce){temperd-animated-benefits *{animation:none!important}}@font-face{font-family:TemperdBenefitsArchivo;src:url(trh-archivo-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}temperd-animated-benefits .zero{top:40%;font-family:TemperdBenefitsArchivo,sans-serif;font-weight:700;font-size:148px;letter-spacing:0;color:#fff;padding-bottom:0}temperd-animated-benefits .zero>span{font-family:inherit;font-weight:700;font-size:.4em;letter-spacing:0;transform:translateY(-.65em);margin-left:.035em}temperd-animated-benefits .art .motion-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;display:block;opacity:0}temperd-animated-benefits .art.motion-ready .motion-canvas{opacity:1}temperd-animated-benefits .art.motion-ready>img{visibility:hidden}temperd-animated-benefits .cooling .art.motion-ready .zero{visibility:hidden}temperd-animated-benefits .design .art img{position:absolute;width:140%;height:140%;left:-20%;top:-18%;object-position:50% 50%}temperd-animated-benefits .control .art img{height:100%;bottom:auto}@media(max-width:1250px){temperd-animated-benefits .zero{font-size:120px}temperd-animated-benefits .zero>span{font-size:.4em;transform:translateY(-.65em)}}@media(max-width:530px){temperd-animated-benefits .zero{font-size:72px;padding-top:6px}temperd-animated-benefits .zero>span{font-size:.4em;transform:translateY(-.65em);margin-left:.035em}}temperd-animated-benefits h2,temperd-animated-benefits h3{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif!important;font-weight:600!important}temperd-animated-benefits .filtration .art{height:338px}temperd-animated-benefits .filtration .art img{position:absolute;bottom:0;width:100%;height:auto;object-fit:contain}@media(max-width:1250px){temperd-animated-benefits .filtration .art{height:285px}}@media(max-width:530px){temperd-animated-benefits .filtration .art{height:152px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/temperd-animated-benefits.css.map */