@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f1eee6;--ink:#1f211e;--red:#d43622;--muted:#bdb9af;--pad:3.2vw}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}.mono{font-family:"DM Mono",monospace;letter-spacing:.03em}.red{color:var(--red)}.serif,h2 em{font-family:"Libre Caslon Display",Georgia,serif}
.topbar{min-height:110px;padding:24px var(--pad);display:grid;grid-template-columns:70px 1.2fr 1.2fr auto;align-items:center;border-bottom:1px solid #cbc7bd;gap:24px}
.mark{font-family:Georgia,serif;font-size:48px;font-style:italic}.strap{font-size:14px;line-height:1.4}.nav{display:flex;gap:36px;justify-content:center}.nav a{font-size:15px}.place{font-family:"DM Mono";font-size:13px;white-space:nowrap}
.hero,.section{padding:38px var(--pad) 72px}.row{display:flex;justify-content:space-between}.eyebrow{font-size:13px}.hero h1{font-size:clamp(72px,11vw,170px);letter-spacing:-.08em;line-height:.9;margin:45px 0 55px;font-weight:600}.rule{height:1px;background:#c8c3b8}
.hero-grid{display:grid;grid-template-columns:42% 58%;gap:0;margin-top:32px}.hero-grid>div{padding:18px 40px 0 0}.hero h2,.section-head h2,.archive-head h2,.about h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;font-size:clamp(58px,6.2vw,96px);line-height:.98;margin:42px 0}.hero h2 em,.section-head h2 em,.study h2 em,.about h2 em{font-weight:400}.lead{font-size:18px;line-height:1.45}
.hero-image{height:480px;margin:0;background:#151715;position:relative;overflow:hidden;filter:grayscale(1)}.hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f100f,#343632 48%,#111 49%,#272826)}
.turntable{position:absolute;width:45%;height:28%;left:8%;bottom:14%;background:linear-gradient(#888,#222);border:8px solid #111;transform:perspective(500px) rotateX(12deg)}.turntable:after{content:"";position:absolute;width:45%;aspect-ratio:1;border-radius:50%;background:#090909;left:25%;top:-45%}
.speaker{position:absolute;width:28%;height:86%;right:4%;top:7%;background:#20211f;border:2px solid #555}.speaker:before,.speaker:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,#222 0 23%,#090909 24% 55%,#444 56% 58%,#111 59%);left:12%;width:76%;aspect-ratio:1}.speaker:before{top:8%}.speaker:after{bottom:8%}
.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-bottom:1px solid var(--ink);padding:38px 0 30px;font-size:15px}.hero-bottom>:last-child{text-align:right}
.section{padding-top:110px}.section-head{display:grid;grid-template-columns:25% 45% 30%;align-items:start}.section-head>p{font-size:17px;line-height:1.5;padding-top:18px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{border:1px solid var(--ink);min-height:480px;padding:34px;display:flex;flex-direction:column}.card-top,.card-foot{display:flex;justify-content:space-between}.card h3{font-size:54px;line-height:1.02;font-weight:500;margin:72px 0 32px}.card p{font-size:18px;line-height:1.5;max-width:600px}.card-foot{border-top:1px solid;margin-top:auto;padding-top:24px}.red-card{background:var(--red);color:var(--paper);border-color:var(--red)}.red-card h3{font-size:64px;font-weight:400}.next-row{display:grid;grid-template-columns:170px 1fr auto;gap:20px;padding-top:36px}.next-row a{text-decoration:underline;text-underline-offset:5px}
.records-head{grid-template-columns:1fr auto}.record-list{border-top:1px solid #c8c3b8}.record-list article{display:grid;grid-template-columns:70px 1.4fr 1fr 170px;gap:24px;align-items:center;border-bottom:1px solid #c8c3b8;padding:34px 0}.record-list h3{font-size:30px;margin:0 0 8px}.record-list p{margin:0;font-size:18px}.record-list button{border:0;background:none;font:inherit;text-align:right}
.study{background:#1e201d;color:#eae7df;padding:100px var(--pad);display:grid;grid-template-columns:1.1fr 1fr;gap:9vw}.study h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;font-size:clamp(68px,7.5vw,120px);line-height:.92;margin:42px 0}.study>div>p{font-size:18px;line-height:1.6;max-width:520px;color:#bdbbb4}.field-notes article{padding:38px 0;border-top:1px solid #62635f}.field-notes h3{font-family:"Libre Caslon Display",Georgia,serif;font-size:36px;font-weight:400}.field-notes p{font-size:17px;line-height:1.65;color:#c2c0ba}
.archive-head{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid;padding-bottom:30px}.session{width:100%;display:grid;grid-template-columns:140px 1fr 50px;align-items:center;text-align:left;padding:36px 0;border:0;border-bottom:1px solid;background:none;color:inherit}.session strong{display:block;font-size:30px;font-weight:400}.session small{display:block;font-size:16px;margin-top:10px;color:#777}.session b{font-size:34px}
.about{display:grid;grid-template-columns:34% 1fr;padding-top:120px}.about>div{max-width:820px}.about p{font-size:19px;line-height:1.55}.about .credit{font-size:15px;margin-top:50px}
footer{background:var(--red);color:var(--paper);padding:54px var(--pad) 24px}.footer-word{font-size:clamp(70px,10vw,150px);font-weight:600;letter-spacing:-.075em}.footer-line{border-top:1px solid #f1eee6;padding-top:25px;display:flex;justify-content:space-between}
@media(max-width:800px){.topbar{grid-template-columns:50px 1fr}.nav,.place{display:none}.hero-grid,.study,.cards,.about{grid-template-columns:1fr}.hero-image{height:330px}.section-head{grid-template-columns:1fr}.section-head>p{padding:0}.record-list article{grid-template-columns:45px 1fr}.record-list article>.mono:nth-child(3),.record-list button{grid-column:2;text-align:left}.hero-bottom{grid-template-columns:1fr;gap:20px}.hero-bottom>:last-child{text-align:left}.next-row{grid-template-columns:1fr}.archive-head{grid-template-columns:1fr}.about{gap:30px}.topbar{min-height:88px}.hero h1{margin:35px 0}.section{padding-top:75px}}