:root{--paper:#f1ecdf;--ink:#263d39;--orange:#d86636;--line:#c8c7b8;--cream:#fbf8ef;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.sequence-scroll:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{touch-action:manipulation}a{color:inherit}.masthead,main,footer{max-width:1320px;margin:auto}.masthead{padding:27px 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:18px;font-weight:850;letter-spacing:.05em;text-decoration:none;font-size:17px}.brand img{width:61px;height:auto}.brand-sub{display:block;font:8px var(--mono);letter-spacing:.11em;margin-top:7px}.edition{font:9px/1.7 var(--mono);text-align:right;letter-spacing:.08em}.edition b{font-weight:400;color:var(--orange)}main{padding:0 42px}.intro{display:flex;align-items:center;justify-content:space-between;padding:53px 0 42px;gap:40px}.eyebrow{font:10px var(--mono);letter-spacing:.15em;margin:0 0 20px}h1{font-size:clamp(60px,7vw,100px);letter-spacing:-.067em;line-height:.89;margin:0;font-weight:850;position:relative}h1 em{font-family:var(--serif);font-weight:400;color:var(--orange);letter-spacing:-.075em}.title-dot{font:75px var(--serif);color:var(--orange);position:absolute;left:360px;bottom:10px;transform:rotate(-8deg)}.intro-copy{font-size:14px;line-height:1.7;margin:23px 0 0;color:#53605a}.receipt{background:var(--cream);width:272px;padding:25px 25px 30px;transform:rotate(4deg);position:relative;box-shadow:0 7px 15px #263d3910;margin-right:14px;font-family:var(--mono)}.receipt:after{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:7px;background:linear-gradient(135deg,var(--cream) 25%,transparent 25%) -6px 0,linear-gradient(225deg,var(--cream) 25%,transparent 25%) -6px 0;background-size:12px 12px}.receipt-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.04em}.receipt p{font:22px/1.45 var(--serif);margin:25px 0}.receipt-line{border-top:1px dashed #a9ad9a;margin-bottom:19px}.receipt-total{display:flex;flex-direction:column;gap:8px;font-size:9px}.receipt-total strong{font-size:24px;letter-spacing:.025em}.receipt-foot{font-size:8px;display:block;margin-top:23px;letter-spacing:.08em}.instrument{background:#e6e5d8;border:1px solid var(--ink);box-shadow:5px 5px 0 #263d3920}.transport{display:flex;align-items:center;padding:19px 23px;background:var(--ink);color:var(--cream);gap:22px}.play-button{border:0;background:var(--orange);color:#fff5e4;border-radius:2px;min-height:47px;padding:0 22px;font-size:13px;font-weight:700;display:inline-flex;gap:14px;align-items:center;justify-content:center;white-space:nowrap}.play-button:hover{background:#ea7440}.play-button[aria-pressed=true]{background:#efe8d5;color:var(--ink)}.transport-live{display:flex;align-items:center;gap:11px;flex:1;font:8px var(--mono);letter-spacing:.04em}.status-dot{width:6px;height:6px;min-width:6px;border-radius:100%;background:#7a8f77}.status-dot.running{background:#f2aa55;box-shadow:0 0 8px #f2aa5590}#meter{width:90px;height:28px;margin-left:auto;opacity:.9}#step-counter{font-size:12px;color:#eabc84;white-space:nowrap}.export-button{border:1px solid #8c9a8b;background:transparent;color:var(--cream);font-size:12px;padding:12px 17px;min-height:43px}.export-button:hover{background:#41554c}.export-button span{padding-right:8px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:27px;padding:25px 24px;border-bottom:1px solid var(--line)}.range-field span{font:9px var(--mono);display:flex;justify-content:space-between;gap:10px;letter-spacing:.08em}.range-field output{font-weight:bold}input[type=range]{width:100%;accent-color:var(--ink);margin:15px 0 0;cursor:pointer;height:12px}.groove-controls label{display:block;font:9px var(--mono);margin-bottom:7px;letter-spacing:.08em}.groove-controls select{width:100%;border:0;border-bottom:1px solid #a8b09f;border-radius:0;background:transparent;font:13px var(--serif);padding:3px 18px 6px 0;color:var(--ink)}.section-label{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 15px;gap:15px}.section-label h2,.sequencer-top h2{margin:0;font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.section-label>span{font:8px var(--mono);color:#6b746b;letter-spacing:.06em}.pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;padding:0 24px 25px}.pad-shell{min-width:0;--accent:var(--orange)}.pad{display:block;width:100%;border:0;background:var(--ink);padding:0;position:relative;box-shadow:0 3px 0 #25373135;transition:transform .09s,box-shadow .09s;isolation:isolate}.pad img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.pad:hover{transform:translateY(-3px);box-shadow:0 6px 0 #25373125}.pad.hit{transform:translateY(2px) rotate(-.5deg);box-shadow:0 0 0 3px var(--accent),0 0 18px color-mix(in srgb,var(--accent),transparent 60%)}.pad.hit:after{content:'';position:absolute;inset:0;background:#fff3;pointer-events:none}.pad .key{position:absolute;right:6px;top:6px;background:#203a31e0;color:#fff;min-width:20px;height:20px;padding:4px;font:10px var(--mono);border:1px solid #f1ecdf77}.pad-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.pad-meta strong{font:11px var(--sans);font-weight:700;display:block}.pad-meta .mute{border:1px solid #a4b0a2;background:transparent;font:8px var(--mono);padding:4px 6px;min-width:34px;min-height:25px}.pad-meta .mute[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pad-shell.muted .pad{opacity:.4;filter:grayscale(.7)}.currency-select{font:8px var(--mono);color:#59685d;width:100%;background:transparent;border:0;padding:7px 15px 5px 0;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.sequencer-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 24px 18px;gap:12px}.sequencer-top p{font:12px var(--serif);margin:7px 0 0;color:#64705f}.edit-tools{display:flex;gap:7px}.edit-tools button,.bottom-bar button{font:10px var(--mono);border:1px solid #a8afa0;padding:9px 10px;min-height:35px;background:transparent}.edit-tools button:hover,.bottom-bar button:hover{background:var(--cream)}.sequence-scroll{overflow-x:auto;padding:0 24px 26px;scrollbar-color:#718372 #d5d9c9;overscroll-behavior-x:contain}.sequencer{min-width:640px}.seq-row{display:grid;grid-template-columns:115px repeat(16,minmax(23px,1fr));gap:5px;margin-bottom:6px;align-items:center}.seq-numbers{margin-bottom:10px}.seq-numbers span{font:9px var(--mono);text-align:center;color:#75816b}.seq-numbers span.downbeat{color:var(--ink);font-weight:bold}.seq-label{background:none;border:0;display:flex;align-items:center;gap:8px;text-align:left;font-size:10px;padding:4px 0;white-space:nowrap;height:29px}.seq-label i{width:6px;height:6px;min-width:6px;background:var(--accent)}.step{border:1px solid #b5c0ab;border-radius:2px;height:29px;padding:0;background:#d9dfcb;position:relative;transition:background .06s,transform .06s;min-width:0}.step.bar-start{border-left:2px solid #91a18b}.step[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.step[aria-pressed=true]:after{content:'';position:absolute;inset:10px 39%;background:#fff9;border-radius:50%}.step:hover{filter:brightness(.92)}.step.current{box-shadow:inset 0 0 0 2px var(--ink);transform:translateY(-1px)}.step.current[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px var(--cream)}.seq-row.muted{opacity:.36}.bottom-bar{border-top:1px solid var(--line);padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.bottom-bar>span{font:8px var(--mono);letter-spacing:.06em}.bottom-bar>div{display:flex;gap:7px}.liner{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:61px 0 55px}.liner .eyebrow{font-size:8px}.liner h2{font:41px/1.04 var(--serif);letter-spacing:-.04em;margin:18px 0 0}.liner p{font:13px/1.75 var(--sans);max-width:490px;color:#5a645a;margin:0 0 13px}.liner-note{font:8px/1.7 var(--mono);display:block;color:#6d7569;margin-top:23px}footer{padding:24px 42px 30px;border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);letter-spacing:.055em}footer strong{font-weight:400}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,18px);max-width:min(90vw,500px);border:1px solid #667668;box-shadow:0 4px 22px #0002;background:var(--ink);color:var(--cream);font:12px/1.5 var(--sans);padding:13px 20px;opacity:0;pointer-events:none;transition:.18s;z-index:10}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{max-width:min(90vw,510px);width:510px;background:var(--paper);border:1px solid var(--ink);color:var(--ink);padding:28px}dialog::backdrop{background:#172c23a0}dialog h2{font:28px var(--serif)}dialog p{font-size:13px;line-height:1.6}dialog input{width:100%;padding:12px;border:1px solid #aaa;background:var(--cream);font:10px var(--mono);margin:10px 0 23px}.dialog-close{float:right;border:0;font-size:25px;background:none}
@media(min-width:1500px){.intro{padding-top:66px}.receipt{margin-right:30px}.pads{gap:22px}}@media(max-width:1000px){.title-dot{display:none}.transport{gap:15px}.transport-live{flex-wrap:wrap}#audio-state{max-width:112px;line-height:1.5}#meter{display:none}.pads{gap:12px}.seq-row{gap:4px;grid-template-columns:101px repeat(16,minmax(23px,1fr))}.controls{gap:17px}.section-label>span{font-size:7px}.receipt{width:240px}.intro{gap:20px}}@media(max-width:720px){.masthead{padding:22px}.brand{font-size:14px;gap:11px}.brand img{width:48px}.brand-sub{font-size:6px}.edition{display:none}main{padding:0 18px}.intro{padding:34px 4px 29px;gap:0}.intro h1{font-size:64px}.intro-copy{font-size:12px;line-height:1.6;margin-top:20px}.eyebrow{font-size:8px;margin-bottom:18px}.receipt{display:none}.transport{padding:13px;gap:12px;flex-wrap:wrap}.play-button{min-height:44px;font-size:12px;padding:0 17px}.transport-live{order:3;flex-basis:100%;justify-content:flex-start;border-top:1px solid #577065;padding-top:11px;gap:8px}#audio-state{max-width:none;font-size:7px}#meter{display:block;margin-left:auto;height:15px;width:60px}#step-counter{font-size:10px}.export-button{margin-left:auto;font-size:11px;min-height:44px;padding:10px 12px}.controls{grid-template-columns:1fr 1fr;gap:19px;padding:19px 15px}.range-field span,.groove-controls label{font-size:8px}.section-label{padding:20px 15px 15px;display:block}.section-label h2,.sequencer-top h2{font-size:9px}.section-label>span{display:block;margin-top:8px}.pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:0 15px 18px}.pad-meta{margin-top:7px}.pad-meta strong{font-size:10px}.pad-meta .mute{font-size:7px;min-height:28px}.currency-select{font-size:7px;padding-top:7px;min-height:28px}.sequencer-top{padding:22px 15px 16px;align-items:start}.sequencer-top p{font-size:11px;max-width:145px;line-height:1.4}.edit-tools{gap:4px}.edit-tools button{font-size:8px;padding:7px;min-height:31px}.sequence-scroll{padding:0 15px 20px}.seq-row{grid-template-columns:90px repeat(16,26px);gap:5px}.sequencer{width:591px;min-width:591px}.seq-label{font-size:9px}.step{height:30px}.bottom-bar{padding:15px;display:block}.bottom-bar>span{font-size:7px;display:block;margin-bottom:12px}.bottom-bar>div{gap:6px}.bottom-bar button{font-size:8px;flex:1;padding:9px 6px}.liner{padding:39px 5px;gap:24px;grid-template-columns:1fr}.liner h2{font-size:36px}.liner p{font-size:12px}.liner-note{font-size:8px}footer{padding:22px;flex-wrap:wrap;font-size:7px;gap:13px}.instrument{box-shadow:3px 3px 0 #263d3920}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.pad:hover,.pad.hit{transform:none}.step.current{transform:none}}

.regional-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;background:#f2eedf;border-bottom:1px solid var(--line)}.regional-eyebrow{font:8px var(--mono);letter-spacing:.13em;color:#657060}.regional-banner h2{font:27px var(--serif);margin:9px 0 6px;letter-spacing:-.025em}.regional-banner p{font:12px/1.5 var(--sans);margin:0;color:#5a645a}.regional-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 17px;max-width:400px;align-items:center}.regional-actions button{flex-basis:100%;margin-left:auto;max-width:220px;background:var(--ink);color:var(--cream);border:1px solid var(--ink);min-height:44px;padding:12px 15px;font:11px var(--mono);text-align:left;display:flex;justify-content:space-between;gap:24px}.regional-actions button:hover{background:#40574a}.regional-actions a{font:10px/1.5 var(--mono);text-underline-offset:4px}@media(max-width:720px){.regional-banner{display:block;padding:20px 15px}.regional-banner h2{font-size:25px}.regional-actions{justify-content:flex-start;margin-top:17px;gap:15px}.regional-actions button{max-width:none;margin:0}.regional-actions a{font-size:9px}}

.pointcast-return{max-width:1440px;margin:auto;padding:18px 5% 0;font:12px var(--mono)}.pointcast-return a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:4px}@media print{.pointcast-return{display:none}}