@charset "UTF-8";
:root{--cream:#efe5c8;--gold:#dcb775;--ink:#142b23;--muted:#b3b49e;--line:rgba(232,220,177,.22);color-scheme:dark;font-family:Georgia,'Times New Roman',serif;scroll-behavior:smooth;scroll-padding-top:95px}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream)}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button:hover,a:hover{color:#fff4d1}button.primary-link:hover,a.primary-link:hover{color:#18281f;background:#f0d496}::selection{background:#ddbb79;color:#13261f}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-70px;left:20px;z-index:50;padding:15px;background:var(--cream);color:var(--ink)}.skip:focus{top:10px}
#forest,.atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#forest{z-index:-2}.atmosphere{z-index:-1;background:linear-gradient(90deg,rgba(8,23,18,.44),transparent 65%),linear-gradient(0deg,rgba(7,21,18,.65),transparent 55%,rgba(7,21,18,.25))}.site-header{position:absolute;top:0;left:0;width:100%;height:110px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:19px;letter-spacing:.16em}.brand small{display:block;font:8px/2.5 Arial,sans-serif;letter-spacing:.27em;color:var(--muted)}.brand-mark{display:grid;place-items:center;border:1px solid #bda66a90;width:43px;height:43px;border-radius:50%;font-size:31px;font-style:italic;letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:32px;font:12px Arial,sans-serif;letter-spacing:.04em}.site-header nav button{padding:0}.motion-button{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.motion-button[aria-pressed=true]{color:var(--gold)}
.hero{min-height:780px;height:100svh;position:relative;padding:160px 9% 130px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%}.eyebrow{font:10px/1.8 Arial,sans-serif;letter-spacing:.23em;color:var(--gold);text-transform:uppercase}.hero h1{font-weight:400;font-size:clamp(68px,8vw,124px);line-height:1.04;letter-spacing:-.06em;margin:24px 0 10px;white-space:nowrap}.hero h1 em{font-size:1.24em;font-weight:400;color:var(--gold)}.hero-subtitle{font-size:24px;font-style:italic;margin:8px 0 29px;color:#dbd6b9}.hero-description{font-size:17px;line-height:1.8;color:#c4c8b5;margin:0 0 33px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.primary-link{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;background:var(--gold);color:#192b22;padding:16px 22px;font:11px Arial,sans-serif;letter-spacing:.05em;border:1px solid transparent}.primary-link span{font-size:18px}.text-link{padding:12px 0;font:11px Arial,sans-serif;letter-spacing:.03em;border-bottom:1px solid var(--line)}.text-link span{margin-left:15px}.release-note{display:flex;align-items:center;gap:9px;font:9px Arial,sans-serif;letter-spacing:.18em;color:var(--muted);margin-top:27px}.release-note i{width:5px;height:5px;background:var(--gold);border-radius:50%}.album-installation{position:relative;width:min(100%,435px);justify-self:center;perspective:1000px}.album-frame{width:100%;padding:11px;background:linear-gradient(105deg,#6b4b2d,#3c3022 35%,#745236);border:1px solid #a6804c;box-shadow:0 22px 70px #0007, inset 0 0 0 3px #1f221f50;transform:rotate(3deg);transition:transform .5s}.album-frame:hover{transform:rotate(0) translateY(-5px)}.album-frame img{width:100%;height:auto;border:1px solid #281f16}.frame-caption{display:flex;justify-content:space-between;padding:14px 7px 5px;font:9px Arial,sans-serif;letter-spacing:.2em}.frame-caption span{font-size:8px;color:#d3be95}.album-ropes{position:absolute;top:-30vh;left:15%;width:70%;height:40vh;border-left:2px solid #b79969;border-right:2px solid #b79969;z-index:-1;transform:rotate(3deg);opacity:.8}.hero-footer{position:absolute;bottom:37px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font:8px Arial,sans-serif;letter-spacing:.22em;color:#bbc1a9}.hero-footer a{color:var(--cream)}.hero-footer a span{margin-left:20px;font-size:18px}
.grove{position:relative;min-height:890px;height:115svh;padding-top:85px;border-top:1px solid #dfd4a112;isolation:isolate}.grove-heading{position:relative;text-align:center;max-width:580px;margin:auto;padding:0 22px;z-index:2;pointer-events:none}.grove h2,.story h2{font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:12px 0 20px}.grove-heading>p:last-child{font-size:16px;line-height:1.6;color:#bec8b6}.grove-surface{position:absolute;top:215px;bottom:90px;left:6%;right:6%;}.branch-art{position:absolute;top:0;left:-8%;width:116%;height:100%;overflow:visible;pointer-events:none;opacity:.88}.forest-object{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:190px;z-index:3;animation:sway 7s ease-in-out infinite alternate;animation-delay:var(--delay);transform-origin:50% -75px;text-align:center}.forest-object:before{content:"";position:absolute;left:50%;bottom:calc(100% - 8px);width:1px;height:90px;background:linear-gradient(#c7ae72,#907a51);box-shadow:1px 0 #16231aaa;pointer-events:none}.object-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:98px;padding:19px 15px;position:relative;color:#e8ddbc;transition:filter .25s,translate .25s;filter:drop-shadow(0 13px 8px #0006);background:repeating-linear-gradient(2deg,transparent 0 8px,#c8a16608 9px 10px),linear-gradient(100deg,#554b32,#675436 45%,#493e29);border:1px solid #a489555e;box-shadow:inset 0 0 0 4px #1b261b33;border-radius:3px 7px 4px 6px}.object-button:before,.object-button:after{content:"";position:absolute;top:10px;width:4px;height:4px;border-radius:50%;background:#d7bb81;box-shadow:1px 1px 2px #000a}.object-button:before{left:12px}.object-button:after{right:12px}.object-button:hover{filter:drop-shadow(0 15px 12px #0007) brightness(1.2);translate:0 -4px}.object-title{font-size:20px;line-height:1.18}.object-meta{font:8px/1.6 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-top:10px;color:#d2c09a}.object-icon{font:12px Arial,sans-serif;display:block;margin-top:9px;color:var(--gold)}.forest-object .hover-note{position:absolute;top:calc(100% + 15px);left:50%;transform:translateX(-50%) translateY(4px);opacity:0;pointer-events:none;background:#e7ddbd;color:#233428;width:230px;padding:14px 16px;border-radius:2px;box-shadow:0 8px 25px #0005;font:12px/1.5 Arial,sans-serif;transition:.2s;z-index:5}.hover-note:before{content:"";position:absolute;top:-7px;left:calc(50% - 7px);border:7px solid transparent;border-top:0;border-bottom-color:#e7ddbd}.forest-object:hover,.forest-object:focus-within{z-index:7}.forest-object:hover .hover-note,.forest-object:focus-within .hover-note{opacity:1;transform:translateX(-50%) translateY(0)}.ornament-sleeve{width:155px}.ornament-sleeve .object-button{padding:7px 7px 12px}.object-art{width:56px;height:56px;aspect-ratio:1;object-fit:cover;margin:0 auto 8px;border:1px solid #ddc48c;box-shadow:0 2px 8px #0008}.ornament-sign .object-button{min-height:154px;padding:14px 15px}.ornament-sign .object-title{font-size:17px}.ornament-sleeve .object-button{padding:7px 7px 12px}.ornament-sleeve .object-art{width:100%;height:auto;aspect-ratio:1;margin-bottom:10px}.ornament-sleeve .object-title{font-size:16px}.ornament-vinyl .object-button{background:repeating-radial-gradient(circle at 50% 45%,#182623 0 2px,#354039 3px,#17211e 4px 6px);border:1px solid #687565;min-height:192px;border-radius:50%;padding:24px 23px;box-shadow:inset 0 0 25px #000}.ornament-vinyl .object-art{width:64px;height:64px;border-radius:50%;margin-bottom:6px;box-shadow:0 0 0 5px #202a24,0 0 0 6px #9e8955}.ornament-vinyl .object-title{font-size:15px;background:#24342bdf;border-radius:10px;padding:5px 7px;width:136px}.ornament-vinyl .object-meta{font-size:7px;margin-top:4px}.ornament-vinyl .object-icon{margin-top:4px}.ornament-vinyl .object-button:before,.ornament-vinyl .object-button:after{display:none}.ornament-lantern{width:145px}.ornament-lantern .object-button{min-height:190px;background:radial-gradient(ellipse,#af945443,#4e593646 60%,#263a28);border:2px solid #b499635e;border-radius:30px 30px 5px 5px;box-shadow:inset 8px 0 #152b2488,inset -8px 0 #152b2488,0 0 24px #cbb97612;padding:25px 15px}.ornament-lantern .object-art{width:58px;height:58px;box-shadow:0 0 15px #dfca884d;border-color:#ddc48c}.ornament-lantern .object-title{font-size:17px}.ornament-lantern .object-button:before{left:15%;right:15%;width:70%;height:6px;top:8px;border-radius:40%;background:#8c784e}.ornament-lantern .object-button:after{display:none}.grove-footer{position:absolute;bottom:32px;left:8%;right:8%;display:flex;justify-content:space-between;font:9px Arial,sans-serif;letter-spacing:.12em;color:#b8c0a8}.grove-footer button{font:inherit;border-bottom:1px solid #c2c5a655;padding:0 0 6px}.trail{position:fixed;right:22px;top:45%;display:flex;flex-direction:column;gap:17px;z-index:8}.trail a{width:7px;height:7px;border:1px solid #d2ccad75;border-radius:50%;position:relative}.trail a[aria-current=true]{background:var(--gold);box-shadow:0 0 0 4px #d4b5791a}.trail a span{position:absolute;right:18px;top:-2px;font:9px Arial,sans-serif;white-space:nowrap;opacity:0}.trail a:hover span,.trail a:focus span{opacity:1}.journey-progress{position:fixed;bottom:0;left:0;right:0;height:2px;background:#ffffff0a;z-index:15}.journey-progress span{display:block;height:100%;background:var(--gold);width:0}
.story{padding:110px 12% 40px;background:linear-gradient(transparent,#10241fdd 25%);position:relative}.story h2{margin:25px 0 55px}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-bottom:100px}.story blockquote{margin:0;font-size:25px;line-height:1.55;font-style:italic}.story cite{display:block;font:10px/1.8 Arial,sans-serif;margin-top:22px;color:#adbaa9}.story-columns>div>p{font-size:16px;line-height:1.8;margin:0 0 22px;color:#b7c4b4}.story .primary-link{margin-top:12px}.story footer{border-top:1px solid var(--line);padding-top:35px;display:flex;gap:25px;align-items:center;justify-content:space-between;font:10px Arial,sans-serif;letter-spacing:.05em}.footer-brand{font:15px Georgia,serif!important}.footer-brand span{font-size:28px;margin-left:10px}
dialog{color:var(--cream);background:#172e27;border:1px solid #a9b39750;padding:0;box-shadow:0 25px 100px #0008;max-height:85svh;max-width:94vw;border-radius:5px}dialog::backdrop{background:#081610bc;backdrop-filter:blur(8px)}.close{font:30px Arial,sans-serif;line-height:1;position:absolute;top:17px;right:19px;z-index:2;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#172e27}.close:hover{background:#2b4232}.track-dialog{width:760px}.track-detail{padding:50px;display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:start}.detail-art{aspect-ratio:1;object-fit:cover;width:100%;box-shadow:0 8px 25px #0004}.detail-placeholder{display:grid;place-items:center;background:#334634;font-size:95px;color:#cbb579;aspect-ratio:1}.track-detail h2{font-size:34px;font-weight:400;line-height:1.12;margin:12px 0 22px}.track-detail p{font:14px/1.8 Arial,sans-serif;color:#bdcbb8}.track-detail .eyebrow{font:9px/1.6 Arial,sans-serif;letter-spacing:.15em;color:var(--gold)}.track-detail .availability{margin-top:25px;font-size:12px;color:var(--gold)}.track-detail .primary-link{margin-top:10px}.library-dialog{width:940px;padding:38px}.shelf-heading h2{font-size:40px;font-weight:400;margin:6px 0 25px}.shelf-tools{display:flex;gap:12px}.shelf-tools label:first-child{flex:1}.shelf-tools input,.shelf-tools select{width:100%;padding:14px;background:#0e231d;color:var(--cream);border:1px solid var(--line);border-radius:0;font:13px Arial,sans-serif}.shelf-count{font:10px Arial,sans-serif;letter-spacing:.07em;color:#aab7a5;padding:7px 0}.record-list{display:flex;flex-direction:column}.record-row{display:flex;width:100%;gap:20px;align-items:center;text-align:left;padding:17px 8px;border-top:1px solid var(--line)}.record-row:hover{background:#ffffff07}.record-row .record-symbol{width:24px;color:var(--gold);font:13px Arial,sans-serif}.record-row strong{display:block;font-weight:400;font-size:18px}.record-row small{font:10px/1.7 Arial,sans-serif;color:#a8b7a1;display:block;margin-top:3px}.record-row .row-status{margin-left:auto;font:9px Arial,sans-serif;letter-spacing:.08em;color:var(--gold)}.empty-state{padding:35px 0;color:#b6c3b0;font:14px Arial,sans-serif}.player{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(820px,94%);border:1px solid #c0bc9566;background:#152d26f5;backdrop-filter:blur(15px);z-index:30;display:flex;align-items:center;gap:10px;padding:14px 18px;box-shadow:0 8px 40px #0007;border-radius:4px;flex-wrap:wrap}.player-info{display:flex;align-items:center;gap:14px;flex:1;min-width:160px}.player-info strong{font-size:15px;font-weight:400;display:block}.player-info small{font:9px Arial,sans-serif;color:#b2bda8;margin-top:5px;display:block}.spinning-record{font-size:10px;color:#ceb275;display:grid;place-items:center;border:10px double #556150;width:36px;height:36px;border-radius:50%;flex-shrink:0}.player audio{height:34px;width:270px;max-width:100%;color-scheme:dark}.player>button{font:25px Arial,sans-serif;padding:3px 5px}.player #audio-status{font:11px/1.5 Arial,sans-serif;color:#e5be8a;flex-basis:100%;margin:0}.player #audio-status:empty{display:none}#preview-banner{position:fixed;top:0;left:0;right:0;text-align:center;padding:7px;background:#d5b578;color:#1e3025;z-index:40;font:9px Arial,sans-serif;letter-spacing:.1em}.no-script{position:fixed;bottom:15px;left:15px;background:#f2e8cc;color:#183326;padding:20px}
@keyframes sway{from{rotate:-1.2deg}to{rotate:1.2deg}}body.still *{animation:none!important;scroll-behavior:auto!important}.still .drift-text{filter:none!important;opacity:1!important}body.has-player .story{padding-bottom:125px}
@media(min-width:1600px){.hero{padding-left:14%;padding-right:14%}.grove-surface{left:15%;right:15%}.album-installation{width:480px}}
@media(max-width:900px){.hero{gap:5%;padding-left:7%;padding-right:7%}.hero h1{font-size:78px}.hero-subtitle{font-size:21px}.hero-description{font-size:15px}.site-header nav{gap:18px}.motion-button span{display:none}.forest-object{width:165px}.ornament-lantern{width:130px}.ornament-sleeve{width:145px}.object-title{font-size:18px}.story-columns{gap:8%}.story{padding-left:8%;padding-right:8%}.trail{right:12px}}
@media(max-width:800px){:root{scroll-padding-top:20px}.site-header{height:85px;padding:0 6%;gap:8px}.brand{font-size:15px;gap:9px}.brand-mark{width:32px;height:32px;font-size:24px}.brand small{font-size:6px}.site-header nav{gap:16px;font-size:10px}.site-header nav a{display:none}.hero{height:auto;min-height:100svh;display:flex;flex-direction:column;padding:135px 8% 95px;gap:65px;text-align:center}.hero-copy{z-index:2}.hero h1{font-size:78px;margin-top:17px}.hero-description{font-size:15px}.hero-actions{justify-content:center;gap:16px}.release-note{justify-content:center;margin-top:20px}.hero-subtitle{margin-bottom:20px}.album-installation{width:72%;max-width:300px}.album-ropes{top:-45px;height:70px}.frame-caption{font-size:7px}.frame-caption span{font-size:6px}.hero-footer{bottom:26px;justify-content:center}.hero-footer>span{display:none}.hero-footer a{font-size:8px}.grove{height:auto;min-height:0;padding:75px 7% 90px}.grove h2{font-size:43px}.grove-heading>p:last-child{font-size:14px}.grove-surface{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px 22px;padding:100px 0 25px}.branch-art{top:0;height:100%;opacity:.45}.forest-object{position:relative;left:auto;top:auto;transform:none;width:min(100%,160px);justify-self:center;animation:none}.forest-object:nth-child(odd){margin-top:65px}.forest-object:before{height:70px}.forest-object.ornament-sleeve{max-width:138px}.forest-object.ornament-lantern{max-width:132px}.object-title{font-size:18px}.ornament-vinyl .object-button{min-height:205px;padding:20px 12px}.ornament-vinyl .object-title{width:115px;font-size:14px}.ornament-lantern .object-button{min-height:190px}.ornament-vinyl .object-title{width:108px;font-size:16px}.hover-note{display:none}.grove-footer{left:8%;right:8%;font-size:8px;bottom:25px;gap:15px}.trail{display:none}.story{padding:80px 8% 35px}.story h2{font-size:45px;margin-bottom:35px}.story-columns{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.story blockquote{font-size:22px}.story-columns>div>p{font-size:15px}.story footer{flex-wrap:wrap;font-size:9px;gap:25px}.footer-brand{flex-basis:100%}.track-detail{padding:50px 25px 30px;grid-template-columns:1fr;gap:20px}.detail-art,.detail-placeholder{width:150px}.track-detail h2{font-size:31px}.library-dialog{padding:27px 19px}.shelf-heading h2{font-size:32px}.shelf-tools{flex-direction:column}.shelf-tools input,.shelf-tools select{font-size:16px}.record-row strong{font-size:16px}.record-row{gap:9px}.record-row .row-status{font-size:7px}.player{padding:12px;gap:8px;bottom:9px}.player-info{flex-basis:calc(100% - 70px)}.player audio{width:calc(100% - 80px);order:5;flex-grow:1}.player #previous{order:4}.player #next{order:6}.player #stop{order:2}.player #audio-status{order:7}.player-info strong{font-size:14px}.spinning-record{width:29px;height:29px;border-width:7px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}.drift-text{filter:none!important;opacity:1!important}}

/* A jukebox is a hanging doorway to a whole collection, rather than one track. */
.forest-object.ornament-jukebox,.forest-object.ornament-boombox{width:220px;animation-duration:9s}.ornament-jukebox:after,.ornament-boombox:after{content:"";position:absolute;left:35%;top:-27px;width:30%;height:28px;border:3px solid #a78d5e;border-bottom:0;border-radius:16px 16px 0 0;pointer-events:none}.ornament-jukebox .object-button{min-height:168px;padding:24px 19px;background:linear-gradient(145deg,#bca56f,#67573a 18%,#26372c 19%,#334638 82%,#87714c);border:4px double #ae9868;border-radius:12px 12px 5px 5px;box-shadow:inset 0 0 20px #101e1780,0 0 20px #080e0b88}.ornament-jukebox .object-button:before,.ornament-jukebox .object-button:after{top:13px;width:5px;height:5px;background:#d9bf82}.ornament-jukebox .jukebox-slot{font:7px Arial,sans-serif;letter-spacing:.16em;color:#e5d3a1;background:#172820;border:1px solid #97885f;padding:7px 13px;margin-bottom:10px;box-shadow:inset 0 0 9px #000}.ornament-jukebox .object-title{font-size:17px}.ornament-jukebox .object-meta{margin-top:8px}.ornament-jukebox .object-icon,.ornament-boombox .object-icon{margin-top:9px;color:#e1c888;font:8px Arial,sans-serif;letter-spacing:.13em}.ornament-boombox .object-button{min-height:144px;padding:24px 35px;background:radial-gradient(circle at 15% 55%,#15241e 0 22px,#86734d 23px 26px,#26362b 27px),radial-gradient(circle at 85% 55%,#15241e 0 22px,#86734d 23px 26px,#26362b 27px),linear-gradient(180deg,#6e6045,#283c31 20%,#182c25 82%,#846e49);border:4px solid #a48e5d;border-radius:9px;box-shadow:inset 0 0 13px #000a,0 12px 28px #0006}.ornament-boombox .jukebox-slot{font:7px Arial,sans-serif;letter-spacing:.14em;color:#e5d3a1;background:#102019;border:1px solid #a8915d;padding:6px 7px;max-width:118px;margin:0 auto 6px}.ornament-boombox .object-title{font-size:15px;background:#24372cdd;padding:3px 8px;border-radius:2px}.ornament-boombox .object-meta{margin-top:6px;font-size:7px}.ornament-boombox .object-button:before,.ornament-boombox .object-button:after{top:8px;background:#ddc68f}.ornament-jukebox .hover-note,.ornament-boombox .hover-note{width:250px}
@media(max-width:800px){.forest-object.ornament-jukebox,.forest-object.ornament-boombox{width:min(100%,170px)}.ornament-jukebox .object-button{padding:18px 11px;min-height:154px}.ornament-boombox .object-button{padding:22px 27px;min-height:140px}.ornament-jukebox .object-title{font-size:14px}.ornament-boombox .object-title{font-size:13px}.ornament-boombox .object-meta{font-size:6px}}
