*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{line-height:1.05;letter-spacing:-.045em;font-size:clamp(48px,8vw,108px);font-weight:500}h2{font-size:30px;line-height:1.2}h3{font-size:21px;line-height:1.3}p{max-width:62ch}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.15em}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none}footer{font-size:13px;padding:28px 0;border-top:1px solid var(--line)}svg{display:block;width:100%;height:auto}.wrap{max-width:1160px;margin:auto;padding:0 40px}section{scroll-margin-top:24px}.muted{color:var(--muted)}@media(max-width:640px){.wrap{padding:0 22px}nav{gap:15px}h1{font-size:52px}h2{font-size:27px}body{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{--paper:#faf9f5;--ink:#24231f;--muted:#65625c;--accent:#cb4927;--line:#ceccc5}header{padding:30px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}.logo{font-weight:750;font-size:26px;text-decoration:none;letter-spacing:-.05em}.logo span{color:var(--accent);margin-left:8px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:80px 0}h1{font-weight:750;font-size:clamp(52px,6vw,88px)}.record{aspect-ratio:1;background:var(--accent);padding:9%;display:grid;place-items:center}.record i{display:block;position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#272622 0px,#272622 3px,#393833 4px,#272622 5px)}.record i:before{content:"";position:absolute;inset:35%;border-radius:50%;background:#f0e0bc}.record i:after{content:"";position:absolute;inset:49%;background:#24231f;border-radius:50%}.notes{border-top:2px solid var(--ink);padding:32px 0}.notes article{display:grid;grid-template-columns:65px 1fr;border-bottom:1px solid var(--line);padding:28px 0}.notes article span{font:18px ui-monospace,monospace;color:var(--accent)}.room{padding:35px;background:#eae8e0;margin-bottom:50px}@media(max-width:760px){header{align-items:flex-start;gap:20px}.hero{grid-template-columns:1fr;gap:32px;padding:40px 0}.record{max-width:420px;width:100%}header nav{font-size:14px}.room{padding:24px}}