.home-hero-staff-line{stroke:var(--ink);stroke-width:1.5px}.home-hero-bar-thick{stroke:var(--ink);stroke-width:4px}.home-hero-clef{fill:none;stroke:var(--ink);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round}.home-hero-clef circle,.home-hero-accidental{fill:var(--ink);stroke:none}.home-hero-accidental-stroke{fill:none;stroke:var(--ink);stroke-width:1.8px}.home-hero-notehead,.home-hero-beam{fill:var(--ink)}.home-hero-stem{stroke:var(--ink);stroke-width:1.5px}.home-hero-note--root .home-hero-notehead{fill:var(--warn)}.home-hero-note--root .home-hero-stem{stroke:var(--warn)}
.home-hero{--hero-road-top-line:4.22%;padding-block:var(--home-space-6) var(--home-space-3);color:var(--ink);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"copy art""road road";align-items:end;display:grid;container-type:inline-size}.home-hero-copy{grid-area:copy;align-self:start;padding-block-end:calc(2 * var(--home-space-6))}.home-hero-title{margin:0 0 var(--home-space-4);font-size:var(--home-text-display);letter-spacing:-.02em;font-weight:700;line-height:1}.home-hero-title em{color:var(--warn);font-style:normal}.home-hero-lede{max-inline-size:34em;margin:0 0 var(--home-space-5);font-size:var(--home-text-lede);color:var(--muted);line-height:1.5}.home-hero-lede b{color:var(--ink);font-weight:600}.home-hero-actions{gap:var(--home-space-3);flex-wrap:wrap;display:flex}.home-hero-road,.home-hero-scene{display:contents}.home-hero-art{--hero-van-width:calc(var(--hero-van-share-wide) * 100cqi);--hero-sun-size:calc(var(--hero-van-width) * 1.12);block-size:calc(var(--hero-sun-size) + var(--home-space-5));grid-area:art;position:relative}.home-hero-sun{inline-size:var(--hero-sun-size);aspect-ratio:1;background:var(--highlight);box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:50%;position:absolute;inset-block-start:0;inset-inline-end:0;overflow:hidden}.home-hero-sun:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--ink) 13%, transparent) 1.1px, transparent 1.3px) 0 0 / 4px 4px;-webkit-mask-image:linear-gradient(transparent 62%, var(--ink) 62%);mask-image:linear-gradient(transparent 62%, var(--ink) 62%);position:absolute;inset:0}.home-hero-van-wrap{inline-size:var(--hero-van-width);z-index:1;position:absolute;inset-block-end:0;inset-inline-end:calc(var(--hero-van-share-end) * 100cqi)}.home-hero-van-wrap:after{content:"";background:color-mix(in srgb, var(--ink) 16%, transparent);z-index:-1;border-radius:50%;block-size:8px;position:absolute;inset-block-end:-4px;inset-inline:6%}.home-hero-van{block-size:auto;inline-size:100%;display:block;overflow:visible}.home-hero-van-button{display:block}.home-hero-van-tip{translate:0 calc(-1 * var(--home-space-1));background:var(--ink);inline-size:max-content;max-inline-size:min(16rem,80cqi);color:var(--ground);font-family:var(--mono);font-size:var(--home-text-label);letter-spacing:.08em;text-transform:uppercase;text-align:end;text-wrap:balance;opacity:0;transition:opacity var(--duration-quick) var(--ease-out);border-radius:4px;padding:.3rem .6rem;position:absolute;inset-block-end:100%;inset-inline-end:0}.home-hero-waves{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.home-hero-wave{fill:none;stroke:var(--ink);stroke-width:9px;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:100% 100%}.home-hero-van-button:is(:hover,:focus-visible) .home-hero-van-tip{opacity:1}.home-hero-van-button:is(:hover,:focus-visible) .home-hero-wave{opacity:.7;animation:home-hero-wave calc(var(--duration-slow) + var(--duration-base)) var(--ease-out) 2}.home-hero-van-button:is(:hover,:focus-visible) .home-hero-wave+.home-hero-wave{animation-delay:var(--duration-quick)}.home-hero-van-button:is(:hover,:focus-visible) .home-hero-wave+.home-hero-wave+.home-hero-wave{animation-delay:calc(var(--duration-quick) + var(--duration-quick))}.home-hero-staff{block-size:auto;inline-size:100%;grid-area:road;margin-block-start:calc(-1 * var(--hero-road-top-line));display:block;overflow:visible}.home-hero-lane-mask{mask-type:alpha}.home-hero-fade-clear,.home-hero-fade-solid{stop-color:var(--ink)}.home-hero-fade-clear{stop-opacity:0}.home-hero-fade-solid{stop-opacity:1}.home-hero-road{--hero-cruise-delay:calc(var(--duration-travel) + var(--duration-slow))}.home-hero-road:not([data-road=still]) .home-hero-van-wrap{animation:home-hero-drive var(--duration-travel) var(--ease-out) both}.home-hero-road:not([data-road=still]) .home-hero-van{animation:home-hero-rock var(--duration-travel) var(--ease-in-out) var(--hero-cruise-delay) infinite alternate}.home-hero-road:not([data-road=still]) .home-hero-note{transform-box:fill-box;transform-origin:50%;animation:home-hero-note-in var(--duration-base) var(--spring) both;animation-delay:calc(var(--duration-slow) + var(--hero-note-order) * var(--duration-quick))}.home-hero-road:not([data-road=still]) .home-hero-lane{animation:home-hero-cruise var(--duration-loop) linear var(--hero-cruise-delay) infinite}@keyframes home-hero-drive{0%{transform:translate(-100vw)}to{transform:none}}@keyframes home-hero-wave{0%{opacity:0;transform:scale(.6)}40%{opacity:.8}to{opacity:0;transform:none}}@keyframes home-hero-rock{to{transform:translateY(-2px)}}@keyframes home-hero-note-in{0%{opacity:0;transform:translateY(-12px)}}@keyframes home-hero-cruise{to{transform:translateX(calc(-1px * var(--hero-lane-period)))}}@media (max-width:640px){.home-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""art""road"}.home-hero-staff{margin-block-start:0}.home-hero-copy{padding-block-end:var(--home-space-4)}.home-hero-art{--hero-van-width:calc(var(--hero-van-share-narrow) * 100cqi)}.home-hero-actions{flex-direction:column;align-items:flex-start}}