:root{--ink:#172525;--cream:#f3efe4;--paper:#fffdf7;--rust:#a64625;--line:#d6d1c4;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}button,a{font:inherit}button{cursor:pointer}header{height:76px;padding:0 5.5vw;border-bottom:1px solid #d8d2c5;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:4}.wordmark{color:var(--ink);text-decoration:none;font:17px var(--serif);letter-spacing:.09em}.wordmark i{font-size:14px;letter-spacing:0}.wordmark i{font-style:italic}nav{display:flex;gap:24px;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase}nav a,nav button,footer button{color:inherit;background:none;border:0;text-decoration:none;padding:5px 0}nav button,footer button{border-bottom:1px solid var(--rust)}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper);overflow:hidden}.hero-copy{padding:120px 9vw 90px}.eyebrow{margin:0 0 18px;color:var(--rust);font-size:11px;font-weight:bold;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:0;font:clamp(54px,7vw,104px)/.9 var(--serif);letter-spacing:-.055em}.hero h1 em{font-weight:normal;color:var(--rust)}.hero-copy>p:not(.eyebrow){max-width:510px;margin:30px 0;font:22px/1.42 var(--serif);color:#43504c}.primary{border:0;background:var(--ink);color:white;padding:15px 20px;font-size:12px;font-weight:bold;letter-spacing:.09em;text-transform:uppercase}.primary b{font-size:20px;margin-left:14px}.hero-art{background:#1c4845;position:relative;overflow:hidden;color:#d7ead9}.sun{position:absolute;width:min(45vw,500px);height:min(45vw,500px);border-radius:50%;background:#d77b42;top:14%;right:8%}.wave{position:absolute;left:-8%;right:-8%;height:110px;border-top:2px solid #b7d0c7;border-radius:50%;opacity:.76}.w1{bottom:28%;transform:rotate(-4deg)}.w2{bottom:16%;transform:rotate(3deg)}.w3{bottom:4%;transform:rotate(-3deg)}.hero-art p{position:absolute;right:11%;bottom:8%;font:17px/2 var(--serif);letter-spacing:.09em}.movements{display:grid;grid-template-columns:repeat(4,1fr);background:#e5e7d9}.movements a{padding:26px 2.6vw;color:var(--ink);text-decoration:none;border-right:1px solid var(--line);display:grid;grid-template-columns:36px 1fr;gap:4px}.movements b{grid-row:span 2;color:var(--rust);font:18px var(--serif)}.movements span{font:17px var(--serif)}.movements small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#59635e}.listen{padding:100px 9vw;background:#dbe7df}.section-head{display:flex;justify-content:space-between}.section-head>p:last-child{margin:0;font:13px var(--serif);letter-spacing:.1em}.player{margin-top:26px;background:#f7f4ea;padding:42px;box-shadow:0 20px 34px #16322a17;display:grid;grid-template-columns:1fr auto;gap:22px}.player h2{margin:0;font:40px/1 var(--serif);letter-spacing:-.04em}.player p{margin:10px 0;color:#53615b;font:18px/1.4 var(--serif)}.player small{font-size:11px;font-weight:bold;letter-spacing:.12em;text-transform:uppercase;color:var(--rust)}.controls{display:flex;align-items:center;gap:16px}.controls button{color:var(--ink);border:0;background:transparent}.controls button:disabled{opacity:.35}.controls #play{width:66px;height:66px;border-radius:50%;background:var(--rust);color:white;font-size:21px}.controls #back,.controls #forward{position:relative;font-size:22px}.controls small{position:absolute;font-size:8px;left:7px;top:10px;color:inherit}.timeline{grid-column:1/-1;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;font-size:11px}.timeline input{accent-color:var(--rust);width:100%}.report{margin:16px 4px 0;font:14px/1.5 var(--serif);color:#53615b}.report a{color:var(--rust)}.volumes{margin-top:38px;padding-top:25px;border-top:1px solid #a7bcb3;display:flex;justify-content:space-between;gap:28px}.volumes p:not(.eyebrow){margin:0;color:#455650;font:16px/1.4 var(--serif)}.volume-link{display:block;color:var(--ink);font:17px var(--serif);text-decoration:none;border-bottom:1px solid #7c958b;padding:8px 0}.volume-link span{display:block;margin-bottom:3px;color:var(--rust);font:10px var(--sans);font-weight:bold;letter-spacing:.12em;text-transform:uppercase}.meter{padding:112px 9vw;display:grid;grid-template-columns:1fr 2fr;gap:34px;background:var(--paper)}.meter h2,.books h2{margin:0;font:clamp(36px,4.2vw,64px)/.95 var(--serif);letter-spacing:-.05em}.meter div p{max-width:610px;font:21px/1.45 var(--serif);color:#46524d}.books{padding:105px 9vw}.books>h2{margin-bottom:70px}.group{padding:42px 0;border-top:1px solid #bdb9ad;display:grid;grid-template-columns:220px 1fr;gap:30px}.group-label{display:flex;gap:14px}.group-label b{color:var(--rust);font:20px var(--serif)}.group h3{margin:0;font:24px var(--serif)}.group-label p{margin:4px 0;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d3cec1}.card{padding:27px 25px;text-align:left;background:var(--paper);border:0;min-height:190px}.card:hover,.card.active{background:#e6eee9}.card span,.card small{font-size:10px;font-weight:bold;letter-spacing:.14em;text-transform:uppercase;color:var(--rust)}.card h4{margin:16px 0 7px;font:26px/1.05 var(--serif);letter-spacing:-.03em}.card p{margin:0;max-width:290px;color:#52605b;font:15px/1.4 var(--serif)}.card small{display:block;margin-top:22px;color:#53615b}footer{padding:36px 9vw;background:var(--ink);color:#e8e7d9;display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase}dialog{border:0;max-width:620px;padding:58px;background:var(--paper);color:var(--ink);box-shadow:0 15px 50px #0008}dialog::backdrop{background:#0a1918a8}dialog h2{margin:0 0 20px;font:46px/.98 var(--serif);letter-spacing:-.05em}dialog p:not(.eyebrow){font:19px/1.45 var(--serif);color:#47534e}dialog pre{margin:25px 0;padding:18px;background:#e7eee8;color:var(--rust);font:17px/1.8 var(--serif);white-space:pre-wrap}.close{position:absolute;right:20px;top:16px;border:0;background:none;font:30px var(--serif)}@media(max-width:760px){header{height:65px;padding:0 6vw}nav{gap:12px;font-size:10px}.wordmark{font-size:13px}.wordmark i{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:88px 8vw 62px}.hero-art{min-height:300px}.sun{width:300px;height:300px}.movements{grid-template-columns:repeat(2,1fr)}.movements a{padding:18px}.listen,.meter,.books{padding:68px 7vw}.player{padding:28px;grid-template-columns:1fr}.controls{justify-content:center}.meter,.group{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.volumes{flex-direction:column}footer{align-items:start;flex-direction:column;gap:13px}}