.bw-tablet-story{display:block;position:relative;--bw-story-top: 100px;--bw-story-height: calc(100svh - var(--bw-story-top) - var(--bw-cart-bar-height, 80px));--bw-story-outro-height: 0px;--bw-story-outro-before: 160px;--bw-story-outro-after: 80px}.bw-tablet-feature,.bw-tablet-feature__intro-panel{position:relative;isolation:isolate;overflow:hidden;background-color:#dbe5cc;background-image:radial-gradient(ellipse at 32% 10%,#f9faf4 0%,rgb(249 250 244 / 90%) 25%,transparent 65%),radial-gradient(ellipse at 3% 92%,#cbdaba 0%,transparent 60%),linear-gradient(120deg,#f4f4e9 8%,#d9e4c9 48%,#79976d 82%,#365841)}.bw-tablet-feature:before,.bw-tablet-feature__intro-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:var(--bw-tablet-grain);background-repeat:repeat;background-size:512px 512px;opacity:.24;mix-blend-mode:multiply;pointer-events:none}.bw-tablet-feature,.bw-tablet-feature__intro-panel{background-size:100% var(--bw-story-scene-height, 100%);background-repeat:no-repeat}.bw-tablet-feature{background-position:0 calc(-1 * var(--bw-story-intro-height, 0px))}.bw-tablet-feature:before{background-position:0 calc(-1 * var(--bw-story-intro-height, 0px))}.bw-tablet-feature__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:center;gap:clamp(48px,7vw,112px);width:min(940px,calc(100% - 112px));min-height:clamp(520px,46vw,680px);margin-inline:auto;padding-block:80px}.bw-tablet-feature__steps{display:grid;gap:40px}.bw-tablet-feature__copy{border-top:1px solid currentColor;padding-top:18px}.bw-tablet-feature h3{margin-bottom:12px;font-size:var(--bw-text-card);line-height:1.12;letter-spacing:-.035em;text-wrap:auto}.bw-tablet-feature__description{max-width:35ch;font-size:var(--bw-text-body);line-height:1.45}.bw-tablet-feature__description>:last-child{margin-bottom:0}.bw-tablet-feature__pill{position:relative;z-index:1;justify-self:center;width:clamp(150px,14vw,200px);aspect-ratio:256 / 502;pointer-events:none}.bw-tablet-feature__pill :is(img,video){position:absolute;top:50%;left:50%;display:block;width:375%;max-width:none;height:auto;transform:translate(-50%,-50%)}.bw-tablet-feature__video{opacity:0}.bw-tablet-feature__pill[data-video-ready] .bw-tablet-feature__video{opacity:1}.bw-tablet-feature__pill[data-video-ready] .bw-tablet-feature__poster{opacity:0}.bw-tablet-feature__outro{padding:var(--bw-story-outro-before) 24px var(--bw-story-outro-after)}.bw .bw-tablet-feature__intro{margin:0;padding:48px 24px;text-align:center;font-family:var(--bw-serif);font-weight:300;font-size:clamp(36px,4.6vw,64px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.bw .bw-tablet-feature__tagline{max-width:26ch;margin:0 auto;text-align:center;font-family:var(--bw-serif);font-weight:300;font-size:clamp(44px,6.2vw,88px);line-height:1.02;letter-spacing:-.035em}.bw .bw-tablet-feature__tagline em{position:relative;isolation:isolate;display:inline-block;font:inherit;font-style:italic;letter-spacing:inherit;padding:0 .2em 0 0;margin-right:-.1em}.bw .bw-tablet-feature__tagline em:before{content:"";position:absolute;z-index:-1;left:.02em;right:.02em;top:41%;height:36%;background:#e1ecab;transform:skew(-12deg)}@media(max-width:749px){.bw-tablet-story{--bw-story-outro-before: 120px;--bw-story-outro-after: 66px}.bw-tablet-feature,.bw-tablet-feature__intro-panel{background-image:radial-gradient(ellipse at 16% 0%,#f9faf4 0%,rgb(249 250 244 / 75%) 20%,transparent 62%),radial-gradient(ellipse at 0% 100%,#f4f4e9 0%,#d9e4c9 35%,transparent 78%),linear-gradient(145deg,#eef1e3 8%,#abc49a 58%,#537954)}.bw-tablet-feature__layout{grid-template-columns:minmax(0,1fr);gap:40px;width:calc(100% - 48px);min-height:0;padding-block:26px 48px}.bw-tablet-feature__pill{grid-row:1;width:clamp(140px,36vw,180px);transform:translate(-8px)}.bw-tablet-feature__copy{width:100%;max-width:420px;justify-self:center;padding-top:16px}.bw-tablet-feature h3{font-size:var(--bw-text-card);margin-bottom:10px}.bw-tablet-feature__description{max-width:34ch;font-size:var(--bw-text-body)}.bw .bw-tablet-feature__intro{padding:32px 24px;font-size:clamp(30px,7.5vw,38px)}}.bw-tablet-story[data-animated]{height:calc(var(--bw-story-height) * 4.2 + var(--bw-story-outro-height) + var(--bw-story-intro-height, 0px))}.bw-tablet-story[data-animated] .bw-tablet-feature{position:sticky;top:var(--bw-story-top)}.bw-tablet-story[data-animated] .bw-tablet-feature__layout{height:var(--bw-story-height);min-height:0;padding-block:40px}.bw-tablet-story[data-animated] .bw-tablet-feature__steps{display:grid;gap:0;height:100%;align-self:stretch;align-items:start}.bw-tablet-story[data-animated] .bw-tablet-feature__copy{grid-area:1 / 1;opacity:0;will-change:transform,opacity}.bw-tablet-story[data-animated] .bw-tablet-feature__pill{width:clamp(130px,14vw,200px)}@media(max-width:749px){.bw-tablet-story[data-animated]{--bw-story-pill-width: clamp(100px, 26vw, 132px)}.bw-tablet-story[data-animated] .bw-tablet-feature__layout{grid-template-columns:minmax(0,1fr) var(--bw-story-pill-width);grid-template-rows:1fr;gap:20px;width:calc(100% - 40px);padding-block:24px}.bw-tablet-story[data-animated] .bw-tablet-feature__pill{grid-area:1 / 2;width:var(--bw-story-pill-width);align-self:center;transform:translate(-8px)}.bw-tablet-story[data-animated] .bw-tablet-feature__steps{grid-area:1 / 1}.bw-tablet-story[data-animated] .bw-tablet-feature h3{font-size:var(--bw-text-card)}.bw-tablet-story[data-animated] .bw-tablet-feature__description{font-size:var(--bw-text-body)}}@media(prefers-reduced-motion:reduce){.bw-tablet-story[data-animated]{height:auto}.bw-tablet-story[data-animated] .bw-tablet-feature{position:relative;top:auto;height:auto}.bw-tablet-story[data-animated] .bw-tablet-feature__steps{gap:40px}.bw-tablet-story[data-animated] .bw-tablet-feature__copy{grid-area:auto;opacity:1!important;transform:none!important;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/barrier-tablet-feature.css.map */