@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/bebas-neue.ttf') format('truetype')}
.portfolio-concept{--paper:#0b0e11;--surface:#131c23;--white:#131c23;--ink:#f2f5f7;--muted:#aab8c3;--line:#2a3943;--blue:#63d6ea;--blue-dark:#a1ecf8;--soft-blue:#152b35;--green:#63d6ea;background:var(--paper);color:var(--ink)}
.portfolio-concept .site-header{background:#0b0e11f2;border-color:var(--line)}
.portfolio-concept .nav-cv{border-color:#496877}.portfolio-concept .nav-cv:hover{background:#172c36}
.portfolio-concept .button-dark:hover{background:#a1ecf8}.portfolio-concept .identity-line{background:var(--blue)}
.portfolio-concept .inline-tags span{background:#172c36;color:#c5dbe7}
.portfolio-concept .role-name,.portfolio-concept .community-roles h4 span{color:#c6d8e3}
.portfolio-concept .skill-groups>div{border-color:#405967}.portfolio-concept .skills-notes strong{color:#dce7ee}
.portfolio-concept .role-timeline strong{color:var(--ink)}.portfolio-concept .role-timeline span{color:var(--muted)}
.portfolio-concept .experience-section,.portfolio-concept .contact-section{background:#111b23}
.portfolio-concept .copy-email{border-color:#466676}.portfolio-concept .copy-email:hover{background:var(--blue);color:var(--paper)}
.portfolio-concept .case-hero h1{font-family:'Bebas Neue',sans-serif;letter-spacing:.005em;text-transform:uppercase;line-height:1.02}
.portfolio-concept .case-hero h1 em{font:inherit;color:var(--blue)}
.portfolio-concept .case-band{background:#17303c;color:var(--ink);border-block:1px solid #365567}.portfolio-concept .case-stats div{border-color:#446e82}.portfolio-concept .case-stats strong{color:var(--blue)}.portfolio-concept .case-stats span{color:#d1e0e9}
.portfolio-concept .interface-strip,.portfolio-concept .status-note{background:#152a35}.portfolio-concept .interface-strip>div{border-color:#355264}
.portfolio-concept .bar-track{background:#233743}.portfolio-concept .bar-fill{background:#688a9d}.portfolio-concept .chart-block{background:#111e28;border-color:var(--line)}
.portfolio-concept .case-toc{top:110px}.portfolio-concept .case-next{border-color:var(--line)}
.portfolio-concept .availability-dot{box-shadow:0 0 0 4px #63d6ea10}
@media(max-width:650px){.portfolio-concept .main-nav{background:#101b23;border-color:#3b5b6c}}

/* Shared identity and social actions across the local preview. */
.portfolio-concept .wordmark{align-items:center;flex-shrink:0}
.portfolio-concept .wordmark-symbol{width:36px;height:36px;flex:0 0 36px;margin-right:12px;border-radius:8px;transition:box-shadow .2s}
.portfolio-concept .wordmark-name{white-space:nowrap}
.portfolio-concept .wordmark:is(:hover,:focus-visible) .wordmark-symbol{box-shadow:0 0 20px #63d6ea35}
.portfolio-concept .hero .hero-main .hero-socials,.portfolio-concept .contact-bottom .social-links{gap:10px;flex-wrap:wrap}
.portfolio-concept .social-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:132px;padding:10px 15px;border:1px solid #48616f;border-radius:3px;background:#101a21;color:#dcebf2;font:500 12px/1.4 var(--sans);letter-spacing:.01em;white-space:nowrap}
.portfolio-concept .social-button svg{width:17px;height:17px;flex:none;fill:currentColor;color:var(--blue)}
.portfolio-concept .social-button .social-arrow{margin-left:5px;color:#92aebd;font-size:15px;line-height:1}
.portfolio-concept .social-button:is(:hover,:focus-visible){color:#e7fbff;background-color:#172d38}
.portfolio-concept .social-button:is(:hover,:focus-visible) .social-arrow{color:var(--blue)}
.portfolio-concept .repo-button{min-height:46px;padding:11px 16px;font-size:13px;text-decoration:none;white-space:normal;text-align:left}
.portfolio-concept .evidence-links{align-items:center;row-gap:12px}
@media(max-width:650px){.portfolio-concept .wordmark-symbol{width:30px;height:30px;flex-basis:30px;margin-right:10px;border-radius:7px}.portfolio-concept .contact-bottom .social-links{margin-left:0}}
@media(max-width:480px){.portfolio-concept .wordmark .wordmark-note{display:none}}
@media(prefers-reduced-motion:reduce){.portfolio-concept .wordmark-symbol{transition:none}}