@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18282b;--paper:#faf9f6;--muted:#6d7776;--teal:#19484d;--orange:#cc7535;--line:#d9dedb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.preview-banner{background:#e2b66b;text-align:center;padding:7px;font-size:10px;font-weight:800;letter-spacing:.17em}.preview-banner span{padding:0 9px}.nav-shell{display:flex;align-items:center;justify-content:space-between;max-width:1460px;margin:auto;padding:16px 5%;gap:25px}.nav-shell{padding-left:2%}.brand{width:112px;flex-shrink:0}.brand img{mix-blend-mode:multiply}.nav-shell nav{display:flex;gap:31px;font-size:13px;font-weight:600}.nav-shell nav a:hover,.text-link:hover,.inline-arrow:hover{color:var(--orange)}.nav-order{background:var(--teal);color:#fff;padding:13px 19px;font-weight:700;font-size:12px}.nav-order span{margin-left:15px}.hero{display:grid;grid-template-columns:43% 57%;min-height:620px;background:#eceae5}.hero-copy{padding:12% 9% 8% 11%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800}.orange{color:var(--orange)}.dot{display:inline-block;width:6px;height:6px;background:#d88f41;border-radius:50%;margin-right:9px;vertical-align:middle}.hero h1,.section-wrap h2,.order-description h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,4.8vw,82px);letter-spacing:-.065em;line-height:1.11;margin:28px 0}.hero h1 em,.section-wrap h2 em,.order-description h2 em{color:#33767d;font-style:normal}.hero-sub{font-size:17px;line-height:1.75;color:#4e5c5b;max-width:430px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px;flex-wrap:wrap}.button{border:0;padding:18px 22px;font-size:13px;font-weight:800;display:flex;justify-content:space-between;gap:40px;align-items:center}.primary{background:var(--teal);color:white}.button:hover,.nav-order:hover{background:#246b71}.text-link,.inline-arrow{font-size:13px;font-weight:800}.hero-facts{display:flex;gap:23px;flex-wrap:wrap;margin-top:62px;color:#68736f;font-size:9px;font-weight:800;letter-spacing:.08em}.hero-media{position:relative;min-height:480px}.hero-media>img{height:100%;width:100%;object-fit:cover;object-position:center}.photo-caption{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;color:#fff;text-shadow:0 1px 5px #223;font-size:10px;letter-spacing:.16em;font-weight:800}.section-wrap{max-width:1300px;margin:0 auto;padding:100px 5%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.intro h2,.features h2,.specs h2{font-size:clamp(38px,4vw,65px)}.intro-right{font-size:17px;line-height:1.8;color:#586561}.intro-right p{margin-top:0}.inline-arrow{color:var(--teal);display:inline-block;margin-top:18px}.features{padding-top:35px}.section-heading{margin-bottom:55px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-grid article{border:1px solid #d9dfdb;background:white;padding:30px 23px 38px;min-height:325px}.num{font-size:11px;font-weight:800;color:#acb6b1}.feature-symbol{font-size:51px;color:#28727a;margin:28px 0 15px;height:55px}.feature-grid h3{font-size:22px;letter-spacing:-.035em}.feature-grid p{font-size:14px;line-height:1.75;color:#65706e}.statement{background:#16474e;color:#fff}.statement .section-wrap{padding-top:85px;padding-bottom:85px}.statement p{font:800 clamp(32px,6vw,84px)/1.26 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0}.statement em{font-style:normal;color:#d8ae78}.specs{display:grid;grid-template-columns:38% 62%;gap:30px}.spec-note{font-size:13px;color:#7b8380;line-height:1.7;max-width:270px}.spec-table{padding-right:28px}.spec-table>div{border-bottom:1px solid var(--line);padding:19px 0;display:grid;grid-template-columns:35% 65%;gap:20px}.spec-table span{color:#75827b;font-size:13px}.spec-table strong{font-size:14px;font-weight:700;line-height:1.5}.order-section{background:#e4ebe7}.order-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.order-description p:not(.eyebrow){color:#5f706e;line-height:1.9;font-size:16px;max-width:410px}.order-description .fine{font-size:12px!important}.order-card{background:white;padding:25px;box-shadow:0 30px 80px #132d2d17}.order-card-top{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;font-size:11px;letter-spacing:.08em;font-weight:800;padding-bottom:20px}.availability{color:#2b7b5f;letter-spacing:0}.availability.sold{color:#a04c41}.card-image{height:220px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.order-meta small{display:block;color:#84908b;font-size:10px;letter-spacing:.13em;font-weight:800;margin-bottom:9px}.order-meta strong{font-size:17px;line-height:1.45}.availability-note{color:#687670;font-size:13px;padding-bottom:20px}.checkout{width:100%;background:#efc64d;color:#21312b}.checkout:hover{background:#e6b530}.checkout:disabled{background:#d6d8d4;color:#7d8884;cursor:not-allowed}.checkout-note{text-align:center;font-size:11px;color:#87918c}.bottom-info{display:grid;grid-template-columns:1fr 1fr;gap:20%;padding-top:85px;padding-bottom:90px}.bottom-info h3{font-size:24px}.bottom-info p:not(.eyebrow){font-size:14px;line-height:1.75;color:#66746d}footer{background:#152e32;color:#f4f5f1}.footer-inner{max-width:1300px;padding:32px 5%;margin:auto;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:12px}.footer-inner button{background:none;color:#c8dad4;border:1px solid #557078;padding:10px 14px}dialog{border:0;padding:34px;max-width:min(94vw,500px);width:100%;box-shadow:0 20px 90px #0005;color:var(--ink)}dialog::backdrop{background:#071d20aa}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font-size:28px;margin:5px 0 20px;letter-spacing:-.04em}.close{font-size:28px;border:0;background:none}.dialog-info{font-size:13px;line-height:1.6;color:#687875;background:#f0f3ee;padding:14px}dialog label:not(.check){font-size:13px;font-weight:800;display:block;margin:20px 0 7px}dialog input:not([type=checkbox]){padding:12px;width:100%;border:1px solid #bac5bf;font:inherit}dialog .check{display:flex;align-items:center;gap:9px;margin:24px 0}.dialog-actions{display:flex;justify-content:space-between;gap:15px}.reset{background:transparent;border:1px solid #cbd5d0;padding:10px 16px}.demo-dialog h2{font-size:27px}.demo-dialog p{line-height:1.7;color:#64726e}.demo-dialog .close{float:right}.demo-dialog .button{margin-top:22px}@media(max-width:900px){.nav-shell nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7%}.hero-media{min-height:350px;height:50vw}.hero-facts{margin-top:35px}.feature-grid{grid-template-columns:repeat(2,1fr)}.order-layout{gap:6%}}@media(max-width:600px){.section-wrap{padding:65px 6%}.hero h1{font-size:48px}.hero-media{height:65vw;min-height:250px}.intro,.specs,.order-layout,.bottom-info{grid-template-columns:1fr;gap:30px}.feature-grid{grid-template-columns:1fr}.spec-table>div{grid-template-columns:1fr;gap:5px}.nav-order{padding:11px}.brand{width:95px}.footer-inner{flex-wrap:wrap}.hero-facts{gap:12px}}

/* Navigation: logo closer to left edge */
.nav-shell{max-width:none;padding-left:30px;padding-right:5%}
/* About page */
.about-hero{background:#eceae5;padding-top:90px;padding-bottom:80px}
.about-hero h1{font:800 clamp(48px,7vw,100px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.07em;max-width:900px;margin:25px 0}
.about-hero h1 em{color:#33767d;font-style:normal}
.about-lead{font-size:19px;color:#546460;line-height:1.8;max-width:730px}
.about-block{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;border-bottom:1px solid var(--line)}
.about-block:nth-child(even) .about-pictures{order:-1}
.about-block h2{font:800 clamp(36px,4vw,62px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.05em}
.about-block p:not(.eyebrow){line-height:1.85;color:#586561;font-size:16px}
.about-pictures img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e1e8e4}
.about-pictures figcaption{font-size:12px;color:#7c8985;margin-top:10px;line-height:1.5}
.about-pictures{margin:0}
.about-photo-note{font-size:12px;color:#77827f;margin-top:26px}
@media(max-width:800px){.about-block{grid-template-columns:1fr;gap:30px}.about-block:nth-child(even) .about-pictures{order:initial}.about-hero{padding-top:55px}.nav-shell nav{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.nav-shell{align-items:flex-start}.brand{width:80px}}

/* Homepage: logo alongside the opening headline. */
.home-nav{justify-content:flex-end;min-height:82px}
.hero-copy{padding-left:7%;padding-right:6%}
.hero-heading{display:grid;grid-template-columns:clamp(90px,9vw,155px) minmax(0,1fr);align-items:center;gap:clamp(18px,2vw,34px)}
.hero-brand{display:block}
.hero-brand img{width:100%;mix-blend-mode:multiply}
.hero-heading h1{font-size:clamp(36px,3.5vw,64px);margin:28px 0}
@media(max-width:900px){.hero-heading{grid-template-columns:clamp(100px,18vw,150px) minmax(0,1fr);gap:28px}.hero-heading h1{font-size:clamp(38px,6vw,60px)}}
@media(max-width:600px){.home-nav{min-height:68px;padding:18px 6%}.home-nav nav{gap:12px}.hero-heading{grid-template-columns:85px minmax(0,1fr);gap:20px}.hero-heading h1{font-size:clamp(30px,7.5vw,45px)}}

/* Match the logo's natural aspect ratio to the three-line headline height. */
.hero-heading{container-type:inline-size;grid-template-columns:48% minmax(0,1fr);gap:4%;margin:28px 0}
.hero-brand img{width:100%;height:auto}
.hero-heading h1{font-size:9.888288cqw;line-height:1.11;margin:0}
.hero-heading h1 em{white-space:nowrap}
/* Three consistent content tiers; retain the opening headline/logo lockup. */
:root{
  --chapter-size:clamp(38px,4vw,65px);
  --subtitle-size:22px;
  --body-size:17px;
}
.section-wrap h2,.order-description h2,.about-block h2{
  font-family:Manrope,Arial,sans-serif;
  font-size:var(--chapter-size);
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.05em;
}
.feature-grid h3,.bottom-info h3,.spec-table span{
  font-family:'DM Sans',Arial,sans-serif;
  font-size:var(--subtitle-size);
  font-weight:700;
  line-height:1.35;
  letter-spacing:-.035em;
  color:var(--ink);
}
.hero-sub,.intro-right,.feature-grid p,
.order-description p:not(.eyebrow),
.bottom-info p:not(.eyebrow),
.about-lead,.about-block p:not(.eyebrow),.spec-table strong,
.availability-note,.checkout-note{
  font-family:'DM Sans',Arial,sans-serif;
  font-size:var(--body-size);
  font-weight:400;
  line-height:1.8;
  letter-spacing:normal;
}
.order-description .fine{font-size:var(--body-size)!important}
.specs{grid-template-columns:minmax(0,38fr) minmax(0,62fr)}
.spec-table>div{grid-template-columns:minmax(0,35fr) minmax(0,65fr);align-items:baseline}
.spec-table strong{color:#586561}
@media(max-width:600px){
  .specs{grid-template-columns:1fr}
  .spec-table>div{grid-template-columns:1fr;gap:5px}
}

/* Align the introduction with the headline's second grid column. */
.hero-copy > .hero-sub{margin-left:52%;max-width:none}
/* Halve the adjoining section padding (desktop and mobile). */
#discover{padding-bottom:50px}
#features{padding-top:17.5px;padding-bottom:50px}
#specifications{padding-top:50px}
@media(max-width:600px){
  #discover{padding-bottom:32.5px}
  #features{padding-top:32.5px;padding-bottom:32.5px}
  #specifications{padding-top:32.5px}
}

/* Approved icon artwork, cropped through a shared background sprite. */
.feature-grid .feature-icon{
  width:160px;height:110px;max-width:100%;
  margin:28px 0 15px;
  background-image:url("assets/feature-icons.png");
  background-repeat:no-repeat;
  background-size:680px auto;
  mix-blend-mode:multiply;
}
.feature-icon.icon-performance{background-position:-12px -48px}
.feature-icon.icon-sampler{background-position:-176px -48px}
.feature-icon.icon-live-sampler{background-position:-348px -48px}
.feature-icon.icon-midi-loop{background-position:-514px -48px}

/* Align the Discover heading with the opening paragraph. */
#discover{align-items:start}
#discover h2{margin-top:0}

/* Keep the remaining navigation links against the right edge. */
.home-nav nav{margin-left:auto;justify-content:flex-end}