:root{
  --paper:#f1f0eb;
  --paper2:#e8e7e2;
  --ink:#11110f;
  --muted:#696964;
  --line:#b8b7b1;
  --black:#11110f;
  --white:#f6f5f0;
  --accent:#8b3e2b;
  --serif:Georgia,'Times New Roman',serif;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.wrap{width:min(1240px,calc(100% - 64px));margin:0 auto}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:rgba(241,240,235,.96)}
.header-inner{height:74px;display:flex;align-items:center;gap:28px}
.wordmark{font-family:var(--serif);font-size:20px;letter-spacing:-.02em;margin-right:auto}
.nav{display:flex;align-items:center;gap:25px;font-size:12px;text-transform:uppercase;letter-spacing:.17em}
.nav a{padding:9px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current='page']{border-bottom-color:var(--ink)}
.menu-button{display:none;border:0;background:none;padding:8px 0;font:inherit;text-transform:uppercase;letter-spacing:.13em;font-size:12px;color:var(--ink)}
.eyebrow,.micro{font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:.22em;font-weight:650}
.eyebrow{margin-bottom:18px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
h1{font-size:clamp(64px,9vw,136px);line-height:.83;margin-bottom:34px}
h2{font-size:clamp(45px,6vw,84px);line-height:.96;margin-bottom:20px}
h3{font-size:31px;line-height:1.04;margin-bottom:12px}
p{max-width:650px}.small{font-size:14px;color:var(--muted)}
.italic{font-family:var(--serif);font-style:italic;font-size:24px}
.enter{display:inline-block;margin-top:22px;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:12px;text-transform:uppercase;letter-spacing:.16em}
.site-footer{border-top:1px solid var(--line);padding:42px 0 54px;background:var(--paper)}
.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:end}
.footer-mark{font-family:var(--serif);font-size:24px}.footer-right{text-align:right}.footer-right p,.site-footer p{margin:7px 0 0;color:var(--muted);font-size:13px}

/* Entrance: one picture, four doors, no catalog */
.entrance-hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);background:var(--black);color:var(--white)}
.entrance-copy{padding:clamp(58px,8vw,116px) max(32px,calc((100vw - 1240px)/2));padding-right:clamp(42px,6vw,92px);display:flex;flex-direction:column;justify-content:center}
.entrance-copy h1{max-width:740px}
.entrance-copy .lead{font-family:var(--serif);font-size:clamp(21px,2.2vw,30px);line-height:1.25;max-width:620px;margin:0 0 12px}
.entrance-copy .quiet{font-size:14px;color:#b9b8b3;max-width:540px}
.entrance-image{min-height:560px;overflow:hidden;background:#222}
.entrance-image img{filter:none;object-position:50% 55%}
.rooms{padding:94px 0 118px}
.rooms-head{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;padding-bottom:38px;border-bottom:1px solid var(--ink)}
.rooms-head p{margin:0 0 8px;color:var(--muted);max-width:470px;justify-self:end}
.room-list{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}
.room-door{min-height:248px;padding:35px 34px 31px;border-top:0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:background .18s,color .18s}
.room-door:nth-child(even){border-right:0}.room-door:nth-child(n+3){border-top:1px solid var(--line)}
.room-door:hover{background:var(--ink);color:var(--white)}
.room-door p{font-size:14px;color:var(--muted);max-width:410px}.room-door:hover p{color:#c8c7c2}
.room-number{font-family:var(--serif);font-size:14px;font-style:italic}

/* Interior placard language */
.page-intro{padding:86px 0 72px;border-bottom:1px solid var(--line)}
.page-intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.55fr);gap:80px;align-items:end}
.page-intro h1{font-size:clamp(62px,8vw,118px);margin:0}.page-intro .intro-note{font-family:var(--serif);font-size:22px;line-height:1.35;margin:0 0 9px}
.photo-band{height:min(58vw,640px);max-height:640px;background:#222;overflow:hidden}
.photo-band img{filter:none;object-position:center}
.exhibit{padding:84px 0 110px}.exhibit.black{background:var(--black);color:var(--white)}
.exhibit-head{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1fr);gap:68px;margin-bottom:52px;padding-bottom:28px;border-bottom:1px solid currentColor}
.exhibit-head p{color:var(--muted);margin:5px 0 0}.black .exhibit-head p{color:#aaa9a4}

/* Listening */
.track-list{border-top:1px solid #484844}
.track-row{display:grid;grid-template-columns:50px minmax(240px,1fr) auto;gap:30px;padding:25px 0;border-bottom:1px solid #484844;align-items:center}
.track-row h3{font-size:28px;margin:0 0 4px}.track-artist{font-family:var(--serif);font-style:italic;font-size:16px}.track-role{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#9e9d98;margin-top:7px}.track-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.track-link{display:inline-block;padding-bottom:3px;border-bottom:1px solid #77766f;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#bbb9b3;white-space:nowrap}.track-link:hover,.track-link:focus-visible{color:var(--white);border-bottom-color:var(--white)}.correspondence-email{display:inline-block;margin-top:24px;font-family:var(--serif);font-size:clamp(20px,2.2vw,30px);border-bottom:1px solid currentColor;padding-bottom:5px}
.listening-rule{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:55px}.listening-rule div{border-top:1px solid #484844;padding-top:20px}.listening-rule p{color:#aaa9a4;font-size:14px}

/* Record */
.record-feature{padding:88px 0 96px;display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1fr);gap:80px;align-items:center}
.record-cover{aspect-ratio:1/1;position:relative;overflow:hidden;background:#121210;display:block;color:var(--white)}
.record-cover img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;display:block;background:#121210}
.record-cover-fallback{position:absolute;inset:0;z-index:1;display:grid;place-items:center;text-align:center;padding:44px;background:#121210;color:var(--white)}.record-cover-fallback small,.record-cover-fallback em{display:block;font:10px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#aaa9a4}.record-cover-fallback strong{display:block;font:clamp(43px,5vw,74px)/.95 var(--serif);font-weight:400;margin:16px 0}
.record-copy h1{font-size:clamp(68px,8vw,116px);margin-bottom:22px}.record-copy .artist{font-family:var(--serif);font-size:29px;font-style:italic;margin-bottom:29px}.record-copy p{font-family:var(--serif);font-size:19px;line-height:1.48}
.archive{background:var(--white);padding:86px 0 110px;border-top:1px solid var(--line)}
.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;margin-top:52px}.album{margin:0;min-width:0}.album-link{display:block}.album-art{aspect-ratio:1/1;width:100%;overflow:hidden;background:#e7e5df;display:grid;place-items:center}.album-art img{width:100%;height:100%;object-fit:contain;background:#e7e5df;display:block}.album figcaption{border-top:1px solid var(--ink);padding-top:12px;margin-top:14px}.album strong,.album span{display:block}.album strong{font-family:var(--serif);font-size:19px;font-weight:400}.album span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-top:3px}.album .album-action{display:inline-block;margin-top:10px;padding-bottom:2px;border-bottom:1px solid var(--line);font-size:9px}.album-link:hover .album-action,.album-link:focus-visible .album-action{color:var(--ink);border-bottom-color:var(--ink)}

/* Working room */
.working-copy{padding:90px 0 70px}.working-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:start}.working-copy h1{font-size:clamp(68px,9vw,124px)}.working-text{padding-top:27px}.working-text .statement{font-family:var(--serif);font-size:clamp(24px,2.5vw,34px);line-height:1.25}.working-text p:not(.statement){color:var(--muted);font-size:14px}.working-photo{height:min(62vw,720px);max-height:720px;overflow:hidden;background:#222}.working-photo img{filter:brightness(.84) contrast(1.05) saturate(.97);object-position:57% 48%}.placards{padding:72px 0 105px;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--ink)}.placard{padding:26px 38px 10px 0}.placard+ .placard{border-left:1px solid var(--line);padding-left:38px}.placard p{font-family:var(--serif);font-size:22px;line-height:1.4}.placard .small{font-family:var(--sans);font-size:13px}

/* Correspondence */
.correspondence{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1fr 1fr}.correspondence-main{background:var(--black);color:var(--white);padding:clamp(64px,9vw,130px) max(32px,calc((100vw - 1240px)/2));padding-right:clamp(42px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.correspondence-main h1{font-size:clamp(66px,9vw,128px)}.correspondence-main p{font-family:var(--serif);font-size:22px;color:#d2d1cc}.correspondence-aside{padding:clamp(64px,9vw,130px) clamp(32px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.correspondence-aside .note{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:28px 0}.correspondence-aside p{color:var(--muted)}

@media(max-width:900px){
  .wrap{width:min(100% - 36px,1240px)}
  .header-inner{height:64px}.menu-button{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--ink);padding:18px;flex-direction:column;align-items:flex-start;gap:5px}.nav.is-open{display:flex}.nav a{width:100%;padding:12px 0;border-bottom:1px solid var(--line)}
  .entrance-hero{grid-template-columns:1fr;min-height:0}.entrance-copy{padding:70px 24px 64px}.entrance-copy h1{font-size:clamp(66px,20vw,104px)}.entrance-image{min-height:52vh;max-height:560px}.rooms{padding:70px 0 86px}.rooms-head,.page-intro-grid,.exhibit-head,.record-feature,.working-grid{grid-template-columns:1fr;gap:30px}.rooms-head p{justify-self:start}.room-list{grid-template-columns:1fr}.room-door,.room-door:nth-child(even){border-right:0;border-top:1px solid var(--line)}.room-door:first-child{border-top:0}.room-door{min-height:215px;padding:27px 10px}.page-intro{padding:60px 0 50px}.page-intro-grid{align-items:start}.photo-band{height:62vh;max-height:600px}.exhibit{padding:66px 0 82px}.track-row{grid-template-columns:34px 1fr;gap:12px 18px;align-items:start;padding:22px 0}.track-actions{grid-column:2;justify-content:flex-start;gap:14px}.listening-rule,.placards{grid-template-columns:1fr}.record-feature{padding:68px 0 78px}.record-cover{max-width:580px}.album-grid{grid-template-columns:repeat(2,1fr);gap:38px 18px}.working-copy{padding:65px 0 52px}.working-photo{height:66vh}.placards{padding:55px 0 78px}.placard{padding:23px 0}.placard+ .placard{border-left:0;border-top:1px solid var(--line);padding:23px 0}.correspondence{grid-template-columns:1fr;min-height:0}.correspondence-main,.correspondence-aside{padding:72px 24px}
  .footer-inner{grid-template-columns:1fr auto}.footer-right{grid-column:1/-1;text-align:left}.site-footer{padding:34px 0 42px}
}
@media(max-width:520px){.album-grid{grid-template-columns:1fr}.album strong{font-size:16px}.album span{font-size:9px}.track-row h3{font-size:25px}.track-actions{align-items:flex-start;flex-direction:column;gap:9px}.correspondence-email{font-size:20px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}