@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--bg:#f6f5f1;--fg:#282d34;--ink:#282d34;--muted:#697079;--accent:#813b47;--gold:#813b47;--gold2:#813b47;--line:#49526229;--panel:#e9e9e4;--display:'Cormorant Garamond',Georgia,serif;--sans:Arial,sans-serif;--serif:var(--display)}html{background:var(--bg)}body.watercolor{min-height:100svh;background:var(--bg);color:var(--fg);font:14px/1.7 var(--sans)}button{color:inherit}body.watercolor button{border-radius:0}.wc-filter-defs{position:absolute;pointer-events:none}.wc-header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:25px;height:85px;padding:0 4vw;pointer-events:none}.wc-header>*{pointer-events:auto}.wc-header button{border:0;background:none;cursor:pointer}.wc-monogram{font:500 30px/.8 var(--display);letter-spacing:-.04em;display:flex;align-items:start;gap:3px;padding:10px 0}.wc-monogram span{font:10px/1 var(--sans);margin-top:2px}.wc-location{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#616771}.wc-header>div{display:flex;gap:20px}.wc-header>div button{width:28px;height:28px;font-size:15px}.wc-header>div button:first-child{font:400 15px/1 var(--display);border:1px solid #7776;border-radius:50%;width:22px;height:22px}.wc-home{position:relative;min-height:100svh;height:900px;max-height:max(900px,100svh);overflow:hidden;isolation:isolate}.watercolor-art{position:absolute;inset:0;background:url('assets/seraphino-watercolor.png') 66% center/cover no-repeat;z-index:-3;animation:paper-breath 24s ease-in-out infinite alternate;transform-origin:70% 40%}.watercolor-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f6f5f144,transparent 50%)}.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23999' filter='url(%23n)' opacity='.19' d='M0 0h220v220H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}.wc-fragment{border:0;background:none;padding:10px 0;text-align:left;cursor:pointer;position:relative;transition:color .4s,transform .5s}.wc-fragment>small{display:block;font:9px/1.6 var(--sans);letter-spacing:.06em;color:#626b74;opacity:0;transform:translateY(7px);transition:opacity .6s,transform .6s;margin-top:14px}.wc-fragment:hover,.wc-fragment:focus-visible{color:var(--accent);transform:translateY(-3px)}.wc-fragment:hover>small,.wc-fragment:focus-visible>small{opacity:1;transform:none}.wc-date{position:absolute;top:19%;left:8vw}.wc-date>span{font-size:10px;letter-spacing:.2em}.wc-title{position:absolute;top:32%;left:8vw;z-index:3}.wc-title>.wc-fragment>span{display:block;font:400 clamp(54px,7vw,112px)/.91 var(--display);letter-spacing:-.045em}.wc-title>.wc-fragment>span em{font-style:italic}.wc-title>.wc-not-difficult{display:block;margin-top:16px}.wc-title>.wc-not-difficult>span{font-size:clamp(28px,3vw,46px);font-style:italic}.wc-title>.wc-not-difficult>small{margin-top:8px}.wc-remark{position:absolute;bottom:17%;left:8vw}.wc-remark>span{font:italic 400 clamp(22px,2.4vw,36px)/1.2 var(--display)}.wc-small-evidence{position:absolute;right:5vw;bottom:10%;display:flex;gap:65px;z-index:4}.wc-small-evidence .wc-fragment>span{font:500 17px/1.2 var(--display);letter-spacing:.01em}.wc-small-evidence .wc-fragment small{font-size:8px}.wc-folio{position:absolute;left:4vw;bottom:35px;font:10px/1 var(--display);letter-spacing:.07em;color:#6b7178}.wc-folio span{margin:0 17px}.wc-portrait-clue{position:absolute;right:15%;top:26%;width:220px;height:300px;border:0;background:none;cursor:crosshair}.wc-portrait-clue>span{position:absolute;bottom:20px;left:0;font:italic 400 22px/1.3 var(--display);opacity:0;transition:opacity .5s;background:#f6f5f1cc;padding:8px 16px}.wc-portrait-clue:hover>span,.wc-portrait-clue:focus-visible>span{opacity:1}.wc-portrait-clue>i{position:absolute;left:20%;top:20%;width:5px;height:5px;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 5px #fff;opacity:.3;animation:clue-breath 5s ease-in-out infinite}.wc-home:after{content:'';position:absolute;left:4vw;top:28%;width:200px;height:340px;pointer-events:none;z-index:-1;opacity:.07;filter:url(#wet-edge);background:radial-gradient(ellipse,#3b5266 0%,transparent 70%);animation:ink-suspend 18s ease-in-out infinite alternate}#wc-help{position:fixed;right:4vw;top:78px;z-index:60;width:310px;padding:25px 28px;background:#f6f5f1f5;border:1px solid var(--line);box-shadow:0 10px 50px #3e485311;font-size:12px}#wc-help p:first-child{font:500 25px/1.1 var(--display)}#wc-help button{background:none;border:0;border-bottom:1px solid var(--line);padding:8px 0;color:var(--muted);font-size:10px}#wc-index{position:fixed;right:4vw;top:80px;z-index:65;background:#f6f5f1f5;backdrop-filter:blur(12px);width:min(470px,92vw);padding:30px;box-shadow:0 15px 70px #3e485322;border:1px solid var(--line)}#wc-index:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}#wc-index button,#wc-index a{font:400 25px/1.3 var(--display);text-align:left;text-decoration:none;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 0}.wc-pages{position:relative;min-height:100svh;padding-top:100px;isolation:isolate}.wc-pages[hidden]{display:none}.wc-page-image{position:absolute;right:0;top:0;width:60vw;height:100svh;background:url('assets/seraphino-watercolor.png') 80% center/cover;opacity:.12;z-index:-2;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 80%);filter:saturate(.3)}.wc-content>section{padding:50px 8vw 70px;max-width:1440px;margin:auto}.wc-content>section[hidden]{display:none}.wc-content h2{font-size:clamp(44px,6vw,86px);font-weight:400;letter-spacing:-.04em;max-width:1000px}.wc-content h3{font-weight:500;letter-spacing:-.035em;font-size:clamp(27px,3vw,42px)}.wc-content h4{font-size:32px;letter-spacing:-.03em;font-weight:500}.wc-content .eyebrow{color:#71777e;font-size:8px;letter-spacing:.18em}.wc-content .music-intro{gap:50px;margin-bottom:40px}.wc-content .album-grid{gap:40px}.wc-content .album-cover{mask-image:radial-gradient(ellipse 71% 70% at 50% 50%,#000 51%,transparent 72%);filter:url(#wet-edge)}.wc-content .album-cover img{transition:transform 1s}.wc-content .album-route{font-size:8px}.wc-content .album-copy p{font-size:12px}.wc-content .button{border-radius:0;font-family:var(--sans);font-size:10px;padding:11px 18px;border:1px solid #813b4744;transition:background .3s}.wc-content .button-primary{background:#813b47;color:#fff;border-color:#813b47}.wc-content .button:hover{transform:none;background:#4d2936;color:white}.context-listen-button{border:1px solid #813b4744}.wc-content .single-cover{mask-image:radial-gradient(ellipse 72% 71% at 50% 50%,#000 50%,transparent 72%);filter:url(#wet-edge)}.wc-content .listening-room{background:#e9e9e466;border:0;padding:30px}.wc-content .single-copy h4{margin-bottom:10px}.wc-content .single-card{gap:15px}.wc-content .timeline-date strong{font-family:var(--display);font-weight:400;letter-spacing:-.07em}.wc-content .chronicle-note blockquote{font-weight:400;font-style:italic;letter-spacing:-.025em}.wc-content .card-type{color:#813b47;font-size:9px}.wc-content .objection-list summary{font-family:var(--display);font-size:clamp(23px,3vw,35px);letter-spacing:-.025em}.wc-content .columns{font-size:14px;gap:50px}.wc-content .original-intro{padding:30px 0;margin-top:35px;border-top:1px solid var(--line);max-width:680px}.original-intro>p:first-child{font-size:9px;text-transform:uppercase;letter-spacing:.15em}.original-intro h3{font-size:36px}.original-intro>p{color:var(--muted)}.original-intro a{font-size:11px;text-underline-offset:4px}.original-intro aside{margin-top:30px}.original-intro aside>span,.original-intro aside>small{font-size:9px;color:var(--muted)}.original-intro aside>p{font:italic 400 25px/1.2 var(--display);margin:12px 0}.wc-page-trails{display:flex;flex-wrap:wrap;gap:15px 30px;padding:35px 8vw 50px;border-top:1px solid var(--line);max-width:1440px;margin:auto}.wc-page-trails button,.wc-page-trails a{border:0;background:none;font:10px/1.4 var(--sans);color:#626a75;text-decoration:none;padding:7px 0}.wc-page-trails button:first-child{margin-right:auto}.wc-page-trails button:hover{text-decoration:underline;text-underline-offset:5px}#paint-transition{position:fixed;inset:0;width:100%;height:100%;z-index:80;pointer-events:none;display:none}#paint-transition.active{display:block}body.painting{cursor:progress}body.painting .wc-home,body.painting .wc-pages{pointer-events:none}.wc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.watercolor dialog{border-radius:0;border:1px solid #78828d44;background:#f6f5f1;color:#282d34;box-shadow:0 20px 100px #272d3744}.watercolor dialog::backdrop{background:#e7e8e5b8;backdrop-filter:blur(12px)}.watercolor .listen-services a:hover{background:#813b47;color:white}.watercolor dialog h2{font-weight:400;letter-spacing:-.035em}.motion-paused *{animation-play-state:paused!important}@keyframes paper-breath{0%{transform:scale(1.01) translateX(0)}100%{transform:scale(1.04) translateX(-.7%)}}@keyframes ink-suspend{from{transform:translate(0,0) scale(.8)}to{transform:translate(30px,-20px) scale(1.1)}}@keyframes clue-breath{0%,100%{opacity:.08}50%{opacity:.55}}
@media(min-width:1600px){.wc-home{height:100svh}.watercolor-art{background-position:center}.wc-title{left:10vw}}
@media(max-width:900px){.wc-header{height:70px}.wc-home{height:100svh;min-height:800px;max-height:none}.watercolor-art{background-position:61% center}.wc-title{top:33%;left:7vw}.wc-title>.wc-fragment>span{font-size:70px}.wc-remark{bottom:18%;left:7vw}.wc-remark>span{font-size:25px}.wc-small-evidence{gap:30px;bottom:8%;right:7vw}.wc-small-evidence .wc-fragment>span{font-size:16px}.wc-portrait-clue{right:3%;top:25%;width:160px;height:290px}.wc-date{left:7vw;top:18%}.wc-content .album-grid{gap:35px}.wc-content .album-copy{padding:0}.wc-content .album-cover{mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 50%,transparent 72%)}.wc-content .music-intro{grid-template-columns:1fr;gap:5px}.wc-content .music-intro>p:last-child{max-width:600px}.wc-content .listening-room{grid-template-columns:1fr}.wc-content>section{padding-inline:7vw}.wc-page-trails{padding-inline:7vw}.wc-folio{bottom:25px}.wc-fragment>small{opacity:.6;transform:none;font-size:8px}.wc-title>.wc-fragment>small{opacity:0}.wc-title>.wc-fragment:hover>small,.wc-title>.wc-fragment:focus-visible>small{opacity:1}}
@media(max-width:600px){.wc-location{font-size:7px;letter-spacing:.1em}.wc-header{padding:0 22px}.wc-monogram{font-size:27px}.wc-header>div{gap:12px}.wc-home{height:100svh;min-height:780px}.watercolor-art{inset:0 -190px 0 -100px;background-position:69% center;opacity:.8;mask-image:linear-gradient(#000 0%,#000 72%,transparent 95%)}.watercolor-art:after{background:linear-gradient(90deg,#f6f5f1b5,transparent 82%)}.wc-title{top:34%;left:28px}.wc-title>.wc-fragment>span{font-size:clamp(47px,12vw,68px)}.wc-title>.wc-not-difficult>span{font-size:31px}.wc-title>.wc-not-difficult{margin-top:5px}.wc-date{top:18%;left:30px}.wc-date>span{font-size:8px}.wc-date small{max-width:130px;font-size:8px}.wc-remark{left:30px;bottom:21%;max-width:250px}.wc-remark>span{font-size:23px}.wc-small-evidence{left:30px;right:25px;bottom:9%;justify-content:space-between;gap:15px}.wc-small-evidence .wc-fragment>span{font-size:15px}.wc-small-evidence .wc-fragment>small{font-size:7px;max-width:140px;margin-top:10px}.wc-folio{left:22px;font-size:8px;bottom:22px}.wc-portrait-clue{top:26%;right:0;width:130px;height:240px}.wc-portrait-clue>span{font-size:17px;left:-15px;padding:8px}.wc-content>section{padding:35px 25px 50px}.wc-content h2{font-size:43px}.wc-content .album-grid{grid-template-columns:1fr}.wc-content .album-card{grid-template-columns:35% 1fr;gap:18px}.wc-content .album-copy h3{font-size:27px}.wc-content .album-route{font-size:7px}.wc-content .album-copy p{font-size:11px}.wc-content .single-card{grid-template-columns:33% 1fr;gap:18px}.wc-content .columns{gap:15px}.wc-content .chronicle-note{padding:25px 0}.wc-content blockquote{font-size:30px}.wc-page-trails{padding:25px;gap:12px 22px}.wc-page-trails button:first-child{width:100%;text-align:left}.wc-pages{padding-top:85px}.wc-page-image{width:100vw;opacity:.08}#wc-help{right:22px;top:65px;width:min(310px,88vw)}#wc-index{right:22px;top:65px;width:calc(100vw - 44px);padding:25px}.wc-content .card-grid{margin-top:35px}.wc-content .listening-room{padding:20px}.wc-content .listening-room iframe{width:100%}}
@media(prefers-reduced-motion:reduce){.watercolor-art,.wc-home:after,.wc-portrait-clue>i{animation:none!important}.wc-fragment,.wc-fragment small{transition:none}.wc-fragment>small{opacity:1;transform:none}}
.wc-home[hidden]{display:none}.wc-content>section[hidden]{display:none}.ink-reveal .wc-content>section:not([hidden])>h2,.ink-reveal .wc-content>section:not([hidden]) .music-intro,.ink-reveal .wc-content>section:not([hidden]) .chronicle-heading,.ink-reveal .wc-content>section:not([hidden]) .manifesto-inner,.ink-reveal .wc-content>section:not([hidden]) .objections-inner{animation:ink-resolve 1.4s ease both}.ink-reveal .album-card,.ink-reveal .single-card,.ink-reveal .timeline li,.ink-reveal .card{animation:ink-resolve 1.6s ease both}.ink-reveal .album-card:nth-child(2),.ink-reveal .timeline li:nth-child(2){animation-delay:.1s}.ink-reveal .album-card:nth-child(3),.ink-reveal .timeline li:nth-child(3){animation-delay:.2s}@keyframes ink-resolve{0%{opacity:.05;filter:blur(7px);transform:translateY(6px)}100%{opacity:1;filter:blur(0);transform:none}}@media(prefers-reduced-motion:reduce){.ink-reveal *{animation:none!important}}
.wc-header{background:linear-gradient(#f6f5f1d9,transparent)}.wc-header>div button{background:#f6f5f1b3}.wc-small-evidence .wc-fragment{background:radial-gradient(ellipse,#f6f5f1d9 0%,#f6f5f199 35%,transparent 75%);padding:12px 8px}.wc-remark{background:radial-gradient(ellipse,#f6f5f1bd,transparent 75%);padding-right:25px}
@media(max-width:900px){.watercolor-art:after{background:linear-gradient(90deg,#f6f5f1c9 0%,#f6f5f180 30%,transparent 75%)}.wc-title>.wc-not-difficult>span{font-size:38px}.wc-remark{bottom:20%}.wc-small-evidence{bottom:9%;right:6vw}.wc-small-evidence .wc-fragment>small{color:#434b54;opacity:.8}.wc-fragment:focus-visible{outline-color:#813b47}}
@media(max-width:600px){.wc-title>.wc-not-difficult>span{font-size:31px}.watercolor-art:after{background:linear-gradient(90deg,#f6f5f1df 0%,#f6f5f180 45%,transparent 100%)}.wc-remark{bottom:22%}.wc-small-evidence{left:22px;right:18px;bottom:9%}}
.wc-content>section{display:none}.wc-pages[data-page="music"] .wc-content>#music,.wc-pages[data-page="singles"] .wc-content>#singles,.wc-pages[data-page="about"] .wc-content>#about,.wc-pages[data-page="chronicle"] .wc-content>#chronicle,.wc-pages[data-page="objections"] .wc-content>#objections,.wc-pages[data-page="works"] .wc-content>#works{display:block}
/* Let the pigment field reveal a coherent composition, without a second blur/pop animation. */
.ink-reveal .wc-content>section:not([hidden])>h2,.ink-reveal .wc-content>section:not([hidden]) .music-intro,.ink-reveal .wc-content>section:not([hidden]) .chronicle-heading,.ink-reveal .wc-content>section:not([hidden]) .manifesto-inner,.ink-reveal .wc-content>section:not([hidden]) .objections-inner,.ink-reveal .album-card,.ink-reveal .single-card,.ink-reveal .timeline li,.ink-reveal .card{animation:none}
/* Listening choices emerge on the same painted paper as the discoveries. */
.watercolor .listen-dialog{width:min(740px,96vw);padding:24px;border:0;background:transparent;box-shadow:none;overflow:visible;max-height:94svh;isolation:isolate}
.watercolor .listen-dialog::backdrop{background:#edece7bd;backdrop-filter:blur(9px) saturate(.6);animation:listening-mist .65s ease both}
.watercolor .listen-dialog-panel{position:relative;isolation:isolate;padding:48px 45px 40px;max-height:calc(94svh - 48px);overflow-y:auto;background:none;border:0;box-shadow:none;scrollbar-width:thin}
.watercolor .listen-dialog-panel:before{content:'';position:absolute;inset:12px 10px;z-index:-2;pointer-events:none;background:#f6f5f1;filter:url(#wet-edge);box-shadow:0 12px 45px #4c566015}
.watercolor .listen-dialog-panel:after{content:'';position:absolute;inset:15px 0 0 36%;z-index:-1;pointer-events:none;background:url('assets/seraphino-watercolor.png') 76% 40%/cover;opacity:.065;mask-image:linear-gradient(90deg,transparent,#000 70%,transparent);filter:saturate(.4)}
.watercolor .listen-dialog[open] .listen-dialog-panel{animation:listening-paper .85s cubic-bezier(.2,.6,.2,1) both}
.watercolor .listen-dialog-close{right:22px;top:22px;width:32px;height:32px;font:300 27px/1 var(--display);color:#525c68;border:0;background:none;z-index:2}
.watercolor .listen-dialog .eyebrow{font:400 8px/1.5 var(--sans);letter-spacing:.19em;color:#717982;margin:0 35px 22px 0}
.watercolor .listen-dialog h2{font:400 clamp(35px,5vw,58px)/.98 var(--display);letter-spacing:-.035em;max-width:540px;margin:0 20px 20px 0;text-wrap:balance}
.watercolor .listen-dialog-copy{max-width:410px;font:400 12px/1.8 var(--sans);color:#717780;margin-bottom:30px}
.watercolor .listen-services{display:grid;grid-template-columns:1fr;gap:0;counter-reset:listening-service;border-bottom:1px solid #6d77852b}
.watercolor .listen-services a{position:relative;display:flex;align-items:center;gap:18px;padding:17px 3px;text-decoration:none;border:0;border-top:1px solid #6d77852b;background:none;color:#323941;font:400 25px/1.1 var(--display);letter-spacing:-.025em;transition:color .35s,padding .35s}
.watercolor .listen-services a:before{counter-increment:listening-service;content:'0' counter(listening-service);font:400 8px/1 var(--sans);letter-spacing:.06em;color:#858b92;width:20px;flex:none}
.watercolor .listen-services a b{margin-left:auto;font:400 19px/1 var(--display);color:#813b4799;transition:transform .35s}
.watercolor .listen-services a:hover,.watercolor .listen-services a:focus-visible{color:#813b47;background:none;padding-left:9px}
.watercolor .listen-services a:hover b{transform:translate(3px,-3px)}
.watercolor .listen-dialog[open] .listen-services a{animation:listening-resolve .7s ease both;animation-delay:.12s}
.watercolor .listen-dialog[open] .listen-services a:nth-child(2){animation-delay:.2s}.watercolor .listen-dialog[open] .listen-services a:nth-child(3){animation-delay:.28s}.watercolor .listen-dialog[open] .listen-services a:nth-child(4){animation-delay:.36s}
@keyframes listening-paper{from{opacity:0;filter:blur(5px);transform:translateY(7px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes listening-resolve{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@keyframes listening-mist{from{background:#edece700;backdrop-filter:blur(0)}to{background:#edece7bd;backdrop-filter:blur(9px) saturate(.6)}}
@media(max-width:600px){.watercolor .listen-dialog{padding:10px;width:98vw}.watercolor .listen-dialog-panel{padding:43px 30px 32px;max-height:calc(94svh - 20px)}.watercolor .listen-dialog h2{font-size:37px}.watercolor .listen-services a{font-size:25px;padding-block:16px}.watercolor .listen-dialog-close{top:18px;right:20px}}
.motion-paused .listen-dialog[open] .listen-dialog-panel,.motion-paused .listen-dialog[open] .listen-services a{animation:none}
@media(prefers-reduced-motion:reduce){.watercolor .listen-dialog[open] .listen-dialog-panel,.watercolor .listen-dialog[open] .listen-services a,.watercolor .listen-dialog::backdrop{animation:none}}
/* Preserve the established sixteen-day portrait cycle inside the painted composition. */
.watercolor-art{background-image:linear-gradient(90deg,#f6f5f1 0%,#f6f5f1b3 28%,#f6f5f122 56%,transparent 76%),var(--hero-image,url('assets/seraphino-watercolor.png'));background-blend-mode:normal;filter:saturate(.68) contrast(.96);mask-image:radial-gradient(ellipse 88% 92% at 77% 39%,#000 30%,#000b3 53%,transparent 79%)}
.wc-remark{max-width:min(570px,50vw)}.wc-remark>span{font-size:clamp(20px,2vw,30px);line-height:1.2;text-wrap:pretty}.wc-remark small{opacity:.65;transform:none}
@media(max-width:900px){.wc-remark{max-width:68vw;bottom:18%}.wc-remark>span{font-size:24px}.watercolor-art{background-position:66% center}}
@media(max-width:600px){.wc-remark{max-width:calc(100vw - 55px);bottom:21%;padding-right:15px}.wc-remark>span{font-size:21px}}
.watercolor-art{inset:0;background-position:66% center;mask-image:url('assets/daily-paint-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat;filter:saturate(.7) contrast(.94)}
.watercolor-art:after{background:linear-gradient(90deg,#f6f5f1 0%,#f6f5f18c 30%,transparent 65%)}
@media(max-width:900px){.watercolor-art{inset:0 -80px 0 -50px;background-position:67% center;mask-size:100% 100%}.watercolor-art:after{background:linear-gradient(90deg,#f6f5f1c0,#f6f5f155 40%,transparent 80%)}}
@media(max-width:600px){.watercolor-art{inset:0 -190px 0 -100px;background-position:69% center}.watercolor-art:after{background:linear-gradient(90deg,#f6f5f1df,#f6f5f180 45%,transparent)}}

/* Keep release artwork intact. Texture belongs at its edge, never across the image. */
.watercolor .wc-content .album-cover,.watercolor .wc-content .single-cover{filter:none;mask-image:linear-gradient(90deg,transparent,#000 1.4%,#000 98.6%,transparent),linear-gradient(0deg,transparent,#000 1.4%,#000 98.6%,transparent);mask-composite:intersect;border-radius:0;overflow:hidden}
.watercolor .wc-content .album-cover img,.watercolor .wc-content .single-cover img{filter:none;transform:none;transition:opacity .3s;aspect-ratio:1;object-fit:contain}
.watercolor .wc-content .album-cover:hover img,.watercolor .wc-content .single-cover:hover img{transform:none;filter:none;opacity:.94}

.watercolor .wc-content .album-cover,.watercolor .wc-content .single-cover{mask-image:url("assets/release-art-edge.svg");mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:add}

/* Dialog containers should not draw a browser focus box around painted paper. */
.watercolor .listen-dialog:focus,.watercolor .listen-dialog:focus-visible,.watercolor .dispatches-dialog:focus,.watercolor .dispatches-dialog:focus-visible{outline:none}
/* Explore one record at a time, with its own composition and pigment wash. */
.watercolor .wc-content .music-intro{margin-bottom:30px}.watercolor .wc-content .music-intro h2{font-size:clamp(46px,5vw,72px)}
.release-chooser{display:flex;gap:0;margin:0 0 25px;padding:0;border-block:1px solid var(--line)}
.release-chooser button{display:flex;align-items:baseline;gap:14px;flex:1;text-align:left;background:none;border:0;border-bottom:2px solid transparent;padding:17px 12px 16px 0;color:var(--muted);font:400 12px/1.5 var(--sans);cursor:pointer;transition:color .3s,border-color .3s}
.release-chooser button small{font-size:8px;color:#90949a}.release-chooser button[aria-pressed="true"]{border-bottom-color:#813b47;color:#813b47}.release-chooser button:hover{color:#813b47}
.watercolor .wc-content .album-grid.release-stage{display:block;max-width:none;position:relative}
.watercolor .wc-content .release-stage .album-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:8%;align-items:center;position:relative;isolation:isolate;padding:45px 0 65px;min-height:560px;--pigment:154,95,76}
.watercolor .wc-content .release-stage .album-card[hidden]{display:none}
.watercolor .wc-content .release-stage .album-card-moc{--pigment:113,84,147}.watercolor .wc-content .release-stage .album-card-aop{--pigment:161,127,63}
.watercolor .wc-content .release-stage .album-card:before{content:'';position:absolute;inset:-20px 38% -5px -55px;z-index:-1;pointer-events:none;opacity:.27;background:radial-gradient(ellipse 42% 40% at 43% 56%,rgba(var(--pigment),.65),transparent 96%),radial-gradient(ellipse 28% 33% at 68% 34%,rgba(var(--pigment),.5),transparent 95%),radial-gradient(ellipse 23% 20% at 22% 73%,rgba(var(--pigment),.65),transparent 95%);filter:url(#wet-edge);transform:rotate(-7deg);animation:record-wash 18s ease-in-out infinite alternate}
.watercolor .wc-content .release-stage .album-cover{width:100%;max-width:510px;justify-self:center;position:relative}
.watercolor .wc-content .release-stage .album-cover img{width:100%;height:auto;object-fit:contain;transform:none}
.watercolor .wc-content .release-stage .album-copy{padding:15px 0;position:relative}
.watercolor .wc-content .release-stage .album-route{font-size:8px;letter-spacing:.14em;min-height:0;max-width:320px;margin-bottom:30px;line-height:1.7}
.watercolor .wc-content .release-stage .album-copy h3{font-size:clamp(48px,6vw,86px);font-weight:400;line-height:.94;letter-spacing:-.045em;margin:0 0 30px;max-width:430px}
.watercolor .wc-content .release-stage .album-copy p{font:400 14px/1.85 var(--sans);max-width:420px;margin-bottom:30px}
.watercolor .wc-content .release-stage .album-notes-link{display:block;max-width:max-content;margin-top:20px;font-size:10px;padding-bottom:5px}
.watercolor .wc-content .listening-room{background:none;border-top:1px solid var(--line);padding:40px 0;margin-top:0}
/* New releases unfold as larger, staggered illustrated entries. */
.watercolor .wc-content .singles-grid{gap:65px}
.watercolor .wc-content .singles-group-released .single-card{display:flex;flex-direction:column;position:relative;isolation:isolate}
.watercolor .wc-content .singles-group-released .single-card:nth-child(2){padding-top:85px}
.watercolor .wc-content .singles-group-released .single-cover{width:83%;margin:0 auto 20px}
.watercolor .wc-content .singles-group-released .single-copy{padding:15px 5%;width:100%}
.watercolor .wc-content .singles-group-released .single-copy h4{font-size:clamp(37px,4.5vw,63px);font-weight:400;margin:10px 0 20px}
.watercolor .wc-content .singles-group-released .single-synopsis{font-size:13px;line-height:1.8}
.watercolor .wc-content .singles-group-released .single-card:before{content:'';position:absolute;inset:0 -10px 38%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 40% 35%,#b27c522b,transparent 66%),radial-gradient(ellipse at 66% 55%,#a27b5b1c,transparent 55%);filter:url(#wet-edge)}
.watercolor .wc-content .singles-group-released .single-card:nth-child(2):before{background:radial-gradient(ellipse at 60% 50%,#687c702b,transparent 68%)}
.watercolor .wc-content .singles-group-upcoming{margin-top:70px}.watercolor .wc-content .singles-group-upcoming .single-cover{max-width:87%;margin-inline:auto}
@keyframes record-wash{from{opacity:.2;transform:rotate(-7deg) translateY(0)}to{opacity:.32;transform:rotate(-4deg) translateY(8px)}}
@media(max-width:900px){.release-chooser button{font-size:10px;gap:8px}.watercolor .wc-content .release-stage .album-card{min-height:440px;gap:6%;padding:30px 0 45px}.watercolor .wc-content .release-stage .album-copy h3{font-size:53px}.watercolor .wc-content .release-stage .album-copy p{font-size:12px}.watercolor .wc-content .release-stage .album-route{margin-bottom:20px}.watercolor .wc-content .singles-grid{gap:35px}}
@media(max-width:600px){.release-chooser{display:grid;grid-template-columns:1fr}.release-chooser button{padding:10px 0;font-size:11px;border-bottom-width:1px}.release-chooser button small{width:18px}.watercolor .wc-content .release-stage .album-card{grid-template-columns:1fr;gap:30px;padding:25px 0 45px;min-height:0}.watercolor .wc-content .release-stage .album-cover{width:88%;max-width:400px}.watercolor .wc-content .release-stage .album-card:before{inset:0 -25px 40%}.watercolor .wc-content .release-stage .album-copy{padding:0 8px}.watercolor .wc-content .release-stage .album-copy h3{font-size:52px;margin-bottom:24px}.watercolor .wc-content .release-stage .album-copy p{font-size:13px}.watercolor .wc-content .listening-room{padding-top:30px}.watercolor .wc-content .singles-group-released .single-card:nth-child(2){padding-top:0}.watercolor .wc-content .singles-group-released .single-cover{width:88%}.watercolor .wc-content .singles-group-released .single-copy{padding-inline:8px}.watercolor .wc-content .singles-group-released .single-copy h4{font-size:43px}.watercolor .wc-content .singles-group-upcoming .single-card{display:block}.watercolor .wc-content .singles-group-upcoming .single-cover{max-width:80%;margin:0 auto 22px}.watercolor .wc-content .singles-group-upcoming .single-copy{padding:0 8px}}
@media(prefers-reduced-motion:reduce){.watercolor .wc-content .release-stage .album-card:before{animation:none}}

.watercolor .wc-pages{overflow-x:clip}.watercolor .wc-content .album-grid.release-stage{overflow:clip}

@media(max-width:600px){
 .watercolor .watercolor-art{inset:0;background-position:100% center;background-size:cover;opacity:.72}
 .watercolor .wc-header{height:76px;padding-inline:18px;gap:10px}
 .watercolor .wc-header>div{gap:2px;align-items:center}
 .watercolor .wc-header>div button,.watercolor .wc-header>div button:first-child{width:40px;height:40px;min-width:40px;border:0;background:#f6f5f155}
 .watercolor .wc-monogram{min-width:42px;min-height:44px;align-items:center}
 .watercolor .wc-location{font-size:6.5px;letter-spacing:.07em;text-align:center}
 .watercolor .release-chooser button{min-height:44px}
 .watercolor .wc-page-trails button,.watercolor .wc-page-trails a{min-height:44px;display:inline-flex;align-items:center}
 .watercolor .listen-dialog-close,.watercolor .dispatches-dialog-close{width:44px;height:44px;top:10px;right:13px}
 .watercolor .wc-title{max-width:calc(100vw - 48px)}
 .watercolor .wc-small-evidence .wc-fragment{min-height:44px}
 .watercolor .wc-help,.watercolor #wc-help{max-height:calc(100svh - 90px);overflow-y:auto}
 .watercolor #wc-index{max-height:calc(100svh - 90px);overflow-y:auto}
 .watercolor dialog{max-height:calc(100svh - 20px)}
}
@media(max-width:360px){
 .watercolor .wc-title>.wc-fragment>span{font-size:44px}
 .watercolor .wc-title>.wc-not-difficult>span{font-size:29px}
 .watercolor .wc-remark>span{font-size:20px}
 .watercolor .wc-small-evidence{gap:10px}
 .watercolor .wc-small-evidence .wc-fragment>span{font-size:14px}
 .watercolor .wc-content h2{font-size:38px}
 .watercolor .wc-content .release-stage .album-copy h3{font-size:46px}
 .watercolor .listen-dialog-panel{padding-inline:24px}
 .watercolor .listen-dialog h2{font-size:32px}
}

@media(max-width:600px){.watercolor .watercolor-art{background-position:90% center}}

@media(max-width:360px){.watercolor .listen-services a{font-size:22px;gap:12px;padding-block:13px}.watercolor .listen-services a:before{width:15px}}

/* Singles share a clear top edge, with compact art and controls close to the description. */
.watercolor .wc-content .singles-group-released .singles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.watercolor .wc-content .singles-group-released .single-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:23px;align-items:start;padding-top:0}
.watercolor .wc-content .singles-group-released .single-cover{width:100%;max-width:250px;margin:0;align-self:start}
.watercolor .wc-content .singles-group-released .single-copy{padding:0;width:auto;min-width:0}
.watercolor .wc-content .singles-group-released .single-copy h4{font-size:clamp(29px,3vw,43px);line-height:1;margin:10px 0 17px}
.watercolor .wc-content .singles-group-released .single-synopsis{font-size:12px;line-height:1.75;margin-bottom:13px}
.watercolor .wc-content .singles-group-released .single-actions{margin-top:15px}
.watercolor .wc-content .singles-group-released .single-date{font-size:10px}
.watercolor .wc-content .singles-group-released .single-card:before{inset:-25px 40% 12% -20px}
@media(max-width:1000px){.watercolor .wc-content .singles-group-released .singles-grid{grid-template-columns:1fr;gap:38px}.watercolor .wc-content .singles-group-released .single-card{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:28px}.watercolor .wc-content .singles-group-released .single-cover{max-width:280px}.watercolor .wc-content .singles-group-released .single-copy h4{font-size:40px}}
@media(max-width:600px){.watercolor .watercolor-art{background-size:auto 70%;background-position:80% 48%;background-repeat:no-repeat}.watercolor .wc-content .singles-group-released .single-card{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:17px}.watercolor .wc-content .singles-group-released .single-copy h4{font-size:30px}.watercolor .wc-content .singles-group-released .single-synopsis{font-size:11px;line-height:1.7}.watercolor .wc-content .singles-group-released .single-cover{width:100%}.watercolor .wc-content .singles-group-released .single-actions .button{font-size:9px;padding:10px 12px}}
@media(max-width:360px){.watercolor .wc-content .singles-group-released .single-card{grid-template-columns:minmax(0,.52fr) minmax(0,1fr);gap:14px}.watercolor .wc-content .singles-group-released .single-copy h4{font-size:27px}}

.watercolor .wc-content .singles-group-released .single-card:nth-child(2){padding-top:0}

@media(max-width:600px){.watercolor .watercolor-art{mask-image:url("assets/mobile-portrait-mask.svg");mask-size:100% 100%;opacity:.84}}

@media(max-width:600px){.watercolor .watercolor-art{background-size:100% 100%,var(--mobile-art-width,970px) var(--mobile-art-height,546px);background-position:0 0,var(--mobile-art-left,-500px) var(--mobile-art-top,110px);background-repeat:no-repeat}}