/* Keep experience badges centered, including their different digit widths. */
.hero-experience-badges .hero-ten{align-items:center;text-align:center}
.hero-experience-badges .hero-ten strong{display:inline-flex;align-items:baseline;justify-content:center}

/* All portfolio chapters remain visible across desktop, tablet and phone. */
html{scroll-padding-top:var(--navigation-offset,110px)}
html.motion-off{scroll-behavior:auto}
#work,#films,#solon-honors,#aimv,#experience,#labs,#contact{scroll-margin-top:0}
.site-header{gap:23px}
.site-header nav{min-width:0;gap:18px;align-items:center}
.site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;white-space:nowrap;font-size:13px}
.site-header nav a:last-child{display:inline-flex}
.site-header nav a.active:after{bottom:0;left:3px;right:3px}
.site-header .motion-toggle{flex-shrink:0}
.header-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.resume-download{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid #b5ff1640;border-radius:30px;background:#b5ff160a;color:var(--lime);font-size:12px;line-height:1.4;white-space:nowrap;transition:background .2s,border-color .2s}
.resume-download svg{width:15px;height:15px;flex:none}
.resume-download:hover{background:#b5ff1620;border-color:#b5ff1680}
.site-disclaimer{margin-top:0;margin-bottom:0;padding-bottom:28px;text-align:center;font-size:11px;line-height:1.8;color:#829278}
@media(max-width:1250px){
  html{scroll-padding-top:var(--navigation-offset,145px)}
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:5px;height:auto;padding:12px 22px 11px}
  .site-header .wordmark{grid-column:1;grid-row:1}
  .site-header .header-actions{grid-column:2;grid-row:1}
  .site-header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:10px}
  .site-header nav a{font-size:12px;min-height:33px}
}
@media(max-width:700px){
  html{scroll-padding-top:var(--navigation-offset,163px)}
  .site-header{padding:12px 17px 10px;row-gap:7px;column-gap:12px}
  .site-header .wordmark{width:100%;max-width:220px;min-width:0}
  .site-header .wordmark .brand-logo{width:100%}
  .site-header .header-actions{gap:6px}
  .resume-download{padding:7px 8px;min-height:34px;gap:5px}
  .resume-download svg{width:13px;height:13px}
  .site-header nav{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:4px;row-gap:4px;justify-content:normal;width:100%}
  .site-header nav a{grid-column:span 3;min-height:32px;font-size:12px}
  .site-header nav a:nth-child(n+5){grid-column:span 4}
  .site-header nav a.active:after{left:calc(50% - 16px);right:calc(50% - 16px)}
}
@media(max-width:380px){.site-header{padding-inline:12px;column-gap:8px}.site-header nav{column-gap:1px}.site-header nav a{font-size:11px}.resume-download svg{display:none}}
@media print{.site-header{display:none!important}}