/* Reversible trial: artwork, exhibition detail and Biography pages only.
   Font files remain hosted by the owner's Adobe Fonts project qsd0yui. */
body.typographyTrial {
    --kondo-text-font: "neue-haas-grotesk-text", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, Arial, sans-serif;
    --kondo-display-font: "neue-haas-grotesk-display", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, Arial, sans-serif;
    font-family: var(--kondo-text-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: .02em;
    font-kerning: normal;
}
.typographyTrial h1, .typographyTrial h2, .typographyTrial h3,
.typographyTrial h4, .typographyTrial h5, .typographyTrial h6 {
    font-family: var(--kondo-display-font);
    font-weight: 400;
    line-height: 1.3;
}
.typographyTrial h1 {
    font-size: clamp(26px, 2.5vw, 34px);
    font-weight: 300;
    letter-spacing: .015em;
    text-transform: none;
    margin: 0 0 .65em;
}
.typographyTrial h2 { font-size: 22px; }
.typographyTrial p { margin-bottom: 1em; }
.typographyTrial a, .typographyTrial .detail a { font-weight: 400; }
.typographyTrial strong, .typographyTrial b { font-weight: 700; }
.typographyTrial button, .typographyTrial input, .typographyTrial textarea, .typographyTrial select { font-family: var(--kondo-text-font); }
.typographyTrial .nav > li > a {
    font-family: var(--kondo-text-font);
    font-weight: 400;
    letter-spacing: .05em;
}
.typographyTrial .navbar .nav > li > a { font-size: 13px; }
.typographyTrial .detail .detailMetadataLabel,
.typographyTrial .detail h6, .typographyTrial .detail h6 a {
    font-family: var(--kondo-text-font);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .05em;
}
.typographyTrial .detail .detailMetadataLabel { margin: 1em 0 .2em; }
.typographyTrial .detail #accordion h1.panel-title {
    font-family: var(--kondo-text-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .01em;
    margin: 0;
}
.typographyTrial .detail .objectSeries,
.typographyTrial .detail .exhibitionDates,
.typographyTrial .detail .exhibitionVenue,
.typographyTrial .detail .exhibitionOpening { font-family: var(--kondo-text-font); font-weight: 400; line-height: 1.6; }
.typographyTrial .detail .exhibitionDates { letter-spacing: .05em; text-transform: none; }
.typographyTrial .exhibitionDescription > h1 { max-width: 30ch; }
.typographyTrial .exhibitionDescription > p { max-width: 72ch; }
.typographyTrial .biographyGroup { font-family: var(--kondo-text-font); font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: .025em; }
.typographyTrial .caption, .typographyTrial #footer { font-family: var(--kondo-text-font); font-weight: 400; line-height: 1.6; }
.typographyTrial blockquote {
    font-family: var(--kondo-display-font);
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 300;
    font-style: italic;
    line-height: 1.45;
    letter-spacing: .015em;
}
.typographyTrial :lang(ja) { letter-spacing: normal; }
.typographyTrial p:lang(ja), .typographyTrial [role="tabpanel"]:lang(ja) { line-height: 1.8; }
/* Legacy detail rules reduce the whole page to 12px; keep reading text at 14px. */
.typographyTrial #pageArea { font-size: 14px; line-height: 1.65; }
.typographyTrial .exhibitionOpening:empty { display: none; }
.typographyTrial .detail .nav-pills > li.active > a,
.typographyTrial .detail .nav-pills > li.active > a:hover,
.typographyTrial .detail .nav-pills > li.active > a:focus { color: #454545; background: #e8f3f9; font-weight: 700; }

.typographyTrial :lang(ja) { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; }
.typographyTrial .nav > li > a:lang(ja) { letter-spacing: normal; }
.typographyTrial .biographyPage .nav-pills > li > a { font-size: 13px; }

.typographyTrial .exhibitionNavigation a { letter-spacing: .05em; }