/* An instrument stage: the image holds its place while the explanation travels. */
.hero{position:relative;min-height:720px}
.hero-product{isolation:isolate}
#hero-harmonics{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.72;pointer-events:none}
.hero-product>img{transform:translate3d(0,var(--hero-lift,0px),0) scale(var(--hero-scale,1));transform-origin:50% 60%;will-change:transform}
.hero-product figcaption{z-index:2;font-size:9px}
.product-experience{position:relative;padding:90px 5% 0;background:linear-gradient(180deg,#10101c00,#10101cef 18%,#10101cf5 85%,#10101c00)}
.experience-heading{max-width:1320px;margin:0 auto 70px;display:grid;grid-template-columns:1.35fr 1fr;column-gap:8%;align-items:end}
.experience-heading .eyebrow{grid-column:1/-1;margin-bottom:22px}
.experience-heading h2{font-size:clamp(46px,5.4vw,88px);line-height:1.05}
.experience-heading>p:last-child{font-size:15px;color:var(--muted);line-height:1.9;max-width:400px;padding-bottom:5px}
.product-tour{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);column-gap:6%;align-items:start}
.product-theatre{position:sticky;top:110px;height:min(76svh,780px);min-height:480px;display:flex;flex-direction:column;isolation:isolate}
.product-theatre::before{content:"";position:absolute;inset:15% -12% 4%;z-index:-1;background:radial-gradient(ellipse,#b6a4db0c,transparent 68%);pointer-events:none}
.theatre-topline,.theatre-bottomline{display:flex;justify-content:space-between;gap:16px;font:9px/1.7 'JetBrains Mono',monospace;letter-spacing:.1em;color:var(--muted)}
.theatre-topline{border-top:1px solid var(--rule);padding-top:16px}
#scene-index{color:var(--mint)}
.product-camera{position:relative;flex:1;min-height:0;overflow:hidden;margin-top:8px}
.product-camera>img,.product-camera>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.product-camera>video{opacity:0;transition:opacity .25s}
.product-camera>video[data-ready=true]{opacity:1}
.harmonic-ribbon{position:relative;left:auto;bottom:auto;width:100%;height:52px;flex:0 0 52px;margin:4px 0;pointer-events:none;opacity:.8}
.ribbon-components path{fill:none;stroke:var(--lilac);stroke-width:.7;opacity:.25}
.ribbon-sum{fill:none;stroke:var(--mint);stroke-width:1.3}
.theatre-bottomline{padding:15px 0;align-items:center;min-height:55px}
.theatre-bottomline>span:last-child{font-size:7px;max-width:210px;text-align:right;opacity:.65}
.scene-cue{color:var(--mint);font-size:11px;letter-spacing:.02em;min-height:1.7em}
.scene-cue::after{content:"_";opacity:.6}
.scene-navigation{display:flex;gap:30px;border-top:1px solid var(--rule);padding-top:15px;font-size:11px}
.scene-navigation a{color:var(--muted);padding:7px 0;position:relative}
.scene-navigation a span{font:9px 'JetBrains Mono',monospace;margin-right:8px;opacity:.6}
.scene-navigation a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.scene-navigation a[aria-current]{color:var(--mint)}
.scene-navigation a[aria-current]::after{transform:scaleX(1)}
.product-chapter{min-height:68svh;display:flex;flex-direction:column;justify-content:center;padding:85px 0;scroll-margin-top:180px;opacity:.38;transition:opacity .4s}
.product-chapter[data-active=true]{opacity:1}
.product-chapter h3{font-size:clamp(38px,3.9vw,64px);line-height:1.09;margin:21px 0 25px}
.product-chapter>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:410px;color:#ddd2e6}
.product-chapter>p.chapter-detail{font-size:12px;line-height:1.9;color:var(--muted);margin-top:22px}
.product-chapter .text-link{align-self:flex-start;margin-top:25px;font-size:11px}
.firmware-readout{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:28px;font:8px/1.8 'JetBrains Mono',monospace;color:var(--mint)}
.firmware-readout i{color:var(--lilac);font-style:normal}
/* The source screenshots stay complete; no capture-crop percentages. */
.capture-crop.expanded-crop,.capture-crop.compact-crop{aspect-ratio:auto;overflow:visible}
.capture-crop.expanded-crop img,.capture-crop.compact-crop img{position:static;width:100%;height:auto;max-width:100%;left:auto;top:auto}
.software-origin{position:relative;max-width:1320px;grid-template-columns:.6fr 1.6fr;column-gap:55px}
.software-caption>span{max-width:300px}
.software-origin img{border:0;box-shadow:none}
.software-compact{transform:translateY(var(--software-lift,0px));will-change:transform}
.foreshadowing>figure{position:relative;padding:75px 0 0 28px}
.archive-year{position:absolute;z-index:1;top:0;left:0;font:300 clamp(100px,12vw,175px)/1 Fraunces,serif;letter-spacing:-.09em;color:#ede4ef;text-shadow:0 3px 30px #10101c}
.foreshadowing img{position:relative}
.foreshadowing figcaption{font-size:10px;border-top:1px solid var(--rule);padding-top:12px}
.foreshadowing>div>.eyebrow{font-size:11px}
.discovery-story{grid-template-columns:1fr 1fr;column-gap:8%;row-gap:0}
.discovery-copy{display:contents}
.discovery-copy>p{grid-column:2}
.discovery-quote{grid-column:1;grid-row:1/5}
.closing-thought{grid-column:1/-1;margin:100px 0 25px;padding:0 0 0 7%;font:300 clamp(38px,4.9vw,75px)/1.16 Fraunces,serif;letter-spacing:-.045em;max-width:1160px;position:relative}
.closing-thought::before{content:"“";position:absolute;left:0;top:-.14em;color:var(--mint);font-size:1.8em}
.closing-thought>span{color:var(--muted)}
.signature{grid-column:1/-1;justify-self:end}
.conversion-premise{font-size:17px;max-width:780px}
.offer small{font-size:11px}
body[data-page-motion=paused] .hero-product>img,body[data-page-motion=paused] .software-compact{transform:none}
@media(min-width:1700px){.product-experience{padding-left:max(5%,calc((100vw - 1600px)/2));padding-right:max(5%,calc((100vw - 1600px)/2))}}
@media(max-width:1050px){.product-tour{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);column-gap:5%}.product-theatre{min-height:420px;height:65svh}.product-chapter h3{font-size:40px}.scene-navigation{gap:17px}.experience-heading{column-gap:5%}.experience-heading>p:last-child{font-size:13px}.product-chapter>p:not(.eyebrow){font-size:13px}}
@media(max-width:760px){
 .hero{min-height:0}.hero-product>img{transform:none}.hero-product figcaption{font-size:6px}
 .software-origin{display:block}.software-compact{transform:none}.archive-year{font-size:122px}.foreshadowing>figure{padding-top:65px;padding-left:16px}.foreshadowing{margin-top:65px}
 .discovery-copy{display:block}.closing-thought{margin:65px 0 15px;padding-left:9%;font-size:39px}.signature{display:block;text-align:right}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-chapter,.product-camera>video,.scene-navigation a::after{transition:none}.hero-product>img,.software-compact{transform:none}}

.harmonic-playground{padding:85px 7% 110px}.playground-heading{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;gap:20px 10%;align-items:end}.playground-heading>.eyebrow{grid-column:1/-1}.playground-heading h2{font-size:clamp(40px,4.6vw,70px)}.playground-heading>p:last-child{font-size:14px;color:var(--muted);max-width:310px;line-height:1.9}.harmonic-playground .lab-invitation{margin-top:45px}.harmonic-playground .sound-instrument{margin-left:auto;margin-right:auto}.harmonic-playground .lab-context{max-width:1120px;margin:20px auto 0}@media(max-width:760px){.harmonic-playground{padding:50px 6% 65px}.playground-heading{display:block}.playground-heading h2{font-size:39px;margin:17px 0}.playground-heading>p:last-child{font-size:13px}.harmonic-playground .lab-invitation{margin-top:30px}}

.technical-entry{display:flex;align-items:baseline;gap:18px;max-width:1320px;margin:-30px auto 45px!important;font-size:12px}.technical-entry span{font:8px 'JetBrains Mono',monospace;color:var(--muted)}.technical-entry b{font-size:15px;font-weight:400;color:var(--mint)}@media(max-width:760px){.technical-entry{display:flex;flex-wrap:wrap;gap:8px 12px;margin:-8px auto 32px!important;font-size:11px}.technical-entry span{font-size:7px}}

/* Touch: the three views share one native scroll region. The page margins remain free. */
.mobile-product-visual{display:none}
@media(max-width:900px),(hover:none) and (max-height:600px){
 .launch-exhibition #what-changed{--mint:#674b77;--lilac:#795b89;--muted:#65576b;--rule:#65576b35;--product-view-height:min(76svh,calc(100svh - 210px),740px);background:#dcd2c2;color:#302738;padding:42px var(--page-gutter) 35px}
 .launch-exhibition #what-changed .experience-heading{display:block;margin:0 0 24px}
 .launch-exhibition #what-changed .experience-heading>.eyebrow{margin-bottom:14px}
 .launch-exhibition #what-changed .experience-heading h2{font-size:clamp(33px,8.5vw,54px);line-height:1.12;color:inherit}
 .launch-exhibition #what-changed .experience-heading h2 em{color:#795b89}
 .launch-exhibition #what-changed .experience-summary{display:none}
 .launch-exhibition #what-changed .product-tour{display:block;max-width:650px;margin:0 auto}
 .launch-exhibition #what-changed .product-theatre{--mint:inherit;--lilac:inherit;--muted:inherit;--rule:inherit;display:contents}
 .launch-exhibition #what-changed :is(.product-camera,.theatre-topline,.harmonic-ribbon,.theatre-bottomline),.launch-exhibition #what-changed .product-theatre::before{display:none}
 .launch-exhibition #what-changed .scene-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;border-top:0;border-bottom:1px solid var(--rule)}
 .launch-exhibition #what-changed .scene-navigation a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 4px;font:15px Inter,Arial,sans-serif;color:var(--muted)}
 .launch-exhibition #what-changed .scene-navigation a span{display:none}
 .launch-exhibition #what-changed .scene-navigation a[aria-selected="true"]{color:#674b77}
 .launch-exhibition #what-changed .scene-navigation a::after{background:#674b77}
 .launch-exhibition #what-changed .product-chapters{height:var(--product-view-height);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#917a9d #cfc3c8;border:1px solid #7861834d;border-top:0;border-radius:0 0 6px 6px;position:relative;background:#dcd2c2;box-shadow:0 12px 28px #40304912}
 .launch-exhibition #what-changed .product-chapter{display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(var(--product-view-height) - 2px);opacity:1;padding:20px 18px 24px;scroll-margin-top:0;transition:none;color:#302738;background:#dcd2c2}
 .launch-exhibition #what-changed .product-chapter[data-scene="1"]{--mint:#d6c0ea;--lilac:#bea4d5;--muted:#c0b5cc;--rule:#b9a7cf40;background:#111724;color:#eee6f3}
 .launch-exhibition #what-changed .product-chapter[data-scene="2"]{background:#d0c5d3}
 .launch-exhibition #what-changed .product-chapter>.eyebrow{display:none}
 .launch-exhibition #what-changed .product-chapter h3{font-size:clamp(28px,7.7vw,40px);line-height:1.15;margin:18px 0 14px;color:inherit}
 .launch-exhibition #what-changed .product-chapter h3 em{color:var(--mint)}
 .launch-exhibition #what-changed .product-chapter>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:none;color:inherit}
 .launch-exhibition #what-changed .product-chapter .chapter-depth{margin-top:12px}
 .launch-exhibition #what-changed .firmware-readout{display:none}
 .launch-exhibition #what-changed .mobile-product-visual{display:block;order:-1;margin:0}
 .mobile-product-visual img{display:block;width:100%;height:auto;-webkit-user-drag:none;user-select:none;filter:drop-shadow(0 10px 12px #090d1c24)}
 .mobile-product-visual figcaption{margin-top:8px;font:11px/1.6 Inter,Arial,sans-serif;color:var(--muted)}
 .launch-exhibition #what-changed #chapter-firmware>.firmware-display-detail{order:-1;margin:0;max-width:none}
 .launch-exhibition #what-changed .technical-entry{display:flex;justify-content:space-between;max-width:650px;gap:12px;min-height:48px;margin:24px auto 0!important;font-size:16px;color:#674b77;border-color:#65576b35}
 .launch-exhibition #what-changed .technical-entry>span{display:none}
 .launch-exhibition #what-changed .technical-entry b{color:inherit}
}