:root{--nav-height:85px}html{scroll-padding-top:var(--nav-height)}
html[data-theme] body{--bg:#fff;--surface:#fff;--text:#24241f;--muted:#65655e;--accent:#8a6400;--line:#e8e6de;--header:#fffffff5;--soft:#faf9f4;--tech:#d5ad18;--accent-ink:#8a6400}
html[data-theme=dark] body{--bg:#161714;--surface:#20211d;--text:#f7f6eb;--muted:#bfbeaf;--accent:#f4d34e;--line:#3b3b30;--header:#161714f5;--soft:#24251e;--tech:#f4d34e;--accent-ink:#f4d34e}
body .button,body.network-design .button{background:#f1cd3b;border-color:#f1cd3b;color:#27240e;box-shadow:0 5px 15px #7d640010}body .button:hover,body.network-design .button:hover{background:#ffe169;color:#24200d;box-shadow:0 8px 22px #95801a1c}body .button.outline,body.network-design .button.outline{background:var(--surface);color:var(--text);border-color:var(--line)}body .button.google-button,body.network-design .button.google-button{background:white;color:#1f2937;border-color:#d6dce3}body .button.google-button:hover{background:#fafafa;color:#1f2937}
.jp-hero-band{background:radial-gradient(ellipse at 85% 45%,#f1d96015,transparent 60%),var(--bg)}.jp-browser{transform:none;border-color:var(--surface);box-shadow:0 24px 55px #24241016}.jp-feature-label{background:#24271e}.jp-feature-label small{color:#f3d654}.jp-float-code{background:#292b23f5}.jp-float-contact i{background:#cda91c;box-shadow:0 0 0 6px #d8b72e1a}.jp-icon,.jp-service:nth-child(2) .jp-icon,.jp-service:nth-child(3) .jp-icon{background:#f9efbe;color:#786000}.jp-cover-empty{background:linear-gradient(130deg,#24271d,#4e5031);color:#f6d95e}.jp-project-band{background:#20221b;color:#faf9f0}.jp-project-band p{color:#c3c4b4}.jp-project-band .eyebrow{color:#f3d34b}.jp-project{background:#2a2d23;border-color:#454839}.jp-project-image{background:#1c1e18}.jp-project-image>span{background:#24271edd}.jp-project-copy h3{color:#f8f8ef}.jp-project-copy .jp-category,.jp-project-copy .text-link{color:#f1d46a}.jp-project-copy .text-link{border-color:#686143}.jp-admin-tools{color:#d3d0bb}.jp-empty{border-color:#797654}.jp-footer{background:var(--soft)}
.jp-home{min-height:calc(100svh - var(--nav-height));display:flex;flex-direction:column}.jp-home .jp-hero-band{flex:1;display:flex;align-items:center}.jp-home .jp-hero{min-height:0;padding-block:clamp(28px,4vh,64px);gap:48px}.jp-home .jp-services{padding-block:24px 35px}.jp-home .jp-services .jp-heading{margin-bottom:18px}.jp-home .jp-services h2{font-size:25px}.jp-home .jp-service{padding:18px}.jp-home .jp-service p{font-size:12px}.jp-home .jp-hero h1{font-size:clamp(32px,3.6vw,52px)}.jp-home .jp-feature img{height:clamp(220px,29vh,330px)}.jp-home .jp-values{margin-top:25px}.jp-home .jp-visual{padding-block:10px 22px}.jp-home .jp-feature-label{padding:16px 22px}
.jp-site main #about,.jp-site main #skills,.jp-site main #projects,.jp-site main #contact{min-height:calc(100svh - var(--nav-height));scroll-margin-top:0;display:flex;flex-direction:column;justify-content:center}.jp-site main #about .jp-about{width:calc(100% - 64px)}.jp-site main #projects>.jp-section{padding-block:48px}.jp-site main #skills .jp-skills{margin-block:30px}.jp-site main #skills .jp-skills>div{min-height:135px}.jp-site main #skills .jp-heading{align-items:end}.jp-site main #contact{padding-block:48px}.jp-portrait{object-position:center 30%}.jp-project-copy{min-width:0}.jp-projects{align-items:stretch}.jp-feature-label strong{overflow-wrap:anywhere}.jp-heading>div{min-width:0}
@media(max-width:760px){.jp-home .jp-hero{gap:28px;padding-block:30px}.jp-home .jp-feature img{height:auto;aspect-ratio:16/11}.jp-home .jp-services{padding-block:30px}.jp-home .jp-services .jp-heading p{font-size:12px}.jp-site main #about .jp-about{width:calc(100% - 36px)}.jp-site main #about,.jp-site main #skills,.jp-site main #projects,.jp-site main #contact{height:auto;min-height:calc(100svh - var(--nav-height))}.jp-site main #skills .jp-skills>div{min-height:110px}.jp-site main #skills .jp-skills{margin-block:15px}.jp-about .jp-portrait{max-width:260px;height:310px;margin-inline:auto}.jp-home .jp-hero h1{font-size:clamp(30px,7.8vw,43px)}}
.jp-feature img{background:#24271e}.jp-site main #faq{min-height:calc(100svh - var(--nav-height));align-content:center;scroll-margin-top:0}

body .auth-card-new{background:var(--surface)}.admin-page .admin-message.success{background:#d5b63012;border-color:#bca63b80}.jp-site .detail .project-cover{background:var(--soft)}body .jp-feature img{background:#fff}body .auth-card-new .eyebrow{color:var(--accent)}