.ltn-mood{--mood-blue: #a7bbbc;position:relative;overflow:hidden;color:#fff;min-height:100svh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--mood-from, #000) 0%,var(--mood-from, #000) 35%,color-mix(in srgb,var(--mood-to, #dd4b40) 55%,#000) 78%,var(--mood-to, #dd4b40) 100%)}.ltn-mood__head{position:relative;z-index:3;display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:32px;align-items:start;padding:clamp(24px,4vh,48px) var(--ltn-gutter) 0}.ltn-mood__info{margin:0}.ltn-mood__info-title{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.35);font:400 clamp(30px,3.2vw,48px)/1 var(--ltn-font-display);text-transform:uppercase}.ltn-mood__info dd{display:flex;justify-content:space-between;gap:16px;margin:0;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.35)}.ltn-mood__info dd span{font:500 12px/1.3 var(--ltn-font-mono);letter-spacing:.18em;text-transform:uppercase;opacity:.8}.ltn-mood__info dd strong{font:500 16px/1.3 var(--ltn-font-text);text-align:right}.ltn-mood__title{text-align:right}.ltn-mood__title h1{margin:0;font:400 clamp(40px,5.6vw,92px)/.92 var(--ltn-font-display);text-transform:uppercase}.ltn-mood__title p{margin:14px 0 0;font:400 clamp(15px,1.3vw,20px)/1.3 var(--ltn-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--mood-blue)}.ltn-mood__stage{position:relative;flex:1;display:flex;align-items:center;padding:2vh 0 4vh}.ltn-mood__track{display:flex;align-items:center;gap:0;width:max-content;padding-left:4vw;animation:ltn-mood-drift var(--mood-speed, 70s) linear infinite}.ltn-mood__track:hover{animation-play-state:paused}@keyframes ltn-mood-drift{to{transform:translate(-50%)}}.ltn-cd{--size: clamp(260px, 30vw, 460px);position:relative;display:flex;flex-direction:column;align-items:center;width:calc(var(--size) * .82);color:inherit;text-decoration:none;outline:none;translate:0 calc(sin(var(--i) * 1.3rad)*7vh)}.ltn-cd:nth-child(odd){z-index:1}.ltn-cd:hover,.ltn-cd:focus-within{z-index:5}.ltn-cd__link{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;outline:none}.ltn-cd.has-art .ltn-cd__name,.ltn-cd.has-art .ltn-cd__brand{display:none}.ltn-cd.has-art .ltn-cd__print text{fill:#fff;paint-order:stroke;stroke:#0000008c;stroke-width:3px}.ltn-cd__play{position:relative;z-index:3;display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 18px;border:1px solid var(--mood-blue);border-radius:99px;color:var(--mood-blue);text-decoration:none;font:500 12px/1 var(--ltn-font-mono);letter-spacing:.16em;text-transform:uppercase;transition:background .3s,color .3s}.ltn-cd__play svg{width:14px;height:14px}.ltn-cd__play:hover,.ltn-cd__play:focus-visible{background:var(--mood-blue);color:#000}.ltn-cd__artist,.ltn-cd__line{position:relative;z-index:2;text-align:center;margin:0;transition:opacity .4s,transform .5s var(--ltn-ease-out)}.ltn-cd__artist{font:400 clamp(22px,2vw,32px)/1 var(--ltn-font-display);text-transform:uppercase;margin-bottom:4%;opacity:.9}.ltn-cd__line{max-width:20em;margin-top:5%;font:400 15px/1.35 var(--ltn-font-display);letter-spacing:.04em;text-transform:uppercase;opacity:.9}.ltn-cd__tilt{position:relative;width:var(--size);aspect-ratio:1;transform:perspective(1400px) rotateX(40deg) rotateY(-16deg) rotate(calc(-12deg + var(--i) * 3deg));animation:ltn-cd-float 7s ease-in-out infinite;animation-delay:calc(var(--i) * -.9s);transition:transform .7s var(--ltn-ease-out)}@keyframes ltn-cd-float{50%{translate:0 -14px}}.ltn-cd:hover .ltn-cd__tilt,.ltn-cd:focus-within .ltn-cd__tilt{transform:perspective(1400px) rotateX(24deg) rotateY(-8deg) rotate(calc(-6deg + var(--i) * 2deg)) scale(1.06)}.ltn-cd:hover .ltn-cd__artist,.ltn-cd:hover .ltn-cd__line{opacity:1;transform:translateY(-4px)}.ltn-cd__disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),transparent 45%),linear-gradient(140deg,var(--cd-a),var(--cd-b));box-shadow:0 0 0 5px #d7dae2d9,0 0 0 6px #00000040,0 40px 60px #00000073;-webkit-mask:radial-gradient(circle,transparent 9.5%,#000 10%);mask:radial-gradient(circle,transparent 9.5%,#000 10%);color:var(--cd-ink)}.ltn-cd__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ltn-cd__print{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ltn-cd__print text{fill:currentColor;font:500 13px/1 var(--ltn-font-mono);letter-spacing:.24em;opacity:.85}.ltn-cd__name{position:absolute;left:16%;right:16%;top:64%;text-align:center;font:400 clamp(22px,2.4vw,40px)/.9 var(--ltn-font-display);text-transform:uppercase}.ltn-cd__brand{position:absolute;left:0;right:0;top:18%;text-align:center;font:400 clamp(26px,2.6vw,42px)/1 var(--ltn-font-script)}.ltn-cd__hub{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,transparent 31%,rgba(235,238,244,.9) 33%,rgba(190,196,206,.85) 46%,rgba(255,255,255,.35) 60%,transparent 62%)}.ltn-cd__scribble{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;width:128%;height:128%;overflow:visible;pointer-events:none;z-index:2}.ltn-cd__scribble path{fill:none;stroke:var(--mood-blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--ltn-ease)}.ltn-cd:hover .ltn-cd__scribble path,.ltn-cd:focus-within .ltn-cd__scribble path{stroke-dashoffset:0}.ltn-mood__hint{position:relative;z-index:3;margin:0 0 96px;text-align:center;font:500 12px/1 var(--ltn-font-mono);letter-spacing:.24em;text-transform:uppercase;opacity:.85}@media(max-width:900px){.ltn-mood__head{grid-template-columns:1fr;gap:18px}.ltn-mood__title{text-align:left;order:-1}.ltn-mood__title h1{font-size:32px}.ltn-mood__stage{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ltn-mood__track{animation:none;padding:0 10vw}.ltn-cd{--size: 78vw;scroll-snap-align:center;translate:none;width:74vw}.ltn-cd[aria-hidden=true]{display:none}.ltn-mood__hint{padding:0 var(--ltn-gutter);letter-spacing:.12em;line-height:1.5}}@media(prefers-reduced-motion:reduce){.ltn-mood__track,.ltn-cd__tilt{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/latinco-mood.css.map */