/* Navigation is supporting UI; artwork retains its display size. */
header{height:60px}
.header-nav{gap:20px}
.header-nav button,.header-nav #aboutHeader{font-size:11px;padding:6px 0}
#portfolioMain,#courseMain{height:calc(100dvh - 108px)}
.view-head{padding:9px 12px;min-height:48px}
.view-head>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.view-head .small-label{display:none}
.view-head .surface-title{font-size:15px;margin:0;line-height:1.5}
.view-head p{font-size:11px;margin:0}
.medium-strip{margin-top:8px;padding:5px 10px;gap:12px}
.medium-label{font-size:11px}
.medium-label small{display:none}
#mediumNav{flex-wrap:wrap;overflow:visible;min-width:0;padding:0;gap:2px 6px}
#mediumNav button{font-size:11px;min-height:30px;padding:5px 8px;gap:5px}
#mediumNav small{font-size:9px}
#stage{margin-top:8px}
.close{width:auto;height:30px;min-width:66px;padding:4px 10px;font-size:12px;line-height:20px;top:10px;right:12px;color:var(--text)}
.collection-content,.medium-content{padding:16px 22px 22px}
.collection-content>.eyebrow,.medium-content>.eyebrow{display:none}
.collection-content h2,#mediumTitle{font-size:16px;margin:0 85px 6px 0;min-height:24px;line-height:24px}
.collection-content>p,#mediumDescription,#mediumCount{font-size:11px;line-height:1.5;margin:3px 0}
#collectionFolders,#mediumCards{margin-top:14px}
.group-header{padding:15px 24px 13px}
.group-header .dialog-brand{display:none}
.group-header .eyebrow{font-size:10px;margin-right:85px}
.group-header h2{font-size:16px;margin:5px 85px 5px 0}
.group-header>p{font-size:11px;line-height:1.5;margin:4px 0}
#groupSource{font-size:10px}
#groupGallery{padding-top:18px}
.course-cover-copy{padding:10px 14px;gap:4px}
.course-cover strong{font-size:13px}
#courseBack{font-size:11px;padding:5px 9px;white-space:nowrap}
.course-view-head{padding:13px 90px 10px 18px}
#courseImageTitle{font-size:15px}
#viewer[open]{grid-template-columns:minmax(0,1fr) 240px}
.art-info{padding:50px 20px 20px}
.art-info h2{font-size:16px;margin:10px 0}
.art-info .dialog-brand{display:none}
#artDescription{font-size:12px}
#aboutDialog{max-width:560px;max-height:65dvh}
.about-content{padding:18px 24px 22px}
.about-content>.eyebrow{display:none}
.about-content h2{font-size:16px;margin:0 80px 12px 0;line-height:26px}
.about-content p{font-size:12px;line-height:1.75;margin:10px 0}
.about-content details{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
.about-content summary{color:var(--blue);margin:0}
@media(max-width:720px){
 header{height:auto;padding-top:10px;padding-bottom:7px}
 .header-nav{margin-top:0;gap:20px}
 #portfolioMain,#courseMain{height:auto}
 .view-head{padding:8px 0;gap:8px}
 .view-head>div:first-child{gap:3px 9px}
 .view-head .surface-title{font-size:14px}
 .view-head p{font-size:10px}
 .medium-strip{align-items:flex-start;margin-top:7px;padding:6px 8px;gap:5px;flex-direction:column}
 .medium-label{font-size:10px;padding-left:6px}
 #mediumNav{width:100%;gap:1px 3px}
 #mediumNav button{font-size:11px;padding:5px 6px;min-height:29px}
 .collection-content,.medium-content{padding:15px 14px 18px}
 .group-header{padding:15px 18px 12px}
 .about-content{padding:16px 20px 20px}
 .art-info{padding:20px}
 .art-stage{padding-top:48px}
}

.cards-more{grid-column:1/-1;justify-self:center;padding:9px 20px;margin:12px 0 20px;border:1px solid #c9754460;border-radius:4px;background:transparent;color:#9c5938;font-size:12px;cursor:pointer}.cards-more:hover{background:#c9754410}