:root{--ink:#161815;--paper:#f3f4ef;--gold:#d6b76c;--dark:#111310;--green:#d5edb1;--space:clamp(22px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}button,input{font:inherit}a,summary,label{touch-action:manipulation}:focus-visible{outline:3px solid #1269bb;outline-offset:6px}.skip{position:absolute;top:-100px;background:white;padding:12px}.skip:focus{top:10px;z-index:10}header{display:flex;justify-content:space-between;gap:24px;padding:24px var(--space);align-items:center}.brand{font-weight:800;text-decoration:none;white-space:nowrap}nav{display:flex;gap:24px;flex-wrap:wrap}header nav a{font-size:16px;text-decoration:none;padding:8px 0}.home-hero{padding:70px var(--space) 90px;background:var(--green)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.02}h1{font-size:clamp(72px,15.8vw,240px);font-weight:850}.intro{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:42px}p{max-width:640px}p+p{margin-top:20px}.button{display:inline-block;padding:17px 24px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:bold;white-space:nowrap}.button:hover{background:#343a2e}.project{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:120px var(--space);align-items:center;background:var(--dark);color:var(--paper)}h2{font-size:clamp(36px,4.5vw,72px);margin-bottom:32px}h3{font-size:clamp(26px,2.8vw,40px)}.project p{margin-bottom:24px}.text-link{color:var(--gold);font-weight:bold}.cassette-crop,.hero-cassette{position:relative;overflow:hidden;aspect-ratio:1.57;background:#0d0e0c}.cassette-crop img,.hero-cassette img{position:absolute;width:118%;max-width:none;left:-9%;top:-71%}.about,.contact{padding:100px var(--space)}.about .button,.contact .button{margin-top:32px}.music-hero{padding:64px var(--space) 48px;background:var(--gold)}.music-hero h1{font-size:clamp(45px,13.3vw,210px);letter-spacing:-.065em;white-space:nowrap}.hero-cassette{width:min(100%,950px);margin:56px auto 24px}.caption{font-size:15px;margin-top:24px}.demo{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;padding:100px var(--space);align-items:center}.phone{max-width:340px;justify-self:center}.phone img{width:100%;border-radius:24px}.phone figcaption{text-align:center;font-size:16px;margin-top:16px}fieldset{border:0;padding:0;margin:35px 0}legend{font-size:16px;margin-bottom:16px}label{display:inline-flex;align-items:center;background:#e2e4db;padding:14px 18px;cursor:pointer;margin:0 10px 10px 0}input{accent-color:#323f21;width:18px;height:18px;margin-right:8px}.library{background:var(--green);padding:90px var(--space)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:65px}.faq{padding:100px var(--space);background:var(--dark);color:var(--paper)}details{padding:24px 0}summary{font-size:clamp(21px,2.3vw,32px);font-weight:bold;cursor:pointer}details p{margin:20px 0 0 25px;max-width:780px}.contact{background:var(--gold)}footer{padding:70px var(--space)}.footer-brand{font-size:clamp(35px,7vw,100px);font-weight:800;letter-spacing:-.06em;line-height:1.1;max-width:none}footer nav{margin:40px 0;font-size:16px}footer>p:last-child{font-size:15px}.document{max-width:900px;margin:60px auto 110px;padding:0 24px}.document h1{font-size:clamp(36px,5vw,64px);margin-bottom:40px}.document h2{font-size:28px;letter-spacing:-.03em;margin:40px 0 18px}.document p{max-width:none;margin-bottom:20px}.document a{overflow-wrap:anywhere}@media(max-width:650px){body{font-size:17px}header{align-items:start;flex-direction:column;gap:8px}nav{gap:20px}.home-hero{padding-top:50px;padding-bottom:55px}.home-hero h1{font-size:20vw}.intro{align-items:start;flex-direction:column;gap:26px;margin-top:30px}.project,.demo{grid-template-columns:1fr;padding:65px var(--space);gap:45px}.cassette-crop{grid-row:1}.about,.library,.faq,.contact{padding:65px var(--space)}.music-hero{padding-top:35px}.music-hero h1{font-size:13vw}.hero-cassette{margin-top:35px}.phone{width:72%;max-width:300px}.feature{grid-template-columns:1fr;gap:20px;margin-top:40px}.feature h3{font-size:28px}.document{margin-top:35px}footer{padding-top:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}