/* Artist collection; album playback and typography inherit the existing immersive page. */
html:has(.m3portfolio){scrollbar-gutter:stable}
.m3portfolio{--m3p-panel:#ffffff0d;--m3p-line:#ffffff22;overflow-anchor:none}
.m3portfolio .m3p-hero{aspect-ratio:16/10;max-height:none}
.m3portfolio .m3p-hero>img,.m3portfolio .m3p-hero>video.m3a-motion{object-position:center 35%}
.m3portfolio .m3p-hero::after{background:linear-gradient(180deg,transparent 20%,var(--m3a-bg) 100%)}
.m3portfolio .m3p-intro{margin-top:-15%;padding-bottom:42px}
.m3portfolio h2.m3a-title{font-size:clamp(27px,5.2cqw,46px);line-height:1.25}
.m3portfolio .m3p-intro .m3a-meta{opacity:.82;font-size:12px;letter-spacing:.01em}
.m3portfolio .m3p-intro .m3a-actions{margin-top:22px}
.m3portfolio .m3p-body{padding:0 5% 40px}
.m3portfolio .m3p-group+.m3p-group{margin-top:42px}
.m3portfolio .m3a-list-head{margin-bottom:20px}
.m3portfolio .m3p-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:0 18px;margin-bottom:-24px}
.m3portfolio button.m3p-card{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;margin:0 0 24px;padding:0;background:none;text-align:left;color:inherit;border-radius:7px;line-height:1.6}
.m3portfolio .m3p-artwork{display:block;position:relative;aspect-ratio:1;background:#ffffff0a;border-radius:7px;overflow:hidden;box-shadow:0 4px 18px #00000017;outline:1px solid #ffffff12;outline-offset:-1px}
.m3portfolio .m3p-artwork img{display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;object-fit:cover;transition:filter .18s ease;pointer-events:none}
.m3portfolio .m3p-cover-fallback{display:grid;place-items:center;width:100%;aspect-ratio:1;background:#ffffff0a;color:#ffffff70;border-radius:7px;font-size:clamp(24px,5cqw,50px);line-height:1}
.m3portfolio .m3p-card:hover .m3p-artwork img{filter:brightness(1.09)}
.m3portfolio .m3p-card.is-active .m3p-artwork{outline:2px solid #ffffffc9;outline-offset:3px}
.m3portfolio .m3p-type{position:absolute;bottom:7px;left:7px;font-size:9px;line-height:1.5;background:#141a20a6;backdrop-filter:blur(8px);color:#fff;border-radius:4px;padding:2px 6px}
.m3portfolio .m3p-card>strong{font-size:12.5px;line-height:1.5;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;margin-top:8px;min-height:0}
.m3portfolio .m3p-card>time{font-size:11px;line-height:1.45;opacity:.8;margin-top:1px;font-variant-numeric:tabular-nums}
.m3portfolio .m3p-expansion{grid-column:1/-1;position:relative;isolation:isolate;min-width:0;min-height:0;margin:0;overflow:visible;border-radius:12px;background:var(--m3p-surface,var(--m3p-panel));border:0;box-shadow:inset 0 0 0 1px var(--m3p-line);scroll-margin-top:25px;transition:background-color .5s ease,box-shadow .5s ease}
.m3portfolio .m3p-clip{position:relative;height:100%;min-height:0;overflow:hidden;border-radius:inherit}
.m3portfolio .m3p-pointer{position:absolute;z-index:2;top:-12px;left:var(--m3p-arrow,50%);width:40px;height:14px;max-width:none;overflow:visible;transform:translateX(-50%);color:var(--m3p-surface,var(--m3a-bg));fill:currentColor;pointer-events:none;opacity:0;transition:left .28s cubic-bezier(.22,.7,.2,1),color .5s ease,opacity .18s ease}
@supports(color:color-mix(in srgb,black,white)){.m3portfolio .m3p-pointer{color:var(--m3p-surface,color-mix(in srgb,var(--m3a-bg),white 5.1%))}}
.m3portfolio .m3p-pointer .m3p-pointer-line{fill:none;stroke:var(--m3p-line);stroke-width:1;vector-effect:non-scaling-stroke}
.m3portfolio .m3p-expansion.is-pointing .m3p-pointer{opacity:1}
.m3portfolio [data-portfolio-close]{display:none!important}
.m3portfolio .m3p-panel{position:relative;z-index:1;min-width:0;padding:22px}
.m3portfolio .m3p-release-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0;margin-bottom:14px}
.m3portfolio .m3p-release-head h3{font-size:clamp(18px,2.4cqw,22px);font-weight:600;line-height:1.45;overflow-wrap:anywhere;letter-spacing:-.01em}
.m3portfolio .m3p-release-head .m3p-release-artist{min-width:0;max-width:100%;font-size:13px;line-height:1.5;opacity:.84;overflow-wrap:anywhere}
.m3portfolio .m3p-panel-grid{display:grid;grid-template-columns:minmax(130px,22%) minmax(0,1fr);gap:20px;align-items:start}
.m3portfolio .m3p-panel-art,.m3portfolio .m3p-panel-info{min-width:0}
.m3portfolio .m3p-panel-art>img{display:block;width:100%!important;height:auto!important;aspect-ratio:1;object-fit:cover;border-radius:7px!important;margin:0!important;box-shadow:0 8px 24px #0002}
.m3portfolio .m3p-release-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:11.5px;line-height:1.6;opacity:.84;font-variant-numeric:tabular-nums}
.m3portfolio .m3p-release-meta>span{font-size:11px;opacity:.9}
.m3portfolio p.m3p-copyright{font-size:11px;line-height:1.6;opacity:.78;margin:5px 0 13px;overflow-wrap:anywhere}
.m3portfolio .m3p-panel .m3a-tracks{columns:2;column-gap:22px;border-top:0}
.m3portfolio .m3p-panel .m3a-tracks>li{break-inside:avoid;border-color:#ffffff1f}
.m3portfolio .m3p-panel button.m3a-track{padding:10px 0;grid-template-columns:19px minmax(0,1fr) 33px;gap:7px;border-radius:3px;min-height:41px}
.m3portfolio .m3p-panel .m3a-track-name{font-size:12.5px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3portfolio .m3p-panel .m3a-track-info>small{display:none}
.m3portfolio .m3p-panel .m3a-number,.m3portfolio .m3p-panel .m3a-track-end{font-size:11px}
.m3portfolio .m3p-panel .m3a-track-end{width:33px;min-width:33px}
.m3portfolio .m3p-panel .m3a-disc h4{padding-top:15px}
/* This layer is created only for the article-level opt-in. It never changes geometry. */
.m3portfolio .m3p-ambient{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.m3portfolio .m3p-ambient::before,.m3portfolio .m3p-ambient::after{content:"";position:absolute;inset:-35%;animation-play-state:paused;pointer-events:none}
.m3portfolio .m3p-ambient::before{background:radial-gradient(ellipse at 24% 26%,var(--m3p-glow-a,#ffffff16),transparent 53%),radial-gradient(ellipse at 77% 74%,var(--m3p-glow-b,#ffffff0e),transparent 58%);transform:translate3d(-17%,-10%,0) scale(1.08);animation:m3p-drift 18s ease-in-out infinite alternate;animation-play-state:paused}
.m3portfolio .m3p-ambient::after{background:radial-gradient(ellipse at 64% 35%,var(--m3p-glow-a,#ffffff16),transparent 44%);opacity:.65;transform:translate3d(12%,9%,0) scale(1.04);animation:m3p-counter-drift 23s ease-in-out infinite alternate;animation-play-state:paused}
.m3portfolio .is-flowing .m3p-ambient::before,.m3portfolio .is-flowing .m3p-ambient::after{animation-play-state:running}
@keyframes m3p-drift{to{transform:translate3d(17%,12%,0) scale(1.16)}}
@keyframes m3p-counter-drift{to{transform:translate3d(-20%,-14%,0) scale(1.12);opacity:.9}}
@container(min-width:1100px){.m3portfolio .m3p-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@container(max-width:780px){.m3portfolio .m3p-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 15px;margin-bottom:-20px}.m3portfolio .m3p-card{margin-bottom:20px}.m3portfolio .m3p-panel .m3a-tracks{columns:1}.m3portfolio .m3p-panel-grid{gap:18px;grid-template-columns:minmax(110px,25%) minmax(0,1fr)}}
@container(max-width:520px){.m3portfolio .m3p-hero{aspect-ratio:1.25}.m3portfolio .m3p-intro{margin-top:-19%;padding-bottom:30px}.m3portfolio .m3p-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-bottom:-22px}.m3portfolio .m3p-card{margin-bottom:22px}.m3portfolio .m3p-body{padding:0 6% 30px}.m3portfolio .m3p-group+.m3p-group{margin-top:34px}.m3portfolio .m3p-card>strong{font-size:12.5px}.m3portfolio .m3p-panel{padding:16px}.m3portfolio .m3p-release-head{gap:3px 9px;margin-bottom:12px}.m3portfolio .m3p-release-head h3{font-size:17px}.m3portfolio .m3p-release-head .m3p-release-artist{font-size:12px}.m3portfolio .m3p-panel-grid{grid-template-columns:80px minmax(0,1fr);gap:12px 14px}.m3portfolio .m3p-panel-art{grid-column:1;grid-row:1}.m3portfolio .m3p-panel-info{display:contents}.m3portfolio .m3p-meta-stack{grid-column:2;grid-row:1;min-width:0;align-self:center}.m3portfolio .m3p-release-meta{font-size:11px;gap:2px 10px}.m3portfolio p.m3p-copyright{margin:5px 0 0}.m3portfolio .m3p-panel .m3a-disc{grid-column:1/-1}.m3portfolio .m3p-panel button.m3a-track{min-height:43px;grid-template-columns:22px minmax(0,1fr) 37px}.m3portfolio .m3p-panel .m3a-track-name{font-size:13px}.m3portfolio .m3p-panel .m3a-track-end{width:37px;min-width:37px}.m3portfolio .m3p-intro .m3a-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.m3portfolio *,.m3portfolio .m3p-ambient::before,.m3portfolio .m3p-ambient::after{animation:none!important;transition:none!important}}