/* Shared heading typography for the portfolio and local case studies. */
@font-face{font-family:Barlow Semi Condensed;src:url('../assets/BarlowSemiCondensed-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:Barlow Semi Condensed;src:url('../assets/BarlowSemiCondensed-Medium.ttf') format('truetype');font-weight:500 700;font-style:normal;font-display:swap;}
/* Accent font only: body and heading styles remain SF Pro. */
html[data-theme="mono"] .site-nav .nav-pill,
html[data-theme="mono"] #mobile-menu .m-link{font-family:'Barlow Semi Condensed',sans-serif!important;}
html[data-theme="mono"] .site-nav .nav-pill{font-size:16.2px;letter-spacing:0;}

html[data-theme="mono"] .hero-box .hero-el-1{font-size:17.1px;color:#666!important;line-height:1.3;gap:10.8px;margin-bottom:18px;}
html[data-theme="mono"] .hero-el-1>span{width:43.2px;height:43.2px;border:1px solid #bcbcbc;box-sizing:border-box;padding:2px;background:#fff;}
@media(min-width:768px){
 html[data-theme="mono"] .hero-box>.hero-content{padding-top:50.4px;padding-bottom:34.2px;}
 html[data-theme="mono"] .site-nav{position:fixed;top:50px;left:auto;right:clamp(24px,5vw,72px);width:auto;}
 html[data-theme="mono"] .site-nav.nav-hidden{transform:none;}
}
@media(max-width:767px){
 html[data-theme="mono"] .hero-box .hero-el-1{font-size:16.2px;}
 html[data-theme="mono"] .hero-el-1>span{width:39.6px;height:39.6px;}
}

html[data-theme="mono"] .hero-el-1>span>img{border-radius:50%;}

/* Reduce the introduction proportionally without scaling its page alignment. */
html[data-theme="mono"] .hero-box h1,html[data-theme="mono"] .hero-study{font-size:clamp(18px,1.575vw,22.5px);}
html[data-theme="mono"] .hero-study{margin-top:5.4px;}
@media(min-width:768px){
 html[data-theme="mono"] .site-nav .nav-center>.glass{gap:26px!important;}
 html[data-theme="mono"] .site-nav .nav-pill{line-height:21.6px;padding:9px 0 10.8px!important;}
}
@media(max-width:767px){
 html[data-theme="mono"] .hero-box>.hero-content{padding-top:93.6px;padding-bottom:28.8px;}
 html[data-theme="mono"] .hero-box h1,html[data-theme="mono"] .hero-study{font-size:18px;}
 html[data-theme="mono"] .hero-study{margin-top:10.8px;}
 html[data-theme="mono"] .site-nav #burger{width:39.6px;height:39.6px;min-width:39.6px;}
}

@font-face{font-family:Abel;src:url('../assets/Abel-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap;}
html[data-theme="mono"] .site-nav .nav-pill,
html[data-theme="mono"] #mobile-menu .m-link{font-family:Abel,sans-serif!important;font-weight:400;text-transform:none;}

/* Keep navigation anchored while landing views change or scroll. */
html[data-theme="mono"]{scrollbar-gutter:stable;}
html[data-theme="mono"] .site-nav{transform:none;transition:none;will-change:auto;}
html[data-theme="mono"] .site-nav.nav-hidden{transform:none;}
/* Once the page scrolls, a white bar sits behind the fixed links so content passes underneath (class set in index.html). */
@media(min-width:768px){
 html[data-theme="mono"] .site-nav::before{content:'';position:fixed;top:0;left:0;right:0;height:104px;z-index:-1;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #ececec;opacity:0;pointer-events:none;transition:opacity .18s ease;}
 html[data-theme="mono"].nav-solid .site-nav::before{opacity:1;}
}
@media(prefers-reduced-motion:reduce){html[data-theme="mono"] .site-nav::before{transition:none;}}