.dla{--dla-ui:#ffffff;--dla-accent:#0825c6;--dla-title-font:"Bodoni Moda",Georgia,serif;--dla-body-font:"DM Sans","Helvetica Neue",Arial,sans-serif;--dla-chrome-top:68px;position:relative;color:var(--dla-ui);font-family:var(--dla-body-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dla *,.dla *:before,.dla *:after{box-sizing:border-box}.dla-track{position:relative;height:calc(var(--dla-total,1800) * 1vh + 100vh);height:calc(var(--dla-total,1800) * 1vh + 100svh)}.dla-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;z-index:var(--dla-z,40);background:linear-gradient(180deg,#0825c6,#6170dd 55%,#c4cbf4);isolation:isolate}.dla-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block;outline:none;opacity:0;transition:opacity .5s linear}.dla--ready .dla-canvas{opacity:1}.dla-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.dla-hint,.dla-toplink,.dla-outro{text-shadow:0 0 18px rgba(16,24,80,.22)}.dla-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.dla-intro__head{position:absolute;top:40px;left:50%;transform-origin:center top;transform:translate(-50%) translateY(calc(47vh - 40px)) translateY(-50%) scale(1);transform:translate(-50%) translateY(calc(47svh - 40px)) translateY(-50%) scale(1);transition:transform .75s ease-in-out}.dla--started .dla-intro__head{transform:translate(-50%) translateY(0) scale(var(--dla-head-scale,.3))}.dla-intro__title{margin:0;color:var(--dla-ui);font-family:var(--dla-title-font);font-weight:var(--dla-title-weight,400);font-style:var(--dla-title-style,normal);font-size:min(calc(100vw / var(--dla-len,5)),200px);line-height:1;white-space:nowrap;letter-spacing:-.01em;text-transform:var(--dla-title-case,none)}.dla-intro__title--logo{line-height:0}.dla-intro__title--logo img{display:block;width:min(84vw,var(--dla-logo-w,600px));height:auto;opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.215,.61,.355,1) .15s,transform .9s cubic-bezier(.215,.61,.355,1) .15s;filter:drop-shadow(0 8px 30px rgba(10,20,80,.22))}.dla--intro-in .dla-intro__title--logo img{opacity:1;transform:none}.dla--nogl .dla-intro__title--logo img{opacity:1;transform:none;margin:0 auto}.dla-intro__title span{display:inline-block;opacity:0;transform:translateY(50px);transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1)}.dla--intro-in .dla-intro__title span{opacity:1;transform:translateY(0)}.dla-badge{position:absolute;top:50%;right:0;width:min(18vw,150px);height:min(18vw,150px);transform:translate(64%,-80%);opacity:0;filter:blur(5px);pointer-events:none;transition:opacity 1s linear .5s,filter 1s linear .5s}@media(max-width:640px){.dla-badge{transform:translate(30%,-108%);width:min(22vw,110px);height:min(22vw,110px)}}.dla-badge svg{width:100%;height:100%;display:block;animation:dla-rotate 10s linear infinite;overflow:visible}.dla-badge text{fill:var(--dla-ui);font:500 9.6px var(--dla-body-font);letter-spacing:.14em;text-transform:uppercase}.dla--intro-in .dla-badge{opacity:1;filter:blur(0)}.dla--started .dla-badge{opacity:0;visibility:hidden;transition:opacity .5s linear,visibility 0s .5s}.dla--started .dla-badge svg{animation-play-state:paused}@keyframes dla-rotate{to{transform:rotate(360deg)}}.dla-intro__sub{width:min(88vw,560px);margin:0 0 10px;text-align:center;font:400 clamp(14px,1.5vw,17px)/1.5 var(--dla-body-font);color:var(--dla-ui);opacity:.9}.dla-intro__actions{position:absolute;left:50%;top:70vh;top:70svh;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;filter:blur(5px);transition:opacity 1s linear .5s,filter 1s linear .5s}@media(max-width:640px){.dla-intro__actions{top:65vh;top:65svh}}.dla--intro-in .dla-intro__actions{opacity:1;filter:blur(0);pointer-events:auto}.dla--started .dla-intro__actions{opacity:0;pointer-events:none;transition:opacity .5s linear}.dla-intro__note{margin:0;font:400 12px/1.4 var(--dla-body-font);letter-spacing:.06em;opacity:.78;text-align:center}.dla-intro__note svg{width:13px;height:13px;vertical-align:-2px;margin-right:6px}.dla-pill{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:190px;height:56px;padding:0 34px;border-radius:999px;background:#fff;color:var(--dla-accent);font:600 15px/1 var(--dla-body-font);letter-spacing:.12em;text-transform:uppercase;perspective:300px;transition:transform .45s cubic-bezier(.215,.61,.355,1),box-shadow .45s;box-shadow:0 10px 30px -12px #08145a73}.dla-pill:hover{transform:scale(1.04)}.dla-pill:focus-visible{outline:2px solid #fff;outline-offset:4px}.dla-roll{position:relative;display:inline-block;overflow:hidden;line-height:1.25}.dla-roll>span{display:block;transition:transform .45s cubic-bezier(.645,.045,.355,1),opacity .45s;transform-origin:center bottom}.dla-roll>span+span{position:absolute;left:0;top:0;width:100%;transform:translateY(60%) rotateX(-90deg);opacity:0;transform-origin:center top}.dla-pill:hover .dla-roll>span:first-child,.dla-toplink:hover .dla-roll>span:first-child{transform:translateY(-60%) rotateX(90deg);opacity:0}.dla-pill:hover .dla-roll>span+span,.dla-toplink:hover .dla-roll>span+span{transform:none;opacity:1}.dla-pill--ghost{background:transparent;color:var(--dla-ui);box-shadow:inset 0 0 0 1px currentColor}.dla-hint{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);margin:0;text-align:center;white-space:nowrap;font:400 20px/1.3 var(--dla-body-font);color:var(--dla-ui);opacity:0;filter:blur(5px)}.dla--started .dla-hint{opacity:1;filter:blur(0);transition:all 2s ease-out .5s}.dla--moving .dla-hint{opacity:0;filter:blur(5px);transition:all .8s ease-out}@media(max-width:640px){.dla-hint{font-size:16px}}.dla-sound{position:absolute;top:var(--dla-chrome-top);left:110px;width:58px;height:20px;margin-top:-10px;padding:0;border:0;background:none;cursor:pointer;display:block;opacity:0;pointer-events:none;color:var(--dla-ui)}.dla-eq{position:absolute;left:0;right:0;top:0;bottom:0;transform-origin:bottom;transform:scaleY(.1);transition:transform 1s ease-in-out;will-change:transform;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 12px)}.dla-eq--b{background-position:6px 0}.dla--playing.dla--chrome-in .dla-eq--a{animation:dla-bar 1.3s ease-in-out infinite alternate}.dla--playing.dla--chrome-in .dla-eq--b{animation:dla-bar 1.7s ease-in-out .35s infinite alternate}@keyframes dla-bar{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}.dla--chrome-in .dla-sound{opacity:1;pointer-events:auto;transition:opacity 1s linear}.dla--silent .dla-sound,.dla--silent .dla-soundhint,.dla--nogl .dla-soundhint{display:none}.dla-soundhint{position:absolute;left:50%;bottom:calc(9vh + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);display:inline-flex;align-items:center;gap:10px;padding:12px 20px 12px 16px;border:0;border-radius:999px;cursor:pointer;background:#0c123c6b;box-shadow:inset 0 0 0 1px #ffffff59;color:var(--dla-ui);font:500 14px/1 var(--dla-body-font);letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .6s ease,transform .6s ease}.dla--started.dla--needs-sound .dla-soundhint{opacity:1;transform:translate(-50%);pointer-events:auto;transition-delay:1.2s}.dla--ended .dla-soundhint{bottom:4vh}.dla-soundhint__bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.dla-soundhint__bars i{display:block;width:2px;height:100%;background:currentColor;border-radius:1px;transform-origin:bottom;transform:scaleY(.5);will-change:transform}.dla--started.dla--needs-sound .dla-soundhint__bars i{animation:dla-bar 1.1s ease-in-out infinite alternate}.dla-soundhint__bars i:nth-child(2){animation-delay:.2s}.dla-soundhint__bars i:nth-child(3){animation-delay:.4s}.dla-soundhint__bars i:nth-child(4){animation-delay:.6s}.dla-soundhint__bars i:nth-child(5){animation-delay:.8s}.dla-soundhint:hover{background:#0c123c73}.dla-toplink{position:absolute;top:var(--dla-chrome-top);right:110px;transform:translateY(-50%);font:400 17px/1 var(--dla-body-font);color:var(--dla-ui);text-decoration:none;perspective:300px;opacity:0;pointer-events:none}.dla--chrome-in .dla-toplink{opacity:1;pointer-events:auto;transition:opacity 1s linear}@media(max-width:1200px){.dla-sound{left:80px}.dla-toplink{right:80px}}@media(max-width:640px){.dla-toplink{font-size:15px}}@media(max-width:550px){.dla{--dla-chrome-top:64px}.dla-sound{left:14%;width:44px;height:10px;margin-top:-5px}.dla--chrome-in .dla-sound,.dla--chrome-in .dla-toplink{opacity:.8}.dla-toplink{right:14%}}@media(max-width:400px){.dla-sound{left:12%}.dla-toplink{right:12%}}.dla-rail{position:absolute;top:10px;right:10px;width:2px;height:calc(100% - 20px);background:#ffffff38;opacity:0;transition:opacity .5s linear}.dla-rail__handle{position:absolute;left:-100%;top:0;width:300%;height:var(--dla-handle,10%);will-change:transform}.dla-rail__handle:after{content:"";position:absolute;left:33.33%;top:0;width:33.33%;height:100%;background:#fff}.dla--started .dla-rail{opacity:1}.dla--ended .dla-rail{opacity:0}@media(max-width:640px){.dla-rail{right:5px}}.dla-counter{position:absolute;left:30px;bottom:28px;font:400 11px/1 var(--dla-body-font);letter-spacing:.3em;opacity:0;transition:opacity .6s}.dla--show-counter.dla--moving .dla-counter{opacity:.8}.dla--ended .dla-counter{opacity:0!important}.dla-outro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10vw;color:var(--dla-ui);opacity:0;filter:blur(5px);transform:translateY(-10px);pointer-events:none;transition:all .8s ease-out}.dla--ended .dla-outro{opacity:1;filter:blur(0);transform:none;pointer-events:auto;transition:all 2s ease-out 2s}.dla-outro__title{margin:0 0 22px;font-family:var(--dla-title-font);font-weight:var(--dla-title-weight,400);font-style:var(--dla-title-style,normal);font-size:clamp(34px,5.2vw,76px);line-height:1.04;max-width:900px;text-transform:var(--dla-title-case,none)}.dla-outro__sub{margin:0;max-width:750px;font:400 clamp(17px,1.9vw,25px)/1.5 var(--dla-body-font)}.dla-outro__actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:44px}.dla-outro__foot{margin:40px 0 0;font:400 11px/1.4 var(--dla-body-font);letter-spacing:.32em;text-transform:uppercase;opacity:.75}@media(max-width:640px){.dla-outro{padding:24px}.dla-pill{min-width:0;height:52px;padding:0 26px;font-size:15px}}.dla-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.dla-focus body *:not(.dla):not(.dla *){animation-play-state:paused!important}html.dla-hide-header .shopify-section-group-header-group,html.dla-hide-header #shopify-section-header,html.dla-hide-header #shopify-section-announcement-bar,html.dla-hide-header .section-header{transform:translateY(-110%)!important;opacity:0!important;pointer-events:none!important;transition:transform .5s ease,opacity .5s ease!important}.dla--nogl .dla-track{height:auto}.dla--nogl .dla-stage{position:relative;height:auto;min-height:100vh;padding:120px 8vw 80px}.dla--nogl .dla-canvas,.dla--nogl .dla-hint,.dla--nogl .dla-rail,.dla--nogl .dla-sound,.dla--nogl .dla-toplink,.dla--nogl .dla-badge,.dla--nogl .dla-intro__actions{display:none}.dla--nogl .dla-ui,.dla--nogl .dla-intro,.dla--nogl .dla-outro{position:relative;inset:auto}.dla--nogl .dla-intro__head{position:relative;top:0;left:0;transform:none;text-align:center}.dla--nogl .dla-intro__title span{opacity:1;transform:none}.dla--nogl .dla-intro__sub{position:relative;top:auto;left:auto;transform:none;opacity:.9;filter:none;margin:18px auto 60px}.dla--nogl .dla-sr{position:relative!important;width:auto;height:auto;margin:0 auto;clip:auto;white-space:normal;overflow:visible;max-width:720px;list-style:none;padding:0}.dla--nogl .dla-sr li{margin:0 0 64px}.dla--nogl .dla-sr small{display:block;font:500 12px var(--dla-body-font);letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:10px}.dla--nogl .dla-sr strong{display:block;font:var(--dla-title-weight,400) clamp(30px,5vw,54px)/1.05 var(--dla-title-font);margin-bottom:14px}.dla--nogl .dla-sr span{display:block;font:400 18px/1.55 var(--dla-body-font)}.dla--nogl .dla-outro{opacity:1;filter:none;transform:none;pointer-events:auto;padding:40px 0}@media(prefers-reduced-motion:reduce){.dla-badge svg{animation:none}.dla--playing .dla-eq{animation:none!important;transform:scaleY(.6)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/db-dreamland-atmos.css.map */