/* One product introduction, with optional paths into the story and instrument. */
.launch-exhibition #instrument .product-opening{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);grid-template-areas:"meta meta" "copy product" "actions product";gap:25px 4%;align-content:center;align-items:center;min-height:730px;height:calc(100svh - 68px);max-height:1050px;padding:30px var(--page-gutter) 50px;background:radial-gradient(ellipse at 70% 72%,#3e344c40,transparent 64%)}
.opening-meta{grid-area:meta;display:flex;justify-content:space-between;gap:20px;font:12px/1.6 'JetBrains Mono',monospace;letter-spacing:.04em;color:#bdb3c8;position:relative;z-index:2}
.opening-copy{grid-area:copy;position:relative;z-index:2;align-self:end;padding-top:20px}
.opening-wordmark{width:210px;max-width:75%;height:auto;margin-bottom:25px}
.opening-copy h1{font-size:clamp(68px,6.8vw,118px);font-weight:300;line-height:1.02;letter-spacing:-.06em}
.opening-copy h1 em{color:#c9b4dc}
.opening-message{font-size:clamp(18px,1.6vw,24px);line-height:1.6;margin:28px 0 0;max-width:29ch;color:#e0d5e8}
.launch-exhibition #instrument .product-opening .hero-product{grid-area:product;position:relative;inset:auto;width:100%;height:auto;padding:0;max-width:100%;margin:0;align-self:center}
.launch-exhibition #instrument .product-opening .hero-product>img{display:block;position:relative;width:100%;height:auto;max-height:none;object-fit:contain;transform:none;user-select:none;-webkit-user-drag:none}
.launch-exhibition #instrument .product-opening .hero-product figcaption{position:relative;display:block;inset:auto;padding:0;margin:18px 0 0;text-align:center;font:12px/1.6 Inter,Arial,sans-serif;color:#b7a9c4}
.product-opening #hero-harmonics{display:none}
.product-opening .exhibition-ribbon{z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.opening-actions{grid-area:actions;align-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:18px 25px;position:relative;z-index:2;margin-top:15px}
.opening-actions a{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;font-size:16px}
.opening-actions .opening-register{padding:11px 18px;color:#171423;border:1px solid #d9c4e4;background:linear-gradient(120deg,#dfd4e9,#c9dfdf);border-radius:3px}
.opening-listen{color:#e0d4e8;border-bottom:1px solid #ad9cbe}
.opening-listen>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.opening-actions>p{width:100%;margin:0;font-size:13px;line-height:1.7;color:#bdb1ca}
.launch-exhibition .chapter-depth{margin-top:18px;max-width:42ch;color:var(--muted)}
.chapter-depth>summary{cursor:pointer;font:14px/1.7 Inter,Arial,sans-serif;min-height:44px;padding:10px 0;color:var(--mint)}
.chapter-depth>p{font:16px/1.8 Inter,Arial,sans-serif;margin:8px 0 0}
.launch-exhibition .product-experience>.technical-entry{margin:0 auto 45px!important;min-height:44px;font-size:16px}
.launch-exhibition .backstory>summary{display:none}
.backstory-body{min-width:0}
.conversion-dock{display:none}
.conversion-dock[hidden]{display:none}
@media(max-width:1100px) and (min-width:901px){.opening-actions{gap:15px}.opening-actions a{font-size:14px}.opening-copy h1{font-size:76px}.opening-wordmark{width:170px}}
@media(max-width:900px),(hover:none) and (max-height:600px){
 html{scroll-padding-bottom:100px}
 .launch-exhibition,.technical-page{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .launch-exhibition #instrument .product-opening{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "copy" "product" "actions";gap:16px;min-height:0;height:auto;max-height:none;padding:22px var(--page-gutter) 24px}
 .opening-meta{font-size:10px;line-height:1.7;letter-spacing:.035em}
 .opening-meta>span:last-child{display:none}
 .opening-copy{padding:0;align-self:auto}
 .opening-wordmark{display:none}
 .opening-copy h1{font-size:clamp(46px,12vw,72px);line-height:1.02}
 .opening-copy h1 br{display:none}
 .opening-copy h1 em{display:block}
 .opening-message{font-size:18px;line-height:1.6;margin-top:18px;max-width:100%}
 .opening-message br{display:none}
 .launch-exhibition #instrument .product-opening .hero-product{width:100%;max-width:580px;justify-self:center;margin:0}
 .launch-exhibition #instrument .product-opening .hero-product figcaption{font-size:11px;margin-top:7px}
 .product-opening .exhibition-ribbon{width:160%;max-width:none;left:-30%;height:100%;opacity:.45}
 .opening-actions{margin:0;gap:0}
 .opening-actions .opening-register,.opening-actions>p{display:none}
 .opening-actions .opening-listen{display:flex;justify-content:space-between;flex-direction:row-reverse;width:100%;font-size:16px;min-height:44px}
 .launch-exhibition #what-changed>.technical-entry{margin:25px auto 0!important}
 .launch-exhibition .chapter-depth{margin-top:12px}
 .chapter-depth>summary{font-size:15px}
 .chapter-depth>p{font-size:16px;line-height:1.8}
 .launch-exhibition .backstory>summary{display:flex;flex-direction:column;align-items:flex-start;gap:24px;position:relative;isolation:isolate;overflow:clip;cursor:pointer;list-style:none;padding:38px var(--page-gutter);background:#101420}
 .backstory>summary::-webkit-details-marker{display:none}
 .backstory>summary::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#111724b3,#11172450),url('/assets/exhibition/archive-environment.webp') 70% 60%/cover;opacity:.7}
 .backstory .story-preview-heading{font:300 clamp(32px,8vw,46px)/1.15 Fraunces,serif;letter-spacing:-.05em;color:#e8dfee}
 .story-preview-photo{width:100%;margin:0}
 .story-preview-photo img{display:block;aspect-ratio:1.5;object-fit:cover;object-position:50% 40%;width:100%;height:auto;border-radius:5px;border:1px solid #d7bde141}
 .story-preview-photo figcaption{font:11px/1.7 'JetBrains Mono',monospace;color:#c0afce;margin-top:10px}
 .story-preview-copy{font:17px/1.75 Inter,Arial,sans-serif;color:#d4c6dd;max-width:42ch}
 .story-toggle>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;flex-shrink:0}
 .story-preview-heading em{color:#cbb3e0}
 .story-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border-top:1px solid #cbb4df44;padding-top:15px;font:16px/1.5 Inter,Arial,sans-serif;color:#d9c2ec}
 .story-close-label{display:none}
 .backstory[open] .story-open-label,.backstory[open] :is(.story-preview-heading,.story-preview-photo,.story-preview-copy){display:none}
 .backstory[open] .story-close-label{display:inline}
 .backstory[open] .story-toggle>svg{transform:rotate(180deg)}
 .launch-exhibition .backstory[open]>summary{gap:10px;padding-block:22px}
 .backstory[open] .story-toggle{border:0;padding:0}
 .launch-exhibition.allow-arrivals .arrive[data-entered="false"]{opacity:1;transition:none}
 .harmonic-playground{padding:38px var(--page-gutter) 32px!important;background:#171623}
 .harmonic-playground .playground-heading{display:block}
 .harmonic-playground .playground-heading h2{font-size:clamp(32px,8vw,46px);line-height:1.15;margin:13px 0 0}
 .harmonic-playground .playground-heading>p:last-child{display:none}
 .conversion-dock{display:flex;align-items:center;justify-content:space-between;gap:15px;position:fixed;z-index:50;bottom:0;left:0;right:0;padding:10px max(18px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border-top:1px solid #c6afdb65;background:#0e111ef7;box-shadow:0 -10px 30px #06081122;backdrop-filter:blur(12px);color:#e7dfee}
 .conversion-dock>div{display:flex;flex-direction:column;gap:0;line-height:1.3}
 .conversion-dock>div>span{font-size:11px;color:#bdb3c9}
 .conversion-dock strong{font:300 27px/1.25 Fraunces,serif;letter-spacing:-.04em}
 .conversion-dock small{font:11px/1.5 Inter,Arial,sans-serif;letter-spacing:0;color:#bcb2c9;margin-left:5px}
 .conversion-dock>a{display:flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:10px 13px;font:14px/1.4 Inter,Arial,sans-serif;color:#1e1b2c;background:linear-gradient(120deg,#ded1e8,#cbdcde);border:1px solid #e8d6f2;border-radius:3px}
 .conversion-dock>a svg{width:18px;height:18px}
}
@media(min-width:601px) and (max-width:900px), (hover:none) and (min-width:601px) and (max-height:600px){
 .launch-exhibition #instrument .product-opening{grid-template-columns:1fr 1.1fr;grid-template-areas:"meta meta" "copy product" "actions product";gap:15px 3%;min-height:460px}
 .opening-copy h1{font-size:clamp(46px,7.7vw,66px)}
 .opening-message{font-size:17px}
 .opening-actions{align-self:start;margin-top:10px}
 .launch-exhibition .backstory>summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px 30px}
 .backstory>summary>.eyebrow{grid-column:1/-1}
 .story-preview-photo{grid-column:1;grid-row:2/5;align-self:start}
 .story-preview-heading{grid-column:2;grid-row:2}
 .story-preview-copy{grid-column:2;grid-row:3}
 .story-toggle{grid-column:2;grid-row:4}
 .launch-exhibition .backstory[open]>summary{display:flex}
}
@media(prefers-reduced-motion:reduce){.conversion-dock{backdrop-filter:none}}
@media(forced-colors:active){.opening-register,.conversion-dock>a{background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important}.conversion-dock{background:Canvas!important;color:CanvasText!important}}

/* Routes, media and inline drawers use different shapes and directional cues. */
.site-navigation a{display:flex;align-items:center;gap:7px}
.site-navigation .ui-arrow{width:15px;height:15px;flex-shrink:0}
.opening-actions .opening-listen{width:auto;flex-direction:row;justify-content:center;gap:12px;padding:10px 18px;border:1px solid #ad9cbe80;border-radius:999px;background:#192031b3;color:#e7dced}
.launch-exhibition .performance-actions #film-sound{padding:10px 18px;border:1px solid #ad9cbe80;border-radius:999px;background:#192031b3;color:#e7dced}
.media-icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.launch-exhibition .product-experience>.technical-entry{display:flex;justify-content:space-between;align-items:center;max-width:1320px;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;padding:17px 0;min-height:62px}
.technical-entry>b{margin-left:auto}
@media(max-width:420px){.site-navigation .ui-arrow{display:none}.site-navigation{gap:14px!important}}
@media(max-width:360px){
 .site-navigation a{font-size:12px}
 .conversion-dock{gap:10px}
 .conversion-dock>div>span{font-size:10px;white-space:nowrap}
 .conversion-dock strong{font-size:25px;white-space:nowrap}
 .conversion-dock small{font-size:9px}
 .conversion-dock>a{font-size:13px;gap:9px;padding-inline:10px;white-space:nowrap}
 .conversion-dock>a svg{width:16px;height:16px}
}