body:before{background-image:url('media/now-im-here-background.jpg')}
.temporary-blurb{font-size:10px;letter-spacing:.03em;color:#bcb0ca}

/* Sky-only background and transparent shading for this album study. */
.release>h1:before,.release>.eyebrow:before,.album-blurb:before,.player-studies:before{background:transparent}
.album-blurb,header{background:transparent}

body:before{background-position:center 65%}

/* Warm pale text and mountain-blue shading studies. */
body:before{background-position:center 58%}
body{--study-ink:#f2d6cc;--study-muted:#dbc2bb;--study-shade:transparent}
body[data-ink="rose"]{--study-ink:#f0d0d5;--study-muted:#d8bbc2}
body[data-ink="apricot"]{--study-ink:#f5ddc3;--study-muted:#ddc7b1}
body[data-ink="lavender"]{--study-ink:#e2d6f5;--study-muted:#bab0cb}
body[data-shade="hill"]{--study-shade:rgba(43,72,94,.78)}
body[data-shade="slate"]{--study-shade:rgba(41,57,72,.82)}
body[data-shade="deep"]{--study-shade:rgba(19,39,59,.82)}
.release #album-title,.release>.eyebrow,.album-blurb,.lyrics-study summary,.song-lyrics,.return{color:var(--study-ink)}
.lyrics-study>.eyebrow{color:var(--study-muted)}
.lyrics-study summary:before{color:var(--study-ink)}
.release>h1:before{background:radial-gradient(ellipse,var(--study-shade) 15%,var(--study-shade) 50%,transparent 75%)}
.release>.eyebrow:before{background:radial-gradient(ellipse,var(--study-shade),transparent 78%)}
.album-blurb:before{background:var(--study-shade)}
.player-studies:before{background:linear-gradient(90deg,transparent,var(--study-shade) 12%,var(--study-shade) 70%,transparent)}
.colour-controls{max-width:780px;margin:25px auto 20px;padding:12px 18px;background:#172c3dba;border:1px solid #ffffff25;border-radius:8px;text-align:left;color:#f2e7df;font:11px/1.5 Arial,sans-serif}.colour-controls>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:5px 0}.colour-controls span{width:52px}.colour-controls button{font:inherit;color:inherit;background:transparent;border:1px solid #ffffff40;border-radius:20px;padding:5px 10px;cursor:pointer}.colour-controls button[aria-pressed="true"]{background:#f2d6cc;color:#213747;border-color:#f2d6cc}.colour-controls button:focus-visible{outline:2px solid white;outline-offset:3px}

/* More saturated warm text studies; lighter title and blurb shading. */
body[data-ink="coral"]{--study-ink:#f3b6a6;--study-muted:#d9a69c}
body[data-ink="salmon"]{--study-ink:#f6a995;--study-muted:#d99b8c}
body[data-ink="pink"]{--study-ink:#f1a9b7;--study-muted:#d99aa8}
body[data-ink="tangerine"]{--study-ink:#f5bc91;--study-muted:#d9a680}
body[data-shade="hill"] .release>h1:before{background:radial-gradient(ellipse,rgba(43,72,94,.5) 15%,rgba(43,72,94,.5) 50%,transparent 75%)}
body[data-shade="hill"] .album-blurb:before{background:rgba(43,72,94,.45)}

/* One adjustable opacity across every shaded area. */
body{--shade-alpha:.4;--shade-rgb:43,72,94}
body[data-shade="hill"]{--shade-rgb:43,72,94}
body[data-shade="slate"]{--shade-rgb:41,57,72}
body[data-shade="deep"]{--shade-rgb:19,39,59}
body[data-shade] .release>h1:before,body[data-shade] .release>.eyebrow:before{background:radial-gradient(ellipse,rgba(var(--shade-rgb),var(--shade-alpha)) 15%,rgba(var(--shade-rgb),var(--shade-alpha)) 50%,transparent 78%)}
body[data-shade] .album-blurb:before{background:rgba(var(--shade-rgb),var(--shade-alpha))}
body[data-shade] .player-studies:before{background:linear-gradient(90deg,transparent,rgba(var(--shade-rgb),var(--shade-alpha)) 12%,rgba(var(--shade-rgb),var(--shade-alpha)) 70%,transparent)}
body[data-shade="none"] .release>h1:before,body[data-shade="none"] .release>.eyebrow:before,body[data-shade="none"] .album-blurb:before,body[data-shade="none"] .player-studies:before{background:transparent}
body[data-ink="nectar"]{--study-ink:#f4c39f;--study-muted:#dcb292}body[data-ink="melon"]{--study-ink:#f4c0ae;--study-muted:#dcad9d}body[data-ink="sand"]{--study-ink:#eed2af;--study-muted:#d4bb9e}
#shade-level{min-width:35px;text-align:center}

/* Equal feathering for artist label and album title. */
body[data-shade] .release>h1:before,body[data-shade] .release>.eyebrow:before{background:rgba(var(--shade-rgb),var(--shade-alpha));inset:-12px -18px;filter:blur(18px);border-radius:12px}
body[data-shade="none"] .release>h1:before,body[data-shade="none"] .release>.eyebrow:before{background:transparent}
body[data-font="1"] .release #album-title{font-family:"Avenir Next",Avenir,sans-serif;font-weight:400;}
body[data-font="2"] .release #album-title{font-family:"Avenir Next",Avenir,sans-serif;font-weight:300;}
body[data-font="3"] .release #album-title{font-family:"Helvetica Neue",Helvetica,sans-serif;font-weight:300;}
body[data-font="4"] .release #album-title{font-family:"Helvetica Neue",Helvetica,sans-serif;font-weight:400;}
body[data-font="5"] .release #album-title{font-family:"Gill Sans",sans-serif;font-weight:300;}
body[data-font="6"] .release #album-title{font-family:"Gill Sans",sans-serif;font-weight:400;}
body[data-font="7"] .release #album-title{font-family:Futura,sans-serif;font-weight:400;}
body[data-font="8"] .release #album-title{font-family:Optima,sans-serif;font-weight:400;}
body[data-font="9"] .release #album-title{font-family:"Trebuchet MS",sans-serif;font-weight:400;}
body[data-font="10"] .release #album-title{font-family:"Arial Narrow",Arial,sans-serif;font-weight:400;}

/* Extra central contrast for the blurb without altering its feathered edges. */
body[data-shade] .album-blurb:after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 8%;background:radial-gradient(ellipse,rgba(var(--shade-rgb),calc(var(--shade-alpha) * .65)) 0%,rgba(var(--shade-rgb),calc(var(--shade-alpha) * .35)) 45%,transparent 75%)}
body[data-shade="none"] .album-blurb:after{display:none}

/* Broader, softer blurb shading for a more gradual blend. */
body[data-shade] .album-blurb:before{inset:-38px -55px;filter:blur(30px);border-radius:35px}
body[data-shade] .album-blurb:after{inset:-18px -20px;filter:blur(10px)}

/* Compact top comparison controls; chosen Hill blue stays fixed. */
.colour-controls{position:relative;z-index:2;max-width:none;margin:0;padding:8px 5%;border-radius:0;border-width:0 0 1px;background:#172c3de8}.colour-controls>div{margin:3px 0}.colour-controls button{padding:4px 9px}
body[data-shade] .release>h1:before{inset:-5px 12%;filter:blur(16px);border-radius:20px}

.release>.colour-controls{max-width:900px;margin:0 auto 35px;padding:12px 18px;border:1px solid #ffffff25;border-radius:8px;text-align:left}

/* Bring the blurb's transparent transition further inward. */
body[data-shade] .album-blurb:before{background:radial-gradient(ellipse at center,rgba(var(--shade-rgb),var(--shade-alpha)) 20%,rgba(var(--shade-rgb),calc(var(--shade-alpha) * .7)) 50%,transparent 80%)}
body[data-shade] .album-blurb:after{background:radial-gradient(ellipse,rgba(var(--shade-rgb),calc(var(--shade-alpha) * .65)) 0%,rgba(var(--shade-rgb),calc(var(--shade-alpha) * .25)) 30%,transparent 65%)}
body[data-shade="none"] .album-blurb:before{background:transparent}

/* Bias the blurb shade toward its text, away from the portrait. */
body[data-shade] .album-blurb:before{left:-65px;right:100px;background-position:center}
body[data-shade] .album-blurb:after{left:-35px;right:140px}
@media(max-width:650px){body[data-shade] .album-blurb:before{left:-35px;right:-35px}body[data-shade] .album-blurb:after{left:0;right:0}}

/* Midpoint between the broad and more inward blurb fades. */
body[data-shade] .album-blurb:before{background:radial-gradient(ellipse at center,rgba(var(--shade-rgb),var(--shade-alpha)) 32%,rgba(var(--shade-rgb),calc(var(--shade-alpha) * .8)) 60%,transparent 90%);filter:blur(25px)}
body[data-shade] .album-blurb:after{background:radial-gradient(ellipse,rgba(var(--shade-rgb),calc(var(--shade-alpha) * .65)) 0%,rgba(var(--shade-rgb),calc(var(--shade-alpha) * .3)) 38%,transparent 70%)}
body[data-shade="none"] .album-blurb:before{background:transparent}

/* Clearer font comparisons and extra contrast behind lyrics. */
.font-choices{padding-top:10px;border-top:1px solid #ffffff25}.font-choices button{font-size:13px;padding:7px 11px}
.lyrics-study{position:relative;isolation:isolate}.lyrics-study:before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:-22px -30px;background:radial-gradient(ellipse,rgba(var(--shade-rgb),calc(var(--shade-alpha) * .45)) 20%,transparent 80%);filter:blur(14px)}
body[data-shade="none"] .lyrics-study:before{display:none}

/* Independent blurb font comparisons. */
body[data-blurb-font="1"] .album-blurb{font-family:"Avenir Next",Avenir,Arial,sans-serif;font-weight:400;}
body[data-blurb-font="2"] .album-blurb{font-family:"Avenir Next",Avenir,Arial,sans-serif;font-weight:300;}
body[data-blurb-font="3"] .album-blurb{font-family:"Gill Sans",Arial,sans-serif;font-weight:300;}
body[data-blurb-font="4"] .album-blurb{font-family:"Gill Sans",Arial,sans-serif;font-weight:400;}
body[data-blurb-font="5"] .album-blurb{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;}
body[data-blurb-font="6"] .album-blurb{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;}
body[data-blurb-font="7"] .album-blurb{font-family:Optima,Arial,sans-serif;font-weight:400;}
body[data-blurb-font="8"] .album-blurb{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:400;}

/* Text-font controls apply to blurb, lyric text and lyric headings. */
body[data-blurb-font="1"] .lyrics-study details:nth-of-type(n) .song-lyrics{font-family:"Avenir Next",Avenir,Arial,sans-serif;font-weight:400;}
body[data-blurb-font="1"] .lyrics-study summary{font-family:"Avenir Next",Avenir,Arial,sans-serif;font-weight:600;}
body[data-blurb-font="2"] .lyrics-study details:nth-of-type(n) .song-lyrics{font-family:"Avenir Next",Avenir,Arial,sans-serif;font-weight:300;}
body[data-blurb-font="2"] .lyrics-study summary{font-family:"Avenir Next",Avenir,Arial,sans-serif;font-weight:600;}
body[data-blurb-font="3"] .lyrics-study details:nth-of-type(n) .song-lyrics{font-family:"Gill Sans",Arial,sans-serif;font-weight:300;}
body[data-blurb-font="3"] .lyrics-study summary{font-family:"Gill Sans",Arial,sans-serif;font-weight:600;}
body[data-blurb-font="4"] .lyrics-study details:nth-of-type(n) .song-lyrics{font-family:"Gill Sans",Arial,sans-serif;font-weight:400;}
body[data-blurb-font="4"] .lyrics-study summary{font-family:"Gill Sans",Arial,sans-serif;font-weight:600;}
body[data-blurb-font="5"] .lyrics-study details:nth-of-type(n) .song-lyrics{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;}
body[data-blurb-font="5"] .lyrics-study summary{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;}
body[data-blurb-font="6"] .lyrics-study details:nth-of-type(n) .song-lyrics{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;}
body[data-blurb-font="6"] .lyrics-study summary{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;}
body[data-blurb-font="7"] .lyrics-study details:nth-of-type(n) .song-lyrics{font-family:Optima,Arial,sans-serif;font-weight:400;}
body[data-blurb-font="7"] .lyrics-study summary{font-family:Optima,Arial,sans-serif;font-weight:600;}
body[data-blurb-font="8"] .lyrics-study details:nth-of-type(n) .song-lyrics{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:400;}
body[data-blurb-font="8"] .lyrics-study summary{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:600;}

/* Slight brightness lift for the new portrait. */
.blurb-portrait{filter:brightness(.9);opacity:1}

/* Selected final palette and typography. */
body{--shade-alpha:.3}
header,header .wordmark,header .wordmark span,header nav a{color:var(--study-ink)}