.theme-toggle{width:38px;height:38px;border:1px solid var(--ink);background:transparent;color:inherit;cursor:pointer;font-size:1.15rem}
.theme-toggle:hover{background:var(--ink);color:var(--paper)}
.lab-header,.docs-head{display:grid;grid-template-columns:1fr 390px;gap:60px;align-items:end;margin:45px 0}
.lab-header h2,.docs-head h2,.video-copy h2,.career-hero h1{font-size:clamp(3.1rem,6vw,6.3rem);line-height:.9;letter-spacing:-.075em;text-transform:uppercase;margin:12px 0 0}
.lab-header>p,.docs-head>p{color:var(--muted)}
.lab-status{font:11px ui-monospace,monospace;letter-spacing:.1em}
.lab-status i{display:inline-block;width:8px;height:8px;background:#54d86b;border-radius:50%;box-shadow:0 0 0 5px rgba(84,216,107,.13);margin-right:9px}
.rack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#0c0e0c;padding:24px;border:10px solid #333830;box-shadow:14px 14px 0 var(--lime)}
.rack-unit{min-height:168px;padding:20px;background:linear-gradient(145deg,#232821,#151814);color:#ecf1e6;border:1px solid #434a3e;position:relative}
.rack-unit:after{content:"";position:absolute;left:0;right:0;bottom:11px;height:4px;background:repeating-linear-gradient(90deg,#3d4439 0 4px,transparent 4px 9px)}
.rack-unit small{color:#8e9788;font:10px ui-monospace,monospace;text-transform:uppercase}
.rack-unit h3{font-size:1.25rem;margin:12px 0 4px}.rack-unit p{color:#9ca596;font:11px ui-monospace,monospace}
.rack-lights{float:right}.rack-lights i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:5px}.rack-lights i+ i{background:var(--orange)}
.docs{background:#dfe3dc}.docs-head{margin:45px 0 60px}
.docs-grid{border-top:1px solid var(--ink)}
.doc-item{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;gap:25px;padding:24px 10px;border-bottom:1px solid var(--ink);transition:.2s}
.doc-item:hover{background:var(--lime);padding-left:24px}.doc-item>span{font:12px ui-monospace,monospace;color:var(--orange)}
.doc-item h3{font-size:1.7rem;margin:0;letter-spacing:-.04em}.doc-item p{margin:3px 0;color:var(--muted)}.doc-item b{font-size:1.5rem}
.lab-video{background:var(--orange);color:var(--ink)}
.video-layout{display:grid;grid-template-columns:1fr minmax(280px,400px);gap:90px;align-items:center}
.video-copy h2{margin:40px 0 30px}.video-copy p{font-size:1.15rem;max-width:550px}.video-copy>a{display:inline-block;margin-top:20px;border-bottom:2px solid;font-size:.78rem;font-weight:900;text-transform:uppercase}
.featured-badge{display:inline-block;margin-top:34px;padding:7px 10px;background:var(--ink);color:#fff;font:10px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.video-frame{background:var(--ink);padding:10px;box-shadow:18px 18px 0 var(--lime);transform:rotate(1deg)}
.video-frame iframe{display:block;width:100%;aspect-ratio:9/16;border:0;max-height:650px}
.career-hero{padding:110px 0;background:var(--lime);border-bottom:1px solid}.career-hero h1{margin:35px 0}.career-hero h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none}.career-hero p{font-weight:800;text-transform:uppercase}
.career-skills{display:grid;grid-template-columns:repeat(2,1fr);margin-top:45px;border-top:1px solid #444}
.career-skills span{padding:22px;border-bottom:1px solid #444;font-size:1.15rem}.career-skills span:nth-child(odd){border-right:1px solid #444}
.article pre{position:relative}.copy-code{position:absolute;top:8px;right:8px;border:1px solid #596052;background:#262b24;color:#fff;padding:6px 9px;font:10px ui-monospace,monospace;text-transform:uppercase;cursor:pointer}
[data-theme="dark"]{--paper:#111410;--ink:#f0f2e9;--muted:#a9aea3;--line:#393e36;--dark:#090b09;color-scheme:dark}
[data-theme="dark"] body,[data-theme="dark"] .site-header{background:#111410;color:#f0f2e9}
[data-theme="dark"] .intro .quick-facts div,[data-theme="dark"] .project,[data-theme="dark"] .tech-stack,[data-theme="dark"] .beyond-work{background:#191d18}
[data-theme="dark"] .docs{background:#151a15}[data-theme="dark"] .post-thumb{background:#272c25}
[data-theme="dark"] .personal-note,[data-theme="dark"] .contact,[data-theme="dark"] .lab-video{color:#111310}
@media(max-width:900px){.lab-header,.docs-head,.video-layout{grid-template-columns:1fr}.rack-grid{grid-template-columns:repeat(2,1fr)}.video-frame{max-width:400px}.theme-toggle{margin-left:0}}
@media(max-width:760px){.rack-grid,.career-skills{grid-template-columns:1fr}.career-skills span:nth-child(odd){border-right:0}.doc-item{grid-template-columns:40px 1fr}.doc-item b{display:none}.theme-toggle{order:2}.menu-toggle{order:3}.primary-navigation{order:4}}