:root{color-scheme:dark;--ink:#0c2026;--ivory:#f8eedb;--muted:#c7c4b7;--gold:#eac080;--line:rgba(239,219,179,.2);font-family:Georgia,'Times New Roman',serif;color:var(--ivory);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;isolation:isolate}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:disabled{opacity:.35;cursor:default}svg{width:23px;height:23px;fill:currentColor;stroke:currentColor;stroke-width:1.8}button{border:0}button:active{transform:translateY(1px)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);padding:15px;z-index:100}.skip:focus{top:10px}.environment{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#18353c}.ocean-scene{position:absolute;inset:-2%;background:linear-gradient(90deg,rgba(8,27,34,.3),transparent),url('assets/ocean.webp') 62% center/cover;animation:sky-drift 65s ease-in-out infinite alternate}.environment canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,23,30,.65),rgba(7,23,30,.18) 38%,rgba(7,23,30,.82) 94%),linear-gradient(90deg,rgba(8,29,37,.5),transparent 80%)}#visualizer{z-index:1;opacity:.8}.masthead{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 5vw;border-bottom:1px solid var(--line);background:rgba(7,23,30,.2)}.wordmark{font-size:37px;letter-spacing:-5px;display:flex;align-items:center;gap:24px;white-space:nowrap}.wordmark span{font:11px/1.5 Arial,sans-serif;letter-spacing:2px}.masthead nav{display:flex;gap:30px;font:14px/1.5 Arial,sans-serif}.masthead nav a{position:relative;padding:13px 0;color:#d8d6ca}.masthead nav a[aria-current]{color:var(--gold)}.masthead nav a[aria-current]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold)}.quiet-button{background:transparent;font:12px/1.5 Arial,sans-serif;letter-spacing:.3px;color:#e8ddc6;padding:8px 0;white-space:nowrap}.quiet-button span{color:var(--gold);margin-left:3px}main{max-width:1440px;margin:0 auto;padding:0 7vw}.album-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center;padding:72px 0 60px}.eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:2.3px;color:var(--gold);margin:0 0 22px}.intro-copy h1{font-size:clamp(65px,7.6vw,112px);font-weight:400;line-height:.91;letter-spacing:-4px;margin:28px 0 27px;text-shadow:0 2px 25px #10232955}h1 em{font-weight:400;color:#f2d5a8}h1 em,h2 em{font-style:italic}.byline{font-size:19px;line-height:1.6;color:#e4dfd0}.byline strong{font-weight:400;font-size:23px}.tagline{font-style:italic;font-size:21px;line-height:1.6;color:#e7dfce;margin:25px 0 30px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--gold);color:#1b2c30;font:14px/1.5 Arial,sans-serif;padding:17px 23px;border:1px solid #efcf97;transition:background .2s}.gold-button:hover{background:#f5d8a5}.text-link{font:13px/1.6 Arial,sans-serif;border-bottom:1px solid #ccbe9755;padding-bottom:6px;color:#f0e2c7}.text-link span{margin-left:10px}.producer{font:13px/1.6 Arial,sans-serif;color:#d5cfbf;margin:25px 0 0}.producer strong{color:#fff0d5;font-weight:400}.cover{margin:0;transform:none;max-width:410px;justify-self:end}.cover img{display:block;width:100%;height:auto;border:1px solid #eccc9366;box-shadow:0 25px 70px #0007}.cover figcaption{text-align:center;font:10px/1.6 Arial,sans-serif;letter-spacing:2.8px;margin:19px 0;color:#d8d1bc}.record{background:rgba(9,28,34,.92);border:1px solid var(--line);padding:38px 42px;margin:0 0 50px;backdrop-filter:blur(18px)}.record-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.record-heading .eyebrow{margin-bottom:8px}h2{font-size:33px;line-height:1.25;font-weight:400;margin:0}.metadata{font:12px/1.7 Arial,sans-serif;color:#bdbdaf;letter-spacing:.4px}.track-group{margin:26px 0 10px;color:var(--gold);font:11px/1.7 Arial,sans-serif;letter-spacing:1.8px}.track-row{width:100%;display:grid;grid-template-columns:35px 1fr 65px 28px;align-items:center;gap:16px;text-align:left;background:transparent;padding:15px 12px;border-top:1px solid var(--line);transition:background .2s}.track-row:hover{background:#d7c2900d}.track-row[aria-current]{background:#d7c29015;color:var(--gold)}.track-number,.track-duration{font:13px/1.4 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#b8b9ad}.track-row[aria-current] .track-number{color:var(--gold)}.track-name{font-size:18px;line-height:1.4}.track-movement{display:block;font:12px/1.5 Arial,sans-serif;color:#b8bcaf;margin-top:3px}.track-play{font-size:12px;text-align:center;opacity:.6}.credits{border-top:1px solid var(--line);margin-top:30px;padding-top:30px;max-width:760px}.credits .eyebrow{margin-bottom:13px}.credit-lead{font-size:20px;line-height:1.6;margin:0 0 13px}.credits>p:not(.eyebrow):not(.credit-lead):not(.metadata){font:14px/1.9 Arial,sans-serif;color:#c7ccbf}.page-heading{padding:65px 0 36px}.page-heading h1{font-size:clamp(45px,6vw,80px);font-weight:400;line-height:1.15;letter-spacing:-2px;margin:15px 0}.page-subtitle{font-size:18px;color:#e1d8c5}.glass{background:rgba(9,28,34,.94);border:1px solid var(--line);backdrop-filter:blur(20px)}.notes-copy{max-width:830px;padding:35px 55px 45px;margin:0 auto 60px}.notes-copy p{font-size:20px;line-height:1.9;color:#e8e5d8;margin:20px 0 27px}.notes-copy p:first-child:first-letter{float:left;font-size:62px;line-height:1;padding:8px 9px 0 0;color:var(--gold)}.notes-copy .signature{color:var(--gold);font-style:italic}.about-layout{display:grid;grid-template-columns:.7fr 1fr;gap:45px;align-items:start;padding-bottom:60px}.artist-art{margin:0}.artist-art img{width:100%;height:auto;border:1px solid var(--line)}.about-copy{padding:35px}.about-copy p{font-size:18px;line-height:1.8;color:#e1dfd1}.contact{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.contact .eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:1.7px;color:var(--gold);margin-bottom:10px}.contact>a{font-size:clamp(17px,1.8vw,23px);overflow-wrap:anywhere}.links{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:25px}.links a{border-bottom:1px solid var(--line);padding:16px 0;font:14px Arial,sans-serif;display:flex;justify-content:space-between}.footer{max-width:1240px;margin:0 auto;padding:0 7vw 170px;display:flex;justify-content:space-between;gap:18px;font:12px/1.6 Arial,sans-serif;color:#c6cabb}.player{position:fixed;bottom:0;left:0;right:0;z-index:10;background:rgba(8,23,29,.97);border-top:1px solid #e8c27b55;box-shadow:0 -15px 60px #07131944;backdrop-filter:blur(24px);padding:18px 3vw max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(230px,1fr) 145px minmax(130px,1.25fr) auto;gap:28px;align-items:center}.now-playing{display:flex;align-items:center;gap:14px;min-width:0}.now-playing img{object-fit:cover;width:52px;height:52px;border:1px solid #dab97855}.now-playing>div{min-width:0}.now-playing .eyebrow{font-size:10px;letter-spacing:1.5px;display:block;margin:0 0 5px}.now-playing p{font-size:16px;line-height:1.3;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing #now-detail{font:11px/1.5 Arial,sans-serif;color:#b8beaf;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport{display:flex;align-items:center;justify-content:center;gap:16px}.icon-button{background:none;padding:6px;display:flex}.play-button{width:47px;height:47px;flex-shrink:0;background:#ead2a3;color:#142c32;border-radius:50%;font-size:16px;display:grid;place-items:center}.time-labels{display:flex;justify-content:space-between;font:11px Arial,sans-serif;color:#bfc8bd;font-variant-numeric:tabular-nums}.timeline{min-width:0}.timeline input{width:100%;margin:8px 0;display:block}input[type=range]{accent-color:var(--gold);height:14px;cursor:pointer}#player-status{font:11px/1.4 Arial,sans-serif;color:var(--gold);position:absolute;margin:1px 0;max-width:250px}.sound-controls{display:grid;grid-template-columns:auto auto;gap:0 18px;align-items:center}.volume-label{grid-column:1/-1;font:11px Arial,sans-serif;color:#c8c8b9;display:flex;gap:12px;align-items:center}.volume-label input{width:90px}.motion-paused .ocean-scene{animation-play-state:paused}@keyframes sky-drift{from{transform:scale(1.02) translateX(-.4%)}to{transform:scale(1.055) translateX(.4%)}}@media(min-width:1500px){main{padding:0 85px}}@media(max-width:1100px){.wordmark span{display:none}.album-intro{gap:7%;padding-top:60px}.intro-copy h1{font-size:83px}.player{gap:18px;grid-template-columns:minmax(170px,1fr) 130px 1fr auto}.sound-controls{display:flex;flex-direction:column;gap:0}.volume-label{display:none}.record{padding:30px}.masthead nav{gap:25px}}@media(max-width:760px){.masthead{padding:18px 6vw;flex-wrap:wrap;gap:13px}.wordmark{font-size:30px}.wordmark span{display:block;font-size:10px;letter-spacing:1.5px}.masthead nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px}.masthead nav a{padding:9px 0}.quiet-button{font-size:11px}.album-intro{grid-template-columns:1fr;gap:30px;padding:40px 0}.intro-copy h1{font-size:clamp(68px,15vw,96px);letter-spacing:-3px}.intro-copy .eyebrow{font-size:10px;margin-bottom:16px}.byline{font-size:17px}.byline strong{font-size:21px}.tagline{font-size:19px;margin:19px 0 25px}.cover{width:60%;max-width:300px;justify-self:center;margin-top:10px}.cover figcaption{font-size:9px}.hero-actions{gap:22px}.record{padding:24px 17px;margin-left:-2vw;margin-right:-2vw}.record-heading{align-items:start;flex-direction:column;gap:12px}.record-heading h2{font-size:29px}.track-row{grid-template-columns:24px 1fr 40px 16px;gap:9px;padding:14px 0}.track-name{font-size:17px}.track-number,.track-duration{font-size:12px}.track-movement{font-size:11px}.credits .credit-lead{font-size:18px}.page-heading{padding:38px 0 23px}.page-heading h1{font-size:47px;letter-spacing:-1.5px}.notes-copy{padding:20px 23px;margin-left:-2vw;margin-right:-2vw}.notes-copy p{font-size:18px;line-height:1.85}.about-layout{grid-template-columns:1fr;gap:25px}.artist-art{width:65%;max-width:300px}.about-copy{padding:25px}.player{grid-template-columns:minmax(0,1fr) 126px;padding:12px 5vw max(12px,env(safe-area-inset-bottom));gap:8px 15px}.now-playing img{width:42px;height:42px}.now-playing{gap:10px}.now-playing p{font-size:14px}.now-playing .eyebrow{font-size:9px}.now-playing #now-detail{font-size:10px}.transport{gap:12px}.play-button{width:42px;height:42px}.timeline{grid-column:1/-1;grid-row:2;position:relative}.timeline input{margin:4px 0}.sound-controls{grid-column:1/-1;grid-row:3;flex-direction:row;justify-content:flex-end;gap:20px}.sound-controls .quiet-button{padding:0}#player-status{bottom:-17px;left:0;max-width:48%;font-size:10px}.footer{padding-bottom:220px;font-size:11px}.environment .ocean-scene{background-position:70% center}}@media(prefers-reduced-motion:reduce){.ocean-scene{animation:none}*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:380px){.wordmark span{font-size:9px}.masthead nav{font-size:11px}.intro-copy h1{font-size:66px}.player{gap:8px}.track-row{gap:6px}.contact>a{font-size:16px}}
.bird{position:absolute;top:29%;left:-8%;width:30px;height:auto;opacity:0;animation:bird-flight 63s linear infinite;pointer-events:none}.bird-two{top:26%;width:20px;animation-delay:4s;animation-duration:79s}.motion-paused .bird{animation-play-state:paused}@keyframes bird-flight{0%,53%{transform:translate(0,0);opacity:0}55%{opacity:.55}78%{opacity:.55}80%,100%{transform:translate(115vw,-6vh);opacity:0}}@media(prefers-reduced-motion:reduce){.bird{display:none}}
/* Original portrait pixels, cropped in the layout to portrait-oriented 4:3. */
.cover-composite{position:relative}.cover-composite>img{width:100%;height:auto;display:block}.portrait-crop{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#202020}.portrait-crop>img{position:absolute!important;width:104.73%!important;max-width:none!important;height:auto!important;left:-4.55%;top:-6.82%;border:0!important;box-shadow:none!important}.cover-portrait{position:absolute;width:22.5%;right:5.4%;top:56%;border:1px solid #d9c39b;box-shadow:0 3px 12px #0008}.cover-composite{box-shadow:0 25px 70px #0007}.cover-composite>img{box-shadow:none}.artist-art.portrait-crop{width:100%;max-width:390px}.visual-entry{background:transparent;cursor:pointer}.hero-actions .text-link{font-size:13px}.hero-actions{gap:20px}.sound-controls{gap:0 14px}.sound-controls #visual-toggle{display:none}.volume-label{grid-column:1/-1}#voyage{opacity:0;transition:opacity 1.6s}.masthead,main,.footer,.player{transition:opacity .9s ease,visibility .9s}.environment{background:#000}.ocean-scene,#sea,.bird,.veil{transition:opacity 1.6s ease}.immersive{overflow:hidden;background:#000}.immersive .masthead,.immersive main,.immersive .footer,.immersive .player{opacity:0;visibility:hidden;pointer-events:none}.immersive .veil{opacity:.08}.immersive .bird{opacity:0!important}.immersive #voyage.ready{opacity:1}.immersive #visualizer{opacity:var(--glyph-opacity,.16)}.immersive.black-backdrop .ocean-scene,.immersive.black-backdrop #sea,.immersive.black-backdrop #voyage,.immersive.black-backdrop .veil{opacity:0!important}.immersive #visual-mode{position:fixed;inset:0;z-index:20;outline:none;cursor:none}.visual-controls{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:94vw;padding:12px;border:1px solid #ffffff26;border-radius:16px;background:#071019bb;backdrop-filter:blur(18px);opacity:1;transition:opacity .65s;cursor:auto}.visual-control{min-height:44px;padding:11px 15px;border-radius:8px;background:#ffffff0b;font:13px/1.4 Arial,sans-serif;color:#fff}.visual-control:hover{background:#ffffff22}.visual-control[aria-pressed=true]{background:#eac08033;color:#ffe1a3}.visual-playback{display:flex;gap:4px}.visual-playback button{width:42px;padding:10px}.visual-status{position:absolute;top:24px;left:50%;transform:translateX(-50%);max-width:85vw;text-align:center;font:14px/1.6 Arial,sans-serif;background:#0008;padding:8px 15px;border-radius:6px}.visual-status:empty{display:none}.controls-hidden .visual-controls{opacity:0;pointer-events:none}.immersive.controls-visible #visual-mode{cursor:auto}.visual-controls:focus-within{opacity:1;pointer-events:auto}.motion-paused #voyage{transition:opacity .5s}@media(max-width:760px){.visual-controls{flex-wrap:wrap;width:94vw;gap:6px;padding:9px;bottom:max(12px,env(safe-area-inset-bottom))}.visual-control{font-size:12px;padding:10px}.visual-playback{margin-left:auto}.visual-controls #visual-exit{margin-right:auto}.visual-controls #visual-background,.visual-controls #visual-motion,.visual-controls #visual-fullscreen{flex:1}.artist-art.portrait-crop{width:80%}.hero-actions{gap:18px}.sound-controls{gap:18px}.cover{width:68%}}@media(prefers-reduced-motion:reduce){.masthead,main,.footer,.player,.visual-controls,.ocean-scene,#sea,#voyage,.bird,.veil{transition:none!important}}

/* Keep the sea and glyphs above the body backdrop in both normal and fullscreen
   rendering; content and controls occupy higher layers in the same context. */
.masthead,main,.footer{position:relative;z-index:1}

/* Visual styles share the same glyph geometry and uninterrupted audio. */
#visualizer{transition:opacity 1s ease}
.immersive.ocean-only #visualizer{opacity:0}
.visual-controls{flex-wrap:wrap}
.visual-style-label{display:flex;align-items:center;gap:8px;font:14px/1.4 Arial,sans-serif;color:#f8eedb}
#visual-style{font-size:16px;border:1px solid #ffffff26;background:#13252c;color:#fff;cursor:pointer;max-width:100%}
#visual-style option{background:#13252c;color:#fff}
#visual-style:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:760px){.visual-style-label{flex-basis:100%;justify-content:center}#visual-style{flex:1;max-width:230px}}
@media(prefers-reduced-motion:reduce){#visualizer{transition:none}}

.visual-opacity-label{display:flex;align-items:center;gap:8px;font:14px/1.4 Arial,sans-serif;color:#f8eedb;min-height:44px}
#visual-opacity{width:100px;margin:0;height:26px}
#visual-opacity-value{font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}
.visual-opacity-label:has(input:disabled){opacity:.45}
@media(max-width:760px){.visual-opacity-label{flex-basis:100%;justify-content:center}#visual-opacity{flex:1;max-width:180px}}

/* Michael's supplied crop and the same cover composition on Album and About. */
.portrait-crop{aspect-ratio:1206/2048}
.portrait-crop>img{position:static!important;width:100%!important;height:auto!important;left:auto;top:auto}
.cover-portrait{top:49%}
.about-cover{width:100%;max-width:410px;justify-self:start}
.notes-copy .special-thanks{border-top:1px solid var(--line);padding-top:24px;margin:32px 0 0;color:var(--gold)}
@media(max-width:760px){.about-cover{width:68%;max-width:300px;justify-self:center}}