@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#101514;--panel:#181e1b;--line:#303831;--ink:#edece4;--muted:#a1aaa0;--lime:#d6f994;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.wrap{max-width:1240px;margin:auto;padding-left:52px;padding-right:52px}.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic}.muted{color:var(--muted)}header{height:100px;max-width:1344px;padding:0 52px;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:1px solid var(--line)}.wordmark{font-size:21px;letter-spacing:-1px;font-weight:650;display:flex;align-items:center}.brand-icon{font-size:30px;margin-right:15px;width:35px;letter-spacing:-8px}.brand-icon span{font-size:25px;color:var(--lime)}.dot{color:var(--lime)}nav{display:flex;gap:32px;font-size:13px;color:#bcc2b8}nav a:hover,.text-link:hover,footer a:hover{color:var(--lime)}.resume{font-size:13px;border:1px solid #45503e;padding:10px 17px;border-radius:4px}.resume span{margin-left:20px;color:var(--lime)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;align-items:center;padding-top:88px;padding-bottom:70px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.3px;color:var(--muted);margin:0 0 25px}.hero .eyebrow{font-size:9px;letter-spacing:1.1px;display:flex;align-items:center;gap:10px}.status-dot,.node-indicator{width:6px;height:6px;background:var(--lime);display:inline-block;border-radius:100%;box-shadow:0 0 12px #d6f93344}.hero h1{font-size:clamp(48px,5.4vw,73px);font-weight:500;line-height:1.06;letter-spacing:-3px;margin:0 0 27px}.hero h1 .serif{color:var(--lime)}.intro{font-size:18px;max-width:440px;line-height:1.6;letter-spacing:-.3px}.hero-detail{font-size:13px;line-height:1.8;color:var(--muted)}.actions{display:flex;gap:26px;align-items:center;margin-top:30px}.button{background:var(--lime);color:#152014;padding:13px 18px;border-radius:3px;font-size:13px;font-weight:650;display:inline-flex;gap:28px;align-items:center}.button:hover{background:#e6ffba}.text-link{font-size:13px}.text-link span{margin-left:10px}.byline{display:flex;align-items:center;gap:13px;margin-top:38px;font-size:11px;color:var(--muted)}.byline img{border-radius:50%;object-fit:cover;filter:grayscale(100%)}.byline strong{font-weight:500;color:var(--ink)}.byline div>span{display:block;font-size:10px;margin-top:2px}.network-art{height:475px;position:relative;background-image:radial-gradient(#4b574240 .8px,transparent .8px);background-size:18px 18px;overflow:hidden}.art-top,.art-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#8d9a82}.art-top{top:15px}.art-plus{font-size:18px;line-height:10px}.art-bottom{bottom:15px}.art-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:6px}.orbit{position:absolute;border:1px solid #3d483c55;border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%)}.orbit-one{width:310px;height:310px}.orbit-two{width:440px;height:440px}.network-lines{position:absolute;width:100%;height:100%;inset:0}.network-lines path{fill:none;stroke:#546747;stroke-width:1}.network-lines .flow{stroke:var(--lime);stroke-dasharray:3 140;animation:packets 12s linear infinite}@keyframes packets{to{stroke-dashoffset:-286}}.core{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:200px;height:152px;border:1px solid #869766;border-radius:9px;background:linear-gradient(145deg,#35432c,#1c271c);box-shadow:0 0 70px #b9ef5020,inset 0 0 20px #bbdf6520;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:13px}.core-label{font:8px var(--mono);letter-spacing:2px;color:#c9d5b7}.switch-symbol{display:flex;gap:5px}.switch-symbol i{display:block;width:17px;height:14px;background:#111b11;border:1px solid #698154;border-top:3px solid var(--lime);border-radius:2px}.core strong{font-size:11px;font-weight:500}.core-footer{font:6px var(--mono);color:#c3cfb1;letter-spacing:1px}.core-footer b{display:inline-block;width:4px;height:4px;background:var(--lime);border-radius:100%;margin-right:4px}.art-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:8px;white-space:nowrap}.art-node>span:last-child{font:7px var(--mono);letter-spacing:1px;background:var(--bg);padding:2px 5px;color:#a9b09c}.node-glyph{display:grid;place-items:center;border:1px solid #536044;border-radius:8px;background:#1c241a;width:44px;height:44px;font-size:24px;color:#c2d4a2}.upstream{left:50%;top:19%}.left-node{left:14%;top:56%}.right-node{left:86%;top:56%}.bottom-node{left:50%;top:84%}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:30px;padding-bottom:30px}.stats>div{padding:0 26px;border-right:1px solid var(--line)}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats strong{font-size:38px;letter-spacing:-2px;font-weight:450;display:block;line-height:1.25}.stats strong span{font-size:24px;color:var(--lime);letter-spacing:-1px}.stats>div>span{font-size:11px;color:var(--muted)}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-head .eyebrow{margin-bottom:17px}h2{font-size:49px;line-height:1.08;font-weight:500;letter-spacing:-1.8px;margin:0}h2 .serif{color:#c7d2b4}.section-head>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:4px}.project{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#161c19}.featured{display:grid;grid-template-columns:1fr 1.1fr;margin-bottom:25px}.project-copy{padding:40px}.project .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:19px}h3{font-size:29px;line-height:1.2;letter-spacing:-.8px;font-weight:500;margin:0 0 18px}.project p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.85}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}.tags span{font:9px var(--mono);color:#bdc4b7;border:1px solid #3a4438;padding:5px 9px;border-radius:3px}.project-link{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:19px;font-size:12px;margin-top:28px}.project-link span{color:var(--lime)}.project-link:hover{color:var(--lime)}.terminal{background:#0c100e;border:1px solid #3a4434;border-radius:6px;margin:35px 30px 35px 0;align-self:center;transform:rotate(-1deg);box-shadow:0 10px 40px #0004;font-family:var(--mono)}.terminal-bar{display:flex;justify-content:space-between;border-bottom:1px solid #283124;padding:12px 15px;font-size:8px;color:#93a087}.terminal-bar i{width:5px;height:5px;display:inline-block;margin-right:4px;background:#56634b;border-radius:50%}.terminal-bar i:first-child{background:#b4ce8d}.terminal-body{padding:15px 24px}.project .terminal p{font-size:10px;margin:8px 0;color:#e4e8dc}.project .terminal .terminal-comment{color:#6c7b61;font-size:9px}.project .terminal .terminal-sub{color:#778470;font-size:8px;padding-left:34px;margin-bottom:18px}.lime{color:var(--lime)}.terminal-result{border-top:1px dashed #35412b;padding-top:15px;margin-top:18px}.terminal-result>span{display:block;color:#9bb280;font-size:7px;letter-spacing:1px}.terminal-result strong{font-size:18px;font-weight:400;color:var(--lime)}.terminal-result strong span{font-size:8px;color:#8e9c81}.project .terminal .tiny{font-size:6px;margin-top:15px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.small-project-copy{padding:30px}.small-project h3{font-size:30px}.dns-art,.photo-art{height:200px;background:#202b21;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.dns-art{display:flex;align-items:center;justify-content:center;gap:25px;background:radial-gradient(ellipse at center,#374730,#1b251e)}.dns-art>span{font:8px var(--mono);letter-spacing:1.5px;color:#becfaf}.dns-art i{font-style:normal;color:#7c9764}.dns-art b{font-size:65px;color:var(--lime);font-weight:400;filter:drop-shadow(0 0 25px #c8fa7b44)}.dns-art>div{position:absolute;bottom:18px;font:9px var(--mono);color:#d0d7c6}.dns-art em{font-style:normal;color:#7f9273}.photo-art{background:#222924;display:flex;justify-content:center;align-items:center}.photo-tile{position:absolute;width:100px;height:125px;border:5px solid #c6cbba;box-shadow:0 5px 20px #0006;border-radius:3px;background:linear-gradient(140deg,transparent 50%,#46563d 50%),linear-gradient(40deg,#879b6a 45%,transparent 45%),linear-gradient(#a5b7a0,#dce3c4)}.tile-one{transform:translateX(-75px) rotate(-16deg)}.tile-two{transform:translateY(-10px) rotate(2deg);z-index:1;background:linear-gradient(150deg,transparent 50%,#586652 50%),linear-gradient(35deg,#91a27a 48%,transparent 48%),linear-gradient(#bec8b6,#ddc496)}.tile-three{transform:translateX(75px) rotate(17deg);background:linear-gradient(140deg,transparent 45%,#4d6956 45%),linear-gradient(40deg,#9ab899 40%,transparent 40%),linear-gradient(#91aca9,#dbd6ba)}.photo-art>span{position:absolute;bottom:15px;font:8px var(--mono);letter-spacing:.6px;color:#c8cfc0;z-index:2}.experience-section{background:#19201b;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:90px 0}.experience-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.experience-intro{color:var(--muted);font-size:13px;line-height:1.9;margin:27px 0}.timeline article{position:relative;padding:0 0 30px 27px;border-left:1px solid #46503e}.timeline article:before{content:'';position:absolute;width:7px;height:7px;left:-4px;top:5px;border-radius:50%;background:#738364}.timeline article:first-child:before{background:var(--lime);box-shadow:0 0 0 5px #d6f99412}.timeline article:last-child{padding-bottom:0}.timeline .eyebrow{display:flex;justify-content:space-between;font-size:8px;margin-bottom:12px}.current{color:var(--lime);letter-spacing:1px}.timeline h3{font-size:23px;margin:0 0 5px}.timeline .company{color:#d2dbc8;font-size:12px;margin:0 0 15px}.timeline p,.timeline ul{color:var(--muted);font-size:12px;line-height:1.8}.timeline ul{padding-left:15px;margin-bottom:0}.timeline li::marker{color:#99ac82}.lab-layout{display:grid;grid-template-columns:1.65fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden}.topology{padding:25px;background:radial-gradient(#68785a35 .8px,transparent .8px);background-size:14px 14px}.topology-title{font:7px var(--mono);color:#a6b199;display:flex;justify-content:space-between;letter-spacing:1px}.internet{display:flex;flex-direction:column;align-items:center;margin:27px 0 0;color:#a8b397;font-size:25px;line-height:1.3}.internet span{font:7px var(--mono);letter-spacing:1px}.vertical-line{width:1px;height:25px;background:#536447;margin:auto}.lab-node{border:1px solid #48533e;border-radius:4px;background:#1c241d;text-align:left;position:relative;padding:18px 12px 14px;cursor:pointer;transition:background .2s,border-color .2s}.lab-node:hover{background:#2b3827;border-color:var(--lime)}.lab-node.active{border-color:#a9ca7d;background:#283321}.lab-node .node-indicator{position:absolute;right:10px;top:10px;width:4px;height:4px}.lab-node strong{display:block;font-weight:500;font-size:10px;white-space:nowrap}.lab-node>span:not(.node-indicator){font-size:8px;color:var(--muted);display:block;margin-top:3px}.router{display:block;width:205px;margin:auto;padding:18px}.router strong{font-size:12px}.router b{position:absolute;right:18px;bottom:18px;font-size:14px;color:var(--lime)}.branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;position:relative}.branches:before{content:'';position:absolute;height:18px;top:-20px;left:16%;right:16%;border:1px solid #536447;border-bottom:0}.branches:after{content:'';position:absolute;width:1px;height:38px;background:#536447;top:-38px;left:50%}.topology-note{font:7px/1.7 var(--mono);color:#7e8975;margin:25px 0 0}.node-detail{padding:40px 30px;background:#20281f;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.detail-icon{font-size:32px;line-height:1;color:var(--lime);margin-bottom:27px}.node-detail .eyebrow{font-size:8px;margin-bottom:13px}.node-detail h3{font-size:25px;margin-bottom:10px}.node-detail>p:not(.eyebrow){color:#b0baa5;font-size:12px;line-height:1.9;margin:0}.node-detail .tags{margin:20px 0}.detail-foot{font:7px var(--mono);letter-spacing:1px;color:#8da276;margin-top:auto;padding-top:14px}.amber{background:#d7b579}.study{display:flex;align-items:center;gap:20px;margin-top:25px;padding:25px 28px;background:#171e19;border:1px solid var(--line);border-radius:5px}.study-symbol{font-size:35px;color:#b9cda3}.study .eyebrow{font-size:7px;margin-bottom:5px}.study h3{font-size:19px;margin-bottom:3px}.study p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0}.study-pill{margin-left:auto;border:1px solid #4b593e;border-radius:50px;font:7px var(--mono);color:var(--lime);padding:7px 10px;white-space:nowrap}.credentials{display:grid;grid-template-columns:1fr 1fr 1.4fr;padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.credentials>div{display:flex;gap:15px;align-items:center}.credential-icon{font-size:29px;color:#8c9c78}.credentials strong{font-size:13px;font-weight:500}.credentials strong>span{font-size:9px;font-weight:400;display:block;color:var(--muted);margin-top:2px}.contact{padding-top:100px;padding-bottom:70px}.contact .eyebrow{font-size:8px;display:flex;gap:10px;align-items:center}.contact h2{font-size:80px;position:relative;line-height:1.02}.contact h2 .serif{color:var(--lime)}.contact-arrow{position:absolute;right:10px;top:20px;border:1px solid #708157;width:95px;height:95px;display:grid;place-items:center;border-radius:50%;font-size:65px;font-weight:400;color:var(--lime);transition:background .2s}.contact-arrow:hover{background:#303e23}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:32px}.contact-bottom p{font-size:13px;color:var(--muted);margin:0}.contact-bottom>a{color:var(--lime);border-bottom:1px solid #536440;padding-bottom:6px}footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;font-size:10px;color:var(--muted)}footer .wordmark{color:var(--ink);font-size:25px}footer>div{margin-left:auto;display:flex;gap:25px}.skip{position:fixed;left:20px;top:-60px;padding:10px;background:var(--lime);color:var(--bg);z-index:10}.skip:focus{top:10px}::selection{background:var(--lime);color:var(--bg)}
@media(min-width:1450px){.hero{padding-top:100px;padding-bottom:90px}.hero h1{font-size:78px}.network-art{height:500px}}@media(max-width:1000px){.wrap{padding-left:32px;padding-right:32px}header{padding:0 32px}.hero{gap:0}.hero h1{font-size:58px}.hero .eyebrow{font-size:7px}.network-art{height:430px}.core{width:175px}.left-node{left:10%}.right-node{left:90%}.node-glyph{width:36px;height:36px}.art-node>span:last-child{font-size:5px}.project-copy{padding:28px}.terminal{margin-right:20px}.experience-layout{gap:45px}.stats>div{padding:0 18px}.lab-layout{grid-template-columns:1.5fr 1fr}.topology{padding:20px}.lab-node strong{font-size:8px}.node-detail{padding:30px 22px}.credentials strong>span{font-size:8px}.contact h2{font-size:70px}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}header{height:80px;padding:0 24px}.wordmark{font-size:18px}.brand-icon{margin-right:10px}nav{display:none}.resume{padding:7px 12px;font-size:11px}.resume span{margin-left:12px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:35px}.hero .eyebrow{font-size:8px}.hero h1{font-size:64px;letter-spacing:-2.8px}.intro{font-size:17px;max-width:390px}.hero-detail{font-size:12px}.byline{margin-top:30px}.network-art{height:380px;max-width:490px;width:100%;margin:25px auto 0}.core{width:180px;height:135px}.art-node>span:last-child{font-size:6px}.left-node{left:12%}.right-node{left:88%}.orbit-two{width:340px;height:340px}.orbit-one{width:240px;height:240px}.art-top,.art-bottom{left:0;right:0}.stats{grid-template-columns:1fr 1fr;gap:24px 0;padding-top:25px;padding-bottom:25px}.stats>div{padding:0 0 0 23px}.stats>div:nth-child(odd){padding:0;border-right:1px solid var(--line)}.stats>div:nth-child(even){border:0}.stats strong{font-size:36px}.stats>div>span{font-size:10px}.section{padding-top:65px;padding-bottom:65px}.section-head{display:block;margin-bottom:28px}h2{font-size:44px}.section-head>p{margin:22px 0 0;font-size:12px}.featured{grid-template-columns:1fr}.project-copy{padding:27px}.terminal{margin:0 23px 28px;transform:rotate(-1deg)}.terminal-body{padding:15px 20px}.project-grid{grid-template-columns:1fr;gap:22px}.dns-art,.photo-art{height:180px}.small-project-copy{padding:27px}.experience-section{padding:65px 0}.experience-layout{grid-template-columns:1fr;gap:42px}.timeline h3{font-size:22px}.lab-layout{grid-template-columns:1fr}.topology{padding:20px 15px 22px}.topology-title{font-size:6px}.branches{gap:7px}.lab-node{padding:19px 8px 12px}.lab-node strong{font-size:8px}.lab-node>span:not(.node-indicator){font-size:7px}.node-detail{border-left:0;border-top:1px solid var(--line);min-height:290px;padding:27px}.detail-icon{margin-bottom:20px}.node-detail h3{font-size:25px}.study{padding:20px 17px;gap:14px;flex-wrap:wrap}.study-symbol{font-size:25px}.study>div{flex:1}.study h3{font-size:17px}.study-pill{margin-left:40px}.credentials{grid-template-columns:1fr;gap:25px}.credentials strong>span{font-size:10px}.credentials>div{gap:20px}.credential-icon{width:25px}.contact{padding-top:65px;padding-bottom:45px}.contact h2{font-size:56px}.contact-arrow{height:55px;width:55px;font-size:38px;right:0;top:4px}.contact .eyebrow{font-size:7px;letter-spacing:.5px}.contact-bottom{display:block;margin-top:25px}.contact-bottom p{font-size:12px;margin-bottom:25px}footer{gap:20px;flex-wrap:wrap;padding-top:20px}footer>div{width:100%;margin:0;justify-content:space-between;gap:15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.network-lines .flow{animation:none}*{transition:none!important}}

/* Cloud project: conceptual design, presented separately from deployed work. */
.cloud-project{grid-template-columns:1.15fr 1fr}.project .project-status{display:flex;align-items:center;gap:9px;font:9px/1.8 var(--mono);color:#b9c9a6;margin-top:25px}.cloud-diagram{display:flex;flex-direction:column;justify-content:space-between;padding:25px 20px;background:radial-gradient(#62764c35 .8px,transparent .8px);background-size:17px 17px;border-left:1px solid var(--line);min-width:0}.cloud-diagram-label,.cloud-diagram-footer{display:flex;justify-content:space-between;gap:12px;font:7px/1.8 var(--mono);color:#a8b994;letter-spacing:.5px}.cloud-diagram-label span:last-child{color:var(--lime)}.cloud-diagram svg{width:100%;height:auto;display:block;margin:15px 0}.diagram-small{font:8px 'DM Mono',monospace;letter-spacing:1px;fill:#9eaf8e}.diagram-title{font:13px 'DM Sans',sans-serif;fill:#e8eddf}.cloud-diagram-footer{font-size:6px}.cloud-diagram-footer span:last-child{color:#7e8f6d}.timeline h3{overflow-wrap:break-word}@media(max-width:760px){.cloud-project{grid-template-columns:1fr}.cloud-diagram{border-left:0;border-top:1px solid var(--line);padding:22px}.cloud-diagram svg{max-height:290px}.cloud-diagram-label{font-size:6px}.cloud-diagram-footer{flex-wrap:wrap}.project .project-status{font-size:8px}}
/* Expanded home network: physical devices, synchronized DNS, and hosted VM. */
.lab-inventory{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:6px 6px 0 0;background:#171f19;padding:18px 24px}.lab-inventory>span{font:9px var(--mono);color:#a9b69f;display:flex;align-items:center;gap:10px}.lab-inventory b{font:20px var(--sans);color:var(--lime);font-weight:450}.lab-layout.expanded-lab{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);border-radius:0 0 6px 6px;border-top:0;position:relative}.home-topology{padding:25px 24px 20px;background:radial-gradient(#68785a35 .8px,transparent .8px);background-size:15px 15px;min-width:0}.map-heading,.inspector-label{display:flex;justify-content:space-between;gap:12px;font:7px/1.7 var(--mono);letter-spacing:.7px;color:#9cad8f}.map-heading>span:last-child{color:#d6f994}.backbone{display:flex;align-items:center;flex-direction:column;margin:25px auto 0}.device{display:flex;align-items:center;position:relative;gap:10px;width:100%;background:#1c251c;border:1px solid #485940;border-radius:5px;padding:14px 12px;text-align:left;cursor:pointer;transition:border-color .2s,background .2s;min-width:0}.device:hover{border-color:#a3bc7e;background:#263421}.device.selected{background:linear-gradient(120deg,#35442a,#26331f);border-color:var(--lime);box-shadow:0 0 20px #b6e5680b}.device-icon{font-size:21px;line-height:1;color:#c5d9a9;flex-shrink:0}.device-copy{min-width:0;display:block}.device-copy strong{font-size:10px;font-weight:550;line-height:1.4;display:block}.device-copy>span{font-size:8px;line-height:1.5;color:#a6b19d;display:block;margin-top:3px}.device-arrow{font-size:10px;color:#8da773;margin-left:auto}.device.selected .device-arrow{color:var(--lime)}.backbone>.device{width:250px;max-width:100%;padding:13px 17px}.backbone>.device .device-copy strong{font-size:12px}.backbone>.device .device-icon{font-size:24px;margin-right:4px}.backbone>.device[data-node=isp]{background:#141c16;border-color:#3e4c36;width:185px;padding:9px 14px}.backbone>.device[data-node=isp] .device-copy strong{font-size:11px}.backbone>.device[data-node=switch]{flex-wrap:wrap}.port-strip{display:flex;gap:3px;width:100%;padding:6px 0 0 37px}.port-strip i{display:block;width:8px;height:6px;background:#465b36;border:1px solid #7e975e;border-radius:1px}.port-strip i:nth-child(-n+6){background:#bcde88}.map-link{width:1px;height:28px;background:#657951;position:relative}.map-link>span{position:absolute;font:6px var(--mono);letter-spacing:1px;left:8px;top:8px;color:#81936e}.network-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;position:relative}.network-zones:before{content:'';position:absolute;top:-17px;left:16.66%;right:16.66%;border-top:1px solid #657951}.network-zones:after{content:'';height:34px;width:1px;position:absolute;top:-34px;left:50%;background:#657951}.network-zone{position:relative;background:#17201999;border:1px solid #35452e;border-radius:5px;padding:12px 9px;min-width:0}.network-zone:before{content:'';position:absolute;top:-18px;left:50%;height:17px;width:1px;background:#657951}.zone-label{display:flex;justify-content:space-between;gap:5px;font:6px/1.6 var(--mono);color:#9caa8e;margin:0 0 12px;letter-spacing:.4px;flex-wrap:wrap}.zone-label>span:last-child{color:#6f8460}.network-zone .device{padding:11px 8px;gap:6px}.network-zone .device-icon{font-size:17px}.network-zone .device-copy strong{font-size:9px}.network-zone .device-copy>span{font-size:7px}.network-zone .device-arrow{display:none}.wireless-zone .device+.device{margin-top:23px}.sync-link{font:6px var(--mono);color:#bbce9e;height:23px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.sync-link span{font-size:15px}.vm-link{height:23px;position:relative;width:1px;border-left:1px dashed #91a772;margin:auto}.vm-link span{position:absolute;top:6px;left:7px;font:5px var(--mono);color:#8da578;white-space:nowrap}.compute-zone [data-node=ha]{background:#263023;border-style:dashed}.map-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;font:7px var(--mono);color:#8e9f80}.map-legend>span{display:flex;align-items:center;gap:7px}.legend-line{width:17px;border-top:1px solid #8da773}.legend-line.dashed{border-top-style:dashed}.map-caption{font:7px/1.8 var(--mono);color:#718266;margin:13px 0 0}.lab-inspector{padding:25px 26px;min-width:0;scroll-margin-top:20px}.inspector-label{width:100%;margin-bottom:40px;font-size:6px}.lab-inspector .detail-icon{background:#35442b;border:1px solid #536846;width:58px;height:58px;border-radius:10px;display:grid;place-items:center;font-size:30px;margin-bottom:25px}.lab-inspector h3{font-size:26px;line-height:1.2}.lab-inspector>p:not(.eyebrow){font-size:12px;line-height:1.9}.lab-inspector .tags{margin:22px 0}.lab-inspector .tags span{font-size:8px;padding:4px 7px}.device-facts{width:100%;margin:0;border-top:1px solid #3d4d34}.device-facts>div{display:flex;gap:15px;justify-content:space-between;padding:11px 0;border-bottom:1px solid #3d4d34;font-size:10px;line-height:1.6}.device-facts dt{color:#91a180;flex-shrink:0}.device-facts dd{color:#d0dac6;text-align:right;margin:0}.inspector-note{display:flex;align-items:flex-start;gap:10px;margin-top:25px}.inspector-note>span{color:var(--lime);font-size:21px;line-height:1.3}.inspector-note p{font-size:10px;line-height:1.8;color:#94a484;margin:0}.lab-inspector .detail-foot{margin-top:auto;padding-top:30px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.lab-layout.expanded-lab{grid-template-columns:minmax(0,1.65fr) minmax(235px,1fr)}.home-topology{padding:22px 15px}.network-zones{gap:7px}.network-zone{padding:10px 5px}.network-zone .device{flex-direction:column;align-items:flex-start;gap:6px}.lab-inspector{padding:23px 20px}.lab-inventory{padding:15px 20px}.lab-inventory>span{font-size:8px;gap:7px}.map-heading{font-size:6px}}
@media(max-width:760px){.lab-layout.expanded-lab{grid-template-columns:1fr}.lab-inventory{grid-template-columns:1fr 1fr;gap:12px 15px;padding:17px 20px}.lab-inventory>span{font-size:8px}.lab-inventory b{font-size:18px}.home-topology{padding:20px 13px}.map-heading{font-size:5px;letter-spacing:.3px}.network-zones{gap:6px;margin-top:32px}.zone-label{font-size:5px;gap:3px;letter-spacing:0}.network-zone{padding:10px 5px}.network-zone .device{padding:9px 6px}.network-zone .device-copy strong{font-size:8px}.network-zone .device-copy>span{font-size:6px}.network-zone .device-icon{font-size:18px}.sync-link{font-size:5px;gap:3px;height:23px}.vm-link span{font-size:4px;left:5px}.port-strip{gap:3px}.map-legend{font-size:6px;gap:12px}.map-caption{font-size:6px}.lab-inspector{padding:25px;min-height:490px}.inspector-label{margin-bottom:25px}.lab-inspector .detail-icon{margin-bottom:20px}.lab-inspector h3{font-size:27px}.device-facts>div{font-size:11px}.inspector-note p{font-size:11px}.lab-inspector .detail-foot{padding-top:25px}.map-heading>span:last-child{white-space:nowrap}}
/* Home Assistant project and lab handoff. */
.ha-project{margin-top:25px;margin-bottom:0}.ha-routines{padding:30px;background:radial-gradient(#6e85532b .8px,transparent .8px),#1d281d;background-size:16px 16px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:18px}.ha-routine-heading{display:flex;justify-content:space-between;align-items:center;font:7px/1.8 var(--mono);letter-spacing:1px;color:#a6b796;margin-bottom:5px}.ha-routine-heading>span:last-child{font-size:25px;color:var(--lime)}.ha-routine{display:flex;align-items:center;gap:18px;border:1px solid #4d603d;background:#23301f;padding:23px 18px;border-radius:5px}.ha-routine-icon{font-size:30px;line-height:1;color:var(--lime)}.ha-routine>div>span{font:7px/1.8 var(--mono);color:#adc491;letter-spacing:.6px}.ha-routine strong{display:block;font-size:29px;font-weight:450;letter-spacing:-1px;margin:4px 0}.project .ha-routine p{font:8px/1.8 var(--mono);color:#99ad83;margin:0}.ha-routines-foot{font:6px/1.8 var(--mono);letter-spacing:1px;color:#859f70;margin-top:4px}.inspector-project{display:block;font-size:11px;line-height:1.8;color:var(--lime);margin-top:23px;padding-top:14px;border-top:1px solid #465b35;width:100%}.inspector-project[hidden]{display:none}.inspector-project:hover{text-decoration:underline}@media(max-width:760px){.ha-routines{border-left:0;border-top:1px solid var(--line);padding:24px}.ha-routine{padding:19px 16px}.ha-routine strong{font-size:27px}.ha-routine>div>span{font-size:6px}.ha-project{margin-top:22px}}