.nav-container{z-index:100;pointer-events:none;justify-content:center;width:100%;display:flex;position:fixed;top:2rem;left:0}.nav-wrapper{pointer-events:auto;flex-direction:column;align-items:center;width:auto;max-width:90%;display:flex;position:relative}.nav-pill{background-color:var(--noir-black);color:var(--cotton);z-index:10;border-radius:50px;align-items:center;gap:2.2rem;padding:.85rem 2rem;display:flex;position:relative;box-shadow:0 10px 30px #00000040}.nav-pill-header{display:contents}.nav-pill-right{flex-shrink:0;order:3;align-items:center;display:flex}.nav-menu-toggle{display:none}.nav-brand{order:1;font-family:Apple Garamond,Garamond,serif;font-size:1.62rem;font-style:italic;font-weight:700;animation:2.4s cubic-bezier(.16,1,.3,1) .8s forwards brandPulse}@keyframes brandPulse{0%{letter-spacing:-.02em}40%{letter-spacing:.04em}to{letter-spacing:0}}.nav-links{order:2;gap:1.4rem;font-size:1.32rem;display:flex}.nav-links a{opacity:.75;font-family:Apple Garamond,Garamond,serif;font-weight:500;transition:opacity .2s,transform .2s}.nav-links a:hover{opacity:1}.spotify-disc-wrapper{cursor:pointer;z-index:12;opacity:0;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-36px;padding:0;transition:margin-left .8s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:scale(0)}.spotify-disc-wrapper.visible{opacity:1;pointer-events:auto;margin-left:1.2rem;transition-delay:.3s;transform:scale(1)}.spotify-disc-wrapper.visible:hover{transform:scale(1.08)}.spotify-disc-art-container,.spotify-drawer-disc-art-container{filter:grayscale(.4)contrast(.85);opacity:.65;border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:filter .8s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1);animation:6s linear infinite paused spin-disc;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000073}.spotify-disc-art-container:not(.dull),.spotify-drawer-disc-art-container:not(.dull){filter:none;opacity:1}.spotify-disc-art-container.spinning,.spotify-drawer-disc-art-container.spinning{animation-play-state:running}.spotify-disc-art{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.spotify-disc-art.prev{z-index:1;animation:.8s cubic-bezier(.16,1,.3,1) forwards artFadeOut}.spotify-disc-art.current{z-index:2;animation:.8s cubic-bezier(.16,1,.3,1) forwards artFadeIn}@keyframes artFadeIn{0%{opacity:0}to{opacity:1}}@keyframes artFadeOut{0%{opacity:1}to{opacity:0}}.spotify-disc-hole,.spotify-drawer-disc-hole{background-color:var(--noir-black);z-index:10;border:1px solid #fff3;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #0009}@keyframes spin-disc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotify-drawer-container{pointer-events:none;z-index:5;isolation:isolate;height:160px;margin-top:-20px;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translate(0,0)}.spotify-drawer{background-color:var(--maroon);width:auto;color:var(--cotton);pointer-events:auto;cursor:pointer;opacity:0;border-bottom-right-radius:28px;border-bottom-left-radius:28px;margin:0 1.5rem;padding:1.35rem 2rem .45rem;transition:transform 2.2s cubic-bezier(.16,1,.3,1),opacity 2.2s cubic-bezier(.16,1,.3,1),background-color .8s;transform:translateY(-100%);box-shadow:0 15px 30px #00000040}.spotify-drawer.fast-transition{transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1),background-color .4s}.spotify-drawer-arrow{opacity:0;color:var(--cotton);pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)translateY(4px)}.spotify-drawer:hover .spotify-drawer-arrow{opacity:.7;transform:translate(-50%)translateY(0)}.spotify-drawer.open{opacity:1;transform:translateY(0)}.spotify-drawer-content{justify-content:space-between;align-items:center;gap:2rem;width:100%;display:flex}.spotify-left{align-items:center;gap:.75rem;min-width:0;display:flex}.spotify-drawer-disc-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.spotify-song-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.spotify-label{text-transform:uppercase;letter-spacing:.1em;opacity:.6;font-family:Arial,sans-serif;font-size:.65rem;font-weight:700}.spotify-title{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:450px;font-family:Apple Garamond,Garamond,serif;font-size:.95rem;font-weight:500;overflow:hidden}.spotify-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.spotify-btn,.spotify-link-btn{color:var(--cotton);opacity:.65;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);display:flex}.spotify-btn:hover,.spotify-link-btn:hover{opacity:1;transform:scale(1.1)}.spotify-btn.liked,.spotify-btn.disliked{color:var(--cotton);opacity:1}@media (max-width:768px){.nav-wrapper{box-sizing:border-box;padding:0 1.25rem;width:100%!important;max-width:100%!important}.nav-pill{box-sizing:border-box;border-radius:30px;flex-direction:column;align-items:stretch;gap:0;max-height:52px;padding:.75rem 1.75rem;transition:max-height .6s cubic-bezier(.16,1,.3,1),border-radius .6s cubic-bezier(.16,1,.3,1);overflow:hidden;align-self:stretch!important;width:100%!important}.nav-pill.menu-open{border-radius:24px;max-height:330px}.nav-pill-header{justify-content:space-between;align-items:center;width:100%;height:32px;display:flex}.nav-brand{font-size:1.35rem}.nav-pill-right{align-items:center;display:flex}.nav-menu-toggle{cursor:pointer;z-index:15;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:20px;height:12px;margin-left:1rem;padding:0;display:flex}.nav-menu-toggle span{background-color:var(--cotton);border-radius:2px;width:100%;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),background-color .4s;display:block}.nav-menu-toggle.open span:first-child{transform:translateY(5px)rotate(45deg)}.nav-menu-toggle.open span:nth-child(2){opacity:0;transform:scale(0)}.nav-menu-toggle.open span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.nav-links{opacity:0;visibility:hidden;flex-direction:column;align-items:center;gap:1.15rem;width:100%;padding:1.5rem 0 1rem;transition:opacity .4s,visibility .4s;display:flex}.nav-pill.menu-open .nav-links{opacity:1;visibility:visible}.nav-links a{opacity:0;font-size:1.2rem;transform:translateY(15px)}.nav-pill.menu-open .nav-links a{animation:.6s cubic-bezier(.16,1,.3,1) forwards navLinkReveal}.nav-pill.menu-open .nav-links a:first-child{animation-delay:80ms}.nav-pill.menu-open .nav-links a:nth-child(2){animation-delay:.14s}.nav-pill.menu-open .nav-links a:nth-child(3){animation-delay:.2s}.nav-pill.menu-open .nav-links a:nth-child(4){animation-delay:.26s}.nav-pill.menu-open .nav-links a:nth-child(5){animation-delay:.32s}.spotify-drawer{padding:1.5rem 1.25rem .5rem;width:80%!important;margin:0 auto!important}.spotify-disc-wrapper.visible{margin-left:0}.spotify-drawer-content{gap:.75rem}.spotify-drawer-disc-wrapper,.spotify-drawer-disc-art-container{width:28px!important;height:28px!important}.spotify-drawer-disc-hole{width:5px!important;height:5px!important}.spotify-title{font-size:.85rem;max-width:140px!important}.spotify-right{gap:.5rem!important}.spotify-right .spotify-btn svg{width:18px!important;height:18px!important}.spotify-right .spotify-link-btn svg{width:22px!important;height:22px!important}}@media (max-width:500px){.nav-wrapper{padding:0 .85rem}.spotify-drawer{width:80%!important;margin:0 auto!important}.spotify-title{max-width:100px!important}}@keyframes navLinkReveal{0%{opacity:0;transform:translateY(15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.brand-dot-wrapper{display:inline-block;position:relative}.brand-dot{display:inline-block}.brand-dot.extra-dot{opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);position:absolute;transform:scale(.5)}.brand-dot.extra-dot:nth-child(2){left:.3em}.brand-dot.extra-dot:nth-child(3){left:.6em}.nav-brand.loading .brand-dot.extra-dot{opacity:1;transform:scale(1)}.nav-brand.loading .brand-dot.extra-dot:nth-child(2){transition-delay:.15s}.nav-brand.loading .brand-dot.extra-dot:nth-child(3){transition-delay:.3s}.nav-brand.loading .brand-dot{animation:1.4s cubic-bezier(.25,1,.5,1) infinite appleDotBounce}.nav-brand.loading .brand-dot:first-child{animation-delay:0s}.nav-brand.loading .brand-dot:nth-child(2){animation-delay:.15s}.nav-brand.loading .brand-dot:nth-child(3){animation-delay:.3s}@keyframes appleDotBounce{0%,to{transform:translate(0)}30%{transform:translate(1px,-4px)}}
.footer-pattern-separator{opacity:.95;background-image:url(/patternblock.png);background-position:bottom;background-repeat:repeat-x;background-size:auto 100%;width:100%;height:48px;margin:0;display:block}.footer-section{background-color:var(--noir-black);color:var(--cotton);margin-top:0;padding:4rem 2rem 6rem}.footer-content{max-width:1200px;margin:0 auto}.footer-title{letter-spacing:-.02em;margin-bottom:3rem;font-size:clamp(4rem,8vw,10rem);font-weight:400;line-height:.9}.italic-accent{font-style:italic}.footer-details{border-top:1px solid #edebdd33;justify-content:space-between;align-items:flex-start;gap:4rem;padding-top:2rem;display:flex}.footer-logo-container{justify-content:flex-start;align-items:center;width:100%;max-width:600px;display:flex}.footer-logo{opacity:.9;width:100%;max-width:550px;height:auto;transition:opacity .3s,transform .3s}.footer-logo:hover{opacity:1;transform:scale(1.01)}.footer-links ul{grid-template-columns:1fr 1fr;gap:1rem 3rem;list-style:none;display:grid}.footer-links a{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;display:flex}.footer-links a:before{content:"↗";font-size:1.2rem;font-weight:400}@media (max-width:768px){.footer-pattern-separator{height:36px;margin:0}.footer-details{flex-direction:column;gap:2rem}}
