@charset "utf-8";
/* introduction.php */
.intro {min-height:100lvh;padding-bottom:24vh;background:url("../img/introduction/introduction-bg.webp") no-repeat 85% bottom /60%, linear-gradient(to bottom, rgba(161, 233, 244, 0.2), #fff 15%)}
.intro #essay {position:relative;left:100%;margin:12vh 6vw 0}
.intro #essay p {text-indent:1rem;font-size:1.05rem;font-weight:500;color:#234A56;text-align:justify;text-justify:inter-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}
.intro a {font-weight:700;color:inherit;text-decoration:underline}
.intro a:hover {color:#D96D00}
.lettrine {font-size:1.5rem;line-height:1.05rem}
.intro .img img{max-width:500px;width:100%;height:auto;margin-bottom:0.3rem}
.intro #essay .musician-overlay p{font-size:0.8rem;padding-right:0.8rem;text-indent:unset;text-align:left}
/* programnotes.php */
#pgnotes-menu {margin:5vh 0 0 0;font-size:0.75rem;font-weight:700;width:fit-content;text-align:right}
#pgnotes-menu a {padding:5px 12px 5px 12px;display:block;border-radius:0 5px 5px 0;background:#e0eeef;color:#2e6272;text-decoration:none;border:1px groove #fff}
#pgnotes-menu a:hover {color:#ffffff;background:linear-gradient(to right,#e0eeef,#74b4c7 75%)}
#pgnotes-menu a.active {color:#ffffff;background:linear-gradient(to right,#e0eeef,#74b4c7 75%)}
.pgnotes {width:100%;min-height:100lvh;padding-bottom:15vh;background:url("../img/programnotes/programnotes-bg.webp") no-repeat right 95% / 66%, linear-gradient(to bottom, rgba(46, 98, 114, 0.01), #fff 25%);color:#1f414b}
.pgn-title {font-weight:700;font-variant:small-caps;font-size:1.1rem;text-align:center}
.pgn-quote {position:relative;left:100%;margin:0 2vw;padding:0 3vw;width:auto;height:100%;font-size:1rem;font-weight:500;text-align:justify;text-justify:inter-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}
.pgnotes a{color:inherit;font-weight:700;text-decoration:underline;white-space: nowrap}
.pgnotes a:hover{color:#D96D00}
.pgnotes .img img{max-width:1.3rem;width:100%;height:auto;border:1px groove rgba(254,254,254,1);border-radius:50%;margin: 0.5vw 0.5em 0.5em 0;vertical-align:middle}
.pgnotes #next{display:inline;border-radius:0.25em;vertical-align:middle;width:4rem;height:auto;padding:0.125em 0.33rem}
.pgnotes #next:hover{background:rgba(217, 109, 0, 0.5)}

/* introreview */
.review{position:relative;left:100%;min-height:100lvh;background: url("../img/introduction/intro-review-bg.webp") no-repeat 98% 0.2% / 14%, linear-gradient(to bottom, rgba(31, 65, 75, 0.1), rgba(255,255,255,0.2) 20%);margin:3vh 4vw 9vh 4vw;color:#1f414b;border:thin #fff;border-radius:0.33em}
.article p{text-align:justify;text-align:justify;text-justify:inter-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}
.none,.review a.next{display:none}