:root{color-scheme:dark;--paper:#eeeae5;--red:#ff363d;--ink:#151515;--muted:#aaa6a2;--line:#393736}
*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #c7fa66;outline-offset:5px}a:hover{color:var(--red)}.header{height:80px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;font-size:22px;font-weight:900;white-space:nowrap;line-height:1}.wordmark span{font-weight:400;margin-left:4px}.wordmark i{width:8px;height:8px;background:var(--red);margin-left:6px}.header nav{display:flex;gap:32px;font-size:13px}.hero{position:relative;height:calc(100svh - 145px);min-height:540px;max-height:780px;isolation:isolate;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-photo{object-fit:cover;object-position:center}.hero-shade{background:#000;opacity:.2;z-index:-1}.hero-content{position:relative;padding:50px 5% 75px;max-width:900px}.eyebrow{margin:0;font-size:11px;font-weight:700;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;background:var(--red);width:7px;height:7px}.hero h1{margin:25px 0 22px;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:138px;font-weight:900;line-height:.89;text-shadow:0 2px 24px #0004}.hero h1 span{color:var(--red)}.hero-copy{font-size:20px;line-height:1.45;margin:0 0 24px;max-width:420px}.explore{display:inline-flex;align-items:center;gap:40px;font-size:13px;font-weight:700;border-bottom:1px solid #dedad4;padding:10px 0}.explore span{font-size:24px}.hero-caption{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;color:#ddd}.section{padding:72px 5%;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.section h2{margin:0;font-size:44px;line-height:1.12;font-weight:800;max-width:640px}.sound .section-heading{margin-bottom:40px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1050px;margin-left:auto;font-size:17px}.intro p{margin:0}.sound-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;gap:42px}.sound-grid article{padding-top:22px;border-top:1px solid var(--line)}.number{color:var(--red);font-family:monospace;font-size:13px}h3{font-size:23px;margin:15px 0 12px;line-height:1.2}.sound-grid p{margin:0;color:var(--muted);font-size:15px;max-width:360px}.notes{background:#eae8e4;color:#161616}.notes .eyebrow{color:#625d57}.notes .section-heading{margin-bottom:40px}.note-list{border-top:1px solid #c4c0b9}.note-list details{border-bottom:1px solid #c4c0b9}.note-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:55px 1fr 25px;align-items:center;padding:28px 0;font-weight:700;font-size:23px;gap:10px}.note-list summary::-webkit-details-marker{display:none}.note-index{font:14px monospace;color:#b4232b}.note-list small{display:block;font-size:10px;color:#6e6761;font-weight:400;margin-top:7px}.plus{font-size:28px;font-weight:400;text-align:center}.note-list details[open] .plus{transform:rotate(45deg)}.note-body{max-width:790px;margin:0 35px 30px 65px;color:#49413c;font-size:16px}.note-body p{margin:0 0 15px}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.about p:not(.eyebrow){font-size:17px;max-width:620px;margin:30px 0 0}.about p.muted{color:var(--muted);font-size:13px}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}footer .wordmark{color:var(--paper);font-size:18px}
@media(min-width:1600px){.hero-content{padding-top:65px}.hero h1{font-size:160px}.hero-photo{object-position:center 58%}}
@media(max-width:900px){.hero h1{font-size:112px}.hero-photo{object-position:65% center}.intro{gap:35px}.sound-grid{gap:25px}.section h2{font-size:36px}.about{grid-template-columns:1fr 2fr}.header nav{gap:20px}}
@media(max-width:600px){.header{height:70px;padding:0 6%}.wordmark{font-size:17px}.header nav{gap:14px;font-size:11px}.header nav a:last-child{display:none}.hero{height:calc(100svh - 132px);min-height:530px;max-height:760px}.hero-content{padding:38px 6% 80px}.hero-photo{object-position:60% center}.hero-shade{opacity:.38}.hero .eyebrow{font-size:9px}.hero h1{font-size:88px;margin-top:32px}.hero-copy{font-size:18px}.hero-caption{left:6%;right:6%;font-size:8px;gap:15px}.section{padding:45px 6%}.section-heading{display:block}.section h2{font-size:32px;margin-top:18px}.intro{display:block;font-size:16px}.intro p+p{margin-top:22px}.sound-grid{display:block;margin-top:35px}.sound-grid article+article{margin-top:28px}.sound-grid p{max-width:none}.note-list summary{font-size:19px;grid-template-columns:30px 1fr 22px;padding:23px 0}.note-body{margin:0 0 25px 40px;font-size:15px}.about{display:block}.about p:not(.eyebrow){font-size:16px}footer{flex-wrap:wrap;padding:28px 6%;gap:20px}footer>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}