:root{color-scheme:light}.theme-toggle{min-height:44px;min-width:84px;border:1px solid #fff;border-radius:999px;background:#ffffffab;color:#243c2b;padding:9px 15px;font-size:.84rem;white-space:nowrap;box-shadow:inset 0 1px 0 #fff,0 4px 14px #203c2110}.header-actions{display:flex;align-items:center;gap:10px}.site-header{gap:16px}.site-header nav{margin-left:auto}.login-theme{display:flex;justify-content:flex-end;margin-bottom:20px}.office-top>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html[data-theme=dark]{color-scheme:dark;--glass:rgba(31,49,40,.82);--glass-edge:rgba(216,240,223,.17);--glass-shadow:0 20px 60px #00000025,inset 0 1px 0 #e0f7e812;--ink:#edf4eb;--accent:#b0d59b}
[data-theme=dark] body{background:radial-gradient(ellipse at 0 10%,#233f31 0,transparent 36%),radial-gradient(ellipse at 100% 40%,#1e3835 0,transparent 42%),#101c18;color:var(--ink)}
[data-theme=dark] .site-header nav a:hover,[data-theme=dark] .text-link:hover{color:#c1e2ac}
[data-theme=dark] .site-header .login-link,[data-theme=dark] .theme-toggle,[data-theme=dark] .menu-toggle,[data-theme=dark] .office-top button{background:#e3f3e414;color:#edf4eb;border-color:#d9efd42b;box-shadow:inset 0 1px 0 #ffffff1c}
[data-theme=dark] .hero-description,[data-theme=dark] .section-heading>p:last-child,[data-theme=dark] .service-list p,[data-theme=dark] .work-heading>p,[data-theme=dark] .project>p:last-child,[data-theme=dark] .contact-section>div>p:last-child,[data-theme=dark] .muted,[data-theme=dark] .help-text,[data-theme=dark] .office-top,[data-theme=dark] .module p,[data-theme=dark] .office-foot,[data-theme=dark] .site-footer p,[data-theme=dark] .site-footer>a:last-child{color:#bdcdbd}
[data-theme=dark] .eyebrow,[data-theme=dark] .number{color:#b5d5a5}[data-theme=dark] .hero-foot>span{background:#e3f3e40d;color:#cadbc7;border-color:#def2d922}[data-theme=dark] .hero-foot a{color:#e4efdf}[data-theme=dark] .work-section{background:#09161145;border-color:#d7edda15}[data-theme=dark] .project-photo{background:#13241c}[data-theme=dark] .stage-controls button{background:#e0f0e20b;border-color:#e0f0e228;color:#cadbc7;box-shadow:inset 0 1px 0 #fff1}[data-theme=dark] .stage-controls button[aria-pressed=true]{background:#bddca2;color:#172b1d;border-color:#d0e8b8}[data-theme=dark] .project-photo figcaption{background:#172e22e8;color:#edf4eb;border-color:#ffffff32}[data-theme=dark] .site-footer{border-color:#d7edda22}[data-theme=dark] .dark{background:linear-gradient(145deg,#b9d9a2,#94bb82);color:#152819}[data-theme=dark] .dark:hover{background:#c2dfaf}[data-theme=dark] .button{border-color:#ffffff30}[data-theme=dark] .office-banner{background:#294531cf;border-color:#b5d59e30}[data-theme=dark] .module .badge{background:#cfebba15;color:#c5dab9}[data-theme=dark] .field input,[data-theme=dark] .password-wrap button{background:#10241cc4;border-color:#a9c2a542;color:#edf4eb}[data-theme=dark] .field input::placeholder{color:#9fb29f}[data-theme=dark] .form-message{color:#ffbba8}[data-theme=dark] .text-link{border-color:#9eb399}[data-theme=dark] a:focus-visible,[data-theme=dark] button:focus-visible,[data-theme=dark] input:focus-visible{outline-color:#c5e6a8}
@media(max-width:1050px) and (min-width:761px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:center;margin:0}.header-actions{margin-left:auto}}
@media(max-width:760px){.site-header{gap:8px;padding-inline:14px}.header-actions{gap:6px;margin-left:auto}.theme-toggle{min-width:72px;padding:9px 10px;font-size:.78rem}.menu-toggle{padding:8px 10px;font-size:.8rem}.site-header .brand-name{font-size:1.75rem}.site-header .brand-sub{font-size:.52rem}.site-header nav{margin:0}[data-theme=dark] .site-header nav{background:#192d23f5;border-color:#d9efd42b}.office-top>div{gap:8px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){[data-theme=dark] .site-header,[data-theme=dark] .service-list article,[data-theme=dark] .project,[data-theme=dark] .contact-card,[data-theme=dark] .login-panel,[data-theme=dark] .module,[data-theme=dark] .office-top{background:#20362a}}
@media(prefers-reduced-transparency:reduce){[data-theme=dark] .site-header,[data-theme=dark] .service-list article,[data-theme=dark] .project,[data-theme=dark] .contact-card,[data-theme=dark] .login-panel,[data-theme=dark] .module,[data-theme=dark] .office-top{background:#20362a}}