.db-showcase{position:relative;background:var(--db-ink);color:var(--db-foam);min-height:340vh}.db-showcase__depth{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;pointer-events:none;background:radial-gradient(120% 90% at 50% -10%,#021c4a00,#000714f2)}.db-showcase__stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.db-showcase__stage .db-bubbles{z-index:1}.db-showcase .db-bubbles span{border-color:#f4f7f899;border-width:2px;background:radial-gradient(circle at 32% 28%,rgba(244,247,248,.24),rgba(159,209,255,.06) 58%,transparent 72%);box-shadow:0 0 14px #9fd1ff47,inset 0 0 8px #f4f7f833}.db-showcase .db-bubbles span:nth-child(1){width:1.4rem;height:1.4rem}.db-showcase .db-bubbles span:nth-child(2){width:1rem;height:1rem}.db-showcase .db-bubbles span:nth-child(3){width:2.2rem;height:2.2rem}.db-showcase .db-bubbles span:nth-child(4){width:1.2rem;height:1.2rem}.db-showcase .db-bubbles span:nth-child(5){width:1.7rem;height:1.7rem}.db-showcase .db-bubbles span:nth-child(6){width:1rem;height:1rem}.db-showcase .db-bubbles span:nth-child(7){left:15%;width:1.5rem;height:1.5rem;animation-duration:12s;animation-delay:.6s}.db-showcase .db-bubbles span:nth-child(8){left:33%;width:2.4rem;height:2.4rem;animation-duration:15s;animation-delay:2.4s}.db-showcase .db-bubbles span:nth-child(9){left:52%;width:1.1rem;height:1.1rem;animation-duration:10s;animation-delay:1.3s}.db-showcase .db-bubbles span:nth-child(10){left:69%;width:2.8rem;height:2.8rem;animation-duration:16s;animation-delay:3.6s}.db-showcase .db-bubbles span:nth-child(11){left:84%;width:1.6rem;height:1.6rem;animation-duration:13s;animation-delay:.9s}.db-showcase .db-bubbles span:nth-child(12){left:96%;width:1.9rem;height:1.9rem;animation-duration:14s;animation-delay:5s}.db-showcase__fish{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.db-showcase__fishy{position:absolute;left:-16rem;top:var(--ft, 50%);display:block;width:var(--fw, 8rem);color:var(--fc, rgba(159, 209, 255, .14));animation:db-swim var(--fd, 44s) linear infinite;animation-delay:var(--fdel, 0s)}.db-showcase__fishy svg{display:block;width:100%;height:auto;fill:currentColor;animation:db-fish-bob var(--fb, 5.5s) ease-in-out infinite}.db-showcase__fishy svg circle{fill:#000718e6}.db-showcase__fishy--rev{animation-name:db-swim-rev}.db-showcase__fishy--1{--ft: 16%;--fw: 9rem;--fd: 46s;--fdel: -9s;--fb: 5s;--fc: rgba(159, 209, 255, .15)}.db-showcase__fishy--2{--ft: 32%;--fw: 5.5rem;--fd: 34s;--fdel: -21s;--fb: 4.2s;--fc: rgba(244, 247, 248, .11)}.db-showcase__fishy--3{--ft: 56%;--fw: 12rem;--fd: 62s;--fdel: -32s;--fb: 6.5s;--fc: rgba(159, 209, 255, .12)}.db-showcase__fishy--4{--ft: 70%;--fw: 6.5rem;--fd: 38s;--fdel: -6s;--fb: 4.8s;--fc: rgba(244, 247, 248, .1)}.db-showcase__fishy--5{--ft: 82%;--fw: 8rem;--fd: 52s;--fdel: -25s;--fb: 5.8s;--fc: rgba(159, 209, 255, .13)}.db-showcase__fishy--6{--ft: 8%;--fw: 4.5rem;--fd: 30s;--fdel: -15s;--fb: 4s;--fc: rgba(244, 247, 248, .09)}@keyframes db-swim{0%{transform:translate(0)}to{transform:translate(calc(100vw + 32rem))}}@keyframes db-swim-rev{0%{transform:translate(calc(100vw + 32rem)) scaleX(-1)}to{transform:translate(0) scaleX(-1)}}@keyframes db-fish-bob{0%,to{transform:translateY(0)}50%{transform:translateY(1.1rem)}}.db-showcase__inner{position:relative;z-index:2;width:100%}.db-showcase__head{text-align:center;margin-bottom:2rem}.db-showcase__head .db-kicker{justify-content:center;margin:1.2rem 0 0}.db-showcase__chapter{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 800);font-size:1.3rem;letter-spacing:.32em;text-transform:uppercase;color:var(--db-flare)}.db-showcase__title{font-size:clamp(2.8rem,4.8vw,5.6rem);margin:1.2rem 0 0;color:var(--db-foam)}.db-showcase__case{position:relative;width:min(40rem,62vw);max-height:56vh;aspect-ratio:3 / 4;margin:0 auto;border-radius:1.8rem;background:#fff;overflow:hidden;box-shadow:0 40px 120px #0000008c}.db-showcase__frames{position:absolute;top:0;right:0;bottom:0;left:0}.db-showcase__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s var(--db-ease)}.db-showcase__frame.is-on{opacity:1}.db-showcase__progress{width:12rem;height:2px;margin:2.4rem auto 0;background:#f4f7f833;position:relative;overflow:hidden}.db-showcase__progressfill{position:absolute;left:0;top:0;height:100%;width:0;background:var(--db-flare)}.db-showcase__callout{position:absolute;z-index:3;max-width:24rem;opacity:0;transform:translateY(18px);transition:opacity .7s var(--db-ease),transform .7s var(--db-ease)}.db-showcase__callout.is-on{opacity:1;transform:none}.db-showcase__callout h3{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 800);text-transform:uppercase;letter-spacing:.06em;font-size:2rem;margin:0 0 .8rem;color:var(--db-foam);display:flex;align-items:center;gap:1rem}.db-showcase__callout h3:before{content:"";width:2.4rem;height:1px;background:var(--db-flare);flex:none}.db-showcase__callout p{font-size:1.55rem;line-height:1.6;color:var(--db-mist);margin:0}.db-showcase__callout--1{top:16%;left:3%}.db-showcase__callout--2{top:24%;right:3%;text-align:right}.db-showcase__callout--2 h3{flex-direction:row-reverse}.db-showcase__callout--2 h3:before{display:none}.db-showcase__callout--2 h3:after{content:"";width:2.4rem;height:1px;background:var(--db-flare);flex:none}.db-showcase__callout--3{bottom:26%;left:4%}.db-showcase__callout--4{bottom:18%;right:4%;text-align:right}.db-showcase__callout--4 h3{flex-direction:row-reverse}.db-showcase__callout--4 h3:before{display:none}.db-showcase__callout--4 h3:after{content:"";width:2.4rem;height:1px;background:var(--db-flare);flex:none}.db-showcase__cta{text-align:center;margin-top:2.8rem;opacity:0;transform:translateY(18px);transition:opacity .7s var(--db-ease),transform .7s var(--db-ease)}.db-showcase__cta.is-on{opacity:1;transform:none}.db-showcase__price{display:block;font-size:1.3rem;letter-spacing:.2em;text-transform:uppercase;color:var(--db-mist);margin-bottom:1.4rem}.db-showcase__cta .db-btn--flare{box-shadow:0 16px 40px #ff3d2e4d}@media screen and (max-width:989px){.db-showcase{min-height:auto}.db-showcase__stage{position:static;height:auto;padding:clamp(7rem,12vw,10rem) 0}.db-showcase__case{width:min(32rem,78vw);max-height:none;margin-inline:auto}.db-showcase__progress{display:none}.db-showcase__callout{position:static;max-width:none;opacity:1;transform:none;text-align:center;margin:2.8rem auto 0}.db-showcase__callout h3,.db-showcase__callout--2 h3,.db-showcase__callout--4 h3{justify-content:center;flex-direction:row}.db-showcase__callout--2,.db-showcase__callout--4{text-align:center}.db-showcase__cta{opacity:1;transform:none}.db-showcase__depth{display:none}}@media(prefers-reduced-motion:reduce){.db-showcase__frame{transition:none}.db-showcase__callout,.db-showcase__cta{opacity:1;transform:none;transition:none}.db-showcase__fish{display:none}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/db-showcase.css.map */