/* Product-first layout. Device and interface aspect ratios remain unchanged. */
.landing-page main{overflow:clip}.hero,.section,.spec-strip{width:min(100% - 2 * var(--gutter),1440px);margin-inline:auto}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:60px;padding-block:64px 54px;align-items:center}.hero:before{content:'';position:absolute;z-index:-1;right:calc(-1 * var(--gutter));top:0;bottom:40px;width:64%;background:url('campaign-grain-web.svg?v=ux-v1') center/cover;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 82%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 80%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 82%,transparent);pointer-events:none}.hero-copy{min-width:0;position:relative;z-index:1}.hero .eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(86px,8.8vw,144px);line-height:.94;letter-spacing:-.018em;white-space:nowrap}.hero h1 span{color:var(--orange)}.hero-subtitle{font-size:clamp(18px,1.8vw,23px);font-weight:800;line-height:1.4;letter-spacing:.01em;color:var(--text);margin-top:28px;max-width:26ch}.hero-description{font-size:21px;line-height:1.6;max-width:32ch;margin-top:18px}.hero-cta{margin-top:28px}.hero-product{grid-column:2;grid-row:1/3;justify-self:center;width:100%;padding:12px 24px}.device-phone{width:min(100%,390px);margin-inline:auto;transform:perspective(1800px) rotateY(-5deg) rotateZ(2deg);transform-origin:center}.device-phone img{width:100%;height:auto;filter:drop-shadow(12px 22px 18px #0009)}.hero-store{display:flex;align-items:flex-start;gap:16px;flex-direction:column;align-self:start;margin-top:24px}.app-store-badge{background:none;padding:0;border:0;display:block;min-height:48px}.app-store-badge img{width:auto;height:48px;max-width:100%}.app-store-status{font-size:15px;line-height:1.5;max-width:30ch}.spec-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:26px;border-block:1px solid var(--line);color:var(--silver);font-size:13px;letter-spacing:.055em;font-weight:700}.spec-strip span{display:flex;align-items:center;gap:10px}.spec-strip span:before{content:'';width:5px;height:5px;background:var(--orange);flex-shrink:0}
.section{padding-block:100px;border-bottom:1px solid var(--line);position:relative}.feature-heading{max-width:1000px}.feature-heading>.eyebrow{margin-bottom:24px}.feature-heading h2{font-size:clamp(68px,7vw,112px);max-width:16ch;text-wrap:balance}.section-description{font-size:23px;line-height:1.55;max-width:48ch;margin-top:26px}.ui-figure{min-width:0}.ui-figure img{display:block;width:100%;height:auto;object-fit:contain}.ui-figure .image-open{border-radius:5px;overflow:hidden}.image-caption,figcaption{font-size:13px;line-height:1.6;color:var(--silver);letter-spacing:.06em;margin-top:16px}.image-caption span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.machine-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:clamp(40px,7vw,100px);margin-top:48px}.ipad-stage{min-width:0;padding:24px 16px;background:#151514;border-radius:4px;box-shadow:0 18px 30px #0004}.device-ipad{width:100%;max-width:520px;margin-inline:auto;transform:perspective(1800px) rotateY(3deg) rotateZ(-1deg)}.device-ipad img{width:100%;height:auto;filter:drop-shadow(4px 12px 14px #0009)}.ipad-stage figcaption{text-align:center;font-size:12px;letter-spacing:.05em}.machine-notes h3{font-size:clamp(34px,3.4vw,48px)}.machine-notes>p{margin-top:24px;max-width:38ch}.sequencer-detail{margin-block:30px 16px}.machine-notes>.text-link{margin-top:8px}
.sampling-workflow{margin-top:44px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{background:transparent;border-bottom:2px solid transparent;padding:12px 2px;min-height:52px;font-weight:800;font-size:15px;letter-spacing:.05em;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--orange);border-color:var(--orange)}.sampler-detail{width:100%;max-width:1126px;margin-inline:auto}.workflow-note{font-size:20px;max-width:64ch;margin-top:26px}.capture-panels{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);margin-top:48px}.capture-panels article{min-width:0}.panel-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}.panel-heading h3{font-size:32px;letter-spacing:-.02em}.pro-label{display:inline-block;padding:3px 8px;background:var(--orange);color:#090909;font-size:12px;font-weight:800;border-radius:3px;line-height:1.4;letter-spacing:.04em}.capture-panels p{font-size:20px;margin-top:22px;max-width:43ch}.capture-panels .ui-figure{background:#0c0b09;border-radius:6px}.sampling-section>.small-print{margin-top:32px;max-width:80ch}.sampling-section>.text-link{margin-top:12px}
.sound-fx-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);margin-top:42px}.sound-fx-grid article{min-width:0}.sound-fx-grid h3{font-size:clamp(26px,2.5vw,36px);letter-spacing:-.02em;margin-bottom:24px}.sound-fx-grid article>p{font-size:20px;margin-top:24px}.sound-fx-grid .ui-figure{padding:18px;background:#111110;border:1px solid #252521;border-radius:5px}.effect-list{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:18px}.effect-list li{font-size:13px;letter-spacing:.03em;line-height:1.7;padding:8px 0;color:var(--silver)}.performance>.text-link{margin-top:26px}.turntable-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:70px}.turntable-layout .feature-heading h2{font-size:clamp(78px,8.2vw,132px)}.turntable-detail{width:100%;max-width:450px;margin-inline:auto;background:#0c0c0b;box-shadow:0 16px 34px #0008}.turntable-motto{font-size:17px;font-weight:800;line-height:1.5;color:var(--text);letter-spacing:.03em;margin-top:30px}.slot-access{margin:24px 0 16px}.slot-access>div{display:grid;grid-template-columns:52px 1fr;gap:20px;border-top:1px solid var(--line);padding:14px 0}.slot-access dt{font-weight:800;font-size:16px;color:var(--orange)}.slot-access dd{font-size:18px;color:var(--silver)}.anchor-alias{position:absolute;top:0}
.bass-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:70px;align-items:center;margin-top:44px}.bass-detail{max-width:640px}.bass-copy>p{margin-top:24px;font-size:21px}.bass-copy h3{font-size:clamp(32px,3.5vw,48px)}.inline-feature{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.inline-feature>p:last-child{font-size:20px;margin-top:12px}.bass-copy>.text-link{margin-top:20px}
.vintage-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:80px;align-items:center;margin-top:48px}.vintage-detail{max-width:390px;margin-inline:auto}.model-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.model-key{position:relative;min-width:0;min-height:160px;background:linear-gradient(#242423,#0d0d0c);border:1px solid #48443b;border-radius:5px;box-shadow:inset 0 2px 2px #ffffff12,0 4px 0 #000;padding:28px 8px 20px;color:var(--silver)}.model-key[aria-selected=true]{border-color:var(--orange);color:var(--orange)}.model-number{display:block;font-family:var(--display);font-size:clamp(43px,4.8vw,72px);line-height:1}.model-led{position:absolute;left:14px;top:14px;width:5px;height:5px;border-radius:100%;background:#77756d}.model-key[aria-selected=true] .model-led{background:var(--orange);box-shadow:0 0 5px #ff690077}.model-tag{display:block;font-size:11px;letter-spacing:.035em;line-height:1.5;margin-top:16px}.character-info{margin-top:30px}.character-info [role=tabpanel]{min-height:170px}.character-info h3{font-size:29px;line-height:1.25;max-width:24ch}.character-info [role=tabpanel]>p{font-size:20px;margin-top:20px;max-width:40ch}.character-info>.small-print{margin-top:20px}.vintage-controls>.text-link{margin-top:18px}.resample-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;border-top:1px solid var(--line);padding-top:48px;margin-top:64px}.resample-story h3{font-size:clamp(30px,3.4vw,46px);margin-top:20px}.resample-story p:not(.eyebrow){font-size:20px;margin-top:22px;max-width:44ch}.resample-story .text-link{margin-top:16px}.resample-story .ui-figure{background:#111110;padding:20px;border-radius:5px}.edit-features{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:48px}.edit-features article{border-top:1px solid var(--line);padding-top:28px;min-width:0}.edit-features h3{font-size:28px;letter-spacing:-.015em}.edit-features p{margin-top:18px;font-size:20px;max-width:44ch}.edit-features .text-link{margin-top:12px}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:44px}.tier-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:2px solid var(--line)}.tier-heading h3{font-family:var(--display);font-size:52px;line-height:1}.tier-heading span{font-size:12px;letter-spacing:.06em;color:var(--muted)}.comparison article:last-child .tier-heading{border-color:var(--orange)}.comparison article:last-child .tier-heading h3{color:var(--orange)}.comparison li{padding:14px 0;border-bottom:1px solid var(--line);font-size:19px;line-height:1.6}.comparison li:before{content:'+';margin-right:13px;color:var(--orange)}.ownership>.small-print{margin-top:28px;max-width:76ch}.make-yours{display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:50px;margin-top:64px;padding-top:48px;border-top:1px solid var(--line)}.make-yours h3{font-size:clamp(30px,3.3vw,44px);margin-top:18px}.make-yours>div>p:not(.eyebrow){margin-top:22px;font-size:20px;max-width:32ch}.make-yours>div>p.small-print{font-size:16px}.faceplate-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0}.faceplate-gallery .ui-figure{width:100%}.faceplate-gallery .image-caption{font-size:11px;letter-spacing:.03em}.faceplate-gallery .image-caption span{font-size:11px}.tool-list{margin-top:44px}.tool-list article{display:grid;grid-template-columns:.7fr 1fr;gap:64px;padding:30px 0;border-top:1px solid var(--line)}.tool-name{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.tool-name h3{font-size:27px;letter-spacing:-.02em;line-height:1.3}.tool-name .pro-label{margin-top:4px}.tool-list p{font-size:20px;max-width:51ch}.tool-list .text-link{margin-top:14px}.closing-line{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-top:58px;margin-top:28px;border-top:1px solid var(--line)}.closing-line p{font-family:var(--display);font-size:clamp(48px,5.5vw,84px);line-height:1;color:var(--text)}.connections{border-bottom:0}
@media(min-width:1500px){.hero{padding-block:76px 64px}.device-phone{width:420px}.hero-product{padding-top:0}.hero-description{max-width:35ch}}
@media(max-width:1100px){.hero{gap:30px;grid-template-columns:1fr .85fr;padding-top:52px}.hero h1{font-size:clamp(74px,9.8vw,110px)}.hero-description{font-size:19px}.hero-product{padding:8px 12px}.section{padding-block:78px}.feature-heading h2{font-size:clamp(66px,8.5vw,100px)}.machine-overview,.bass-layout,.vintage-layout,.turntable-layout{gap:40px}.machine-overview{grid-template-columns:1fr .85fr}.section-description{font-size:22px}.vintage-layout{grid-template-columns:.8fr 1fr;gap:36px}.model-key{min-height:146px}.model-number{font-size:52px}.model-tag{font-size:10px}.model-led{left:10px;top:10px}.make-yours{display:block}.make-yours>div>p:not(.eyebrow){max-width:50ch}.faceplate-gallery{max-width:780px;margin-top:32px}.tool-list article{gap:40px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;padding-block:30px 36px;gap:0}.hero-copy{width:100%}.hero .eyebrow{font-size:11px;letter-spacing:.065em;margin-bottom:20px}.hero h1{font-size:clamp(55px,15vw,86px);line-height:.94}.hero-subtitle{font-size:17px;line-height:1.45;max-width:none;margin-top:20px;letter-spacing:.025em}.hero-description{font-size:18px;line-height:1.55;max-width:34ch;margin-top:14px}.hero-cta{margin-top:20px}.hero-product{margin-top:26px;padding:0 4px;width:100%}.device-phone{width:min(100%,340px);transform:none!important;margin-inline:auto}.device-phone img{filter:drop-shadow(0 14px 14px #0009)}.hero:before{width:calc(100% + 2 * var(--gutter));top:270px;right:calc(-1 * var(--gutter));bottom:80px;background-position:center;opacity:.75}.hero-store{align-items:center;text-align:center;margin-top:28px;gap:14px}.app-store-status{font-size:15px}.spec-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding-block:22px;font-size:10px;letter-spacing:.035em}.spec-strip span{gap:7px}.spec-strip span:before{width:4px;height:4px}.section{padding-block:58px}.feature-heading>.eyebrow{margin-bottom:20px}.feature-heading h2{font-size:clamp(51px,13.4vw,76px);line-height:1;max-width:none;letter-spacing:-.01em;text-wrap:initial}.section-description{font-size:19px;line-height:1.6;margin-top:22px;max-width:38ch}.machine-section .feature-heading h2{font-size:clamp(49px,12.7vw,72px)}.machine-overview{display:block;margin-top:30px}.ipad-stage{max-width:440px;margin-inline:auto;padding:18px 8px 14px}.device-ipad{transform:none;width:100%;max-width:340px}.ipad-stage figcaption{font-size:10px;margin-top:10px}.machine-notes{margin-top:34px}.machine-notes h3{font-size:34px}.machine-notes>p{margin-top:20px;font-size:18px;max-width:none}.sequencer-detail{margin-block:24px 10px}.sampling-workflow{margin-top:30px}.tabs{gap:24px;margin-bottom:20px}.tabs button{font-size:13px;min-height:48px}.workflow-note{font-size:18px;line-height:1.65;margin-top:20px}.capture-panels{grid-template-columns:1fr;gap:36px;margin-top:34px}.panel-heading{margin-bottom:20px}.panel-heading h3{font-size:28px}.capture-panels p{font-size:18px;line-height:1.65;max-width:none;margin-top:20px}.sampling-section>.small-print{margin-top:28px}.sound-fx-grid{grid-template-columns:1fr;gap:38px;margin-top:30px}.sound-fx-grid h3{font-size:27px;margin-bottom:20px}.sound-fx-grid .ui-figure{padding:10px}.sound-fx-grid article>p{font-size:18px;margin-top:20px}.effect-list{gap:0 16px;margin-top:16px}.effect-list li{font-size:12px;padding-block:6px}.turntable-layout{display:flex;flex-direction:column;gap:30px}.turntable-layout .feature-heading{width:100%}.turntable-layout .feature-heading h2{font-size:clamp(66px,17vw,96px)}.turntable-detail{width:100%;max-width:370px}.turntable-motto{font-size:15px;margin-top:24px}.slot-access{margin-block:20px 8px}.slot-access>div{grid-template-columns:46px 1fr;gap:16px;padding-block:12px}.slot-access dd{font-size:17px}.bass-layout{display:flex;flex-direction:column;gap:30px;margin-top:30px}.bass-detail{max-width:520px}.bass-copy{width:100%}.bass-copy h3{font-size:34px}.bass-copy>p{font-size:18px;margin-top:20px}.inline-feature{margin-top:26px;padding-top:20px}.inline-feature>p:last-child{font-size:18px}.vintage-layout{display:flex;flex-direction:column;gap:32px;margin-top:30px}.vintage-detail{width:min(100%,330px)}.vintage-controls{width:100%}.model-bank{gap:9px}.model-key{min-height:142px;padding:28px 5px 18px}.model-number{font-size:clamp(42px,12.5vw,60px)}.model-tag{font-size:10px;letter-spacing:0;min-height:30px}.model-led{left:12px;top:12px}.character-info{margin-top:26px}.character-info h3{font-size:27px}.character-info [role=tabpanel]{min-height:166px}.character-info [role=tabpanel]>p{font-size:18px;margin-top:18px}.resample-story{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:34px;margin-top:40px}.resample-story h3{font-size:34px}.resample-story p:not(.eyebrow){font-size:18px;max-width:none}.resample-story .ui-figure{padding:12px}.edit-features{grid-template-columns:1fr;gap:30px;margin-top:34px}.edit-features article{padding-top:24px}.edit-features h3{font-size:25px}.edit-features p{font-size:18px;margin-top:18px}.comparison{grid-template-columns:1fr;gap:34px;margin-top:30px}.tier-heading h3{font-size:45px}.tier-heading span{font-size:11px}.comparison li{font-size:18px;padding-block:12px}.make-yours{margin-top:38px;padding-top:32px}.make-yours h3{font-size:34px}.make-yours>div>p:not(.eyebrow){font-size:18px;margin-top:20px}.make-yours>div>p.small-print{font-size:16px}.faceplate-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;max-width:none;padding:8px 5px 16px;margin-inline:-5px}.faceplate-gallery>div{flex:0 0 72%;min-width:0;scroll-snap-align:start}.faceplate-gallery .image-caption{font-size:13px}.faceplate-gallery .image-caption span{font-size:12px}.tool-list{margin-top:32px}.tool-list article{display:block;padding-block:26px}.tool-name{gap:12px;align-items:center;margin-bottom:18px}.tool-name h3{font-size:25px}.tool-name .pro-label{margin:0}.tool-list p{font-size:18px}.tool-list .text-link{margin-top:10px}.closing-line{display:block;padding-top:36px;margin-top:16px}.closing-line p{font-size:clamp(40px,10.6vw,60px)}.closing-line .button{margin-top:26px}.image-caption{font-size:12px}}
@media(max-width:355px){.hero h1{font-size:54px}.hero-subtitle{font-size:16px;letter-spacing:0}.hero-description{font-size:18px}.hero .eyebrow{font-size:10px;letter-spacing:.03em}.feature-heading h2{font-size:48px}.machine-section .feature-heading h2{font-size:43px}.turntable-layout .feature-heading h2{font-size:68px}.spec-strip{font-size:9px;letter-spacing:0}.model-tag{font-size:9px}.panel-heading h3{font-size:26px}.tool-name h3{font-size:24px}}

/* On a phone the product comes before the longer introduction, without hiding copy. */
@media(max-width:760px){.hero-copy{display:contents}.hero .eyebrow{order:0;width:100%}.hero h1{order:1;width:100%}.hero-subtitle{order:2;width:100%}.hero-product{order:3;margin-top:26px}.hero-description{order:4;width:100%;max-width:36ch;margin-top:28px}.hero-cta{order:5;align-self:flex-start;margin-top:20px}.hero-store{order:6}.hero:before{top:235px}}
/* On mobile, show the turntable before the access explanation. */
@media(max-width:760px){.turntable-layout>.feature-heading{display:contents}.turntable-layout>.feature-heading>.eyebrow{order:0;width:100%;margin-bottom:0}.turntable-layout h2{order:1;width:100%;margin-top:-10px}.turntable-layout .section-description{order:2;width:100%;margin-top:-6px}.turntable-layout .turntable-detail{order:3}.turntable-layout .turntable-motto{order:4;width:100%;margin-top:0}.turntable-layout .slot-access{order:5;width:100%;margin:0}.turntable-layout>.feature-heading>.text-link{order:6;align-self:flex-start}}

/* Desktop panel previews stay readable without filling the viewport. */
.ipad-stage figcaption strong{display:block;font-size:16px;color:var(--text);letter-spacing:.035em}.ipad-stage figcaption span{display:block;font-size:15px;line-height:1.6;letter-spacing:0;margin-top:10px;max-width:40ch;margin-inline:auto}
@media(min-width:761px){
 .workflow-view [role=tabpanel] .ui-figure{width:100%;max-width:820px;margin-inline:auto}
 .workflow-view [role=tabpanel] .ui-figure img{width:auto;max-width:100%;max-height:510px;margin-inline:auto}
 .workflow-view .image-caption{text-align:center}
 .capture-panels .ui-figure img{width:auto;max-width:100%;max-height:510px;margin-inline:auto}
 .bass-detail img,.vintage-detail img{width:auto;max-width:100%;max-height:620px;margin-inline:auto}
 .turntable-detail{max-width:340px}.turntable-detail img{width:auto;max-width:100%;max-height:700px;margin-inline:auto}
}
@media(max-width:760px){.ipad-stage figcaption strong{font-size:15px}.ipad-stage figcaption span{font-size:14px;max-width:32ch}}