@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=IM+Fell+English:ital@0;1&family=Inter:wght@300;400;500;600&display=swap');

:root{
  --paper:#f2e4c0;
  --paper-deep:#e8d5a8;
  --ink:#0d0703;
  --sepia:#8b5e2a;
  --gold:#d4a843;
  --muted:rgba(13,7,3,.62);
  --faint:rgba(13,7,3,.42);
  --line:rgba(13,7,3,.14);
  --line-soft:rgba(13,7,3,.08);
  --max:1320px;
  --gutter:clamp(22px,5vw,64px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(1deg,transparent 0,transparent 3px,rgba(139,94,42,.014) 3px,rgba(139,94,42,.014) 4px),repeating-linear-gradient(91deg,transparent 0,transparent 9px,rgba(139,94,42,.007) 9px,rgba(139,94,42,.007) 10px),radial-gradient(ellipse 95% 90% at 50% 50%,rgba(255,248,228,.24),transparent 62%),radial-gradient(ellipse 130% 130% at 50% 50%,transparent 46%,rgba(139,94,42,.13) 100%);mix-blend-mode:multiply}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)'/%3E%3C/svg%3E");background-size:220px 220px;mix-blend-mode:multiply}

a{color:inherit}
img{max-width:100%}

.site-header,.site-main,.site-footer{width:min(var(--max),100%);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.site-header{padding-top:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.header-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;text-decoration:none}
.brand img{display:block;width:min(205px,48vw);height:auto}
.brand-lockup{display:flex;flex-direction:column;gap:1px}
.brand-lockup .archive-word{font:500 9px/1 Inter,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:var(--sepia);margin-left:2px}
.nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:flex-end}
.nav a{font:500 10px/1.2 Inter,sans-serif;letter-spacing:.19em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s ease}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink)}

.site-main{padding-top:clamp(62px,8vw,108px);padding-bottom:clamp(82px,10vw,128px)}
.eyebrow{font:500 10px/1.3 Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--sepia)}
.display{font:300 clamp(58px,10vw,126px)/.86 'Cormorant Garamond',serif;letter-spacing:-.025em;margin:18px 0 20px;max-width:1000px}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500}
h1{font-size:clamp(50px,7vw,90px);line-height:.95;margin:18px 0 20px}
h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:0 0 16px}
h3{font-size:clamp(28px,4vw,42px);line-height:1.02;margin:0 0 12px}
p{max-width:780px;color:var(--muted)}
.lead{font:italic 22px/1.55 'Cormorant Garamond',serif;color:var(--sepia);max-width:720px;margin:0}
.rule{height:1px;background:var(--line);margin:0}
.rule-gold{width:46px;height:1px;background:var(--gold);opacity:.7}

.section-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);gap:60px;align-items:end;padding-bottom:54px;border-bottom:1px solid var(--line)}
.section-intro-copy{max-width:900px}
.section-meta{border-left:1px solid var(--line);padding-left:26px}
.meta-label{font:500 9px/1.3 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin:0 0 7px}
.meta-value{font:400 18px/1.2 'Cormorant Garamond',serif;color:var(--ink);margin:0 0 20px}

.collection-list{margin-top:0}
.collection-item{display:grid;grid-template-columns:92px minmax(0,1fr) 38px;gap:30px;align-items:start;padding:34px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .2s ease}
.collection-item:hover{padding-left:10px;padding-right:10px}
.collection-number{font:400 12px/1.2 Inter,sans-serif;letter-spacing:.16em;color:var(--faint);padding-top:5px}
.collection-code{font:500 10px/1.2 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--sepia);margin:0 0 9px}
.collection-title{font:500 clamp(31px,4vw,52px)/.95 'Cormorant Garamond',serif;margin:0}
.collection-desc{margin:10px 0 0;max-width:700px;font-size:14px;line-height:1.65}
.collection-arrow{font:300 30px/1 'Cormorant Garamond',serif;color:var(--sepia);padding-top:2px;text-align:right}

.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.record-card{display:block;padding:36px 0 42px;border-bottom:1px solid var(--line);text-decoration:none}
.record-card:hover .record-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.record-meta{font:500 10px/1.3 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--sepia)}
.record-title{font:500 clamp(35px,4.2vw,54px)/.98 'Cormorant Garamond',serif;margin:12px 0 0}
.record-desc{font-size:14px;line-height:1.65;margin:12px 0 0;color:var(--muted)}
.record-index{font:400 72px/.8 'Cormorant Garamond',serif;color:rgba(139,94,42,.18);float:right;margin-left:20px}

.archive-note{margin-top:62px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px}
.archive-note-label{font:500 9px/1.4 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}
.archive-note-text{font:italic 25px/1.4 'Cormorant Garamond',serif;color:var(--ink);margin:0;max-width:760px}

.back{display:inline-flex;align-items:center;gap:10px;margin-top:42px;font:500 10px/1.2 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--sepia);text-decoration:none}
.back:hover{color:var(--ink)}

.manifesto{max-width:980px}
.manifesto p{font:400 clamp(21px,2.2vw,28px)/1.55 'Cormorant Garamond',serif;color:var(--ink);max-width:850px}
.manifesto .small{font:14px/1.7 Inter,sans-serif;color:var(--muted);max-width:700px}

.site-footer{padding-top:54px;padding-bottom:42px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:54px}
.footer-brand img{display:block;width:180px;height:auto;margin-bottom:17px}
.footer-tag{font:italic 19px/1.45 'Cormorant Garamond',serif;color:var(--sepia);max-width:270px}
.footer-title{font:500 9px/1.3 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}
.footer-list{list-style:none;padding:0;margin:0}.footer-list li{margin:7px 0}.footer-list a{font:400 13px/1.45 Inter,sans-serif;color:var(--muted);text-decoration:none}.footer-list a:hover{color:var(--ink)}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--line-soft);font:500 9px/1.3 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}

@media(max-width:820px){
  .header-row{align-items:flex-start}.nav{gap:15px}
  .section-intro{grid-template-columns:1fr;gap:34px}.section-meta{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.section-meta .meta-value{margin-bottom:0}
  .record-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:560px){
  .site-header{padding-top:18px}.header-row{flex-direction:column;gap:18px}.nav{justify-content:flex-start}.brand img{width:180px}
  .site-main{padding-top:52px}.collection-item{grid-template-columns:54px minmax(0,1fr) 24px;gap:16px;padding:27px 0}.collection-number{font-size:10px}.collection-arrow{font-size:24px}.record-grid{gap:0}.archive-note{grid-template-columns:1fr;gap:12px}.site-footer{grid-template-columns:1fr;gap:32px}.footer-brand{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.display{font-size:60px}
}

/* V2.2-B — individual record system */
.record-page .site-main{padding-top:0}
.record-hero{min-height:clamp(560px,72vh,820px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(40px,7vw,110px);align-items:end;padding:clamp(70px,10vw,130px) 0 70px;border-bottom:1px solid var(--line)}
.record-kicker{font:500 10px/1.3 Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--sepia)}
.record-title{font:300 clamp(64px,10vw,142px)/.82 'Cormorant Garamond',serif;letter-spacing:-.035em;margin:22px 0 26px;max-width:900px}
.record-subtitle{font:italic 28px/1.35 'Cormorant Garamond',serif;color:var(--sepia);max-width:620px;margin:0}
.record-index{justify-self:end;width:min(310px,100%);border-left:1px solid var(--line);padding-left:28px}
.record-index .meta-label{margin-top:0}
.record-index .meta-value{margin-bottom:22px}
.record-index .record-mark{font:500 11px/1.3 Inter,sans-serif;letter-spacing:.18em;color:var(--faint);text-transform:uppercase}
.record-body{padding-top:0}
.record-section{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(220px,.45fr);gap:34px 50px;padding:76px 0;border-bottom:1px solid var(--line)}
.record-section:last-child{border-bottom:0}
.record-no{font:500 10px/1.4 Inter,sans-serif;letter-spacing:.18em;color:var(--faint);text-transform:uppercase;padding-top:7px}
.record-section-main{max-width:820px}
.record-section h2{font-size:clamp(38px,5vw,64px);margin:0 0 20px}
.record-section .section-label{font:500 10px/1.3 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--sepia);margin:0 0 14px}
.record-section p{font-size:17px;line-height:1.85;margin:0 0 16px}
.record-section .observation{font:italic clamp(24px,3vw,34px)/1.35 'Cormorant Garamond',serif;color:var(--ink);max-width:650px;margin-top:28px}
.record-aside{border-left:1px solid var(--line);padding-left:24px;align-self:start}
.record-aside p{font-size:13px;line-height:1.65;margin:0 0 15px}
.record-aside strong{display:block;font:500 9px/1.3 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}
.record-plate{margin:34px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background:linear-gradient(135deg,rgba(139,94,42,.06),rgba(255,248,228,.2),rgba(139,94,42,.035))}
.record-plate span{font:italic 22px/1.35 'Cormorant Garamond',serif;color:rgba(13,7,3,.45);max-width:420px}
.record-quote{padding:90px 0;text-align:center;border-bottom:1px solid var(--line)}
.record-quote p{margin:0 auto;font:italic clamp(34px,5vw,64px)/1.08 'Cormorant Garamond',serif;color:var(--ink);max-width:980px}
.record-quote small{display:block;margin-top:24px;font:500 9px/1.3 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--sepia)}
.record-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding:42px 0}
.record-nav a{text-decoration:none}
.record-nav .nav-side{font:500 10px/1.4 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--sepia)}
.record-nav .nav-title{font:500 25px/1.05 'Cormorant Garamond',serif;margin-top:7px}
.record-nav .next{text-align:right}
.record-nav .collection{text-align:center;font:500 9px/1.3 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.record-page .site-footer{border-top:1px solid var(--line)}
.record-page .record-section:nth-child(odd) .record-section-main{padding-left:0}
.record-page .record-section:nth-child(even){grid-template-columns:minmax(220px,.45fr) minmax(0,1fr) 110px}
.record-page .record-section:nth-child(even) .record-section-main{grid-column:2}
.record-page .record-section:nth-child(even) .record-aside{grid-column:1;grid-row:1;border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:24px}
.record-page .record-section:nth-child(even) .record-no{grid-column:3;grid-row:1;text-align:right}
.record-page.record-dynamic .record-hero{grid-template-columns:.78fr 1.22fr;align-items:center}
.record-page.record-dynamic .record-title{transform:translateX(4vw)}
.record-page.record-dynamic .record-index{justify-self:start}
.record-page.record-dynamic .record-section:nth-child(3n) .record-section-main{transform:translateX(3vw)}
.record-page.record-musical .record-hero{grid-template-columns:1fr 1fr}
.record-page.record-musical .record-title{max-width:650px}
.record-page.record-musical .record-section p{font-size:18px}
.record-page.record-musical .record-quote{background:rgba(139,94,42,.025)}
.record-page.record-technical .record-hero{grid-template-columns:1fr .7fr}
.record-page.record-technical .record-title{max-width:760px}
.record-page.record-technical .record-section{grid-template-columns:90px minmax(0,1fr) 300px}
.record-page.record-technical .record-aside{background:rgba(139,94,42,.035);padding:22px;border:1px solid var(--line)}
.record-page.record-technical .record-plate{min-height:230px}
@media(max-width:820px){
  .record-hero,.record-page.record-dynamic .record-hero,.record-page.record-musical .record-hero,.record-page.record-technical .record-hero{grid-template-columns:1fr;min-height:0;gap:50px}
  .record-index{justify-self:start;width:100%;border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
  .record-section,.record-page .record-section:nth-child(even),.record-page.record-technical .record-section{grid-template-columns:42px minmax(0,1fr);gap:18px 24px}
  .record-section-main,.record-page .record-section:nth-child(even) .record-section-main{grid-column:2;grid-row:1}
  .record-no,.record-page .record-section:nth-child(even) .record-no{grid-column:1;grid-row:1;text-align:left}
  .record-aside,.record-page .record-section:nth-child(even) .record-aside,.record-page.record-technical .record-aside{grid-column:2;grid-row:2;border-left:0;border-right:0;border-top:1px solid var(--line);padding:20px 0 0;background:none}
  .record-page.record-dynamic .record-title{transform:none}
  .record-page.record-dynamic .record-section:nth-child(3n) .record-section-main{transform:none}
  .record-nav{grid-template-columns:1fr 1fr}
  .record-nav .collection{grid-column:1/-1;grid-row:1}
  .record-nav .next{grid-column:2}
}

.site-footer{padding-top:28px;padding-bottom:34px}.footer-row{display:flex;justify-content:space-between;gap:30px;font:500 9px/1.6 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.footer-row strong{color:var(--sepia);font-weight:500}.footer-row span{letter-spacing:.06em;text-transform:none;font-weight:400}@media(max-width:700px){.footer-row{flex-direction:column;gap:18px}}