:root {
   --image-width: calc(var(--context-width) - 6vw);
}

#main-context > .inner {
   max-width: var(--context-width);
   margin: 0 auto;
   padding: 3vw 3vw;
}


section.intro article .title > h2,
section.artist .title > h2 {
   font-weight: 300;
   margin: 0;
   padding: 0;
   line-height: 8vw;
}

section.intro article:lang(en) .title > h2 {
   font-weight: 100 !important;
}
section.intro article .title {
   display: block;
   padding-bottom: 3vw;
   margin-bottom: 3vw;
   font-size: 4.3vw;
}

article {
   font-size: 3.9vw;
   line-height: 7vw;
}

article > label {
   padding-bottom: 4vw;
   font-size: 4.5vw;
   line-height: 5vw;
   display: block;
   font-weight: 600;
}
article p {
   margin-top: 0;
}
article:lang(en) p {
   text-align: justify !important;
}


section.intro,
section.artist {
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   position: relative;
}

section.intro {
   padding: 3vw 0 2vw 0;
   margin-bottom: 8vw;
}

section.intro::after {
   content: '';
   position: absolute;
   height: 1px;
   width: 100%;
   left: 0;
   bottom: 0;
   background-color: var(--hover-color);
}

section.intro > article {
   margin-bottom: 3.5vw;
}

article:lang(tc) {
   -webkit-order: 0;
   -ms-flex-order: 0;
   order: 0;
}

article:lang(en) {
   -webkit-order: 2;
   -ms-flex-order: 2;
   order: 2;
}

.spacer {
   -webkit-order: 1;
   -ms-flex-order: 1;
   order: 1;
}

section.intro .spacer {
   display: block;
   padding: 4vw 0;
}
section.artist {
   padding-bottom: 3vw;
   margin-bottom: 8vw;
}
section.artist:last-child {
   margin-bottom: 0;
}
section.artist::after {
   content: '';
   width: 100%;
   height: 1px;
   position: absolute;
   background-color: rgba(0,205,55, 0.4);
   left: 0;
   bottom: 0;
}

section.artist:last-child::after {
   display: none;
}

section.artist .photo > .display:not(.custom),
section.artist .avatar > .display {
   width: var(--image-width);
   height: calc(var(--image-width) * var(--ratio));
}

section.artist .photo > .display.custom {
   width: var(--image-width);
   height: calc(var(--image-width) * var(--ratio));
}

section.artist .photo {
   padding-bottom: 5vw;

   -webkit-order: 1;
   -ms-flex-order: 1;
   order: 1;
}

section.artist article.concept:lang(tc) {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
   margin-bottom: 2vw;
}

section.artist article.concept:lang(en) {
   -webkit-order: 4;
   -ms-flex-order: 4;
   order: 4;
}

section.artist .avatar {
   -webkit-order: 6;
   -ms-flex-order: 6;
   order: 6;
   margin-top: 6vw;
   margin-bottom: 4vw;
}

section.artist .title {
   -webkit-order: 5;
   -ms-flex-order: 5;
   order: 5;
   margin-top: 4vw;
}

section.artist article.bio:lang(tc) {
   -webkit-order: 7;
   -ms-flex-order: 7;
   order: 7;
   margin-bottom: 2vw;
}

section.artist article.bio:lang(en) {
   -webkit-order: 9;
   -ms-flex-order: 9;
   order: 9;
}