@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080e14;--text:#edf0ed;--muted:#9aaab5;--cyan:#77dcf3;--orange:#f39a75;--border:#ffffff21;font-family:'DM Sans',sans-serif;font-size:16px;scroll-behavior:smooth;scroll-padding-top:28px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body:before{content:'';position:absolute;inset:0 0 auto;height:900px;z-index:-1;background:radial-gradient(ellipse at 76% 40%,#12374888,transparent 58%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}button{border:0}#lights{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.6}.site-header,main{position:relative;z-index:1}.site-header{max-width:1440px;margin:auto;height:110px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.wordmark{font-size:1.08rem;letter-spacing:.28em;font-weight:500}.site-header nav{display:flex;gap:36px;font-size:.875rem;color:#bec9ce}.site-header nav a:hover,footer a:hover{color:var(--cyan)}.motion{background:none;color:var(--muted);font-size:.875rem;padding:10px 0 10px 15px}.motion span{color:var(--cyan);margin-left:10px}.motion[aria-pressed=false] span{color:var(--muted)}.hero{position:relative;max-width:1440px;margin:auto;padding:66px 6% 35px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;column-gap:5%}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.2em;line-height:1.8;color:var(--cyan);margin:0 0 25px}.hero .eyebrow{display:flex;align-items:center;gap:14px}.line{width:35px;height:1px;background:var(--cyan)}h1{font-family:Manrope,sans-serif;font-size:clamp(3.5rem,7.3vw,7rem);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0 0 30px}h1 em{font-family:Georgia,serif;letter-spacing:-.055em;font-weight:400}h1 .title-dot{color:var(--orange)}.hero-quote{font:italic 1.4rem/1.5 Georgia,serif;color:#b4c3cc;margin:0 0 34px}.presave{display:inline-flex;gap:22px;align-items:center;background:var(--cyan);color:#08202c;border:1px solid var(--cyan);padding:17px 21px;font-size:.875rem;font-weight:700;box-shadow:0 0 35px #47b7d017;transition:background .2s,box-shadow .3s}.presave:hover{background:#b1eeff;box-shadow:0 0 36px #47b7d045}.presave svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.link-note{font-size:.75rem;color:var(--muted);margin:11px 0 0}.explore{display:inline-flex;gap:30px;align-items:center;margin-top:39px;font-size:.875rem;color:#c6d2d9}.explore span{color:var(--cyan);font-size:1.25rem}.album{margin:0;min-width:0;padding:0 0 0 9px}.cover-button{display:block;background:transparent;padding:0;width:100%;aspect-ratio:1;perspective:1400px;filter:drop-shadow(0 24px 35px #0008);position:relative}.cover-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.2,.65,.15,1)}.cover-button[aria-pressed=true] .cover-inner{transform:rotateY(180deg)}.cover-front,.cover-back{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;backface-visibility:hidden;border:1px solid #a4ddf136}.cover-back{transform:rotateY(180deg)}.album figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.75rem;letter-spacing:.04em;color:var(--muted);margin-top:20px;line-height:1.5}.caption-divider{padding:0 8px;color:#5c6e76}#flip-label{letter-spacing:0;color:#d3e4e9}#flip-label span{color:var(--cyan);font-size:1rem;margin-left:6px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:51px 0 25px;margin-top:8px;color:var(--muted);letter-spacing:.13em;font-size:.75rem}.section{max-width:1440px;margin:auto;padding:85px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:50px}.section-heading .eyebrow{margin-bottom:14px}h2{font-family:Manrope,sans-serif;font-size:clamp(2rem,3.1vw,3rem);font-weight:400;letter-spacing:-.045em;line-height:1.15;margin:0}h2 em{font-family:Georgia,serif;font-weight:400;color:var(--cyan)}.section-heading>p{font-size:.875rem;line-height:1.7;color:var(--muted);margin:0 0 2px}.track-layout{display:grid;grid-template-columns:1.13fr 1fr;gap:8%}.side-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;letter-spacing:.15em;border-bottom:1px solid #96dff452;padding-bottom:18px}.side-b .side-label{border-color:#f39a7544}.track-list{list-style:none;margin:0;padding:0}.track-list li{display:flex;align-items:center;gap:23px;border-bottom:1px solid var(--border);min-height:74px;padding:15px 0}.track-number{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.track-name{font-family:Manrope,sans-serif;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.55;letter-spacing:-.025em}.track-name strong{color:var(--cyan);font-weight:600;transition:text-shadow .9s,color .9s}.track-list li.lit strong{color:#c1f5ff;text-shadow:0 0 18px #20c9ff,0 0 38px #28c5ff}.track-star{color:var(--cyan);margin-left:auto;font-size:.85rem;opacity:.45}.side-quote{color:var(--orange);font:italic 1.5rem/1.55 Georgia,serif;margin:38px 0 0}.memories{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:9%;padding-top:45px;padding-bottom:100px}.memory-image{position:relative;background:none;padding:0;display:block;transform:rotate(-2deg);box-shadow:0 16px 45px #0005}.memory-image img{width:100%;height:auto;display:block;border:1px solid #fff3}.memory-image>span{position:absolute;bottom:20px;right:20px;background:#09121ae8;backdrop-filter:blur(15px);padding:12px 16px;font-size:.875rem;border:1px solid #ffffff33}.memory-image>span span{margin-left:18px;color:var(--cyan)}.memory-copy .eyebrow{color:var(--orange)}.memory-copy h2{line-height:1.22}.memory-copy blockquote{font:400 clamp(1.9rem,3.4vw,3.3rem)/1.2 Georgia,serif;letter-spacing:-.02em;margin:40px 0;color:#d7e1e4}.memory-copy blockquote em{color:var(--orange)}.memory-signature{display:block;font-size:.8rem;letter-spacing:.6em;color:var(--muted);padding-top:14px}footer{max-width:1268px;width:88%;margin:auto;border-top:1px solid var(--border);padding:30px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}footer p,footer>a:last-child{font-size:.875rem;color:var(--muted)}footer a span{color:var(--cyan);margin-left:12px}.skip{position:fixed;z-index:10;top:10px;left:10px;transform:translateY(-150%);background:var(--cyan);color:#080e14;padding:12px}.skip:focus{transform:none}dialog{border:1px solid #6c9aac;background:#080e14;padding:54px 12px 12px;width:min(94vw,950px);max-height:94dvh;overflow:auto}dialog::backdrop{background:#02070be8;backdrop-filter:blur(9px)}dialog img{display:block;max-width:100%;height:auto;margin:auto}#close-gallery{position:absolute;top:9px;right:13px;background:none;padding:6px 9px;font-size:.875rem}#close-gallery span{font-size:1.4rem;margin-left:18px}
@media(min-width:1500px){.hero{padding-top:80px}.site-header{height:120px}}
@media(max-width:900px){.hero{column-gap:4%;padding-top:45px}h1{font-size:clamp(3.5rem,7.8vw,6rem)}.hero-quote{font-size:1.2rem}.presave{padding:15px;gap:12px;line-height:1.5}.track-layout{gap:5%}.section{padding-top:65px;padding-bottom:65px}.track-list li{gap:14px}.memories{gap:6%}.memory-copy blockquote{margin:26px 0}.eyebrow{letter-spacing:.14em}.hero-bottom{padding-top:35px}}
@media(max-width:650px){.site-header{height:78px;padding:0 6%}.wordmark{font-size:.95rem}.site-header nav{gap:18px;font-size:.8rem}.motion{font-size:0;padding-left:4px}.motion span{font-size:1.1rem;margin-left:0}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:32px}.hero-copy{display:contents}.hero .eyebrow{order:0;margin-bottom:16px}.hero h1{order:1;font-size:clamp(3.6rem,15vw,5rem);margin-bottom:26px}.hero h1 br{display:none}h1 em{margin-left:.14em}.hero-quote{order:3;margin:25px 0 22px;font-size:1.25rem}.hero-quote br{display:none}.album{order:2;padding:0}.album figcaption{font-size:.75rem;margin-top:13px}.presave{order:4;justify-content:space-between;padding:17px 20px;font-size:.875rem}.link-note{order:5}.explore{order:6;margin-top:29px;justify-content:space-between}.hero-bottom{order:7;margin-top:5px;padding-top:30px;padding-bottom:22px;font-size:.7rem}.section{padding-top:35px;padding-bottom:45px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:18px}.section-heading>p br{display:none}.track-layout{display:block}.side-b{margin-top:42px}.track-name{font-size:1.13rem}.track-list li{min-height:70px;gap:20px}.side-quote{margin-top:28px}.memories{display:flex;flex-direction:column;gap:40px;padding-top:35px;padding-bottom:55px}.memory-image{width:94%}.memory-copy{width:100%}.memory-copy h2{font-size:2.35rem}.memory-copy blockquote{font-size:2.5rem;margin:30px 0}.memory-copy .eyebrow{margin-bottom:18px}footer{flex-wrap:wrap;padding:27px 0;gap:18px}footer p{margin:0}footer>a:last-child{width:100%;border-top:1px solid var(--border);padding-top:19px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.cover-inner{transition:none}#lights{display:none}.track-name strong{transition:none}}
body.motion-off .cover-inner,body.motion-off .track-name strong{transition:none}body.motion-off #lights{display:none}body.motion-off .track-list li.lit strong{text-shadow:none}body.motion-off{scroll-behavior:auto}
@media(max-width:650px){.hero h1 br{display:block}.hero h1 em{margin-left:0}.hero h1{font-size:clamp(3.6rem,16vw,5rem)}}