@font-face{font-family:AnderniesDisplay;src:url('display.otf') format('opentype');font-weight:700;font-display:swap}
:root{--ink:#102c31;--petrol:#214c52;--deep:#15383d;--cream:#f1f0ec;--muted:#afc2c3;--gold:#e9b46d;--line:rgba(241,240,236,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip{position:absolute;top:-80px;left:20px;background:var(--cream);color:var(--ink);padding:12px;z-index:10}.skip:focus{top:10px}
header{padding:22px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--cream);color:var(--ink)}.logo{font-family:AnderniesDisplay,Impact,'Arial Narrow',sans-serif;font-size:32px;font-weight:700;line-height:1;text-decoration:none;letter-spacing:.01em}nav{display:flex;gap:32px;align-items:center}nav a{text-transform:uppercase;letter-spacing:.13em;font-size:14px;text-decoration:none;line-height:1.5}nav a:hover{text-decoration:underline;text-underline-offset:6px}.mail{display:inline-flex;align-items:center;gap:9px}.mail svg{flex-shrink:0}
.hero{position:relative;min-height:540px;height:66vh;max-height:800px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:var(--ink)}.hero-art{position:absolute;inset:0 0 0 29%;z-index:-2}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:51% center}.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 27%,rgba(16,44,49,.94) 33%,rgba(16,44,49,.48) 44%,rgba(16,44,49,0) 63%)}.intro{width:39%;padding:0 0 0 4%;}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:14px;line-height:1.5;font-weight:400;margin:0 0 24px;color:var(--muted)}h1{font-family:AnderniesDisplay,Impact,'Arial Narrow',sans-serif;font-weight:700;font-size:clamp(56px,8vw,150px);line-height:1;margin:0 0 20px;letter-spacing:-.025em}.tagline{font-size:18px;line-height:1.5;color:var(--muted);margin:0}.listen{display:inline-flex;align-items:center;justify-content:center;margin-top:34px;padding:18px 23px;background:var(--gold);color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:14px;min-height:50px;transition:background .15s}.listen:hover{background:#f4c88f}.hero-note{display:block;margin-top:28px;text-decoration:none;color:var(--cream);font-size:14px;line-height:1.5;letter-spacing:.08em}.hero-note span{color:var(--gold);margin-left:12px}.hero-note:hover{text-decoration:underline;text-underline-offset:6px}
.project{padding:58px 4% 62px;background:var(--cream);color:var(--ink);display:grid;grid-template-columns:1fr 2fr;gap:40px}.section-label{font-size:14px;letter-spacing:.18em;text-transform:uppercase;line-height:1.5;font-weight:400;margin:5px 0 0}.project p{max-width:850px;font-size:clamp(18px,1.65vw,23px);line-height:1.65;margin:0}
.announcement{padding:58px 4% 64px;background:var(--deep);scroll-margin-top:0}.release-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.release-meta p{margin:0;font-size:14px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase}.release-meta .year{color:var(--gold)}.release-title{font-family:AnderniesDisplay,Impact,'Arial Narrow',sans-serif;font-size:clamp(62px,14.7vw,260px);font-weight:700;letter-spacing:-.025em;line-height:.95;margin:38px 0 24px}.release-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.release-bottom p{font-size:18px;line-height:1.5;margin:0;color:var(--muted)}.release-bottom .coming{color:var(--gold)}
footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:25px 4%;font-size:14px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line)}footer a{text-decoration:none}footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1800px){.intro{width:40%}}
@media(max-width:760px){header{padding:20px 5%;gap:20px;flex-wrap:wrap}.logo{font-size:28px}nav{gap:19px}nav a{font-size:12px;letter-spacing:.08em}.mail{gap:6px}.hero{height:auto;min-height:0;max-height:none;display:block;padding-top:50vw}.hero-art{inset:0 0 auto;aspect-ratio:2/1}.hero-art img{object-position:center;object-fit:cover}.shade{background:linear-gradient(180deg,transparent 0%,rgba(16,44,49,.06) 18%,var(--ink) 47%)}.intro{width:100%;padding:26px 6% 38px}.eyebrow{margin-bottom:14px}h1{font-size:clamp(56px,17vw,118px);margin-bottom:14px}.tagline{font-size:17px}.listen{margin-top:24px}.hero-note{margin-top:24px}.project{grid-template-columns:1fr;gap:22px;padding:38px 6% 42px}.project p{font-size:18px}.announcement{padding:36px 6% 42px}.release-meta{padding-bottom:20px}.release-title{font-size:clamp(55px,15vw,110px);margin-top:30px}.release-bottom{align-items:flex-start;flex-direction:column;gap:12px}.release-bottom p{font-size:17px}footer{padding:24px 6%;gap:14px 24px}}
@media(max-width:390px){header{gap:18px}nav{width:100%;justify-content:space-between}.hero{height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.listen{transition:none}}

.selection{background:var(--cream);color:var(--ink);padding:52px 4% 48px}.selection-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(16,44,49,.24);padding-bottom:22px}.selection-head h2{margin:0;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase}.track{display:grid;grid-template-columns:minmax(170px,1fr) minmax(280px,520px);align-items:center;gap:36px;padding-top:28px}.track-heading{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap}.track h2{font-size:32px;line-height:1.2;margin:0;font-weight:400;letter-spacing:-.02em}.track-time{font-size:14px;color:#526669;font-variant-numeric:tabular-nums}.track-artist{font-size:14px;letter-spacing:.08em;margin:10px 0 0;color:#526669}.track audio{display:block;width:100%;height:54px;accent-color:var(--petrol);color-scheme:light}.project{border-top:1px solid rgba(16,44,49,.12)}
@media(max-width:760px){nav{gap:14px}nav a{font-size:12px}.selection{padding:34px 6% 38px}.track{grid-template-columns:1fr;gap:22px;padding-top:24px}.track h2{font-size:30px}.track audio{min-width:0}header nav{flex-wrap:wrap}}
.track + .track{margin-top:28px;border-top:1px solid rgba(16,44,49,.16)}

/* Full-width banner, followed by project, announcement, and listening selection. */
.hero-art{inset:0}.hero-art img{object-position:center 55%}.shade{background:linear-gradient(90deg,rgba(16,44,49,.84) 0%,rgba(16,44,49,.61) 31%,rgba(16,44,49,.12) 66%,rgba(16,44,49,.04) 100%),linear-gradient(0deg,rgba(16,44,49,.36),transparent 55%)}.intro{width:46%}.project{border-top:0}.selection{border-top:1px solid rgba(16,44,49,.12)}
@media(max-width:760px){.hero{padding-top:50vw}.hero-art{inset:0 0 auto;aspect-ratio:2/1}.hero-art img{object-position:center}.shade{background:linear-gradient(180deg,transparent 0%,rgba(16,44,49,.06) 18%,var(--ink) 47%)}.intro{width:100%}}
/* Shared page navigation and page layouts. */
body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}footer{background:var(--ink)}nav .page-link{border-bottom:2px solid transparent;padding:6px 0}nav .page-link[aria-current="page"]{border-color:var(--petrol);font-weight:700}.selection-page main{background:var(--cream)}.selection-page .selection{border-top:0;padding-top:64px;padding-bottom:72px}.selection-head h1{font-family:AnderniesDisplay,Impact,'Arial Narrow',sans-serif;font-size:clamp(40px,5vw,70px);font-weight:700;letter-spacing:-.02em;line-height:1;margin:0}.announcement-page main{display:flex;align-items:center;background:var(--deep)}.announcement-page .announcement{width:100%;padding-top:80px;padding-bottom:80px}
@media(max-width:760px){header nav{gap:18px}.selection-page .selection{padding:38px 6% 48px}.announcement-page .announcement{padding:48px 6% 58px}.selection-head h1{font-size:42px}}

.selection-head h1{text-transform:uppercase}

/* Selection: petrol with a soft violet-blue glow. */
.selection-page main{background:radial-gradient(ellipse at 96% 8%,rgba(105,77,145,.45),transparent 56%),radial-gradient(ellipse at 8% 100%,rgba(43,111,116,.48),transparent 65%),linear-gradient(125deg,#153d43 5%,#17363e 60%,#202c47 100%);color:var(--cream)}
.selection-page .selection{background:transparent;color:var(--cream)}
.selection-page .selection-head{border-color:rgba(241,240,236,.28)}
.selection-page .track + .track{border-color:rgba(241,240,236,.19)}
.selection-page .track-time,.selection-page .track-artist{color:#c0d1d3}
.selection-page .track audio{border-radius:30px;box-shadow:0 8px 30px rgba(0,0,0,.09)}

/* Work with Andernies: an editorial companion to the music pages. */
.work-page main{background:radial-gradient(ellipse at 100% 0,rgba(101,73,137,.28),transparent 50%),linear-gradient(140deg,#173f45,#142e35);color:var(--cream)}
.work-shell{max-width:1440px;margin:auto;padding:72px 4% 80px}
.work-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:end;padding-bottom:56px}
.work-intro h1{font-size:clamp(60px,7.3vw,106px);letter-spacing:-.025em;line-height:.98;margin:0}
.work-disciplines{color:var(--gold);font-size:14px;line-height:1.7;margin:0 0 20px}
.work-lead{font-size:clamp(20px,2.1vw,28px);line-height:1.5;margin:0;max-width:540px}
.work-services{display:grid;grid-template-columns:1fr 1fr;column-gap:8%}
.work-services article{border-top:1px solid rgba(241,240,236,.24);padding:30px 0 36px}
.work-page h2{font-size:26px;line-height:1.25;font-weight:400;letter-spacing:-.02em;margin:0 0 14px}
.work-services p,.work-quote p{font-size:17px;line-height:1.7;color:#c7d6d6;margin:0;max-width:620px}
.work-quote{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:8%;border-top:1px solid rgba(241,240,236,.24);margin-top:10px;padding-top:38px}
.work-quote h2{color:var(--cream)}
.work-quote .work-approach{font-size:14px;line-height:1.7;margin-top:22px;color:#afc2c3}
.work-contact{margin:0;justify-self:end;gap:20px;text-align:center;line-height:1.6;padding:18px 24px}
@media(max-width:900px){header{flex-wrap:wrap}header nav{flex-wrap:wrap;gap:20px}.work-intro{gap:5%}.work-contact{font-size:12px}}
@media(max-width:760px){.work-shell{padding:44px 6% 48px}.work-intro{grid-template-columns:1fr;gap:28px;padding-bottom:36px}.work-intro h1{font-size:clamp(54px,14vw,84px)}.work-disciplines{font-size:13px;margin-bottom:16px}.work-lead{font-size:21px}.work-services{grid-template-columns:1fr}.work-services article{padding:24px 0 28px}.work-page h2{font-size:24px}.work-quote{grid-template-columns:1fr;gap:28px;padding-top:30px}.work-contact{justify-self:start;font-size:12px}.work-services p,.work-quote p{font-size:16px}.work-quote .work-approach{font-size:14px}}