@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e7dfd2;background:#0b0b0d;margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{z-index:5;justify-content:space-between;align-items:center;width:100%;height:78px;padding:0 5vw;display:flex;position:absolute}.logo{letter-spacing:.18em;font-weight:600}.logo span{color:#b9828c}nav{text-transform:uppercase;letter-spacing:.14em;color:#aaa3a0;gap:32px;font:11px DM Mono;display:flex}.menub{color:#e7dfd2;background:0 0;border:0;display:none}.hero{background:radial-gradient(circle at 70% 45%,#241b21 0,#0000 34%),#0b0b0d;align-items:center;min-height:100vh;padding:150px 8vw 70px;display:flex;position:relative;overflow:hidden}.hero:after{content:"LOST";letter-spacing:-.08em;color:#ffffff05;font-size:30vw;font-weight:600;position:absolute;bottom:-9vw;right:-2vw}.grain{opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:absolute;inset:0}.stamp,.eyebrow,.note{letter-spacing:.17em;text-transform:uppercase;color:#958e89;font:10px DM Mono}.stamp{border:1px solid #66566f;padding:8px 11px;position:absolute;top:110px;right:8vw;transform:rotate(3deg)}.hero h1{letter-spacing:-.065em;max-width:1000px;margin:15px 0 35px;font-size:clamp(55px,9vw,145px);line-height:.8}.hero h1 em{color:#b9828c;font-family:Playfair Display;font-weight:500}.lead{color:#b7afa7;font-size:clamp(18px,2vw,28px);line-height:1.4}.cta{letter-spacing:.13em;border-bottom:1px solid #b9828c;align-items:center;gap:13px;margin-top:30px;padding-bottom:9px;font:11px DM Mono;display:inline-flex}.postmark{text-align:center;color:#827a76;border:1px solid #5c5555;border-radius:50%;padding:25px;font:9px/1.7 DM Mono;position:absolute;bottom:9vh;right:9vw;transform:rotate(-9deg)}.statement{color:#111;background:#e7dfd2;min-height:75vh;padding:16vw 8vw}.statement p{letter-spacing:-.06em;margin:0;font-size:clamp(40px,7vw,100px);line-height:.95}.statement i{color:#8d5e68;font-family:Playfair Display}.statement span{color:#685f5b;margin-top:50px;font:12px DM Mono;display:block}.album,.about{padding:130px 8vw}.albumHead{grid-template-columns:1.2fr .8fr;gap:10vw;margin-bottom:80px;display:grid}.album h2,.about h2,.letters h2{letter-spacing:-.055em;margin:15px 0;font-size:clamp(45px,7vw,95px);line-height:.9}.albumHead>p{color:#9f9892;align-self:end;font-size:18px;line-height:1.7}.tracks{border-top:1px solid #282528}.track{text-align:left;color:#e7dfd2;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #282528;grid-template-columns:60px 1fr 40px;align-items:center;width:100%;padding:20px 5px;transition:all .2s;display:grid}.track:hover{background:#ffffff05;padding-left:15px}.track>span:first-child{color:#6f6966;font:10px DM Mono}.track b{letter-spacing:.05em;font-size:14px}.play{color:#b9828c}.note{margin-top:20px}.about{background:#121114}.aboutGrid{grid-template-columns:1.2fr .8fr;gap:10vw;display:grid}.aboutGrid>div{color:#aaa29d;padding-top:35px;font-size:17px;line-height:1.8}.sig{margin-top:40px;font-family:Playfair Display;font-style:italic;color:#b9828c!important}.letters{text-align:center;color:#160f12;background:#b9828c;padding:150px 20%}.letters .eyebrow{color:#49353a}.letters>p:last-of-type{max-width:650px;margin:30px auto;line-height:1.7}.letters button{color:#38262b;background:0 0;border:1px solid #38262b;align-items:center;gap:12px;padding:15px 20px;display:inline-flex}footer{letter-spacing:.1em;color:#77706c;border-top:1px solid #282528;justify-content:space-between;padding:50px 8vw;font:9px DM Mono;display:flex}@media (width<=700px){header{padding:0 6vw}.menub{display:block}nav{background:#151316;flex-direction:column;padding:25px;display:none;position:absolute;top:65px;right:6vw}nav.open{display:flex}.hero{padding:130px 7vw 60px}.hero h1{font-size:16vw}.stamp{display:none}.postmark{padding:18px;bottom:5vh;right:7vw}.statement,.album,.about{padding:100px 7vw}.albumHead,.aboutGrid{grid-template-columns:1fr;gap:25px}.letters{padding:100px 8%}footer{flex-direction:column;gap:18px}.track{grid-template-columns:42px 1fr 30px}}
