:root{color-scheme:dark;--paper:#e5e3db;--ink:#111210;--muted:#999b93}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:1px solid var(--paper);outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;padding:28px 4.5vw;position:absolute;top:0;width:100%;z-index:2}.artist{font-size:25px;letter-spacing:-1.5px}nav{display:flex;gap:30px;font-size:12px;letter-spacing:1px;text-transform:uppercase}nav a{opacity:.7;transition:opacity .3s}nav a:hover{opacity:1}.opening{padding:120px 9vw 30px;min-height:100svh}.cover-wrap{width:min(51vw,630px);margin:auto;overflow:hidden}.cover{display:block;width:100%;height:auto}.title-line{display:flex;justify-content:space-between;align-items:center;margin-top:22px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(100px,16vw,250px);letter-spacing:-.07em;line-height:1;margin:0}.opening-note{display:flex;flex-direction:column;gap:2px;font-size:12px;letter-spacing:1px;text-transform:uppercase}.opening-note a{margin-top:20px;border-bottom:1px solid #66685f;padding-bottom:4px}.folio,.section-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;line-height:1.5}.folio{margin-top:40px;color:var(--muted)}.section{padding:130px 9vw}.section-label{color:var(--muted)}.section-title{font-family:Georgia,serif;font-size:clamp(56px,8vw,120px);font-weight:400;letter-spacing:-.04em;line-height:1.06;margin:80px 0 65px}.track{border-top:1px solid #373932}.track:last-child{border-bottom:1px solid #373932}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.track summary{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;padding:20px 0}.number{font-size:12px;color:var(--muted)}.track-title{font-family:Georgia,serif;font-size:clamp(30px,4.2vw,64px);line-height:1.2;transition:padding .4s}.track summary:hover .track-title{padding-left:12px}.open{font-size:22px;font-weight:200}.track[open] .open{transform:rotate(45deg)}.track-body{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:40px 0 65px 70px}.track-body img{width:100%;max-height:430px;object-fit:contain}.eyebrow{font-size:12px;letter-spacing:1px;text-transform:uppercase}.availability{color:var(--muted);margin-top:35px}.words{margin-top:60px}.words p{color:var(--muted);font:24px Georgia,serif}.images{padding:60px 0 130px}.images>.section-label{margin:0 9vw}.plate{margin:150px 0 0}.image-button{padding:0;border:0;background:none;display:block;width:100%}.plate img{display:block;width:100%;height:auto}.plate figcaption{font-size:12px;letter-spacing:1px;color:var(--muted);margin-top:15px}.plate-0{width:100%}.plate-0 img{max-height:80vh;object-fit:cover}.plate-0 figcaption{margin-left:9vw}.plate-1{width:35%;margin-left:52%}.plate-2{width:43%;margin-left:9%;margin-top:70px}.plate-3{width:65%;margin-left:26%;margin-top:170px}.plate-4{width:43%;margin-left:9%;margin-top:190px}.plate-5{width:30%;margin-left:58%;margin-top:70px}.plate-6{width:100%;margin-top:180px}.plate-6 figcaption{margin-left:9vw}.archive{margin:110px 9vw 0;border-bottom:1px solid #373932;padding-bottom:20px}.archive>summary{font-size:14px;display:flex;justify-content:space-between}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.archive-grid button{border:0;background:transparent;padding:0}.archive-grid img{width:100%;height:180px;object-fit:cover}.info{background:var(--paper);color:var(--ink)}.info .section-label{color:#55584f}.info .section-title{margin-top:70px}em{font-weight:400}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:90px;max-width:1000px}.info h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:400}.info p{font-size:17px;max-width:400px}footer{padding:35px 9vw;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}footer span{color:var(--muted)}dialog{padding:25px;width:100vw;height:100svh;max-width:none;max-height:none;background:#111210;border:0;color:var(--paper)}dialog::backdrop{background:#111}dialog[open]{display:flex;flex-direction:column}.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center}.viewer-top{font-size:12px}.viewer-top button,.viewer-bottom button{background:none;border:0;padding:10px;font-size:14px}#viewer-image{width:100%;height:calc(100% - 110px);object-fit:contain;padding:25px}.skip{position:absolute;top:-100px}.skip:focus{top:20px;left:20px;z-index:10;background:var(--ink);padding:10px}@media(max-width:650px){header{padding:20px 6vw;align-items:flex-start}nav{gap:10px;font-size:12px;flex-wrap:wrap;max-width:235px;justify-content:flex-end}.opening{padding:125px 6vw 30px;min-height:auto}.cover-wrap{width:88vw}.title-line{align-items:flex-end;margin-top:35px}h1{font-size:30vw}.opening-note{font-size:12px;letter-spacing:0}.opening-note a{margin-top:12px}.folio{margin-top:45px}.section{padding:90px 6vw}.section-title{margin:55px 0 40px}.track summary{grid-template-columns:35px 1fr 20px;padding:22px 0}.track-body{padding:20px 0 40px 35px;grid-template-columns:1fr;gap:35px}.track-title{font-size:34px}.words{margin-top:30px}.images>.section-label{margin:0 6vw}.plate{margin-top:85px}.plate-1{width:60%;margin-left:32%}.plate-2{width:65%;margin-left:6%;margin-top:55px}.plate-3{width:88%;margin-left:6%}.plate-4{width:70%;margin-left:6%}.plate-5{width:60%;margin-left:34%;margin-top:55px}.archive{margin:70px 6vw 0}.archive-grid{grid-template-columns:repeat(2,1fr);gap:12px}.archive-grid img{height:140px}.info-grid{grid-template-columns:1fr;gap:30px;margin-top:50px}footer{padding:30px 6vw;font-size:12px;gap:20px}.folio,.section-label{font-size:12px;letter-spacing:.5px;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.words .lyric-text{white-space:pre-wrap;font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,1.8vw,25px);line-height:1.75;color:var(--paper);overflow-wrap:break-word;margin-top:24px}.track-body>img{align-self:start;position:sticky;top:40px}@media(max-width:650px){.track-body>img{position:static}.words .lyric-text{font-size:19px;line-height:1.7}}

/* Cover and poem form the opening spread. */
.opening{padding-left:5vw;padding-right:5vw}.opening-spread{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:4vw;align-items:start}.opening-spread .cover-wrap{width:100%;max-width:none;margin:0}.opening-poem{padding-top:0}.opening-poem p{margin:0;white-space:pre-wrap;font-family:Georgia,"Times New Roman",serif;font-size:clamp(12px,1.05vw,16px);line-height:1.65;overflow-wrap:break-word;color:var(--paper)}h1{font-size:clamp(80px,11vw,170px)}.words .lyric-text{font-size:15px;line-height:1.9}.title-line{margin-top:35px}
@media(min-width:1700px){.opening-spread{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}.opening-poem p{font-size:16px}}
@media(max-width:850px){.opening-spread{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:4vw}.opening-poem p{font-size:12px;line-height:1.65}.words .lyric-text{font-size:14px}}
@media(max-width:650px){.opening{padding-left:6vw;padding-right:6vw}.opening-spread{display:flex;flex-direction:column;gap:45px}.opening-spread .cover-wrap{width:100%}.opening-poem{width:100%;padding-left:8vw}.opening-poem p{font-size:13px;line-height:1.8}h1{font-size:22vw}.words .lyric-text{font-size:14px;line-height:1.9}.title-line{margin-top:45px}}

/* Keep the cover and its title as one composition. */
.cover-title{min-width:0;width:100%}.cover-title .title-line{margin-top:10px;gap:20px}.opening-poem p{font-size:12px;line-height:1.65}.cover-title .opening-note{font-size:12px;letter-spacing:.3px}.cover-title .opening-note a{margin-top:10px}
@media(min-width:1700px){.opening-poem p{font-size:13px}}
@media(max-width:850px){.opening-poem p{font-size:12px}.cover-title .title-line{align-items:flex-end}.cover-title .opening-note{font-size:12px}.cover-title h1{font-size:10vw}}
@media(max-width:650px){.opening-poem p{font-size:12px;line-height:1.7}.cover-title .title-line{margin-top:10px}.cover-title h1{font-size:22vw}.opening-spread{gap:35px}}

/* Fine adjustments to the opening and track chapters. */
.opening-poem p{font-size:13px}.cover-title .opening-note>span{font-size:17px;letter-spacing:.3px}.cover-title .opening-note a{margin-top:24px}.track-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5vw}.track-body img{max-height:650px}.words .lyric-text{font-size:14px}
@media(min-width:1700px){.opening-poem p{font-size:14px}}
@media(max-width:850px){.opening-poem p{font-size:13px}.words .lyric-text{font-size:13px}}
@media(max-width:650px){.opening-poem p{font-size:13px}.cover-title .opening-note>span{font-size:16px}.cover-title .opening-note a{margin-top:24px}.track-body{grid-template-columns:minmax(0,1fr);padding-left:0;gap:35px}.track-body>div{padding-left:35px}.track-body img{max-height:650px;width:100%}.words .lyric-text{font-size:13px}}

header{align-items:flex-start;padding-top:18px}header nav{padding-top:16px}.artist{display:block;width:125px;line-height:0;mix-blend-mode:screen}.saraph-logo{display:block;width:100%;height:auto;filter:grayscale(1) invert(1);opacity:.9}@media(max-width:650px){header{padding-top:16px}header nav{padding-top:6px}.artist{width:95px;flex-shrink:0}}

/* Signature marks share the page background. */
.artist{width:180px;mix-blend-mode:normal}.saraph-logo{filter:grayscale(1) invert(1) contrast(3);mix-blend-mode:screen;opacity:.88}.opening{padding-top:155px}.cover-title .title-line{align-items:flex-start;position:relative;gap:0}.cover-title .opening-note{width:clamp(150px,18vw,260px);margin-top:48px;align-items:flex-start;flex-shrink:0}.title-logo{width:100%;height:auto}.cover-title .opening-note a{margin-top:26px;margin-left:20%;font-size:12px;white-space:nowrap}.cover-title h1{flex-shrink:0}
@media(max-width:850px){.artist{width:155px}.opening{padding-top:145px}.cover-title .opening-note{width:145px;margin-top:35px}.cover-title .opening-note a{margin-left:0}}
@media(max-width:650px){.artist{width:120px}.opening{padding-top:125px}header nav{max-width:200px;gap:8px}.cover-title .title-line{align-items:flex-start}.cover-title .opening-note{width:40vw;max-width:180px;margin-top:36px}.cover-title .opening-note a{margin-top:20px;margin-left:10%;font-size:12px}}

.saraph-logo{filter:none;mix-blend-mode:normal;opacity:1}.artist{mix-blend-mode:normal}

/* The second signature sits diagonally below Helm. */
.cover-title .title-line{display:block}.cover-title .opening-note{width:clamp(260px,31vw,470px);margin-top:-18px;margin-left:auto;align-items:flex-start}.elegant-logo{filter:brightness(0) invert(1);opacity:.9}.cover-title .opening-note a{margin-left:20%;margin-top:30px}.cover-title h1{display:block;width:fit-content}
@media(max-width:850px){.cover-title .opening-note{width:clamp(230px,35vw,320px);margin-top:12px;margin-left:auto}.cover-title .opening-note a{margin-left:20%}}
@media(max-width:650px){.cover-title .opening-note{width:65vw;max-width:320px;margin-top:10px;margin-left:auto}.cover-title .opening-note a{margin-top:24px;margin-left:20%}}
/* Oversized signature weaves behind the cover and poem. */
.opening-spread{position:relative;isolation:isolate}.cover-title .cover-wrap{position:relative;z-index:2}.cover-title .title-line{position:relative;min-height:36vw;overflow:visible}.cover-title h1{position:relative;z-index:3}.cover-title .opening-note{position:static;width:auto;margin:0}.cover-title .title-logo{position:absolute;width:78vw;max-width:none;height:auto;left:7vw;top:-26vw;z-index:1;pointer-events:none;opacity:.65}.opening-poem{position:relative;z-index:3}.opening-poem p{text-shadow:0 1px 5px #111210,0 0 10px #111210}.cover-title .opening-note a{position:absolute;z-index:4;left:0;bottom:1vw;margin:0}.cover-title .title-line{margin-top:10px}
@media(max-width:850px){.cover-title .title-line{min-height:40vw}.cover-title .title-logo{width:80vw;left:5vw;top:-22vw}.cover-title .opening-note{width:auto;margin:0}.cover-title .opening-note a{margin:0}}
@media(max-width:650px){.cover-title .title-line{min-height:63vw}.cover-title .title-logo{width:115vw;left:-18vw;top:-20vw;opacity:.6}.cover-title .opening-note{width:auto;max-width:none;margin:0}.opening-spread{overflow:hidden}.opening-poem{margin-top:-16vw;padding-top:0}.cover-title .opening-note a{bottom:13vw;margin:0}.opening-poem p{text-shadow:0 1px 5px #111210,0 0 10px #111210}}
/* Lower the signature until only its tip meets the cover. */
.cover-title .title-logo{top:-2vw;opacity:.55}.cover-title .title-line{min-height:56vw}.cover-title .opening-note a{bottom:1vw}
@media(max-width:850px){.cover-title .title-logo{top:-2vw;opacity:.55}.cover-title .title-line{min-height:59vw}}
@media(max-width:650px){.cover-title .title-logo{top:-2vw;opacity:.5}.cover-title .title-line{min-height:80vw}.cover-title .opening-note a{bottom:4vw}.opening-poem{margin-top:0}}

/* Swap the signatures without changing their scale. */
.artist .elegant-logo{filter:brightness(0) invert(1);opacity:.9}.cover-title .title-logo{filter:none;top:-7vw;opacity:.47}
@media(max-width:850px){.cover-title .title-logo{top:-7vw;opacity:.47}}
@media(max-width:650px){.cover-title .title-logo{top:-7vw;opacity:.43}}

/* Restore the original masthead; enlarge the charcoal signature. */
header{align-items:center;padding:28px 4.5vw}header nav{padding-top:0}.artist{width:auto;line-height:1.6;font-family:Arial,Helvetica,sans-serif;font-size:25px;letter-spacing:-1.5px;mix-blend-mode:normal}.cover-title .title-logo{width:90vw;left:-2vw;opacity:.38}.cover-title .title-line{min-height:63vw}
@media(max-width:850px){.artist{width:auto}.cover-title .title-logo{width:94vw;left:-3vw;opacity:.38}.cover-title .title-line{min-height:67vw}}
@media(max-width:650px){header{padding:20px 6vw;align-items:flex-start}header nav{max-width:235px;gap:10px;padding-top:0}.artist{width:auto}.cover-title .title-logo{width:130vw;left:-24vw;opacity:.35}.cover-title .title-line{min-height:91vw}}
.cover-title .title-logo{top:-11vw}
@media(max-width:850px){.cover-title .title-logo{top:-11vw}}
@media(max-width:650px){.cover-title .title-logo{top:-11vw}}
/* Broaden and raise the large signature. */
.opening{overflow-x:clip}.cover-title .title-logo{width:104vw;left:-10vw;top:-15vw;transform:scaleX(1.08);transform-origin:center}.cover-title .title-line{min-height:68vw}
@media(max-width:850px){.cover-title .title-logo{width:108vw;left:-11vw;top:-15vw}.cover-title .title-line{min-height:72vw}}
@media(max-width:650px){.cover-title .title-logo{width:148vw;left:-33vw;top:-15vw}.cover-title .title-line{min-height:99vw}}
.cover-title .title-logo{top:-18vw;opacity:.30}
@media(max-width:850px){.cover-title .title-logo{top:-18vw;opacity:.30}}
@media(max-width:650px){.cover-title .title-logo{top:-18vw;opacity:.28}}
/* Match the masthead serif and bring it close to the cover. */
.artist{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.07em;position:relative;top:65px;line-height:1}.cover-title .title-logo{opacity:.25}
@media(max-width:850px){.artist{top:55px}.cover-title .title-logo{opacity:.25}}
@media(max-width:650px){.artist{top:62px}.cover-title .title-logo{opacity:.23}}
/* Close the space after the signature and lift the record link. */
.cover-title .title-line{min-height:55vw}.cover-title .opening-note a{bottom:1vw}.opening .folio{margin-top:22px}.opening{padding-bottom:12px}.music.section{padding-top:65px}
@media(max-width:850px){.cover-title .title-line{min-height:58vw}}
@media(max-width:650px){.cover-title .title-line{min-height:84vw}.cover-title .opening-note a{bottom:1vw}.opening .folio{margin-top:24px}.music.section{padding-top:55px}}
/* Lift only the record link to the signature's left. */
.cover-title .opening-note a{top:19vw;bottom:auto;left:0}
@media(max-width:850px){.cover-title .opening-note a{top:21vw;bottom:auto;left:0}}
@media(max-width:650px){.cover-title .opening-note a{top:33vw;bottom:auto;left:0}}
.cover-title .opening-note a{top:32vw;bottom:auto}
@media(max-width:850px){.cover-title .opening-note a{top:35vw;bottom:auto}}
@media(max-width:650px){.cover-title .opening-note a{top:53vw;bottom:auto}}
.cover-title .opening-note a{top:43vw;bottom:auto}
@media(max-width:850px){.cover-title .opening-note a{top:46vw;bottom:auto}}
@media(max-width:650px){.cover-title .opening-note a{top:68vw;bottom:auto}}
/* A very small spacing adjustment. */
.artist{letter-spacing:-.055em}.cover-title .opening-note a{top:calc(43vw + 6px)}
@media(max-width:850px){.cover-title .opening-note a{top:calc(46vw + 6px)}}
@media(max-width:650px){.cover-title .opening-note a{top:calc(68vw + 6px)}}

.archive>summary{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,60px);line-height:1.2;letter-spacing:-.025em;gap:24px;padding:10px 0 20px}.archive>summary>span{flex-shrink:0;font-size:.8em}.words .lyric-text{margin-top:0}@media(max-width:650px){.archive>summary{font-size:32px;gap:16px}}

.music .section-title{font-size:clamp(46px,6vw,90px)}.track-title{font-size:clamp(28px,3.6vw,55px)}@media(max-width:650px){.music .section-title{font-size:46px}.track-title{font-size:30px}}

.poem-initial{font-size:1.65em;line-height:0;vertical-align:baseline}.artist{left:3vw}.archive>summary{font-size:clamp(24px,2.6vw,40px)}.info{padding-left:6vw;padding-right:6vw}.info-grid{max-width:none;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:9vw;align-items:start}.info p{max-width:none;line-height:1.8}.band-story p{margin:0 0 24px}.info h3{margin-top:0;margin-bottom:24px}
@media(max-width:650px){.artist{left:2vw}.archive>summary{font-size:26px}.info-grid{grid-template-columns:1fr;gap:50px}.info p{font-size:16px}.poem-initial{font-size:1.65em}}

.info-heading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:9vw;align-items:center;margin-top:70px}.info .info-heading .section-title{margin:0}.band-photo{margin:0}.band-photo img{display:block;width:100%;height:auto}@media(max-width:650px){.info-heading{grid-template-columns:1fr;gap:40px;margin-top:55px}}

.info-heading{grid-template-columns:minmax(0,.65fr) minmax(0,1.65fr);gap:6vw}.album-photo{margin:40px 0 0}.album-photo img{display:block;width:100%;height:auto}@media(max-width:650px){.info-heading{grid-template-columns:1fr;gap:40px}.album-photo{margin-top:30px}}

.info-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr);gap:7vw}.album-photo{width:100%;margin-top:40px}@media(max-width:650px){.info-grid{grid-template-columns:1fr;gap:50px}.album-photo{width:calc(100% + 12vw);margin-left:-6vw;margin-top:30px}}
.artist{letter-spacing:-.04em;left:4.5vw}
@media(max-width:650px){.artist{left:3vw}}

.info-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr);gap:6vw}@media(max-width:650px){.info-grid{grid-template-columns:1fr;gap:50px}}

header .artist{position:absolute;left:calc(5vw + clamp(112px,15.4vw,238px));top:120px;transform:translateX(-100%)}.record-photo{width:min(48vw,680px);margin-left:auto;margin-right:auto}.record-photo img{display:block;width:100%;height:auto}.record-photo-opening{margin-top:0;margin-bottom:85px}.record-photo-closing{margin-top:90px;margin-bottom:0}
@media(max-width:850px){header .artist{top:110px;left:calc(5vw + 14vw)}}
@media(max-width:650px){header .artist{top:90px;left:calc(6vw + 30.8vw)}.record-photo{width:76vw}.record-photo-opening{margin-bottom:55px}.record-photo-closing{margin-top:60px}}
.record-photo{width:min(41vw,580px)}.record-photo-opening{margin-bottom:35px}.record-photo-closing{margin-top:35px}.poem-initial{font-family:'Times New Roman',Times,serif;font-size:2em;font-weight:400;font-style:italic;line-height:0;margin-right:.025em}
@media(max-width:650px){.record-photo{width:67vw}.record-photo-opening{margin-bottom:25px}.record-photo-closing{margin-top:25px}.poem-initial{font-size:2em}}

@font-face{font-family:'Poem Gothic';src:url('assets/poem-gothic-m.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}.poem-initial{font-family:'Poem Gothic',serif;font-size:2.45em;font-style:normal;font-weight:400;line-height:0;margin-right:.04em}.record-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;align-items:start;margin:65px 0 35px}.music .record-intro .section-title{margin:0}.record-intro .record-photo-opening{width:100%;max-width:480px;margin:0;justify-self:end}.record-photo-closing{width:min(36vw,480px);margin-left:auto;margin-right:0}header .artist{top:108px;left:calc(5vw + clamp(112px,15.4vw,238px) - 15px)}
@media(max-width:850px){header .artist{top:98px;left:calc(19vw - 15px)}}
@media(max-width:650px){header .artist{top:78px;left:calc(36.8vw - 10px)}.poem-initial{font-size:2.45em}.record-intro{gap:20px;margin:45px 0 25px}.music .record-intro .section-title{font-size:36px}.record-intro .record-photo-opening{width:100%;margin:0}.record-photo-closing{width:60vw;margin-right:0}}
/* The photo sits beside the heading, outside the tracklist's vertical flow. */
.record-intro{display:block;position:relative;margin:65px 0 28px;min-height:0}.music .record-intro .section-title{width:calc(50% - 4vw);margin:0}.record-intro .record-photo-opening{position:absolute;right:0;top:0;width:calc(50% - 4vw);max-width:480px;margin:0}.music .tracklist{width:calc(50% - 4vw)}.music .track summary{grid-template-columns:40px 1fr 24px}.music .track-title{font-size:clamp(26px,3vw,46px)}.music .track-body{grid-template-columns:1fr;padding-left:40px;gap:30px}.music .track-body>img{position:static}.record-photo-closing{width:calc(50% - 4vw);max-width:480px;margin-right:0;margin-left:auto}header .artist{top:93px;left:calc(5vw + clamp(72px,9.9vw,153px))}
@media(max-width:850px){header .artist{top:83px;left:14vw}}
@media(max-width:650px){header .artist{top:63px;left:25.8vw}.record-intro{margin:45px 0 22px}.music .record-intro .section-title{width:calc(50% - 10px);font-size:34px}.record-intro .record-photo-opening{width:calc(50% - 10px)}.music .tracklist{width:100%}.music .track:nth-child(-n+2) summary{width:calc(50% - 10px);grid-template-columns:24px 1fr 16px}.music .track-title{font-size:28px}.music .track:nth-child(-n+2) .track-title{font-size:24px}.music .track-body{padding-left:0}.record-photo-closing{width:calc(50% - 10px);max-width:480px}}

.archive-plate{margin:110px 0 0}.archive-plate img{display:block;width:100%;height:auto}.archive-plate figcaption{font-size:12px;letter-spacing:1px;color:var(--muted);margin-top:15px}.composition-0{width:76%;margin-left:12%}.composition-1{width:36%;margin-left:53%}.composition-2{width:48%;margin-left:9%}.composition-3{width:62%;margin-left:29%}.composition-4{width:42%;margin-left:14%}.archive-plate:last-of-type{width:76%;margin-left:12%}@media(max-width:650px){.archive-plate{margin-top:75px}.composition-0{width:88%;margin-left:6%}.composition-1{width:60%;margin-left:34%}.composition-2{width:70%;margin-left:6%}.composition-3{width:80%;margin-left:14%}.composition-4{width:65%;margin-left:6%}.archive-plate:last-of-type{width:88%;margin-left:6%}}

@font-face{font-family:'Saraph Serif';src:url('assets/saraph-serif.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}header .artist{font-family:'Saraph Serif','Times New Roman',serif;font-weight:400;font-style:normal;letter-spacing:-.025em}.plate-1{width:40%;margin-left:48%}@media(max-width:650px){.plate-1{width:66%;margin-left:28%}}
.plate-2{width:53%;margin-left:9%}.record-intro .record-photo-opening,.record-photo-closing{width:calc(43% - 4vw);max-width:410px}header .artist{font-size:26px;top:99px}
@media(max-width:850px){header .artist{top:89px}}
@media(max-width:650px){.plate-2{width:75%;margin-left:6%}.record-intro .record-photo-opening,.record-photo-closing{width:calc(43% - 10px);max-width:410px}header .artist{font-size:26px;top:69px}}

@font-face{font-family:'Saraph Blackletter';src:url('assets/saraph-blackletter.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}header .artist{font-family:'Saraph Blackletter',serif;letter-spacing:0;font-style:normal}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:30px;font-size:16px}.contact-links a{display:inline-flex;align-items:center;gap:12px}.contact-links a:hover{text-decoration:underline}.instagram-link svg{flex-shrink:0}.music .track summary{padding-top:14px;padding-bottom:14px}.record-photo-closing{margin-top:20px}.record-intro{margin-bottom:20px}@media(max-width:650px){.record-photo-closing{margin-top:18px}.record-intro{margin-bottom:18px}.contact-links{font-size:15px}}

header .artist{font-family:'Saraph Serif','Times New Roman',serif;font-size:27px;letter-spacing:-.025em;font-weight:400;font-style:normal}.contact-row{display:flex;align-items:baseline;gap:16px}.contact-label{width:55px;flex-shrink:0;font-size:13px}@media(max-width:650px){header .artist{font-size:27px}.contact-row{gap:12px}.contact-label{width:48px}}
/* Fine spacing around the cover and the paired field notes. */
header .artist{top:107px}.music.section{padding-top:125px}.plate-5{margin-top:calc(-14.33vw - 34px)}
@media(max-width:850px){header .artist{top:97px}}
@media(max-width:650px){header .artist{top:77px}.music.section{padding-top:95px}.plate-5{margin-top:35px}}

.cover-title .opening-note .record-folio-label{position:absolute;left:0;top:calc(43vw + 44px);font-size:12px;line-height:1.5;letter-spacing:1.5px;color:var(--muted);z-index:4;white-space:nowrap}.opening .folio{min-height:18px}@media(max-width:850px){.cover-title .opening-note .record-folio-label{top:calc(46vw + 44px)}}@media(max-width:650px){.cover-title .opening-note .record-folio-label{top:calc(68vw + 44px);letter-spacing:.5px}}
.info{background:#e3e7e6}

.music .tracklist{width:100%}.music .track summary{width:calc(50% - 4vw)}.music .track-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6vw;padding-left:40px}.music .track-body>img{position:sticky;top:40px;align-self:start;width:100%;max-height:650px}.record-intro .record-photo-opening{z-index:2}.music .track-body>div{min-width:0}@media(max-width:650px){.music .track summary{width:100%}.music .track:nth-child(-n+2) summary{width:calc(50% - 10px)}.music .track-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;padding-left:0}.music .track-body>div{padding-left:0}.music .track-body>img{top:20px}.music .words .lyric-text{font-size:13px;overflow-wrap:break-word}}
/* Keep dividers at the original track-title width. */
.music .track{border-top:0}.music .track:last-child{border-bottom:0}.music .track summary{border-top:1px solid #373932}.music .track:last-child summary{border-bottom:1px solid #373932}.music .track:nth-child(-n+2) .track-body>img{position:static;align-self:end;margin-top:140px;max-height:300px;object-fit:contain;object-position:right bottom}
@media(max-width:650px){.music .track summary{width:100%}.music .track:nth-child(-n+2) summary{width:calc(50% - 10px)}.music .track:nth-child(-n+2) .track-body>img{margin-top:75px;max-height:250px}}

.track-photo-scroll{padding-top:140px;min-height:560px;align-self:stretch;min-width:0}.music .track-photo-scroll>img{position:sticky;top:40px;display:block;width:100%;height:auto;max-height:300px;object-fit:contain;object-position:right top}@media(max-width:650px){.track-photo-scroll{padding-top:75px;min-height:400px}.music .track-photo-scroll>img{top:20px;max-height:250px}}
.music{position:relative}.record-photo-closing{position:absolute;margin:0}.record-intro .record-photo-opening{margin:0}

.damda-photo-scroll{padding-top:180px;min-height:550px}.music .damda-photo-scroll>img{max-height:650px}

.damda-photo-scroll{padding-top:0;min-height:0}.music .damda-photo-scroll>img{position:sticky;top:40px;max-height:650px}@media(max-width:650px){.music .damda-photo-scroll>img{top:20px}}

footer{display:block;padding-top:80px}.footer-photo{width:min(46vw,650px);margin:0 auto 70px}.footer-photo img{display:block;width:100%;height:auto}.footer-line{display:flex;justify-content:space-between;gap:20px}@media(max-width:650px){footer{padding-top:55px}.footer-photo{width:76vw;margin-bottom:50px}}
/* A small closing photograph inside a narrow footer strip. */
footer{position:relative;padding:28px 9vw;min-height:108px;display:flex;align-items:center}.footer-photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;margin:0}.footer-line{width:100%;align-items:center}@media(max-width:650px){footer{padding:24px 6vw;min-height:96px}.footer-photo{width:72px}.footer-line{font-size:11px}.footer-line>a{max-width:90px}.footer-line>span{max-width:90px;text-align:right}}
.footer-photo{width:160px}footer{min-height:145px}@media(max-width:650px){.footer-photo{width:120px}footer{min-height:120px}}
.footer-photo{width:190px}footer{min-height:165px}@media(max-width:650px){.footer-photo{width:140px}footer{min-height:135px}}

footer{min-height:0;padding:35px 9vw}@media(max-width:650px){footer{min-height:0;padding:30px 6vw}}

.info .album-photo{width:85%}@media(max-width:650px){.info .album-photo{width:100%;margin-left:0}}

.track-audio{display:block;width:100%;max-width:420px;height:40px;margin-top:28px;color-scheme:dark}