:root{--ink:#181714;--paper:#f3ead9;--cream:#fffaf0;--blue:#354c77;--rust:#a84e34;--line:rgba(24,23,20,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}a{color:inherit}img{display:block;max-width:100%}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{font-family:"Playfair Display",serif;font-size:1.55rem;font-style:italic;text-decoration:none}.nav nav{display:flex;gap:2rem}.nav nav a{text-decoration:none;font-size:.9rem}.menu{display:none;border:0;background:none;font:inherit}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:7vw;padding:8vw}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:600;color:var(--blue)}h1,h2{font-family:"Playfair Display",serif;font-weight:500;line-height:.98;margin:.3em 0}h1{font-size:clamp(3.5rem,7.8vw,8.4rem);letter-spacing:-.055em}h1 em,h2 em{color:var(--blue);font-weight:500}.intro{font-size:1.15rem;line-height:1.7;max-width:620px}.actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.2rem}.button{display:inline-flex;gap:.8rem;align-items:center;text-decoration:none;font-weight:600}.button.primary{background:var(--ink);color:var(--cream);padding:1rem 1.25rem}.button.text{border-bottom:1px solid var(--ink);padding-bottom:.35rem}.hero-art{position:relative;transform:rotate(2.6deg);max-width:560px;margin:auto;filter:drop-shadow(0 25px 25px rgba(49,34,20,.18))}.hero-art img{border:14px solid var(--cream)}.scribble{font-family:"Playfair Display",serif;font-style:italic;color:var(--blue);font-size:1.3rem;text-align:right;margin:.7rem 1rem}.tape{position:absolute;width:100px;height:30px;background:rgba(205,184,144,.7);z-index:2}.tape-one{left:-30px;top:16px;transform:rotate(-38deg)}.tape-two{right:-30px;bottom:60px;transform:rotate(-32deg)}.latest{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:2rem;padding:3rem 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream)}.latest h2{font-size:clamp(2.3rem,4vw,4.4rem);margin:0}.latest p{margin:.7rem 0 0}.round-link{width:86px;height:86px;border-radius:50%;background:var(--rust);color:white;display:grid;place-items:center;text-decoration:none}.music,.about,.contact{padding:9rem 6vw}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:end}.section-head h2,.about h2,.contact h2{font-size:clamp(3.4rem,7vw,7.3rem);letter-spacing:-.04em}.section-head>p{line-height:1.7;max-width:480px}.records{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:5rem 0 4rem}.record img{box-shadow:0 16px 28px rgba(46,33,19,.15);transition:.3s transform}.record:hover img{transform:rotate(-1.5deg) translateY(-6px)}.record.lift{margin-top:3.5rem}.record span{display:block;margin-top:1.2rem;color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.record h3{font-family:"Playfair Display",serif;font-size:1.45rem;margin:.35rem 0}.catalog-link{font-size:1.1rem;font-weight:600;text-decoration:none;border-bottom:1px solid;padding-bottom:.5rem}.catalog-link span{color:var(--rust)}.about{background:var(--ink);color:var(--cream)}.about .section-number{color:#e1a58d}.about-copy{display:grid;grid-template-columns:1.35fr 1fr;gap:8vw;align-items:end}.about-copy p{font-size:1.1rem;line-height:1.8}.about h2 em{color:#e1a58d}blockquote{margin:8rem 0 0 auto;max-width:760px;font-family:"Playfair Display",serif;font-style:italic;font-size:clamp(2rem,4vw,4.4rem);line-height:1.12;color:#e1a58d}.contact{text-align:center;background:var(--cream)}.contact h2{margin:1rem auto 3rem}.socials{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.socials a{font-weight:600;text-decoration:none;border-bottom:1px solid;padding:.35rem}.contact-note{margin-top:3rem;color:#675f54}footer{padding:2rem 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer p{font-size:.8rem}
@media(max-width:850px){.nav{height:70px}.menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;padding:1.5rem 5vw;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;padding:4rem 6vw 6rem}.hero-art{max-width:420px}.latest{grid-template-columns:1fr auto}.latest>.section-number{grid-column:1/-1}.records{grid-template-columns:repeat(2,1fr)}.section-head,.about-copy{grid-template-columns:1fr}.music,.about,.contact{padding:6rem 6vw}.about-copy{gap:2rem}blockquote{margin-top:5rem}.contact h2{font-size:clamp(3rem,12vw,5rem)}}
@media(max-width:520px){h1{font-size:3.65rem}.actions{align-items:flex-start;flex-direction:column}.hero{padding-top:3rem}.hero-art{margin-top:1rem}.latest{padding:2.5rem 6vw}.round-link{width:70px;height:70px}.records{gap:1rem}.record.lift{margin-top:2rem}.record h3{font-size:1.15rem}.section-head h2,.about h2,.contact h2{font-size:3.4rem}.socials{gap:1.2rem}footer{align-items:flex-start;gap:1rem;flex-direction:column}}