.music-page{--shelf-gap:clamp(24px,3vw,64px);position:relative}.instrument{pointer-events:none;min-width:0}.instrument svg{width:100%;height:auto}html.motion-ok .instrument[data-motion=from-right]:not(.is-in):not(.is-static){opacity:0;transform:translate(35%)}html.motion-ok .instrument[data-motion=from-left]:not(.is-in):not(.is-static){opacity:0;transform:translate(-35%)}html.motion-ok .instrument[data-motion].is-in{transition:transform 1.2s var(--ease-out),opacity .8s var(--ease-out);transition-delay:var(--motion-delay,0s)}.music-head{position:relative;overflow-x:clip}@media (max-width:1023px){.instrument--gibson{z-index:0;aspect-ratio:2;grid-column:full;width:clamp(104px,32%,300px);position:absolute;top:28px;right:0;overflow:clip}.instrument--gibson svg{transform-origin:50%;width:250%;max-width:none;position:absolute;top:-12%;left:8%;transform:scaleX(-1)rotate(-10deg)}}@media (min-width:1024px){.music-head{padding-bottom:clamp(8px,2vw,32px)}.music-head>.plain{grid-area:2/3/auto/span 6}.music-head>h1{grid-row:1}.instrument--gibson{z-index:0;grid-area:1/9/span 2/full-end;align-self:center;position:relative}.instrument--gibson svg{transform-origin:0 60%;width:122%;max-width:none;transform:rotate(-14deg)}}.albums-band{row-gap:clamp(20px,2vw,32px);padding-top:clamp(16px,2.5vw,40px);overflow-x:clip}.albums{gap:clamp(40px,6vw,64px) var(--shelf-gap);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.album{flex-direction:column;min-width:0;display:flex}.album>.sleeve{order:-1}.sleeve{cursor:pointer;width:clamp(160px,80%,420px);font:inherit;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block;position:relative}.sleeve img{z-index:2;aspect-ratio:1;object-fit:cover;border:3px solid var(--ink);background:var(--paper-2);width:100%;height:auto;display:block;position:relative}.disc{z-index:1;aspect-ratio:1;background:radial-gradient(circle, var(--paper) 0 2.2%, transparent 2.2%), conic-gradient(from 20deg, transparent 0 40deg, lab(100% 0 0/.07) 60deg, transparent 85deg, transparent 200deg, lab(100% 0 0/.06) 225deg, transparent 250deg), radial-gradient(circle, lab(7.11912% 1.69804 -3.16595) 0 12%, var(--label,var(--red)) 12% 31%, lab(7.11912% 1.69804 -3.16595) 31% 33%, transparent 33%), repeating-radial-gradient(circle, lab(11.7258% 1.78965 -3.23343) 0 5px, lab(4.35966% 1.23793 -2.35725) 5px 10px);--out:44%;width:94%;transition:transform .6s var(--ease-out);border-radius:50%;position:absolute;top:3%;left:5%}.album:nth-child(4n+1) .disc{--label:var(--red)}.album:nth-child(4n+2) .disc{--label:var(--blue)}.album:nth-child(4n+3) .disc{--label:lab(67.7008% 9.57128 58.8412)}.album:nth-child(4n+4) .disc{--label:lab(48.8558% -32.7259 -9.80393)}.album.open .disc,.album.is-loaded .disc{transform:translateX(var(--out))}.album.is-loaded .disc{animation:7s linear infinite paused discspin}.album.is-playing .disc{animation-play-state:running}@keyframes discspin{0%{transform:translateX(var(--out)) rotate(0deg)}to{transform:translateX(var(--out)) rotate(360deg)}}.sleeve img{transition:border-color .2s var(--ease-out)}@media (hover:hover){.sleeve:hover img{border-color:var(--red-deep)}}.sleeve{scroll-margin-top:24px}@media (hover:none){.disc{transform:translate(8%)}}.album-title{margin:14px 0 0;font-size:1.45rem;line-height:1.25}.album.open .album-title{color:var(--red-deep)}.album .meta{color:var(--soft);margin:2px 0 0;font-size:1rem}.meta-part{white-space:nowrap}.meta-free{color:var(--ink);font-weight:700}.album-download-button[aria-disabled=true]{cursor:progress}.album-shelf{display:none}.trkpanel{margin-top:20px}.trkpanel[hidden],.trkpanel-name{display:none}.trkpanel-lead{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.album-download-status{color:var(--soft);margin:0;font-size:1rem}.album-download-status:empty{display:none}.album-note{color:var(--soft);max-width:34ch;margin:0;font-size:1rem}.trklist{margin:18px 0 0;padding:0;list-style:none}.trklist li{break-inside:avoid;grid-template-columns:48px minmax(0,1fr) auto 44px;align-items:center;gap:4px 14px;max-width:30rem;padding:4px 0;display:grid}.trklist .tname{align-items:baseline;gap:10px;min-width:0;display:flex}.trklist .tname:after{content:"";border-bottom:2px dotted lab(30.0435% 5.52389 -9.60957/.35);flex:auto;min-width:12px;transform:translateY(-4px)}.trklist .tname{font-size:1.05rem}.trklist li.is-current .tname{color:var(--red-deep);font-weight:700}.tplay{place-items:center;padding:0;display:inline-grid}.ticon{width:22px;height:22px;display:block}.ticon-play path{fill:currentColor;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round}.ticon-pause path,.ticon-download path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.ticon-pause path{stroke-width:3.2px}.ticon-download{width:26px;height:26px}.ticon-download path{stroke-width:2.3px}.track-download{width:44px;height:44px;color:var(--ink);transition:color .2s var(--ease-out);place-items:center;display:inline-grid}.track-download:hover{color:var(--red-deep)}@media (max-width:599px){.sleeve{width:clamp(160px,62%,300px)}}@media (hover:none) and (max-width:599px){.disc{--out:40%}}@media (min-width:600px) and (max-width:1023px){.albums{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.albums{grid-template-columns:repeat(var(--count,4),minmax(0,1fr));row-gap:0}.album{display:contents}.album>.sleeve{grid-column:var(--col);grid-row:1}.album>.album-title{grid-column:var(--col);grid-row:2}.album>.meta{grid-column:var(--col);grid-row:3}.album>.trkpanel{grid-area:4/1/auto/-1;grid-template-columns:repeat(var(--count,4),minmax(0,1fr));column-gap:var(--shelf-gap);align-items:start;margin-top:clamp(36px,4vw,64px);display:grid}.album>.trkpanel[hidden]{display:none}.trkpanel-lead{grid-column:1}.trklist{grid-column:2/-1;margin:0}.trkpanel-name{margin:0 0 6px;font-size:clamp(2.4rem,3vw,3rem);display:block}.album-shelf{width:calc(100% + var(--shelf-gap));height:24px;margin:0 calc(var(--shelf-gap) / -2) -18px;pointer-events:none;grid-area:1/1/auto/-1;align-self:end;display:block}.album>.album-title{margin-top:30px}}@media (min-width:1280px){.trklist{columns:2;column-gap:clamp(32px,4vw,72px)}}.albums-band>.section-comment{grid-row:2}.instrument--flute{display:none}@media (min-width:1024px){.albums-band>.section-comment{grid-column:wide-start/span 5;align-self:center}.instrument--flute{grid-area:2/7/auto/full-end;align-self:center;display:block}.instrument--flute svg{width:108%;max-width:none;transform:translate(12%)rotate(-5deg)}}.timeless-band{margin-top:var(--band-space);row-gap:clamp(24px,3vw,40px);overflow-x:clip}.timeless-band h2{margin:0}.timeless-video{min-width:0;margin:0}.timeless-video video{aspect-ratio:16/9;background:lab(4.35966% 1.23793 -2.35725);width:100%;height:auto;display:block}.timeless-text p{margin:0 0 16px}.timeless-text p:last-child{margin-bottom:0}.instrument--mic{display:none}@media (min-width:1024px){.timeless-band h2{grid-area:1/wide-start/auto/span 8}.timeless-video--lead{grid-area:2/wide-start/auto/span 7}.timeless-video--duet{grid-area:2/9/auto/wide-end;align-self:end}.timeless-text{grid-area:3/3/auto/span 6}.instrument--mic{grid-area:3/10/auto/full-end;place-self:start end;width:clamp(110px,50%,180px);display:block}.instrument--mic svg{transform:translate(24%)}}.originals-band{margin-top:var(--band-space);overflow-x:clip}.originals-head .plain{color:var(--soft);margin:0;font-size:1.1em}.videos{gap:clamp(28px,3vw,44px) var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));margin-top:clamp(24px,3vw,40px);display:grid}.video{flex-direction:column;grid-column:span 12;gap:10px;min-width:0;margin:0;display:flex}.video .frame{aspect-ratio:16/9;background:var(--ink);position:relative}.lite-yt,.lite-yt-frame{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.lite-yt img{object-fit:cover;width:100%;height:100%;display:block}.lite-yt-mark{width:clamp(52px,14%,80px);height:auto;position:absolute;bottom:clamp(10px,6%,24px);left:clamp(10px,4%,24px)}.lite-yt-mark circle{fill:lab(9.27783% 3.73223 -6.38096/.82);stroke:var(--on);stroke-width:3px;transition:fill .2s var(--ease-out)}.lite-yt-mark path{fill:var(--on)}:is(.lite-yt:hover .lite-yt-mark circle,.lite-yt:focus-visible .lite-yt-mark circle){fill:var(--red-deep)}.video figcaption{font-size:1.1rem;font-weight:700;line-height:1.35}.video figcaption small{color:var(--soft);font-size:1rem;font-weight:400;display:block}.originals-band>.section-comment{margin-top:clamp(28px,3vw,44px)}.instrument--keys{display:none}@media (min-width:640px){.video{grid-column:span 6}.video:first-child{grid-column:span 12}}@media (min-width:1024px){.video{grid-column:span 3}.video:first-child{grid-area:span 2/span 6}.video:first-child figcaption{font-size:1.25rem}.instrument--keys{grid-area:1/full-start/auto/4;align-self:center;display:block}.instrument--keys svg{width:130%;max-width:none;transform:translate(-30%)}.originals-head{grid-area:1/4/auto/wide-end}}