@layer quartz-base{.home-hero{text-align:center;padding:40px 0 64px;container-type:inline-size}@media (max-width:899px){.home-hero{padding:8px 0 40px}}.hero-title{position:relative}.hero-headline{--s:8px;--pad:calc(9.5 * var(--s));--hero-base:.45s;--hero-step:90ms;padding:var(--pad) 0 0;font-family:var(--headerFont);letter-spacing:-.02em;color:var(--dark);white-space:nowrap;border:none;margin:0;font-size:clamp(2.25rem,11.6279cqi,4.75rem);font-weight:900;line-height:1.1;position:relative}@container (max-width:559px){.hero-headline{--s:6.5px}}.hl{display:inline-block}.hero-bl{width:0;height:0;display:inline-block}.hero-sax{width:calc(1.1em * var(--sax-k) * var(--sax-ar));height:calc(1.1em * var(--sax-k));margin-block:calc(.55em * (1 - var(--sax-k)));margin-left:.3em;margin-right:calc(-1 * (.3em + 1.1em * var(--sax-k) * var(--sax-ar)));vertical-align:-.2em;display:inline-block;position:relative}.hero-sax canvas{width:100%;height:100%;display:block}.hero-score{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.hero-score text{fill:var(--dark);font-family:Noto Music,serif}.hero-score .ln{stroke:var(--gray);stroke-width:1px;opacity:.35}.hero-score .ng{opacity:.45}.hero-score .clef,.hero-score .ks,.hero-score .bar,.hero-score .fb{opacity:.4}.hero-score .fb .bar{opacity:1}.hero-score .hd,.hero-score .bm,.hero-score .dot,.hero-score .acc{fill:var(--secondary)}.hero-score .hv{fill:var(--light);stroke:var(--secondary);stroke-width:1.6px}.hero-score .stem{stroke:var(--secondary);stroke-width:1.3px}.hero-score .led{stroke:var(--dark);stroke-width:1.1px}.hero-score .bar{stroke:var(--dark);stroke-width:1px}.hero-score .barT{stroke:var(--dark);stroke-width:3px}.hero-author{font-family:var(--headerFont);color:var(--darkgray);margin:14px 0 0;font-size:1.05rem;font-weight:700}@media (max-width:800px){.hero-author{margin-top:10px;font-size:1rem}}.hero-description{max-width:29em;font-family:var(--headerFont);color:var(--darkgray);word-break:keep-all;margin:22px auto 0;font-size:17px;line-height:1.85}@media (max-width:800px){.hero-description{margin-top:18px;font-size:16px;line-height:1.8}}.hero-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:24px 0 0;display:flex}.hero-links a{box-sizing:border-box;background:color-mix(in srgb, var(--accent-action) 9%, var(--light));min-height:40px;color:var(--accent-action);font-family:var(--headerFont);transition:background-color var(--dur-fast) var(--ease);border-radius:10px;align-items:center;padding:0 16px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.hero-links a:hover{background:color-mix(in srgb, var(--accent-action) 14%, var(--light));color:color-mix(in srgb, var(--accent-action) 65%, var(--dark))}@media (max-width:800px){.hero-links a{min-height:44px}.hero-links{margin-top:16px}}.hero-meta{font-family:var(--codeFont);letter-spacing:.02em;color:var(--gray);font-variant-numeric:tabular-nums;margin:12px 0 0;font-size:12px}@media (max-width:800px){.hero-meta{margin-top:4px;font-size:11.5px}}.hero-num{min-width:1ch;display:inline-block}.hero-num-total{text-align:right;min-width:3ch}@media (prefers-reduced-motion:no-preference){:root[data-hero-js]:not([data-hero-swept]) .hero-headline:not(.hero-ready) .hl,:root[data-hero-js]:not([data-hero-swept]) .hero-headline:not(.hero-ready) .hero-sax canvas,:root[data-hero-js]:not([data-hero-swept]) .hero-title:not(.hero-ready) .hero-score{visibility:hidden;animation:0s 2.5s forwards hero-failsafe}:root:not([data-hero-swept]) .hero-title.hero-ready .hero-score .ln{transform-box:fill-box;transform-origin:0;animation:hero-staff .5s var(--ease-settle,cubic-bezier(.32, .72, 0, 1)) both;animation-delay:calc(var(--k) * 50ms)}:root:not([data-hero-swept]) .hero-title.hero-ready .hero-score .pop{animation:hero-score-in .24s var(--ease-settle,cubic-bezier(.32, .72, 0, 1)) both;animation-delay:var(--d)}:root:not([data-hero-swept]) .hero-headline.hero-ready .hl,:root:not([data-hero-swept]) .hero-headline.hero-ready .hero-sax canvas{animation:hero-pop-up .24s var(--ease-settle,cubic-bezier(.32, .72, 0, 1)) both;animation-delay:calc(var(--hero-base) + var(--i) * var(--hero-step))}}@keyframes hero-staff{0%{transform:scaleX(0)}to{transform:none}}@keyframes hero-pop-up{0%{visibility:hidden;transform:translateY(8px)}1%{visibility:visible}to{visibility:visible;transform:none}}@keyframes hero-score-in{0%{visibility:hidden;transform:translateY(-8px)}1%{visibility:visible}to{visibility:visible;transform:none}}@keyframes hero-failsafe{to{visibility:visible}}}