:root{--cream:#efe9dc;--paper:#faf6ed;--ink:#26251f;--muted:#625e54;--red:#a83125;--line:#cfc6b6;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}p{line-height:1.65}figure{margin:0}.shell{width:min(1280px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:20px;top:-90px;z-index:10;background:var(--ink);color:var(--paper);padding:14px}.skip:focus{top:12px}.header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:25px;border-bottom:1px solid var(--line)}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:37px;font-weight:900;line-height:.88;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.wordmark>span{color:var(--red)}.wordmark small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2.9px;font-weight:700;margin-top:9px;line-height:1}.header nav,.footer nav{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.header nav a,.footer nav a{font-size:13px;font-weight:600;text-decoration:none}.header nav a:hover,.footer nav a:hover{color:var(--red)}.header .owner-link{border:1px solid var(--ink);border-radius:4px;padding:10px 15px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px;padding-block:74px 66px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;line-height:1.4;margin:0 0 20px}.spark{font-size:21px;color:var(--red);vertical-align:middle;margin-right:6px}h1,h2,h3{margin:0}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(54px,5.2vw,76px);line-height:.98;letter-spacing:-1.3px;text-transform:uppercase}h1>span{color:var(--red)}.hero-description{font-size:16px;max-width:530px;margin:25px 0 24px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 21px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:700;text-decoration:none;min-height:51px}.primary{background:var(--red);color:var(--paper)}.primary:hover{background:#84271f}.secondary{border-color:var(--ink)}.secondary:hover{background:var(--paper)}.text-link{font-size:13px;font-weight:700}.small-note{font-size:11px;color:var(--muted);max-width:380px;line-height:1.6;margin-top:15px}.handwritten{font-family:Caveat,cursive;font-size:29px;color:var(--red);margin:23px 0 0;transform:rotate(-3deg);transform-origin:left center}
.desk-figure{max-width:620px;min-width:0;transform:rotate(1.3deg)}.production-desk{background:#292b28;color:#e8e0d1;border:1px solid #1a1c19;border-radius:10px;box-shadow:13px 18px 0 #d9d0c0;overflow:hidden}.desk-top{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-bottom:1px solid #484943;font-size:10px;font-weight:700;letter-spacing:1.7px}.desk-mark{font-size:20px;color:#d97d62}.desk-body{display:grid;grid-template-columns:.91fr 1fr;gap:25px;padding:32px 24px 28px}.lyric-sheet{position:relative;transform:rotate(-5deg);background:#f1e8d3;color:#282922;min-height:268px;padding:23px 19px 12px;box-shadow:3px 4px 6px #0004}.sheet-label,.desk-label{font-size:9px;font-weight:700;letter-spacing:1.6px;margin:0 0 15px}.sheet-title{font-family:Caveat,cursive;font-size:33px;font-weight:700;line-height:1;margin:0 0 18px}.tape{position:absolute;background:#d7c894aa;top:-9px;left:35%;width:59px;height:22px;transform:rotate(3deg)}.ruled-lines{display:grid;gap:15px}.ruled-lines span{height:1px;background:#acb1a6}.sheet-note{font-family:Caveat,cursive;font-size:21px;line-height:1.04;color:#90593b;margin:17px 0 0}.pencil{display:block;width:5px;height:175px;background:#b45635;border-right:1px solid #e69558;position:absolute;right:5px;top:79px;transform:rotate(14deg);box-shadow:3px 0 2px #0003}.pencil:after{content:'';position:absolute;bottom:-10px;border-left:2.5px solid transparent;border-right:2.5px solid transparent;border-top:10px solid #ded0a7}.sound-desk{min-width:0;padding-top:4px}.desk-label{color:#b0afa1}.sound-desk h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:30px;line-height:1.05;margin-bottom:18px}.sound-tags{display:flex;gap:6px;flex-wrap:wrap}.sound-tags span{font-size:10px;border:1px solid #65665b;padding:6px 7px;border-radius:2px}.arrangement{display:flex;gap:4px;margin-top:26px}.arrangement span{flex:1;font-size:7px;font-weight:700;letter-spacing:.7px;padding:8px 2px;text-align:center;background:#4b5548}.arrangement span:nth-child(2){background:#855f42}.arrangement span:nth-child(3){background:#4a555a}.waveform{height:52px;margin-top:11px;display:flex;align-items:center;gap:3px;overflow:hidden}.waveform i{display:block;flex:1;min-width:3px;background:#b5c19e;height:14px}.waveform i:nth-child(3n){height:34px}.waveform i:nth-child(4n){height:45px}.waveform i:nth-child(7n){height:24px}.waveform i:nth-child(5n){height:49px}.take-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:8px;font-weight:700;letter-spacing:.8px;color:#b7b7a7;margin-top:9px}.take-strip .kept{color:#c1d3a7}.keys{height:61px;margin:0 22px;display:flex;gap:3px;overflow:hidden;border-top:6px solid #111410;border-radius:4px 4px 0 0;opacity:.9}.keys span{position:relative;background:#e8e1d2;flex:1;border-radius:0 0 3px 3px;border-bottom:4px solid #bbb6a6}.keys span:nth-child(7n+1):after,.keys span:nth-child(7n+2):after,.keys span:nth-child(7n+4):after,.keys span:nth-child(7n+5):after,.keys span:nth-child(7n+6):after{content:'';position:absolute;right:-9px;top:0;width:15px;height:35px;background:#171d18;z-index:1;border-bottom:3px solid #090e09;border-radius:0 0 2px 2px}.desk-bottom{display:flex;justify-content:space-between;gap:12px;padding:15px 22px;font-size:8px;letter-spacing:1px;color:#b4b6a5}.desk-figure figcaption{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:20px 0 0;color:var(--muted)}.desk-figure figcaption>span{font-weight:400}
.craft-strip{display:flex;align-items:center;justify-content:center;gap:65px;border-block:1px solid var(--line);padding:20px;overflow:hidden}.craft-strip span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;font-weight:800;white-space:nowrap;letter-spacing:1px}.craft-strip i{font-size:22px;color:var(--red);font-style:normal}.section{padding-block:86px}.process{display:grid;grid-template-columns:.84fr 1.16fr;gap:100px}.section-intro h2,.workspace-copy h2,.entry h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;line-height:1;text-transform:uppercase;letter-spacing:-.5px;font-weight:800}.section-intro>p:last-child{font-size:15px;max-width:335px;margin:22px 0 0;color:var(--muted)}.process-list{padding:0;margin:0;list-style:none}.process-list li{display:flex;gap:26px;border-bottom:1px solid var(--line);padding:26px 0}.process-list li:first-child{padding-top:0}.process-list li:last-child{border-bottom:0;padding-bottom:0}.step{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:31px;color:var(--red);line-height:1;min-width:29px}.process-list h3{font-size:20px;font-weight:700;line-height:1.3;margin-bottom:9px}.process-list p{font-size:14px;color:var(--muted);margin:0 0 13px}.example{display:block;font-size:12px;line-height:1.6;border-left:2px solid var(--red);padding-left:12px}
.workspace-section{background:var(--ink);color:var(--paper);padding-block:73px}.workspace-grid{display:grid;grid-template-columns:.77fr 1.23fr;gap:54px;align-items:center}.workspace-copy .eyebrow{color:#d6a58c}.workspace-copy>p:not(.eyebrow){font-size:14px;color:#cec8bb;margin:20px 0}.workspace-copy ul{padding-left:17px;margin:0;font-size:13px;line-height:1.7;color:#e2dacb}.workspace-copy li+li{margin-top:8px}.workspace-copy .workspace-note{font-size:11px!important;color:#aba799!important;border-top:1px solid #545247;padding-top:18px;line-height:1.7}.workspace-preview{background:var(--paper);color:var(--ink);border:1px solid #645f53;border-radius:7px;overflow:hidden;box-shadow:0 14px 35px #0003}.preview-bar{display:flex;justify-content:space-between;gap:10px;padding:13px 15px;font-size:8px;letter-spacing:1.5px;font-weight:700;border-bottom:1px solid var(--line);color:var(--muted)}.workspace-preview img{width:100%;height:auto;display:block}.workspace-preview figcaption{padding:12px 15px;font-size:10px;line-height:1.5;border-top:1px solid var(--line)}
.entry{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.entry>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:580px;margin:22px 0 0}.entry-actions{display:flex;flex-direction:column;align-items:stretch;max-width:340px;width:100%;justify-self:end;gap:12px}.entry-actions p{font-size:11px!important;line-height:1.6;text-align:center;margin:2px 0 0!important}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:31px}.footer .wordmark{font-size:28px}.footer .wordmark small{font-size:7px}.footer>p{font-size:11px;color:var(--muted)}.footer nav{gap:17px}.footer nav a{font-size:11px}
@media(min-width:1500px){.hero{gap:75px;padding-block:84px}.hero h1{font-size:78px}}
@media(max-width:1050px){.shell{width:calc(100% - 48px)}.hero{gap:30px;padding-block:50px}.hero h1{font-size:60px}.hero-description{font-size:14px}.header nav{gap:18px}.desk-body{gap:16px;padding:26px 17px 20px}.lyric-sheet{padding-inline:14px;min-height:254px}.sheet-title{font-size:28px}.sound-desk h2{font-size:27px}.sound-tags span{font-size:8px}.arrangement{margin-top:17px}.desk-bottom{font-size:6px}.process{gap:54px}.workspace-grid{gap:35px;grid-template-columns:.83fr 1.17fr}.section-intro h2,.workspace-copy h2,.entry h2{font-size:44px}.entry{gap:55px}.footer{flex-wrap:wrap}.footer nav{margin-left:auto}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.header{padding-block:19px;gap:15px;align-items:flex-start}.wordmark{font-size:32px}.header nav{justify-content:flex-end;gap:11px 15px;max-width:260px}.header nav a{font-size:11px}.header .owner-link{padding:7px 10px}.hero{grid-template-columns:1fr;padding-block:42px 46px;gap:34px}.hero h1{font-size:clamp(48px,10vw,72px);max-width:640px}.hero-description{font-size:15px;max-width:610px}.hero-copy .eyebrow{font-size:10px}.handwritten{font-size:27px}.desk-figure{width:min(520px,calc(100% - 12px));justify-self:center}.desk-body{padding:29px 22px 23px;gap:24px}.lyric-sheet{min-height:251px}.sheet-title{font-size:32px}.sound-desk h2{font-size:30px}.sound-tags span{font-size:10px}.desk-bottom{font-size:8px}.craft-strip{gap:27px;padding:16px 12px}.craft-strip span{font-size:21px;letter-spacing:.5px}.craft-strip i{font-size:17px}.section{padding-block:52px}.process,.workspace-grid,.entry{grid-template-columns:1fr;gap:31px}.section-intro h2,.workspace-copy h2,.entry h2{font-size:45px}.section-intro>p:last-child{max-width:550px;font-size:14px;margin-top:17px}.process-list li{gap:18px;padding-block:22px}.process-list h3{font-size:18px}.process-list p{font-size:14px}.workspace-section{padding-block:48px}.workspace-copy{max-width:590px}.workspace-preview{max-width:640px}.entry-actions{max-width:none;justify-self:stretch}.entry-actions .button{justify-content:center}.footer{gap:20px;padding-block:26px}.footer>p{margin-left:auto}.footer nav{width:100%;justify-content:space-between;margin:0;gap:14px}}
@media(max-width:380px){.shell{width:calc(100% - 28px)}.header nav{gap:8px 10px;max-width:190px}.header nav a{font-size:10px}.wordmark{font-size:29px}.wordmark small{font-size:7px;letter-spacing:2px}.hero h1{font-size:48px}.actions{gap:17px}.text-link{font-size:12px}.desk-body{gap:15px;padding-inline:15px}.sound-tags span{font-size:8px}.sheet-title{font-size:28px}.sheet-label,.desk-label{font-size:8px}.desk-bottom{font-size:6px}.desk-top{padding-inline:15px;font-size:8px}.sound-desk h2{font-size:27px}.keys{margin-inline:15px}.craft-strip{gap:18px}.craft-strip span{font-size:18px}.craft-strip i{font-size:14px}.footer nav{gap:10px}.footer nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}