/* Shared Nocturne identity, adapted from the original landing-page source. */
@font-face{font-family:Satoshi;font-style:normal;font-weight:300 900;font-display:swap;src:url('assets/Satoshi-Variable.woff2') format('woff2')}
:root{--ink:#102c51;--muted:#647f9d;--paper:#fff;--gold:#397dc5;--line:#d9e4f1;--serif:Satoshi,'Segoe UI',Arial,sans-serif;--sans:Satoshi,'Segoe UI',Arial,sans-serif}
body{background:#fff;color:#102c51;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--sans);font-weight:650;letter-spacing:-.035em}a,button{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#71b7ff}.wrap{width:min(1180px,calc(100% - 100px))}.header.wrap{position:relative;z-index:20;max-width:none;width:100%;height:84px;min-height:84px;margin-bottom:-84px;padding:0 clamp(24px,4.8vw,76px);border:0;background:transparent;color:#f7faff}.nocturne-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font:650 23px/1 Satoshi,'Segoe UI',sans-serif;letter-spacing:.3em}.nocturne-wordmark>span{font:500 8px/1 Satoshi,'Segoe UI',sans-serif;letter-spacing:.23em;color:inherit;opacity:.75}.header nav{display:flex;align-items:center;gap:32px;font-size:14px}.header nav a{min-height:44px;display:inline-flex;align-items:center;gap:8px;color:#f4f7fc}.header nav a:hover{color:#c4e2ff}.composer-link{border-left:1px solid #d1e2ff55;padding-left:30px}.composer-link span{opacity:.65}.menu-toggle{display:none}.hero{position:relative;display:flex;align-items:center;isolation:isolate;width:100%;max-width:none;min-height:680px;height:clamp(680px,78svh,850px);margin:0;padding:115px clamp(24px,7vw,112px) 150px;overflow:hidden;background:#102c4d}.hero::before,.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none}.hero::before{background:linear-gradient(90deg,#102d4ff5 0%,#102d4fe2 28%,#102d4f82 52%,#10233d0a 82%),linear-gradient(180deg,#07182f48,transparent 46%)}.hero::after{background:linear-gradient(180deg,transparent 60%,#ffffff24 73%,#ffffffd9 91%,#fff 100%)}.hero-media{position:absolute;inset:0;z-index:0;background:#102c4d;overflow:hidden}.hero-media-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;filter:saturate(.8) contrast(1.02) brightness(1.18)}.hero-media-visual[hidden]{display:none}.hero-copy{position:relative;z-index:2;width:min(64%,710px);max-width:710px;padding:0;text-shadow:none}.hero .eyebrow{color:#c4dbf2;font-size:10px;letter-spacing:2.3px;margin-bottom:22px}.hero .eyebrow>span{background:#b8d8f9}.hero h1{margin:0 0 25px;font:650 clamp(46px,4.6vw,71px)/1.07 Satoshi,'Segoe UI',sans-serif;letter-spacing:-.045em;color:#f7faff}.hero .intro{max-width:560px;color:#e0eaf6;font:400 clamp(17px,1.7vw,23px)/1.45 Satoshi,'Segoe UI',sans-serif}.hero-actions{display:flex;align-items:center;gap:14px;margin:30px 0 0}.hero-actions .hero-primary,.hero-actions .hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:12px 26px;border-radius:8px;font:600 16px/1.35 Satoshi,'Segoe UI',sans-serif;box-shadow:none;transition:background .15s}.hero-actions .hero-primary{border:1px solid #f7faff;background:#f7faff;color:#0d2b51}.hero-actions .hero-primary:hover{background:#d9eafa;border-color:#d9eafa;transform:none}.hero-actions .hero-secondary{border:1px solid #f1f7ffbe;background:#0c284733;color:#f7faff}.hero-actions .hero-secondary:hover{background:#f4f8ff12;border-color:#fff}.hero-actions .play-small{width:auto;height:auto;border:0;font-size:15px;color:#f7faff}.hero-note{color:#d1deec;font-size:11px;max-width:540px}.hero-video-toggle{position:absolute;z-index:4;right:28px;bottom:24px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #deefffcc;border-radius:50%;background:#07182ca0;color:#f7faff}.hero-video-toggle[hidden]{display:none}.hero-video-toggle:hover{background:#143654}.hero-video-credit{position:absolute;left:clamp(24px,4.8vw,76px);bottom:15px;z-index:3;color:#355678;font-size:9px;text-decoration:none}.hero-video-credit:hover{text-decoration:underline}.pause-mark{width:10px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor}.play-mark{width:0;height:0;margin-left:2px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.quiet-strip{border:0;background:#fff}.quiet-strip .wrap{color:#647f9d;min-height:64px}.quiet-strip i{color:#397dc5}.section{padding:53px 0 72px}.section-heading{flex-direction:column;align-items:center;text-align:center;gap:13px;margin-bottom:34px}.section-heading h2{font-size:39px;font-weight:650;line-height:1.18;letter-spacing:-.035em;margin-top:12px}.section-heading>p{font-size:13px;color:#647f9d;max-width:none}.eyebrow{color:#7086a0;letter-spacing:1.7px}.featured-score{background:#fff;border-color:#d9e4f1;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #18355203}.preview-art{background:#f0f5fb}.preview-art img{transform:none;border:1px solid #dce5ef;box-shadow:0 8px 30px #1835520c}.preview-art>span{color:#496682}.badge{border-color:#c4d8ee;color:#397dc5;border-radius:4px;background:#f0f5fb}.price{font-family:Satoshi,sans-serif;font-size:29px;font-weight:600}.product-copy h3{font-size:43px;font-weight:650;line-height:1.14;letter-spacing:-.035em;margin:11px 0 20px}.product-copy .edition{color:#7086a0}.product-copy>p:not(.edition):not(.purchase-note):not(.audio-caption){font-size:14px;color:#647f9d;line-height:1.75}.specs{color:#496682;font-size:11px}.listen-label{color:#496682}.listen-label .dot{background:#397dc5}.audio-caption{color:#7086a0}.product-actions .button{background:#173e68;border-color:#173e68;border-radius:8px;font-size:13px;padding:13px 19px}.product-actions .button:hover{background:#245685}.sample-link{color:#1d69b2;font-weight:600;font-size:12px}.next-score{background:#f8fbff;border-color:#dbe5ef;border-radius:10px}.next-score h3{font-size:24px;font-weight:600}.next-number{color:#b4c8df;font:500 30px Satoshi,sans-serif}.next-meta>span:first-child{font-family:Satoshi,sans-serif;font-size:25px;font-weight:500}.pale{background:#f4f8fc;color:#7086a0;border-color:#dbe5ef}.collection{background:#f5f8fc;border-top:1px solid #e4ebf3;border-bottom:1px solid #e4ebf3;padding:72px 0}.book-cover{background:linear-gradient(145deg,#102c51,#214c79);border-left-color:#0a2240;border-radius:3px;transform:rotate(-3deg);box-shadow:12px 15px 0 #d2e0ee,20px 25px 40px #1835520c}.book-top{font-family:Satoshi,sans-serif;color:#d3e4f7;letter-spacing:3px}.cover-lines span{border-color:#81b6ef}.book-title{font-family:Satoshi,sans-serif;font-size:35px;font-weight:550;line-height:1.18;letter-spacing:-.035em}.book-title em{font-style:normal;font-weight:550}.book-cover>p{color:#c8dcf3}.collection-copy h2{font-size:48px;font-weight:650;letter-spacing:-.035em;line-height:1.15}.collection-copy .eyebrow{color:#7086a0}.collection-price{font-family:Satoshi,sans-serif;font-size:34px;font-weight:550}.collection-copy>p:not(.eyebrow):not(.small){font-size:14px;line-height:1.8}.about{padding-top:73px;padding-bottom:73px}.about h2{font-weight:650;font-size:42px;line-height:1.18}.faq{padding-top:54px;padding-bottom:67px}.faq h2{font-size:34px;font-weight:650;line-height:1.2}.faq-items summary{font-size:14px;font-weight:500}.faq-items summary::after{color:#397dc5}.faq-items p{font-size:13px}.footer{background:#fff;padding:28px 0 34px}.footer .nocturne-wordmark{font-family:Satoshi,sans-serif;font-size:18px;letter-spacing:.3em;color:#173655}.footer .nocturne-wordmark>span{font-size:7px}.footer>p,.footer>a:last-child{font-size:11px;color:#647f9d}dialog{border-radius:10px}dialog h3{font-size:26px;font-weight:650}
@media(min-width:1700px){.header.wrap,.hero{padding-inline:max(76px,calc((100vw - 1460px)/2))}}
@media(max-width:1100px){.hero-copy{width:73%}.hero h1{font-size:clamp(46px,5.4vw,61px)}.header nav{gap:24px}.collection-inner{gap:60px}.collection-copy h2{font-size:43px}}
@media(max-width:850px){.header.wrap{height:78px;min-height:78px;margin-bottom:-78px}.header .nocturne-wordmark{font-size:20px}.header nav{gap:20px;font-size:12px}.composer-link{padding-left:20px}.hero{height:auto;min-height:630px}.hero-copy{width:90%}.hero::before{background:linear-gradient(90deg,#102d4ff2,#102d4fd9 58%,#102d4f65)}.wrap{width:calc(100% - 48px)}.product-copy{padding:32px}.product-copy h3{font-size:37px}.collection-inner{gap:40px}.book-cover{margin-left:0;width:240px}}
@media(max-width:700px){.featured-score{grid-template-columns:1fr}.preview-art{max-height:350px;min-height:330px}.section-heading>p{margin-top:0}.section-heading h2{font-size:33px}.product-copy h3{font-size:38px}.product-copy{padding:28px}.next-score h3{font-size:23px}.collection-inner{grid-template-columns:1fr;gap:42px}.book-cover{margin:0 auto}.collection-copy h2{font-size:39px}.collection-price{font-size:30px}.about h2{font-size:34px}.faq{grid-template-columns:1fr;gap:28px}.faq h2{font-size:30px}.footer{flex-wrap:wrap}.footer>p{width:100%;order:3;font-size:10px}}
@media(max-width:600px){.header.wrap{padding-inline:22px}.header .nocturne-wordmark{font-size:18px;letter-spacing:.24em}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;padding:11px;border:1px solid #d9eafa75;border-radius:7px;background:#1436558c}.menu-toggle span{display:block;width:100%;height:2px;background:#f7faff}.header nav{position:absolute;display:none;top:78px;left:0;right:0;padding:10px 22px 18px;background:#102d4f;border-top:1px solid #ffffff20}.header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a,.header nav a:last-child{display:flex;min-height:48px;padding:10px 0;border:0;border-bottom:1px solid #ffffff20;font-size:14px}.hero{height:auto;min-height:650px;padding:120px 22px 145px;align-items:center;gap:0}.hero-copy{width:100%}.hero h1{margin-bottom:24px;font-size:clamp(34px,9.1vw,48px);line-height:1.09;letter-spacing:-.04em}.hero .intro{font-size:16px;line-height:1.55;max-width:380px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions .hero-primary,.hero-actions .hero-secondary{min-height:50px;padding:12px 18px;font-size:14px;gap:10px}.hero-media-visual{object-position:66% 50%}.hero::before{background:linear-gradient(90deg,#102d4feb,#102d4f8e)}.hero-video-toggle{right:22px;bottom:20px}.hero-video-credit{left:22px;bottom:22px;max-width:240px}.hero-note{font-size:10px;line-height:1.6;max-width:330px}.wrap{width:calc(100% - 44px)}.quiet-strip .wrap{gap:9px;font-size:8px;min-height:65px}.section{padding:36px 0 52px}.section-heading h2{font-size:29px}.section-heading>p{font-size:12px}.product-copy{padding:25px 22px}.product-copy h3{font-size:36px}.price{font-size:26px}.next-score{padding:23px 20px}.collection{padding:52px 0}.collection-copy h2{font-size:36px}.about{padding:56px 0}.about h2{font-size:31px}.faq{padding:42px 0 55px}.faq h2{font-size:29px}.footer .nocturne-wordmark{font-size:16px}.footer>a:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.hero-media,.hero::before,.hero::after{display:none}.hero{background:Canvas}.hero h1,.hero .intro,.hero-note,.header .nocturne-wordmark{color:CanvasText}.header nav a{color:LinkText}.hero-video-toggle{background:Canvas;color:ButtonText;border-color:ButtonText}}

/* A quieter storefront: one invitation, numbered arrangements, and the arranger's story. */
.hero-copy{max-width:760px;width:min(75%,760px)}
.hero h1{font-size:clamp(48px,5.1vw,78px);margin:0 0 24px;line-height:1.06}
.hero .intro{max-width:500px;font-size:20px;line-height:1.6}
.section-heading{align-items:flex-start;text-align:left;margin-bottom:34px}
.section-heading h2{margin:0;font-size:38px}
.featured-score{display:grid;grid-template-columns:54px minmax(0,1fr);gap:24px;border:0;border-radius:0;box-shadow:none;padding:0 0 42px;background:transparent;overflow:visible}
.score-number{font:400 30px/1.2 Satoshi,sans-serif;font-variant-numeric:tabular-nums;color:#9bb2cc;padding-top:5px}
.featured-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:start}
.product-copy{padding:0;min-width:0}
.product-top{align-items:flex-start;gap:20px;margin-bottom:20px}
.product-copy h3{font-size:38px;margin:0;line-height:1.16}
.price{font-size:25px;line-height:1.25;padding-top:5px}
.price small{display:block;text-align:right;margin-top:6px}
.product-copy>p:not(.audio-caption){max-width:420px}
.preview-art{min-height:0;height:360px;padding:22px 28px 40px;border-radius:0;background:#f7f9fc}
.preview-art img{width:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 5px 18px #1835520a}
.preview-art>span{bottom:12px}
.next-score{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:24px;align-items:start;margin:0;padding:31px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.next-score:last-child{border-bottom:1px solid var(--line)}
.next-score h3{margin:0 0 9px;font-size:25px;line-height:1.3;font-weight:550}
.next-score p{max-width:630px;color:var(--muted);font-size:13px;line-height:1.7}
.score-status{color:#7b8ea6;font-size:11px;line-height:1.6;padding-top:9px;white-space:nowrap}
.collection-copy h2{margin:0 0 22px;font-size:46px}
.collection-price{margin-top:20px}
.collection-copy>.collection-status{font-size:12px;color:#7b8ea6}
.about{max-width:760px;text-align:left;padding:88px 0}
.about h2{font-size:40px;margin:0 0 26px;line-height:1.2}
.about>p,.about>p:last-child{max-width:660px;margin:0;font-size:15px;color:var(--muted);line-height:1.9}
.about>p+p{margin-top:20px}
.footer-links{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:11px}
.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}
.background-control{border:0;border-radius:0;padding:0;min-height:44px;background:transparent;color:var(--muted);font:inherit}
.background-control:hover{text-decoration:underline;text-underline-offset:5px}
.background-control[hidden]{display:none}
.faq h2{margin-top:0}
@media(max-width:1100px){.featured-content{gap:35px}.product-copy h3{font-size:32px}.price{font-size:23px}}
@media(max-width:850px){.hero-copy{width:90%}.featured-score{grid-template-columns:40px minmax(0,1fr);gap:18px}.featured-content{grid-template-columns:1fr;gap:28px}.product-copy{padding:0}.product-copy h3{font-size:36px}.preview-art{width:100%;height:300px;max-height:none;min-height:0}.preview-art img{max-width:100%}.next-score{grid-template-columns:40px minmax(0,1fr);column-gap:18px;row-gap:8px}.score-status{grid-column:2;padding:0}.about h2{font-size:36px}.footer-links{gap:20px}}
@media(max-width:600px){.hero-copy{width:100%}.hero{min-height:570px;padding-top:135px;padding-bottom:135px}.hero h1{font-size:clamp(39px,10vw,57px);line-height:1.09}.hero .intro{font-size:16px;max-width:320px}.hero-actions{margin-top:27px}.section{padding-top:40px}.section-heading h2{font-size:30px}.featured-score{grid-template-columns:30px minmax(0,1fr);gap:16px;padding-bottom:30px}.score-number{font-size:24px}.product-top{flex-wrap:wrap;gap:14px}.product-copy h3{font-size:30px}.price{font-size:22px}.price small{display:inline;font-size:8px;margin-left:5px}.product-actions{gap:16px}.specs{margin-top:20px;margin-bottom:20px}.specs li{font-size:9px;padding-inline:8px}.next-score{grid-template-columns:30px minmax(0,1fr);column-gap:16px;padding:26px 0}.next-score h3{font-size:22px}.next-score p:not(.eyebrow){font-size:12px}.preview-art{height:260px;padding:18px 20px 36px}.collection-copy h2{font-size:34px}.about{padding-top:60px;padding-bottom:60px}.about h2{font-size:30px}.about>p,.about>p:last-child{font-size:14px;line-height:1.85}.footer-links{flex-wrap:wrap;gap:16px;font-size:10px}.background-control{min-height:44px}}

/* Center the invitation over the piano on every screen size. */
.hero{justify-content:center}
.hero .hero-copy{width:100%;max-width:760px;text-align:center;margin-inline:auto}
.hero .intro{margin-inline:auto}
.hero-actions{justify-content:center}
.hero::before{background:linear-gradient(180deg,#102d4fc9 0%,#102d4fa6 60%,#102d4f75 100%)}