.flipside-about{position:relative;min-height:100vh;overflow:hidden;background:#111}.flipside-about__wave-top{position:absolute;top:0;left:0;width:100%;height:140px;z-index:10;line-height:0;pointer-events:none}.flipside-about__wave-top svg{display:block;width:100%;height:100%}.flipside-about__video-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.flipside-about__video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.05);transform-origin:center center;transition:transform .1s linear;will-change:transform}.flipside-about__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.65) 35%,rgba(0,0,0,.25) 60%,rgba(0,0,0,.05) 80%,transparent 100%)}.flipside-about__cans{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden}.flipside-about__float-can{position:absolute;height:auto;will-change:transform}.flipside-about__float-can--1{width:110px;top:8%;left:-40px;transform:rotate(115deg);filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));opacity:1;animation:canFly1 10s ease-in-out infinite}.flipside-about__float-can--2{width:85px;top:12%;right:-20px;transform:rotate(-50deg);filter:blur(1.5px) drop-shadow(0 6px 14px rgba(0,0,0,.4));opacity:.8;animation:canFly2 13s ease-in-out infinite}.flipside-about__float-can--3{width:65px;bottom:18%;left:-10px;transform:rotate(195deg);filter:blur(4px) drop-shadow(0 4px 10px rgba(0,0,0,.3));opacity:.55;animation:canFly3 11s ease-in-out infinite}.flipside-about__float-can--4{width:100px;bottom:0%;right:-15px;z-index:100;transform:rotate(-22deg);filter:blur(2px) drop-shadow(0 6px 16px rgba(0,0,0,.4));opacity:1;animation:canFly4 9s ease-in-out infinite}@keyframes canFly1{0%,to{transform:rotate(115deg) translate(0)}30%{transform:rotate(124deg) translate(10px,-16px)}65%{transform:rotate(108deg) translate(-6px,10px)}}@keyframes canFly2{0%,to{transform:rotate(-50deg) translate(0)}40%{transform:rotate(-62deg) translate(-12px,14px)}70%{transform:rotate(-42deg) translate(8px,-8px)}}@keyframes canFly3{0%,to{transform:rotate(195deg) translate(0)}35%{transform:rotate(206deg) translate(14px,-10px)}70%{transform:rotate(188deg) translate(-8px,8px)}}@keyframes canFly4{0%,to{transform:rotate(-22deg) translate(0)}45%{transform:rotate(-32deg) translate(-10px,-12px)}75%{transform:rotate(-14deg) translate(12px,8px)}}.flipside-about__content{position:relative;z-index:6;min-height:100vh;display:flex;align-items:center;padding:160px 0 180px}.flipside-about__text{max-width:560px;margin-left:60px;padding:48px 52px;position:relative;background:#0000008c;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-left:4px solid #ff9edb;border-top:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);border-radius:0 16px 16px 0;box-shadow:inset 4px 0 24px #ff9edb14,0 24px 60px #00000080}.flipside-about__text:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#ff9edb 0%,rgba(255,158,219,.4) 50%,transparent 100%)}.flipside-about__text:after{content:"";position:absolute;top:20%;left:-2px;width:4px;height:60%;background:#ff9edb;border-radius:2px;animation:borderGlow 3s ease-in-out infinite;filter:blur(6px)}@keyframes borderGlow{0%,to{opacity:.4;height:60%;top:20%}50%{opacity:1;height:75%;top:12%}}.flipside-about__subheading{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.32em;color:#ff9edb;margin:0 0 1rem;display:inline-block;background:#ff9edb26;border:1px solid rgba(255,158,219,.35);padding:4px 12px;border-radius:999px}.flipside-about__heading{font-size:clamp(3.5rem,7vw,7.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.88;color:#fff;margin:0 0 1.5rem;text-shadow:0 2px 30px rgba(0,0,0,.4)}.flipside-about__body{font-size:.98rem;line-height:1.8;color:#ffffffd9;max-width:440px}.flipside-about__body p{margin:0 0 1rem}.flipside-about__body p:last-child{margin-bottom:0}.flipside-about__signature{margin-top:1.75rem;font-size:1rem;font-style:italic;color:#fff9}.flipside-about__mobile-video-wrap{display:contents}.flipside-about__badge{position:absolute;top:22px;right:48px;width:130px;height:130px;z-index:10;animation:badgeSpin 18s linear infinite;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.flipside-about__badge-img,.flipside-about__badge-default{width:100%;height:100%;object-fit:contain}.flipside-about__badge-default svg{width:100%;height:100%}@keyframes badgeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flipside-about__diagonal{position:absolute;bottom:-3px;left:0;width:100%;height:120px;z-index:9;pointer-events:none;background:var(--diagonal-color, #8fdccd);clip-path:polygon(0 100%,100% 100%,100% 0)}[data-about-reveal]{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}[data-about-reveal].is-revealed{opacity:1;transform:translateY(0)}[data-about-badge]{opacity:0;transform:scale(.7) rotate(-20deg);transition:opacity .7s cubic-bezier(.22,1,.36,1) .4s,transform .7s cubic-bezier(.34,1.56,.64,1) .4s}[data-about-badge].is-revealed{opacity:1;transform:scale(1) rotate(0)}@media screen and (max-width:989px){.flipside-about__text{margin-left:40px;padding:40px 44px;max-width:520px}.flipside-about__badge{width:100px;height:100px;top:130px;right:32px}.flipside-about__float-can--1{width:85px}.flipside-about__float-can--2{width:65px}.flipside-about__float-can--3{width:50px}.flipside-about__float-can--4{width:70px}}@media screen and (max-width:749px){.flipside-about{min-height:auto;background-color:var(--flipside-about-bg, #ff9edb);display:flex;flex-direction:column}.flipside-about__wave-top{position:relative;top:auto;height:70px;margin-top:-2px;order:0;z-index:2}.flipside-about__cans{z-index:3}.flipside-about__float-can--1{width:60px;top:4%}.flipside-about__float-can--2{width:50px}.flipside-about__float-can--3,.flipside-about__float-can--4{display:none}.flipside-about__content{position:relative;min-height:auto;padding:32px 0 40px;align-items:flex-start;order:1;z-index:4}.flipside-about__text{margin:0 20px;padding:0;max-width:100%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;border-radius:0}.flipside-about__text:before,.flipside-about__text:after{display:none}.flipside-about__heading{font-size:clamp(2.8rem,11vw,4rem);color:#111;text-shadow:none}.flipside-about__subheading{color:#111;background:#0000001f;border-color:#0003}.flipside-about__body{color:#1f1f1f}.flipside-about__signature{color:#0000008c}.flipside-about__mobile-video-wrap{display:block;position:relative;order:2;width:100%;margin-top:40px;padding-bottom:48px;background:var(--diagonal-color, #8fdccd)}.flipside-about__video-bg{position:relative;inset:auto;width:100%;height:300px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}.flipside-about__scrim{display:none}.flipside-about__video{transform:none!important;transition:none!important;width:100%;height:100%;object-fit:cover}.flipside-about__badge{position:absolute;top:-40px;left:24px;right:auto;width:80px;height:80px;z-index:10}.flipside-about__diagonal{display:none}}@media(prefers-reduced-motion:reduce){.flipside-about__float-can,.flipside-about__badge{animation:none!important}.flipside-about__video{transform:none!important;transition:none!important}[data-about-reveal],[data-about-badge]{opacity:1!important;transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/flipside-about.css.map */