@font-face{font-family:Cormorant;src:url('fonts/cormorant-garamond-regular.ttf') format('truetype');font-weight:400;font-display:swap}

@font-face{font-family:Cormorant;src:url('fonts/cormorant-garamond-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}

:root{color-scheme:light;--field:#f3f0e8;--ink:#242823;--muted:#666b62;--rule:#d1d2c7;--accent:#334d42;--stage:#e5e5da;--serif:Cormorant,Georgia,serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--field);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--field)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--ink);color:var(--field);z-index:10}
.skip:focus{top:12px}

.sheet{width:min(1160px,calc(100% - 112px));margin-inline:auto}
.masthead{min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:32px;border-bottom:1px solid var(--rule)}
.imprint{display:flex;gap:14px;align-items:center;font-size:12px;letter-spacing:.09em}
.imprint-mark{font:italic 31px/1 var(--serif);color:var(--accent)}
.masthead nav{display:flex;gap:30px;font-size:11px}
.masthead nav a{padding-block:12px}
.masthead nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.eyebrow{margin:0;color:var(--muted);font:10px/1.6 var(--sans);letter-spacing:.13em;text-transform:uppercase}

.featured{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:64px 76px}
.feature-copy{padding-block:24px}
.feature-copy h1{font:400 clamp(56px,6.5vw,90px)/1 var(--serif);letter-spacing:-.025em;margin:24px 0}
.feature-note{font:400 25px/1.35 var(--serif);margin:0 0 28px;max-width:24ch}
.availability{font-size:12px;color:var(--muted);margin:0 0 30px}
.text-link{display:inline-flex;gap:30px;align-items:center;font-size:12px;border-bottom:1px solid var(--accent);padding-block:10px}
.feature-art{display:block;min-width:0}
.feature-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}

.title-plate{aspect-ratio:1;padding:10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:var(--stage);color:var(--ink);border:1px solid var(--rule)}
.title-plate>span{font:10px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.title-plate strong{font:400 clamp(36px,4.5vw,64px)/1 var(--serif);letter-spacing:-.035em}
.title-plate.braintree{--stage:#203c33;--ink:#e5e8cb;--rule:#4d6755;background:linear-gradient(135deg,#294539,#172d29)}
.title-plate.braintree strong{border-top:1px solid #82917b;padding-top:24px;width:100%}
.title-plate.sessions{--stage:#ded9d0;--ink:#373329;--rule:#bbb4a7}

.section-heading{display:flex;justify-content:space-between;align-items:baseline;padding-block:26px 32px;border-top:1px solid var(--ink);gap:20px}
.section-heading h2{font:400 35px/1.1 var(--serif);margin:0}
.section-heading p{color:var(--muted);font-size:11px;margin:0}
.album-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:34px;row-gap:44px}
.album-card{display:block}
.cover-stage{aspect-ratio:1.14;padding:13%;display:flex;justify-content:center;align-items:center;background:var(--stage)}
.cover-stage img{width:100%;height:100%;object-fit:contain;display:block;box-shadow:0 5px 15px #00000018}
.cover-stage .title-plate{width:100%;height:100%;aspect-ratio:auto;padding:12%}
.cover-stage .title-plate strong{font-size:clamp(25px,3vw,40px)}
.cover-stage .title-plate span{font-size:8px}
.album-card:hover .card-arrow{transform:translate(2px,-2px)}
.album-card:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.card-caption{position:relative;padding-top:18px;padding-right:25px}
.card-caption h3{font:400 29px/1.1 var(--serif);margin:0}
.subtitle{display:block;font-size:.6em;margin-top:.2em;line-height:1.3}
.release-year{font-size:11px;color:var(--muted);margin:9px 0 0}
.card-arrow{position:absolute;right:0;top:22px;font-size:15px;transition:transform .15s}
.date-note{font-size:11px;line-height:1.6;margin:35px 0 0;color:var(--muted)}

.edition-note{display:grid;grid-template-columns:1fr 2fr;gap:34px;padding-block:42px;margin-top:64px;border-top:1px solid var(--rule)}
.edition-note h2{margin:0;font:400 30px/1.2 var(--serif)}
.edition-note p{font:400 24px/1.45 var(--serif);margin:0;max-width:50ch}
.edition-note .history{font:11px/1.8 var(--sans);color:var(--muted);margin-top:20px}
.colophon{display:flex;justify-content:space-between;gap:24px;padding-block:28px 36px;border-top:1px solid var(--rule);font-size:10px;line-height:1.6;color:var(--muted)}
.colophon>span:first-child{color:var(--ink)}

/* Cover-led palettes. Original artwork is neither cropped nor recolored. */
.obelus{--field:#f6f5f1;--ink:#171817;--muted:#5f615b;--rule:#c8cbc3;--accent:#171817;--stage:#e4e5df}
.sessions{--field:#ebe6dc;--ink:#39362d;--muted:#686252;--rule:#c7bfae;--accent:#645942;--stage:#ded9d0}
.ennead{--field:#efede4;--ink:#343226;--muted:#6d6652;--rule:#ccc6ad;--accent:#776327;--stage:#ddd7bd}
.twater{--field:#071d48;--ink:#e4edf7;--muted:#b0c1dd;--rule:#355276;--accent:#efac94;--stage:#193a71}
.strobelisk{--field:#e8e5cc;--ink:#343d2c;--muted:#626747;--rule:#c1c0a0;--accent:#6f582e;--stage:#cfceac}
.lavaflava{--field:#23271b;--ink:#f0eecd;--muted:#c6c99d;--rule:#505735;--accent:#e5c659;--stage:#3c492c}
.isomorphism{--field:#102c2d;--ink:#ddf0e5;--muted:#acc8bb;--rule:#3e5f5c;--accent:#d9e693;--stage:#28524b}
.the-new-age{--field:#182d63;--ink:#edf0d9;--muted:#c1cbe4;--rule:#485d8d;--accent:#e7eca1;--stage:#314a82}
.throw-away{--field:#e4ecdf;--ink:#28352c;--muted:#586a58;--rule:#b5c4ae;--accent:#405e47;--stage:#c2d1ba}
.album-page.braintree{--field:#192b27;--ink:#e5e8d5;--muted:#b4bfae;--rule:#42584d;--accent:#d1dab3;--stage:#294539}
.album-page.twater,.album-page.lavaflava,.album-page.isomorphism,.album-page.the-new-age,.album-page.braintree{color-scheme:dark}

.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);margin-block:30px 42px}
.breadcrumb a{color:var(--ink)}
.album-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;padding-bottom:72px}
.album-art{min-width:0}
.album-art img{display:block;width:100%;max-height:540px;object-fit:contain}
.album-intro h1{font:400 clamp(50px,5.3vw,76px)/1.02 var(--serif);letter-spacing:-.025em;margin:25px 0 20px;overflow-wrap:anywhere}
.album-date{font-size:12px;color:var(--muted);margin:0 0 32px}
.album-description{font:400 24px/1.4 var(--serif);max-width:28ch;margin-bottom:25px}
.listening{display:grid;grid-template-columns:1fr 2fr;gap:34px;border-top:1px solid var(--rule);padding-block:40px 55px}
.listening h2{font:400 40px/1.15 var(--serif);margin:0 0 16px}
.listening p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.album-navigation{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--rule);padding-block:26px 45px;font:400 23px/1.4 var(--serif)}
.album-navigation a{max-width:48%}
.album-navigation a:last-child{text-align:right}
.album-navigation span{display:block;color:var(--muted);font:10px/1.5 var(--sans);margin-bottom:10px}

@media(min-width:1500px){.sheet{width:min(1280px,calc(100% - 160px))}
}

@media(max-width:900px){.sheet{width:calc(100% - 64px)}
.featured,.album-hero{gap:40px}
.album-grid{column-gap:24px}
.colophon>span:nth-child(2){display:none}
}

@media(max-width:650px){.sheet{width:calc(100% - 40px)}
.masthead{min-height:82px;gap:16px}
.imprint{font-size:10px;letter-spacing:.025em;gap:9px}
.imprint-mark{font-size:27px}
.masthead nav{gap:18px;font-size:10px}
.masthead nav a:last-child{display:none}
.featured{grid-template-columns:1fr;gap:30px;padding-block:38px 48px}
.feature-copy{padding:0}
.feature-copy h1{font-size:64px;margin-block:18px}
.feature-note{font-size:23px;margin-bottom:18px}
.availability{margin-bottom:15px}
.feature-art .title-plate{aspect-ratio:1.35}
.title-plate strong{font-size:50px}
.section-heading{padding-block:22px 25px}
.section-heading h2{font-size:30px}
.section-heading p{font-size:10px}
.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:30px}
.cover-stage{aspect-ratio:1;padding:9%}
.cover-stage .title-plate{padding:10%}
.cover-stage .title-plate strong{font-size:27px}
.cover-stage .title-plate span{font-size:6px;letter-spacing:.07em}
.card-caption{padding-top:13px;padding-right:15px}
.card-caption h3{font-size:25px}
.release-year{font-size:10px;line-height:1.5}
.card-arrow{top:17px;font-size:12px}
.edition-note{grid-template-columns:1fr;gap:22px;padding-block:32px;margin-top:42px}
.edition-note p{font-size:23px}
.colophon{font-size:9px;gap:16px}
.breadcrumb{margin-block:24px 30px}
.album-hero{grid-template-columns:1fr;gap:32px;padding-bottom:40px}
.album-art img{max-height:430px}
.album-intro h1{font-size:56px;margin-block:18px}
.album-date{margin-bottom:20px}
.listening{grid-template-columns:1fr;gap:18px;padding-block:30px 38px}
.listening h2{font-size:35px}
.album-navigation{font-size:22px;gap:20px}
}

@media(max-width:360px){.sheet{width:calc(100% - 32px)}
.masthead nav{gap:12px}
.imprint{font-size:9px}
.album-grid{gap:26px 14px}
.card-caption h3{font-size:23px}
.cover-stage .title-plate strong{font-size:23px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.card-arrow{transition:none}
}