@font-face{font-family:Caveline;src:url('assets/CAVELINE.ttf') format('truetype');font-display:swap}@font-face{font-family:Monoton;src:url('assets/Monoton-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Lacuna;src:url('assets/LacunaRegular.ttf') format('truetype');font-display:swap}@font-face{font-family:Amore;src:url('assets/Amore.ttf') format('truetype');font-display:swap}

:root{--ink:#111;--cream:#fff;--gold:#ddd;--bronze:#151515}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Lacuna,Georgia,serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:72px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--ink)}.brand{font:32px 'Caveline',Georgia,serif;letter-spacing:-1px}nav{display:flex;gap:50px;font-size:14px}nav a:hover{color:var(--gold)}.hero{height:min(780px,calc(100svh - 72px));min-height:570px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.hero-photo{overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.left img{object-position:50% 25%}.right img{object-position:63% 35%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#11111120,#11111120 60%,#111111b0);pointer-events:none}.inset{position:absolute;z-index:1;width:21%;height:48%;top:23%;overflow:hidden;border:1px solid #fff4dc50;box-shadow:0 10px 70px #0003}.inset img{width:100%;height:100%;object-fit:cover}.inset-left{left:8%}.inset-left img{object-position:74%}.inset-right{right:8%;top:17%}.inset-right img{object-position:50% 30%}.hero-title{position:absolute;z-index:2;top:37%;left:0;right:0;text-align:center;text-shadow:0 2px 30px #0008}.eyebrow{font-size:12px;font-weight:500;letter-spacing:3px}.hero-title h1{font:clamp(90px,12vw,200px)/.95 'Caveline',Georgia,serif;font-weight:400;letter-spacing:-6px;margin:10px 0 25px}.hero-link{font-size:12px;letter-spacing:3px;border-bottom:1px solid #fff6;padding-bottom:8px}.hero-bottom,.scroll{position:absolute;z-index:2;bottom:28px;font-size:12px;letter-spacing:2px}.hero-bottom{left:5%;margin:0}.scroll{right:5%;letter-spacing:0}.album{display:grid;grid-template-columns:1fr 1fr}.album-copy{padding:90px 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--bronze)}h2{font:clamp(54px,7vw,104px)/1 'Caveline',Georgia,serif;font-weight:400;margin:20px 0}.album-copy h2{letter-spacing:12px}.album-meta{font-size:14px;color:#ddd}.stream-links{width:100%;max-width:340px;margin:35px 0 60px}.stream-links a{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid #fff3;font-size:14px}.stream-links a:hover{color:var(--gold)}.stream-links span{font-size:20px}.chapter{font-size:12px;letter-spacing:2px;color:var(--gold)}.cover-wrap{padding:10%;display:grid;place-items:center;background:#202020}.cover-wrap img{width:100%;box-shadow:0 25px 60px #0005}.track-section{padding:100px 8%;display:grid;grid-template-columns:1fr 1.15fr;gap:10%;background:#111111}.track-intro h2{max-width:300px}.track-intro p:not(.eyebrow){font:21px/1.7 'Caveline',Georgia,serif;color:#ddd;margin:30px 0 60px}.list-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;border-bottom:1px solid #ffffff50;padding:0 0 20px}.track{display:grid;grid-template-columns:35px 1fr 25px;gap:15px;align-items:center;text-align:left;width:100%;padding:16px 5px;background:none;border:0;border-bottom:1px solid #ffffff20;color:var(--cream);font:16px Lacuna,Georgia,serif;cursor:pointer}.track:hover,.track.active{color:var(--gold);background:#ffffff08}.num{font-size:12px;color:#aaa}.play{font-size:24px}.track.active .play{color:var(--gold)}#audio-status{font-size:13px;color:var(--gold);min-height:20px;margin-top:26px}audio{width:100%;height:42px}.visuals{background:#ae683d;padding:75px 8%}.visual-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}.visual-heading h2{font-size:64px}.visual-heading .chapter{color:var(--cream)}.visual-grid{display:grid;grid-template-columns:1fr 1.65fr;gap:5%;align-items:center;margin-top:40px}figure{margin:0}.film video{display:block;width:100%;max-height:650px;background:#000;object-fit:contain}.still img{display:block;width:100%;height:570px;object-fit:cover;object-position:65% 30%}figcaption{font-size:12px;letter-spacing:2px;padding:18px 0}.follow{position:relative;height:560px;overflow:hidden;display:grid;place-items:center;text-align:center}.follow>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}.follow:after{content:'';position:absolute;inset:0;background:#111111a8}.follow>div{position:relative;z-index:1}.follow h2{font-size:100px;margin:10px 0 30px}.follow a{display:block;font-size:14px;margin:18px; text-decoration:underline;text-underline-offset:8px}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between}footer>span{font-size:12px;letter-spacing:2px}@media(max-width:700px){header{height:65px;padding:0 6%}.brand{font-size:27px}nav{gap:17px;font-size:12px}.hero{height:650px;min-height:0}.hero-photo img{object-position:56%}.inset{width:29%;height:35%;top:17%}.inset-left{left:5%}.inset-right{right:5%;top:34%}.hero-title{top:38%}.hero-title h1{font-size:100px;letter-spacing:-3px}.hero-title .eyebrow{font-size:10px}.hero-link{font-size:10px;letter-spacing:2px}.hero-bottom{font-size:10px;bottom:30px}.scroll{font-size:11px}.album{grid-template-columns:1fr}.album-copy{padding:65px 9%}.album-copy h2{font-size:75px}.stream-links{margin:20px 0 40px;max-width:none}.cover-wrap{padding:9%}.track-section{padding:65px 9%;grid-template-columns:1fr;gap:45px}.track-intro h2{max-width:none;font-size:60px}.track-intro p:not(.eyebrow){margin:20px 0 25px}.visuals{padding:55px 9%}.visual-heading{display:block}.visual-heading h2{font-size:54px}.visual-grid{grid-template-columns:1fr;gap:35px}.film video{max-height:600px}.still img{height:auto}.follow{height:470px}.follow h2{font-size:85px}footer .brand{font-size:25px}footer>span{font-size:10px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Album typography */
body{font-size:18px}.brand,.hero-title h1,.follow h2{font-family:Amore,Georgia,serif}.hero-title h1{letter-spacing:0;font-size:clamp(90px,12vw,180px);line-height:1.1}.album-copy h2{font-family:Monoton,Georgia,serif;font-size:clamp(48px,5.6vw,86px);letter-spacing:4px;line-height:1.3}.track{font-family:Lacuna,Georgia,serif;font-size:21px}.eyebrow,.chapter,.hero-link,.hero-bottom,.list-head,.num,footer>span{font-family:Caveline,Georgia,serif;font-size:14px}.stream-links a,.follow a{font-size:19px}nav{font-family:Caveline,Georgia,serif;font-size:16px}.album-meta{font-size:18px}.track-intro p:not(.eyebrow){font-family:Lacuna,Georgia,serif;font-size:24px}.follow:after{background:#111111a8}#audio-status{font-size:17px}.hero-link{letter-spacing:2px}.hero-title{top:35%}@media(max-width:700px){nav{font-size:14px;gap:16px}.hero-title h1{font-size:clamp(70px,20vw,120px)}.album-copy h2{font-size:clamp(46px,13vw,75px);letter-spacing:3px}.hero-bottom{font-size:12px;letter-spacing:1px}.hero-link{font-size:12px}.list-head{font-size:12px;letter-spacing:1px}.follow h2{font-size:85px}}

/* Single portrait hero */
.hero{display:block}.hero-photo.right{width:100%;height:100%}.hero-photo.right img{object-position:50% 36%}.hero:after{background:linear-gradient(180deg,#11111115,#11111135 55%,#111111a0)}@media(max-width:700px){.hero-photo.right img{object-position:65% 35%}}

@font-face{font-family:Seraya;src:url('assets/seraya-demo.otf') format('opentype');font-display:swap}.brand,.hero-title h1,.follow h2{font-family:Seraya,Georgia,serif}

/* Scroll parallax and music platform marks */
.platform-icon{width:24px;height:24px;flex:none;filter:invert(1)}
.hero-photo.right img{transform:translate3d(0,var(--hero-shift,0px),0) scale(1.12);will-change:transform}
@media(prefers-reduced-motion:reduce){.hero-photo.right img{transform:none;will-change:auto}}

/* Stronger hero travel and a clean closing section */
.hero-photo.right{position:relative}
.hero-photo.right img{position:absolute;left:0;top:-22%;height:144%;transform:translate3d(0,var(--hero-shift,0px),0);will-change:transform}
.follow{height:auto;min-height:300px;padding:65px 6%;background:#111}
.follow:after{display:none}
@media(max-width:700px){.follow{min-height:260px;padding:50px 6%}}
@media(prefers-reduced-motion:reduce){.hero-photo.right img{top:0;height:100%;transform:none;will-change:auto}}

/* Gentle drift with a liquid-rendered photo */
.hero-photo.right img,.hero-lines{position:absolute;left:0;top:-6%;width:100%;height:112%;transform:translate3d(0,var(--hero-shift,0px),0);will-change:transform}
.hero-lines{pointer-events:none;opacity:0}
.hero-photo.lines-ready .hero-lines{opacity:1}
.hero-photo.lines-ready img{visibility:hidden}
@media(prefers-reduced-motion:reduce){.hero-photo.right img{visibility:visible;top:0;height:100%;transform:none}.hero-lines{display:none}}

.platform-icon.store-icon{filter:grayscale(1) contrast(100);border-radius:5px}