@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{--bg:#f6f6f3;--ink:#0b0b0b;--muted:#777;--line:#deded8;--card:#ecece7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}.site-header{height:86px;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(246,246,243,.9);backdrop-filter:blur(12px);z-index:10}
.brand img{width:205px;height:auto;display:block}.site-header nav{display:flex;gap:28px;align-items:center;font-size:13px}.nav-cta{border:1px solid var(--ink);padding:11px 15px;border-radius:999px}
.hero{min-height:78vh;padding:9vw 5vw 6vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600;color:#666;margin-bottom:24px}
.hero h1{font-size:clamp(64px,11vw,150px);line-height:.87;letter-spacing:-.075em;margin:0;max-width:1000px}.hero h1 span,.mixing h2 span{color:#888}.hero p{font-size:18px;line-height:1.6;max-width:590px;margin:34px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;padding:14px 20px;border-radius:999px;font-size:13px;font-weight:600}.button-dark{background:var(--ink);color:#fff}.button-light{border:1px solid var(--ink)}.hero-note{margin-top:70px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#777}
.ticker{border-block:1px solid var(--line);padding:18px 5vw;display:flex;justify-content:space-between;gap:20px;overflow:hidden;font-size:10px;letter-spacing:.15em;color:#666}
.section{padding:110px 5vw}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section h2{font-size:clamp(42px,6vw,82px);line-height:.95;letter-spacing:-.06em;margin:0}.section-head p{max-width:360px;color:#666;line-height:1.6;font-size:14px}
.filters{display:flex;gap:8px;margin-bottom:25px}.filter{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 14px;font:inherit;font-size:12px;cursor:pointer}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.beat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.beat-card{min-width:0}.cover{aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:flex-end;padding:0;font-size:12px;overflow:hidden;background:#111}.cover img{width:100%;height:100%;display:block;object-fit:cover}.cover-one{background:#d8d8d2}.cover-two{background:#bfc0bc}.cover-three{background:#dedbd2}.cover span{font-size:44px;letter-spacing:-.06em;opacity:.25}.beat-info{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.beat-info h3{font-size:14px;margin:0 0 6px}.beat-info p{font-size:11px;color:#777;margin:0}.play{width:36px;height:36px;border:1px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer}.placeholder-note{font-size:11px;color:#888;margin-top:25px}
.mixing{background:#111;color:#fff}.mixing .eyebrow{color:#999}.mix-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.mix-layout .large-copy{font-size:21px;line-height:1.5;color:#d0d0d0;margin:0 0 50px}.service-list{border-top:1px solid #333}.service-list div{display:grid;grid-template-columns:45px 1fr auto;padding:19px 0;border-bottom:1px solid #333;font-size:14px}.service-list strong,.service-list em{color:#999;font-style:normal;font-size:11px}.text-link{display:inline-block;margin-top:28px;border-bottom:1px solid #777;padding-bottom:5px;font-size:13px}
.about{max-width:1100px}.about>p{font-size:20px;line-height:1.6;max-width:650px;color:#666;margin-top:40px}
.contact{padding:130px 5vw;background:#deded8}.contact h2{font-size:clamp(56px,9vw,130px);line-height:.86;letter-spacing:-.075em;margin:0 0 30px}.contact p{color:#666;margin-bottom:28px}.contact-links{display:flex;gap:24px;margin-top:80px;font-size:12px}.contact-links a{border-bottom:1px solid #999;padding-bottom:4px}
footer{display:flex;justify-content:space-between;padding:22px 5vw;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#777;border-top:1px solid #ccc}
@media(max-width:760px){.site-header{height:72px}.brand img{width:165px}.site-header nav a:not(.nav-cta){display:none}.hero{min-height:76vh}.hero p{font-size:16px}.ticker{justify-content:flex-start;width:max-content;min-width:100%;gap:35px}.section{padding:80px 5vw}.section-head,.mix-layout{display:block}.section-head p{margin-top:25px}.beat-grid{grid-template-columns:1fr}.mix-layout>div+div{margin-top:45px}.contact{padding:90px 5vw}footer{display:block}footer span{display:block;margin:5px 0}}

.player-row{display:flex;align-items:center;gap:10px;padding-top:10px;font-size:10px;color:#777}
.player-status{min-width:48px;text-transform:uppercase;letter-spacing:.08em}
.seek{width:100%;accent-color:#111}
.time{min-width:30px;text-align:right}
.beat-card.is-playing .play{background:#111;color:#fff}

.license-button{margin-top:14px;width:100%;border:1px solid var(--ink);background:transparent;padding:12px 14px;border-radius:999px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.licenses{background:#ebeae5}.license-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.license-card{border:1px solid #ccc;padding:25px;min-height:340px;display:flex;flex-direction:column}.license-card span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777}.license-card h3{font-size:30px;letter-spacing:-.04em;margin:45px 0 10px}.license-card p{font-size:13px;color:#666;line-height:1.55;min-height:80px}.license-card strong{font-size:21px;margin-top:auto}.license-card small{font-size:11px;color:#777;font-weight:400}.license-card button{margin-top:18px;padding:12px;border:1px solid var(--ink);background:transparent;border-radius:999px;font:inherit;font-size:12px;cursor:pointer}.license-card.featured{border:2px solid var(--ink)}.dark-card{background:#111;color:#fff;border-color:#111}.dark-card span,.dark-card p,.dark-card small{color:#aaa}.dark-card button{background:#fff;color:#111;border-color:#fff}.fine-print{font-size:10px!important;color:#888!important;line-height:1.5!important;margin-top:20px}
.project-form-section{background:#f0f0eb}.form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.form-wrap h2{font-size:clamp(42px,6vw,76px)}.form-wrap>div p{color:#777;max-width:420px;line-height:1.6}.form-wrap form{display:grid;gap:17px}.form-wrap label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#666}.form-wrap input,.form-wrap select,.form-wrap textarea{display:block;width:100%;margin-top:8px;border:1px solid #ccc;background:#fff;padding:13px 14px;font:inherit;font-size:13px;outline:none}.form-wrap textarea{resize:vertical}.form-message{font-size:12px;color:#555}
.modal{display:none;position:fixed;inset:0;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.modal-panel{position:relative;max-width:620px;margin:8vh auto;background:#f6f6f3;padding:38px;z-index:1}.modal-panel h2{font-size:46px;letter-spacing:-.06em;margin:0 0 10px}.modal-panel>p{color:#777;font-size:13px}.modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;cursor:pointer}.modal-options{display:grid;gap:8px;margin-top:28px}.modal-options button{display:flex;justify-content:space-between;text-align:left;border:1px solid #ccc;background:#fff;padding:16px;border-radius:2px;font:inherit;cursor:pointer}.modal-options button:hover{border-color:#111}.modal-options span{font-weight:600}.modal-options b{font-size:12px}
@media(max-width:900px){.license-grid{grid-template-columns:repeat(2,1fr)}.form-wrap{display:block}.form-wrap form{margin-top:45px}}
@media(max-width:600px){.license-grid{grid-template-columns:1fr}.license-card{min-height:300px}.modal-panel{margin:4vh 5vw;padding:28px}.modal-panel h2{font-size:38px}.modal-options button{display:block}.modal-options b{display:block;margin-top:6px}}

.license-card ul{padding:0;margin:8px 0 24px;list-style:none;color:#666;font-size:11px;line-height:1.9}.license-card li:before{content:"✓ ";color:#111}.dark-card li:before{color:#fff}.license-notes{border-top:1px solid #ccc;margin-top:55px;padding-top:25px;max-width:850px}.license-notes h3{font-size:16px;margin:0 0 15px}.license-notes p{font-size:11px;line-height:1.65;color:#777}.license-notes b{color:#222}
.checkout-fields{display:grid;gap:12px;margin-top:20px}.checkout-fields label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#666}.checkout-fields input{display:block;width:100%;margin-top:7px;border:1px solid #ccc;background:#fff;padding:13px 14px;font:inherit;font-size:13px;outline:none}.currency-switch{display:flex;gap:7px}.currency{border:1px solid #ccc;background:#fff;padding:9px 13px;border-radius:999px;font:inherit;font-size:11px;cursor:pointer}.currency.active{background:#111;color:#fff;border-color:#111}.success-page{min-height:100vh;padding:10vw 8vw;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.success-page h1{font-size:clamp(52px,8vw,110px);line-height:.9;letter-spacing:-.07em;max-width:900px;margin:0}.success-page p{max-width:520px;color:#666;line-height:1.6}.success-page .button{margin-top:10px}