/* Update 43 — editorial About page. Scoped to preserve the existing store. */
#infoView:has(#aboutInfo:not([hidden])){width:min(1360px,calc(100% - 64px));padding:42px 0 0}
.about-masthead{margin:0 0 28px;overflow:hidden}
.about-masthead h1{font:900 clamp(78px,17.9vw,270px)/.86 Arial,Helvetica,sans-serif;letter-spacing:-.075em;margin:0 0 0 -.012em;color:#f2f2f2;transform:scaleX(1.08);transform-origin:left center}
.about-story{display:grid;grid-template-columns:1.04fr 1fr;gap:30px;align-items:stretch}
.about-portrait{margin:0;min-width:0;min-height:390px;position:relative;background:#111;overflow:hidden}
.about-portrait img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:37% center;filter:grayscale(1)}
.about-biography{min-width:0;padding:9px 0 0;display:flex;flex-direction:column}
.about-section-label{font:500 13px/1.4 Inter,Arial,sans-serif;letter-spacing:.26em;margin:0;color:#f0f0f0}
.about-biography>.about-section-label{display:flex;align-items:center;gap:22px;margin:0 0 24px}
.about-biography>.about-section-label:after{content:'';height:1px;flex:1;background:#303033}
.about-introduction{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:start;margin-bottom:17px}
.about-introduction>p{font-size:16px;line-height:1.6;letter-spacing:.01em;margin:0;color:#e2e2e4}
.about-song-count{padding:0 0 0 22px;border-left:1px solid #303033;display:flex;flex-direction:column;align-items:flex-start;gap:9px;white-space:nowrap}
.about-song-count strong{font:600 65px/.95 Oswald,'Arial Narrow',Arial,sans-serif;letter-spacing:-.035em;color:#f2f2f2}
.about-song-count span{font-size:9px;letter-spacing:.13em;color:#b6b6be}
.about-copy p{font-size:14px;line-height:1.7;letter-spacing:.005em;color:#b5b5bd;margin:0 0 14px}
.about-copy strong{font-weight:500;color:#e5e5e8}
.about-collaborators{margin-top:auto;padding-top:18px;border-top:1px solid #2d2d31;display:flex;align-items:baseline;gap:18px}
.about-collaborators>span{font-size:9px;letter-spacing:.13em;color:#b9b9c0}
.about-collaborators ul{display:flex;flex-wrap:wrap;gap:9px 0;margin:0;padding:0;list-style:none}
.about-collaborators li{font-size:10px;line-height:1.4;color:#c4c4ca;padding:0 10px;border-right:1px solid #39393e}
.about-collaborators li:first-child{padding-left:0}
.about-collaborators li:last-child{border:0;padding-right:0;color:#929299}
.about-portfolio{margin-top:26px;padding-top:22px;border-top:1px solid #2d2d31}
.about-portfolio-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.about-portfolio-heading>a{color:#c7c7cd;font-size:12px;text-decoration:none;padding:5px 0;border-bottom:1px solid #69696f;transition:color .18s,border-color .18s}
.about-portfolio-heading>a:hover{color:#fff;border-color:#fff}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.portfolio-work{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);align-items:center;gap:19px;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;border-radius:0}
.portfolio-work>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:filter .2s,transform .2s;filter:brightness(.88)}
.portfolio-work:hover>img{filter:brightness(1.08);transform:translateY(-3px)}
.portfolio-work-copy{display:flex;flex-direction:column;min-width:0}
.portfolio-work-copy>strong{font-size:15px;line-height:1.4;font-weight:500;color:#f2f2f4}
.portfolio-artist{font-size:11px;line-height:1.6;color:#9999a2;margin-top:6px}
.portfolio-streams{font-size:10px;line-height:1.5;color:#9a9aa3;margin-top:15px}
.portfolio-streams b{color:#d9d9df;font-size:12px;font-weight:500}
.portfolio-streams>span{display:block;font-size:9px;letter-spacing:.02em}
.portfolio-work:focus-visible{outline:2px solid #c7d5ec;outline-offset:7px}
html.portfolio-open{overflow:hidden;scrollbar-gutter:stable}
.portfolio-dialog{--pointer-x:50%;--pointer-y:50%;position:fixed;inset:0;margin:auto;width:min(550px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:36px 34px 30px;overflow:auto;overscroll-behavior:contain;border:1px solid #3a4559;border-radius:24px;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#142139 0%,#090d15 60%,#07090e 100%);color:#f3f4f7;box-shadow:0 32px 110px #000b,inset 0 0 0 1px #ffffff06;text-align:center}
.portfolio-dialog[open]{animation:portfolio-enter .2s ease-out}
.portfolio-dialog::backdrop{background:#000b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.portfolio-dialog-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #39445a;border-radius:11px;background:#111825;color:#e8edf6;font:300 27px/1 Arial,sans-serif;cursor:pointer}
.portfolio-dialog-close:hover{background:#202c42;border-color:#6688bc}
.portfolio-dialog>img{width:132px;height:132px;object-fit:cover;border:1px solid #66738855;border-radius:14px;box-shadow:0 16px 40px #0007;margin:0 auto 18px;display:block}
.portfolio-dialog h2{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:0 15px 8px;font-weight:700}
.portfolio-dialog-artist{color:#bbc0ca;font-size:13px;line-height:1.5;margin:0}
.portfolio-dialog-streams{color:#8993a4;font-size:11px;line-height:1.6;margin:9px 0 24px}
.portfolio-platforms{display:grid;gap:10px}
.portfolio-platforms a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:13px 16px;text-decoration:none;color:#e8edf6;border:1px solid #3a4963;border-radius:10px;background:#121b2a80;font-size:13px;font-weight:500;transition:background .18s,border-color .18s}
.portfolio-platforms a:hover{background:#26354d;border-color:#7a97c3;color:#fff}
.portfolio-dialog :focus-visible{outline:2px solid #a7c7f8;outline-offset:3px}
@keyframes portfolio-enter{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:1600px){.about-masthead h1{font-size:282px}.about-copy p{font-size:15px}.about-introduction>p{font-size:17px}.about-song-count strong{font-size:72px}}
@media(max-width:1150px){.about-story{grid-template-columns:.95fr 1fr;gap:24px}.about-introduction{gap:17px}.about-introduction>p{font-size:14px}.about-song-count{padding-left:16px}.about-song-count strong{font-size:54px}.about-song-count span{font-size:8px}.about-copy p{font-size:13px}.about-collaborators{display:block}.about-collaborators ul{margin-top:12px}.portfolio-grid{gap:22px}.portfolio-work{grid-template-columns:1fr;gap:14px}.portfolio-work>img{max-width:100%}.portfolio-work-copy>strong{font-size:16px}.portfolio-streams{margin-top:9px}}
@media(max-width:800px){#infoView:has(#aboutInfo:not([hidden])){width:calc(100% - 40px);padding-top:34px}.about-story{grid-template-columns:1fr;gap:25px}.about-masthead{margin-bottom:24px}.about-masthead h1{font-size:19vw}.about-portrait{min-height:0;aspect-ratio:1.65}.about-portrait img{object-position:center}.about-biography{padding:0}.about-introduction>p{font-size:16px;max-width:480px}.about-copy p{font-size:14px}.about-song-count strong{font-size:62px}.about-song-count span{font-size:9px}.about-collaborators{display:flex;padding-top:20px;margin-top:5px;gap:20px}.about-collaborators ul{margin-top:0}.about-portfolio{margin-top:30px}.portfolio-grid{gap:20px}.portfolio-work-copy>strong{font-size:14px}.portfolio-artist{font-size:10px}}
@media(max-width:540px){#infoView:has(#aboutInfo:not([hidden])){width:calc(100% - 32px);padding-top:28px}.about-masthead h1{font-size:18.6vw}.about-masthead{margin-bottom:23px}.about-portrait{aspect-ratio:1.38}.about-portrait img{object-position:35% center}.about-section-label{font-size:11px;letter-spacing:.23em}.about-biography>.about-section-label{margin-bottom:20px}.about-introduction{grid-template-columns:1fr auto;gap:15px;margin-bottom:17px}.about-introduction>p{font-size:14px;line-height:1.65}.about-song-count{padding-left:12px;gap:7px}.about-song-count strong{font-size:44px}.about-song-count span{font-size:7px;letter-spacing:.08em}.about-copy p{font-size:13px;line-height:1.8;margin-bottom:16px}.about-collaborators{display:block}.about-collaborators ul{margin-top:13px;row-gap:10px}.about-collaborators li{font-size:10px}.about-collaborators li:first-child{padding-left:0}.about-portfolio-heading{gap:12px;margin-bottom:22px}.about-portfolio-heading>a{font-size:10px}.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-work{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:21px;padding-bottom:20px;border-bottom:1px solid #232326}.portfolio-work:last-child{padding-bottom:0;border:0}.portfolio-work-copy>strong{font-size:15px}.portfolio-artist{font-size:11px}.portfolio-streams{margin-top:15px;font-size:10px}.portfolio-dialog{padding:30px 20px 24px;border-radius:19px}.portfolio-dialog>img{width:116px;height:116px;margin-bottom:17px}.portfolio-dialog h2{font-size:23px}.portfolio-dialog-close{top:12px;right:12px;width:38px;height:38px}.portfolio-platforms a{min-height:49px}}
@media(max-width:350px){.about-introduction>p{font-size:13px}.about-song-count strong{font-size:38px}.about-song-count span{font-size:6px}.portfolio-work{gap:15px}.portfolio-work-copy>strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.portfolio-work>img,.portfolio-platforms a,.about-portfolio-heading>a{transition:none}.portfolio-work:hover>img{transform:none}.portfolio-dialog[open]{animation:none}}