@font-face{font-family:'Big Shoulders Display';src:url('assets/fonts/BigShouldersDisplay-Variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--title-font:'Big Shoulders Display',Arial,sans-serif}
.portfolio h1,.portfolio h2,.portfolio h3,.portfolio h4,.portfolio .script,.portfolio .group-title,.portfolio .vietnamese-cover-label{font-family:var(--title-font)!important;font-style:normal!important;font-synthesis:none;letter-spacing:.01em}
.portfolio h2,.portfolio .script{font-weight:650!important;line-height:1.12}
.portfolio h3,.portfolio h4,.portfolio .group-title{font-weight:600;line-height:1.3}
.portfolio .cv-section-heading h2{font-size:42px;letter-spacing:.015em}
.portfolio .research-caption h3{font-size:25px;line-height:1.3}
.portfolio .activity-copy h3,.portfolio .timeline-body h3{font-size:28px;line-height:1.2}
.portfolio .cv-education h3,.portfolio .timeline-body h4{font-size:20px;letter-spacing:.015em}
.portfolio .skill-module h3,.portfolio .workflow-step h3{font-size:22px;letter-spacing:.01em}
.portfolio .cv-certifications h2{font-size:24px}
.portfolio .vietnamese-cover h1{font-weight:850;font-size:clamp(44px,9.4cqw,112px);letter-spacing:.005em;line-height:1.12}
.portfolio .vietnamese-cover-label{font-weight:500;letter-spacing:.04em}
@media screen{
 .portfolio>section>.page-bridge{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border:0;padding:0;margin:20px auto 4px;max-width:none;min-height:70px;position:relative;z-index:1}
 .portfolio>section>.page-bridge .page-index{display:none}
 .portfolio .bridge-thread{height:76px;background:none;width:100%;min-width:0;display:block;flex:none}
 .portfolio .bridge-thread>i{display:none}
 .chapter-flourish{display:block;width:100%;height:100%;overflow:visible;color:#b88bbb}
 .chapter-flourish .ribbon-soft{stroke:#e3a4b9;opacity:.55}
 .chapter-flourish .ribbon-main{opacity:.72}
 .chapter-flourish .floating-spark{fill:#c7a0ce;stroke:none;opacity:.8}
 .portfolio>section:nth-child(2n) .chapter-flourish{transform:scaleY(-1)}
 .portfolio>section:nth-child(3n) .chapter-flourish .ribbon-main{stroke:#d799b3}
 .portfolio .page-bridge a{font-size:14px;max-width:none;min-height:44px;text-decoration:none;white-space:nowrap;gap:10px;border-bottom:1px solid rgba(184,139,187,.45);line-height:1.4}
 .portfolio .page-bridge a::after{content:'↓';font-size:18px;color:#a77eb2}
 .portfolio .page-bridge a:hover{border-color:var(--theme-ink)}
 .portfolio .toolkit-page>.page-bridge{width:calc(100% - 76px);margin:16px auto 4px}
 .portfolio .vietnamese-cover>.page-bridge{position:absolute;left:38px;right:38px;bottom:8px;width:auto;margin:0}
 .vietnamese-cover-stage::after{height:110px}
}
@media screen and (max-width:767px){
 .portfolio .cv-section-heading h2{font-size:34px}
 .portfolio .vietnamese-cover h1{font-size:clamp(38px,12cqw,76px);line-height:1.15}
 .portfolio>section>.page-bridge{gap:10px;min-height:62px;margin-top:18px}
 .portfolio .bridge-thread{height:60px}
 .portfolio .page-bridge a{font-size:12px;max-width:180px;white-space:normal;text-align:right}
 .portfolio .toolkit-page>.page-bridge{width:calc(100% - 48px)}
 .portfolio .vietnamese-cover>.page-bridge{left:24px;right:24px}
}
@media print{.chapter-flourish{display:none}.portfolio .cv-section-heading h2{font-size:23pt}.portfolio .research-caption h3{font-size:14pt}.portfolio .activity-copy h3,.portfolio .timeline-body h3{font-size:15pt}.portfolio .vietnamese-cover h1{font-size:65pt}}