/* Readable type scale across existing content and controls. */
#portfolio{font-size:16px}
#portfolio p,#portfolio li,#portfolio dd{font-size:16px;line-height:1.9}
#portfolio .kicker{font-size:12px;line-height:1.8;letter-spacing:.09em}
#portfolio .brand small{font-size:10px;line-height:1.5;letter-spacing:.07em}
#portfolio .site-header nav a{font-size:14px;line-height:1.6}
#portfolio .header-note{font-size:12px}
#portfolio .breadcrumb{font-size:14px}
#portfolio .breadcrumb span{font-size:12px}
#portfolio .home-intro p{font-size:16px;line-height:1.9;max-width:390px}
#portfolio .hero-rule,#portfolio .hero-rule a,#portfolio .hero-rule>span{font-size:14px;line-height:1.8}
#portfolio .hero-project-links small{font-size:12px;line-height:1.6}
#portfolio .hero-project-links span{font-size:16px;line-height:1.8}
#portfolio .home-facts>div>span{font-size:15px}
#portfolio .home-facts small{font-size:13px;line-height:1.8}
#portfolio .home-facts>a{font-size:14px}
#portfolio .case-card{display:flex;flex-direction:column}
#portfolio .case-art{flex-shrink:0}
#portfolio .case-card-top{font-size:12px;line-height:1.7}
#portfolio .case-card-top>span:last-child{font-size:11px}
#portfolio .case-card-bottom p{font-size:17px}
#portfolio .case-card-meta{margin-top:auto}
#portfolio .case-card-meta>span:first-child{font-size:13px;line-height:1.8}
#portfolio .case-cta{font-size:16px;min-height:48px}
#portfolio .case-action>small{font-size:12px}
#portfolio .section-heading h2{font-size:34px}
#portfolio .section-heading>p{font-size:15px;max-width:350px}
#portfolio .summary-row>span{font-size:15px}
#portfolio .summary-table-head>a{font-size:17px;line-height:1.8}
#portfolio .focus-copy h3{font-size:22px}
#portfolio .focus-image>span{font-size:11px;letter-spacing:.05em}
#portfolio .focus-tags>span{font-size:12px;padding:6px 9px;line-height:1.6}
#portfolio .home-note-grid span{font-size:16px}
#portfolio .resume-label{font-size:13px;line-height:1.7}
#portfolio .resume-date{font-size:14px}
#portfolio .education-major{font-size:17px}
#portfolio .education-scores>span{font-size:14px}
#portfolio .education-scores strong{font-size:30px}
#portfolio .skill-block h3{font-size:19px}
#portfolio .skill-block h3>span{font-size:14px;line-height:1.8}
#portfolio .experience-grid article>.resume-label>span{font-size:13px}
#portfolio .secondary-experience h4{font-size:16px;line-height:1.8}
#portfolio .awards-list article>span{font-size:13px}
#portfolio .awards-list h3{font-size:18px}
#portfolio .project-snapshot article>span{font-size:13px}
#portfolio .project-snapshot strong{font-size:16px;line-height:1.8}
#portfolio .project-snapshot a{font-size:14px}
#portfolio .cover-caption{font-size:12px;line-height:1.7}
#portfolio .chapter-bar a{font-size:12px;padding-block:19px}
#portfolio .chapter-bar a span{font-size:15px}
#portfolio .context-grid h3,#portfolio .reflection-grid h3,#portfolio .project-contributions h3{font-size:20px}
#portfolio .mini-label{font-size:13px}
#portfolio .module-rail button{font-size:16px;padding:20px 14px;gap:12px}
#portfolio .module-rail button>span{font-size:12px}
#portfolio .module-media .media-caption{font-size:13px;line-height:1.7;flex-wrap:wrap}
#portfolio .media-caption>span:last-child{font-size:11px}
#portfolio .module-detail h3{font-size:28px}
#portfolio .module-detail dt{font-size:16px;margin-bottom:9px}
#portfolio .module-detail>a{font-size:15px}
#portfolio .zoom-hint{font-size:12px;padding:8px 10px}
#portfolio .flow-line button>b{font-size:15px}
#portfolio .flow-line button>span{font-size:12px}
#portfolio .flow-line button{min-height:52px;gap:10px}
#portfolio .flow-detail h3{font-size:25px}
#portfolio .system-diagram article>span{font-size:12px}
#portfolio .system-diagram p{font-size:17px}
#portfolio .system-diagram small{font-size:14px;line-height:1.8}
#portfolio .system-result{font-size:16px;line-height:1.8;flex-wrap:wrap}
#portfolio .video-information>a{font-size:14px;line-height:1.7}
#portfolio .video-playlist{grid-template-columns:repeat(3,minmax(0,1fr))}
#portfolio .video-playlist button{min-width:0;min-height:84px;gap:10px;padding:10px}
#portfolio .video-playlist button>span{font-size:14px;line-height:1.8}
#portfolio .video-playlist small{font-size:11px}
#portfolio .video-playlist button>img{width:60px;height:50px;flex-shrink:0}
#portfolio .video-details{font-size:14px;line-height:1.9}
#portfolio .analysis-grid figcaption{font-size:15px;line-height:1.8}
#portfolio .analysis-grid figcaption>span{font-size:12px}
#portfolio .detail-gallery h3{font-size:18px}
#portfolio .detail-gallery figcaption>span{font-size:12px}
#portfolio .evidence-grid h3{font-size:21px}
#portfolio .next-project>a{font-size:16px;min-height:48px}
#portfolio .site-footer{font-size:13px;line-height:1.8;gap:20px;flex-wrap:wrap}
#portfolio .site-footer>span{font-size:11px}
#portfolio dialog>p{font-size:15px}
#portfolio .lightbox-toolbar button{font-size:14px;min-height:40px}
@media(max-width:1100px){
 #portfolio .site-header nav{gap:14px}
 #portfolio .site-header nav a{font-size:13px}
 #portfolio .summary-row{grid-template-columns:90px 1fr 1fr;gap:22px}
 #portfolio .case-card-top>span:last-child{display:none}
 #portfolio .case-card-meta{align-items:stretch}
 #portfolio .case-action{width:100%}
 #portfolio .case-cta{width:100%}
 #portfolio .case-action>small{text-align:center}
 #portfolio .video-playlist{grid-template-columns:repeat(2,minmax(0,1fr))}
 #portfolio .structure-explorer{grid-template-columns:180px 1fr}
}
@media(max-width:700px){
 #portfolio p,#portfolio li,#portfolio dd{font-size:15px;line-height:1.95}
 #portfolio .site-header nav a,#portfolio .site-header nav a:first-child,#portfolio .site-header nav a[href="library.html"],#portfolio .site-header nav a[href="brick.html"]{font-size:16px;line-height:1.8}
 #portfolio .menu-toggle{font-size:15px;min-height:46px}
 #portfolio .brand small{font-size:9px}
 #portfolio .kicker{font-size:11px;letter-spacing:.05em}
 #portfolio .home-intro p{font-size:14px;line-height:1.9}
 #portfolio .hero-rule,#portfolio .hero-rule a,#portfolio .hero-rule>span{font-size:12px;line-height:1.8}
 #portfolio .hero-project-links span{font-size:15px}
 #portfolio .hero-project-links small{font-size:11px}
 #portfolio .home-facts>div>span{font-size:13px}
 #portfolio .home-facts small{font-size:12px}
 #portfolio .case-card-top{font-size:11px}
 #portfolio .case-card-bottom p{font-size:16px}
 #portfolio .case-card-meta>span:first-child{font-size:13px}
 #portfolio .case-action>small{font-size:12px}
 #portfolio .section-heading h2{font-size:27px;line-height:1.6}
 #portfolio .section-heading>p{font-size:14px}
 #portfolio .summary-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
 #portfolio .summary-row>span{font-size:14px}
 #portfolio .summary-table-head>a{font-size:15px}
 #portfolio .summary-row p{font-size:14px;line-height:1.95}
 #portfolio .focus-copy h3{font-size:22px}
 #portfolio .focus-image>span{font-size:10px}
 #portfolio .resume-label{font-size:12px}
 #portfolio .resume-date{font-size:13px}
 #portfolio .education-major{font-size:16px}
 #portfolio .skill-block h3{font-size:18px}
 #portfolio .skill-block h3>span{font-size:13px}
 #portfolio .experience-grid h3{font-size:19px}
 #portfolio .experience-grid article>.resume-label>span{font-size:12px}
 #portfolio .awards-list article{grid-template-columns:70px minmax(0,1fr)}
 #portfolio .awards-list article>span{font-size:12px}
 #portfolio .awards-list h3{font-size:17px}
 #portfolio .project-snapshot strong{font-size:15px}
 #portfolio .project-snapshot article>span{font-size:12px}
 #portfolio .breadcrumb{font-size:13px}
 #portfolio .breadcrumb span{font-size:11px;margin-left:12px}
 #portfolio .cover-caption{font-size:11px;line-height:1.8}
 #portfolio .chapter-bar a{font-size:11px;min-height:49px}
 #portfolio .chapter-bar a span{font-size:14px}
 #portfolio .context-grid h3,#portfolio .reflection-grid h3,#portfolio .project-contributions h3{font-size:19px}
 #portfolio .structure-explorer{grid-template-columns:1fr}
 #portfolio .module-rail button{font-size:14px;min-height:48px;padding:12px}
 #portfolio .module-rail button>span{font-size:12px}
 #portfolio .module-detail h3{font-size:25px}
 #portfolio .media-caption{font-size:12px}
 #portfolio .flow-line button>b{font-size:14px}
 #portfolio .flow-detail h3{font-size:23px}
 #portfolio .system-diagram article>span{font-size:11px}
 #portfolio .system-diagram p{font-size:15px}
 #portfolio .system-diagram small{font-size:13px}
 #portfolio .system-result{font-size:14px;gap:12px}
 #portfolio .video-information{flex-wrap:wrap}
 #portfolio .video-information>a{font-size:14px}
 #portfolio .video-playlist{grid-template-columns:1fr}
 #portfolio .video-playlist button{min-height:78px;padding:11px}
 #portfolio .video-playlist button>span{font-size:15px}
 #portfolio .video-playlist small{font-size:12px}
 #portfolio .video-details{font-size:13px}
 #portfolio .analysis-grid figcaption{font-size:14px}
 #portfolio .detail-gallery{grid-template-columns:1fr}
 #portfolio .detail-gallery .zoom{height:290px}
 #portfolio .detail-gallery h3{font-size:19px}
 #portfolio .detail-gallery figcaption>span{font-size:11px}
 #portfolio .next-project{flex-wrap:wrap}
 #portfolio .next-project>a{font-size:15px}
 #portfolio .site-footer{font-size:12px}
 #portfolio .lightbox-toolbar{flex-wrap:wrap}
}