:root{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;scroll-padding-top:var(--head-height,5rem);--header-margin:5%;@media(max-width:424px){--header-margin: 2%;}--text-color:#272726;--main-bg:ghostwhite;--header-bg:#75a7b8;--header-fg:white;--score-bg:aliceblue;--score-bg_odd:#e8f0ff;--score-fg:black}html{scroll-behavior:smooth}body{line-height:1.4rem;background-color:var(--main-bg);padding:0;margin:0}.container{width:min(100% - 2rem,70rem);margin-inline:auto}header,footer{background-color:var(--header-bg);color:var(--header-fg);font-size:1.1rem;width:calc(100% - 2 * var(--header-margin))}header{position:sticky;top:0;padding:1rem var(--header-margin).5rem;z-index:2}footer{display:flex;justify-content:space-between;margin-top:2rem;padding:.5rem var(--header-margin);@media(max-width:840px){flex-direction: column-reverse; align-items: center; gap: 0.75rem;}}.head{display:flex;flex-wrap:wrap;justify-content:space-between}h1{font-size:clamp(1.5rem,5vw,1.9rem);font-weight:500;letter-spacing:.5rem;margin-block:2px 4px}h2{color:var(--text-color);text-transform:uppercase;letter-spacing:.5rem;padding-top:2rem;padding-bottom:.5rem}.tagline{font-size:clamp(.9rem,3vw,1rem);font-weight:350;letter-spacing:.1em;padding-block:.5rem}#playlist{margin-top:2rem}.hlist{list-style-type:none;margin:0;padding:0;li{display:inline-block;&:not(:last-child){padding-inline-end:.5rem}}}.roles{padding-top:.5rem}.roles li{font-weight:400;font-style:italic;&:not(:last-child){padding-inline-end:.1rem;&::after{content:","}}}nav{padding-top:.5rem;margin-bottom:6px;a{padding-bottom:4px;&:hover{border-bottom:2px solid #fff}}}:is(nav,.socials) a{text-decoration:none;color:#fff}.byline{font-size:1.2rem;font-style:italic;p{padding-top:.8rem}}.copyright{font-style:italic}img{font-style:italic;width:100%;object-fit:cover;vertical-align:middle}.hero img{height:calc(100svh - var(--head-height))}.music-list{display:grid;gap:2rem .5rem;grid-template-columns:repeat(auto-fill,minmax(min(250px,25%),1fr))}.music{line-height:1.2rem;font-size:.8rem;.year{display:block}a{font-weight:700;color:var(--score-fg)}img{width:clamp(100px,100%,250px);height:auto}.artist{font-size:.9rem}.roles{padding-top:.3rem;li{font-weight:400}}}.score-list{display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.score{padding:.4rem 1.2rem;color:var(--score-fg);background-color:var(--score-bg);border:1px solid var(--header-bg);border-radius:7px;font-size:.9rem}.score:nth-child(even){background-color:var(--score-bg_odd)}.score a{font-weight:700;color:var(--score-fg)}.flex-line{display:flex;gap:1rem;justify-content:space-between}.year{font-weight:400;font-style:italic}.award{display:block;font-size:.8rem;font-style:italic;font-weight:600;line-height:1rem;color:#ba746e}.artist{display:block;font-weight:700}.publisher{font-weight:300}.about{text-align:justify;p{margin-bottom:1.5rem}figure{float:right;max-width:40%;margin-top:0;margin-right:0;padding-left:1rem;color:darkgrey;font-size:smaller;font-style:italic;text-align:right;@media(max-width:550px){font-size: 0.7rem; margin-left: 0.5rem; margin-bottom: 0.5rem;}}img{border-radius:7px}}.email{font-size:1rem}.icon{width:1.1rem;height:1.1rem;padding-right:.2rem;vertical-align:text-bottom}.notfound{height:84dvh}.err-txt{padding:5rem}.err-txt p{font-size:1.4rem}