.brio-life{position:relative;isolation:isolate;overflow:hidden;background:#f7f5ef;color:#0a221b;scroll-margin-top:var(--brio-header-height,88px)}.brio-life.brio-life:after{content:none}.brio-life .brio-life-scene{padding:clamp(20px,2vw,28px) 0 clamp(24px,2vw,32px);background:#f7f5ef}.brio-life-heading{position:relative;z-index:2;width:min(1440px,calc(100% - 9vw));margin:0 auto clamp(16px,1.8vw,24px)}.brio-life-eyebrow{margin:0 0 13px!important;font:800 clamp(11px,.9vw,14px)/1.1 "DM Sans",Arial,sans-serif;letter-spacing:.24em}.brio-life-heading h2{max-width:1100px;margin:0;font:950 clamp(49px,5.1vw,82px)/.91 "DM Sans",Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase}.brio-life-heading-line{display:block;overflow:hidden;padding:.03em 0}.brio-life-heading-line>span{display:block}.brio-life-heading h2 em{color:#907000;font-style:normal}.brio-life-intro{max-width:680px;margin:12px 0 0!important;color:#365047;font-size:clamp(15px,1.14vw,20px);line-height:1.35}.brio-life-stage{position:relative;isolation:isolate;width:min(1540px,calc(100% - 4vw));height:clamp(430px,calc(100svh - var(--brio-header-height,88px) - 325px),650px);margin:auto;overflow:hidden;border-radius:22px;background:#0b241b;box-shadow:0 22px 65px #04190e33}.brio-life-panels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0b241b}.brio-life-card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--life-order);overflow:hidden;color:#fff;opacity:0;visibility:hidden;transform-origin:center center}.brio-life-card:first-child{opacity:1;visibility:visible}.brio-life-card:before{content:"";position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;background:var(--life-image) center center/cover no-repeat;filter:blur(22px) brightness(.55) saturate(.84);transform:scale(1.08)}.brio-life-card:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#02130feb,#02130fcc 27%,#02130f61 57%,#02130f21),linear-gradient(0deg,rgba(2,13,11,.25),transparent 37%)}.brio-life-card img{position:absolute;z-index:1;top:0;right:6%;width:auto;height:100%!important;max-width:none;aspect-ratio:1600/2133;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 100%)}.brio-life-card-copy{position:absolute;z-index:3;left:clamp(36px,6vw,110px);bottom:18%;width:min(46%,600px);text-shadow:0 2px 18px rgba(0,0,0,.32)}.brio-life-card-number{display:block;margin-bottom:12px;color:#ffe52a;font:800 13px/1 DM Sans,Arial,sans-serif;letter-spacing:.2em}.brio-life-card-copy h3{margin:0;font:950 clamp(66px,8.4vw,136px)/.82 "DM Sans",Arial,sans-serif;letter-spacing:-.065em;text-transform:uppercase}.brio-life-title-mask{display:block;overflow:hidden;padding:.08em 0}.brio-life-title-mask>span{display:block}.brio-life-card-copy>p{max-width:380px;margin:12px 0 0!important;color:#fff;font-size:clamp(18px,1.55vw,25px);line-height:1.18}.brio-life-card-handwritten{position:absolute;z-index:3;right:clamp(25px,5vw,88px);top:13%;max-width:190px;margin:0!important;color:#fff;font:600 clamp(26px,2.5vw,42px)/.92 "Caveat",cursive;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.55);transform:rotate(-7deg)}.brio-life-card-handwritten i{display:block;width:75%;height:3px;margin:8px auto 0;border-radius:9px;background:#ffe52a;transform:rotate(-5deg)}.brio-life-nav{position:absolute;z-index:8;left:clamp(36px,6vw,110px);bottom:24px;display:flex;align-items:center;gap:16px;padding-bottom:16px;color:#fff}.brio-life-nav button{-webkit-appearance:none;appearance:none;border:0;padding:4px 0;background:none;color:#ffffff8c;font:800 12px/1 DM Sans,Arial,sans-serif;letter-spacing:.12em;cursor:pointer;transition:color .2s}.brio-life-nav button.is-active,.brio-life-nav button:hover{color:#ffe52a}.brio-life-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff61}.brio-life-progress>span{display:block;width:100%;height:100%;background:#ffe52a;transform:scaleX(.25);transform-origin:left center}.brio-life-finale{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 24px;background:linear-gradient(135deg,#031810f5,#02110ded),var(--brio-life-foliage) center/cover no-repeat;color:#fff;text-align:center;opacity:0;visibility:hidden;pointer-events:none}.brio-life-finale-eyebrow{margin:0!important;color:#c7d4c9;font:800 11px/1.2 DM Sans,Arial,sans-serif;letter-spacing:.24em}.brio-life-finale h3{margin:0;font:950 clamp(46px,5vw,78px)/.94 "DM Sans",Arial,sans-serif;letter-spacing:-.05em;text-transform:uppercase}.brio-life-finale h3 em{color:#ffe52a;font-style:normal}.brio-life-benefits.brio-brand-benefits{justify-content:center;width:min(650px,100%);margin:5px 0 0}.brio-life-benefits .brio-brand-benefits__item{flex:1;min-width:0;color:#fff}.brio-life-cta{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:58px;padding:0 32px;border-radius:999px;background:#ffe52a;color:#102017!important;font:900 13px/1 DM Sans,Arial,sans-serif;letter-spacing:.04em;text-decoration:none!important;white-space:nowrap}.brio-life-cta .brio-icon{width:22px;height:22px;transition:transform .22s ease}.brio-life-cta:hover .brio-icon{transform:translate(5px)}.brio-life.is-life-animated .brio-life-finale{pointer-events:auto}@media(min-width:761px){.brio-life-card-copy{top:50%;bottom:auto;transform:translateY(-50%)}}@media(max-width:1100px)and (min-width:761px){.brio-life-heading h2{font-size:clamp(44px,5.8vw,64px)}.brio-life-card-copy{left:38px;width:50%;bottom:20%}.brio-life-card-copy h3{font-size:clamp(58px,8vw,90px)}.brio-life-nav{left:38px}.brio-life-nav-name{display:none}}@media(max-width:760px){.brio-life .brio-life-scene{padding:26px 0 42px}.brio-life-heading{width:calc(100% - 36px);margin-bottom:25px}.brio-life-eyebrow{margin-bottom:12px!important;font-size:10px}.brio-life-heading h2{font-size:clamp(36px,9.3vw,56px);line-height:.93}.brio-life-intro{max-width:510px;margin-top:12px!important;font-size:15px;line-height:1.35}.brio-life-stage{width:100%;height:auto;overflow:visible;border-radius:0;background:none;box-shadow:none}.brio-life-panels{position:relative;display:flex;gap:12px;inset:auto;height:clamp(440px,67svh,620px);padding:0 18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:18px;background:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.brio-life-panels::-webkit-scrollbar{display:none}.brio-life-card,.brio-life-card:first-child{position:relative;inset:auto;flex:0 0 88vw;max-width:540px;height:100%;border-radius:20px;opacity:1;visibility:visible;transform:none}.brio-life-card:before{display:none}.brio-life-card:after{background:linear-gradient(180deg,rgba(2,13,9,.12) 10%,transparent 38%,rgba(2,13,9,.07) 53%,rgba(2,13,9,.84) 100%)}.brio-life-card img{top:0;bottom:0;left:0;right:auto;width:100%;height:100%!important;aspect-ratio:auto;object-fit:cover;object-position:center center;-webkit-mask-image:none;mask-image:none}.brio-life-card--start img{object-position:center 57%}.brio-life-card--focus img{object-position:center 55%}.brio-life-card--move img{object-position:center 48%}.brio-life-card--live img{object-position:center 51%}.brio-life-card-copy{left:24px;right:20px;bottom:26px;width:auto}.brio-life-card-number{font-size:12px;margin-bottom:10px}.brio-life-card-copy h3{font-size:clamp(54px,14vw,86px)}.brio-life-card-copy>p{font-size:17px;margin-top:7px!important}.brio-life-card-handwritten{top:22px;right:20px;font-size:25px;max-width:150px}.brio-life-nav{position:relative;left:auto;bottom:auto;justify-content:space-between;width:calc(100% - 36px);max-width:540px;gap:0;margin:17px auto 0;padding:0 0 14px;color:#0a221b}.brio-life-nav button{flex:1;color:#52655b;font-size:14px;text-align:center}.brio-life-nav button.is-active,.brio-life-nav button:hover{color:#0b271c}.brio-life-nav-name{display:none}.brio-life-progress{height:3px;background:#ccd7cd}.brio-life-finale{position:relative;inset:auto;width:calc(100% - 36px);max-width:540px;min-height:340px;margin:27px auto 0;padding:38px 18px;border-radius:20px;opacity:1;visibility:visible;pointer-events:auto;gap:22px}.brio-life-finale h3{font-size:clamp(34px,8vw,51px)}.brio-life-benefits.brio-brand-benefits{margin:0}.brio-life-benefits .brio-brand-benefits__item{padding-inline:5px}.brio-life-cta{width:100%;min-height:56px;padding-inline:13px;gap:15px;font-size:12px}}@media(max-width:760px)and (prefers-reduced-motion:no-preference){.brio-life{z-index:4;margin-top:-20px;border-radius:24px 24px 0 0;box-shadow:0 -16px 32px #010c0826}.brio-life.is-life-mobile-animated .brio-life-card img{transform:scale(1.035);transition:transform .55s cubic-bezier(.2,.7,.2,1)}.brio-life.is-life-mobile-animated .brio-life-card.is-mobile-active img{transform:scale(1)}.brio-life.is-life-mobile-animated .brio-life-card-copy{opacity:.78;transform:translateY(7px);transition:opacity .4s ease,transform .45s ease}.brio-life.is-life-mobile-animated .brio-life-card.is-mobile-active .brio-life-card-copy{opacity:1;transform:translateY(0)}}@media(max-width:400px){.brio-life-heading h2{font-size:clamp(34px,9.3vw,39px)}.brio-life-panels{height:clamp(430px,64svh,540px)}.brio-life-card-handwritten{font-size:23px}}@media(min-width:761px)and (max-height:800px){.brio-life.is-life-animated .brio-life-scene{height:calc(100svh - var(--brio-header-height,88px));box-sizing:border-box;display:flex;flex-direction:column;padding:12px 0}.brio-life.is-life-animated .brio-life-heading{flex:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,34%);column-gap:24px;align-items:end;margin-bottom:12px}.brio-life.is-life-animated .brio-life-eyebrow{grid-column:1/-1;margin-bottom:6px!important}.brio-life.is-life-animated .brio-life-heading h2{grid-column:1;font-size:clamp(42px,4.2vw,64px);line-height:.91}.brio-life.is-life-animated .brio-life-intro{grid-column:2;align-self:end;max-width:370px;margin:0 0 8px!important;font-size:clamp(14px,1.2vw,17px)}.brio-life.is-life-animated .brio-life-stage{flex:1;min-height:0;height:auto;max-height:none}.brio-life.is-life-animated .brio-life-card-copy h3{font-size:clamp(58px,7vw,100px)}}@media(min-width:761px)and (max-height:700px){.brio-life-finale{gap:13px;padding:20px}.brio-life-finale h3{font-size:clamp(37px,4.4vw,60px)}}@media(prefers-reduced-motion:reduce){.brio-life-panels{scroll-behavior:auto}.brio-life-nav button,.brio-life-cta .brio-icon{transition:none}}@media(min-width:761px)and (prefers-reduced-motion:reduce){.brio-life-stage{height:auto;overflow:visible;background:none;box-shadow:none}.brio-life-panels{position:relative;display:grid;gap:18px;overflow:visible;background:none}.brio-life-card,.brio-life-card:first-child{position:relative;inset:auto;height:clamp(430px,45vw,630px);border-radius:20px;opacity:1;visibility:visible;transform:none}.brio-life-nav{display:none}.brio-life-finale{position:relative;inset:auto;min-height:380px;margin-top:18px;border-radius:20px;opacity:1;visibility:visible;pointer-events:auto}}.brio-life.is-life-static .brio-life-finale{opacity:1;visibility:visible;pointer-events:auto}@media(min-width:761px){.brio-life.is-life-static .brio-life-stage{height:auto;overflow:visible;background:none;box-shadow:none}.brio-life.is-life-static .brio-life-panels{position:relative;display:grid;gap:18px;overflow:visible;background:none}.brio-life.is-life-static .brio-life-card{position:relative;inset:auto;height:clamp(430px,45vw,630px);border-radius:20px;opacity:1;visibility:visible;transform:none}.brio-life.is-life-static .brio-life-nav{display:none}.brio-life.is-life-static .brio-life-finale{position:relative;inset:auto;min-height:380px;margin-top:18px;border-radius:20px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/brio-lifestyle.css.map */