@font-face{font-family:Space;src:url(/fonts/space-grotesk.woff2) format("woff2");font-display:swap;font-weight:300 700}@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format("woff2");font-display:swap;font-weight:100 900}:root{font-family:Inter,Arial,sans-serif;background:#060910;color:#eaf0fa;--bg:#060910;--panel:#0d1421;--blue:#79adff;--line:#243248;--muted:#a0adc2;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #91beff;outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Space,Arial,sans-serif;font-weight:500}p{line-height:1.8}em{font-family:var(--serif);font-weight:400}::selection{background:#80b3ff;color:#07101d}.wrap{width:90%;max-width:1440px;margin-left:auto;margin-right:auto}.section-space{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}h2{font-size:clamp(34px,4.3vw,63px);line-height:1.08;letter-spacing:-2.7px}h2 em{color:#8fb7f0}.section-heading>p{font-size:13px;color:var(--muted);max-width:310px}.eyebrow{font-size:9px;line-height:1.6;font-weight:500;letter-spacing:1.7px;display:flex;align-items:center;gap:11px;color:#9eb0ca}.marker{height:5px;width:5px;display:inline-block;background:#7baeff;box-shadow:0 0 10px #79adff55}.section-heading .eyebrow{margin-bottom:22px}.button-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}.button-column{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.magnetic{display:inline-flex}.button{min-height:49px;display:inline-flex;align-items:center;gap:22px;justify-content:center;font-size:12px;border:1px solid #405576;padding:0 23px;border-radius:4px;transition:background .25s,color .25s,border-color .25s;background:#101a2a30}.button:hover{background:#1c3152;border-color:#8fb7f0}.button svg{transition:transform .25s}.button:hover svg{transform:translate(2px,-2px)}.button.primary{background:#91bfff;color:#071324;border-color:#91bfff}.button.primary:hover{background:#b2d2ff}.button.quiet{border-color:transparent;background:none;padding-left:12px}.action{min-width:42px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #344864;background:transparent;border-radius:4px}.action:hover{background:#172943}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;padding:9px 0;border-bottom:1px solid #516783;color:#bfd6f8}.text-link:hover{color:#fff}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.tags span{font-size:10px;line-height:1.3;border:1px solid #36465d;padding:7px 11px;border-radius:3px;color:#b5c6de}.source-note{font-size:11px!important;line-height:1.8!important;color:#899bb7!important;margin-top:25px;margin-bottom:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal-word,.reveal-unit{display:inline-block;vertical-align:baseline}.reveal-word{white-space:nowrap}.skip{position:fixed;left:15px;top:-100px;padding:15px;background:#91bfff;color:#071324;z-index:100}.skip:focus{top:10px}.site-header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27395466;position:relative;z-index:20;background:#060910}.wordmark{display:inline-flex;align-items:center;font-family:Space,sans-serif;font-size:25px;letter-spacing:-1.8px;font-weight:600}.wordmark span{font-weight:400;color:#a9b6cc}.wordmark b{font-weight:400;margin-left:9px;font-size:27px;color:#8fb7f0;animation:turn 30s linear infinite}.site-header nav{display:flex;gap:31px;color:#b8c5da;font-size:12px}.site-header nav a{padding:16px 0;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{color:#fff;border-color:#7baeff}.header-actions{display:flex;align-items:center;gap:20px}.header-contact{min-height:39px;font-size:11px;padding:0 17px}.search-button{border:0;gap:4px;color:#a8b8d0;font-size:11px;min-width:32px}.menu-button{display:none}.cinema-hero{position:relative;isolation:isolate;min-height:760px;overflow:hidden;display:flex;flex-direction:column}.hero-shader{position:absolute;inset:0;z-index:-4;opacity:.65;background:#07152d}.hero-portrait{position:absolute;right:1%;top:0;bottom:0;width:54%;z-index:-3;-webkit-mask-image:linear-gradient(90deg,transparent,black 26%,black 95%,transparent);mask-image:linear-gradient(90deg,transparent,black 26%,black 95%,transparent)}.hero-portrait img{height:100%;width:100%;object-fit:cover;object-position:center 25%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#060910e8,#060910aa 25%,#06091010 70%),linear-gradient(0deg,#060910,#06091000 30%,#06091015 78%,#06091088)}.hero-top{display:flex;align-items:center;justify-content:space-between;padding-top:27px}.hero-top .eyebrow{font-size:8px;letter-spacing:1.8px}.edition{font-size:7px;letter-spacing:1.8px;color:#bbc8dc}.hero-copy{padding-top:61px;padding-bottom:37px}.hero-copy h1{font-size:clamp(66px,7.3vw,113px);line-height:1.02;letter-spacing:-5.6px;font-weight:500;max-width:800px}.hero-copy h1 em{font-family:var(--serif);color:#a9ccff;font-size:1.02em;letter-spacing:-.055em}.hero-soft{color:#abb9d0}.hero-copy>p{margin-top:27px;font-size:15px;line-height:1.7;color:#c0cde2}.hero-copy .button-row{margin-top:29px}.hero-foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-bottom:35px;padding-top:15px;font-size:8px;letter-spacing:1.4px;color:#8299b9}.hero-foot strong{font-size:11px;letter-spacing:.2px;display:block;margin-top:9px;color:#c1cfe4;font-weight:400}.hero-foot>a{display:flex;align-items:center;gap:15px;letter-spacing:.5px;font-size:10px;color:#adc5e8}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;gap:35px;border-top:1px solid #2b3e5e;border-bottom:1px solid #2b3e5e;padding:38px 0;margin-top:0}.proof-strip strong{font-family:Space;font-weight:400;font-size:39px;letter-spacing:-1.5px}.proof-strip strong span{color:#739bcf;font-size:.7em}.proof-strip p{font-size:10px;color:#9caec8;margin-top:6px}.proof-context{font-size:8px;letter-spacing:1.1px;line-height:1.8;align-self:center;color:#a7b8cf;border-left:1px solid var(--line);padding-left:30px}.proof-context a{display:flex;gap:14px;align-items:center;margin-top:13px;letter-spacing:0;color:#c7ddfa;font-size:10px}.home-feature{padding-bottom:70px}.chapter-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter-links>a{padding:35px 30px 35px 0;position:relative}.chapter-links>a+a{border-left:1px solid var(--line);padding-left:30px}.chapter-links span{font-size:8px;letter-spacing:1.3px;color:#7f98ba}.chapter-links h3{font-size:23px;line-height:1.2;letter-spacing:-.8px;margin:21px 0 13px}.chapter-links p{font-size:11px;color:var(--muted);max-width:280px;padding-right:20px}.chapter-links svg{position:absolute;right:22px;bottom:29px;width:18px;color:#7baeff}.chapter-links a:hover{background:#101d3044}.cta{padding-top:85px;padding-bottom:85px;display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:65px;border-top:1px solid var(--line)}.cta .eyebrow{margin-bottom:23px}.cta h2{font-size:clamp(36px,4.6vw,65px)}.page-heading{padding-top:70px;padding-bottom:55px}.page-heading h1{font-size:clamp(48px,6.3vw,90px);line-height:1.07;letter-spacing:-4px;max-width:1160px;margin-top:26px}.page-heading h1 em{color:#95baf0}.page-lead{max-width:700px;font-size:15px;line-height:1.85;color:#aebfd9;margin-top:28px}.page-heading>.magnetic{margin-top:25px}.page-heading .tags{margin-bottom:0}.breadcrumb{display:flex;align-items:center;justify-content:space-between;padding-top:34px}.breadcrumb a{display:flex;align-items:center;gap:5px;color:#97b6df;font-size:11px}.breadcrumb>span{font-size:7px;letter-spacing:1.3px;color:#7a92b3}.breadcrumb+.page-heading{padding-top:36px}.project-card{background:#0b111c;border:1px solid #26354c;overflow:hidden;display:grid;grid-template-columns:1.14fr 1fr;border-radius:5px}.project-art{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:50px 35px;background:radial-gradient(ellipse at 30% 20%,#264c7b,#101e33 70%)}.project-copy{padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-copy .eyebrow{font-size:7px;letter-spacing:1.3px}.project-copy h3{font-size:40px;letter-spacing:-1.6px;line-height:1.1;margin:23px 0 18px}.project-copy>p{font-size:12px;color:#a1b1ca;max-width:530px}.project-copy .tags{margin:21px 0 25px}.project-copy .button{min-height:44px;font-size:11px}.browser-frame{width:100%;transform:perspective(1100px) rotateY(-9deg) rotateX(5deg) rotate(-2deg);box-shadow:10px 30px 45px #0007;border:1px solid #a6c0e84d;border-radius:5px;overflow:hidden;transition:transform .7s}.project-art:hover .browser-frame{transform:perspective(1100px) rotateY(-3deg) rotateX(0) rotate(0)}.browser-bar{height:25px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#cdd6e3;color:#304463}.browser-bar>span{height:4px;width:4px;background:#7d8ca3;border-radius:50%}.browser-bar>small{font-size:5px;letter-spacing:.7px;margin:auto}.browser-frame>img{width:100%}.project-showvault .browser-frame>img{aspect-ratio:1.38;object-fit:cover;object-position:top}.screen-badge{position:absolute;bottom:24px;right:26px;background:#b6d5ff;color:#0d2446;font-family:Space;font-size:32px;padding:13px 20px;box-shadow:0 8px 25px #0005;line-height:1}.screen-badge small{display:block;font-family:Inter;font-size:6px;letter-spacing:1.2px;margin-top:7px}.work-stack{display:flex;flex-direction:column;gap:28px}.project-sales-calculator .project-art{background:radial-gradient(ellipse at 30% 20%,#20354f,#0d1522 70%)}.project-pricing-cards .browser-frame{max-width:220px}.project-pricing-cards .browser-frame img{max-height:315px;object-fit:contain;background:#e8ecf1}.project-pricing-cards .browser-bar small{font-size:4px}.work-links{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.work-links a{padding:27px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-family:Space;font-size:21px;color:#b4cdeb}.work-links svg{color:#7baeff}.server-art{width:100%;min-height:335px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.server-orbit{width:290px;height:290px;border:1px solid #4671a755;position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center}.server-orbit:after{content:"";inset:36px;border:1px solid #4671a755;border-radius:50%;position:absolute}.orbiting{position:absolute;display:flex;align-items:center;justify-content:center;animation:orbit var(--duration) linear infinite;animation-delay:var(--delay)}.orbiting.reverse{animation-direction:reverse}.orbit-dot{width:8px;height:8px;border-radius:50%;background:#8dbaff;box-shadow:0 0 15px #79adffaa}.orbit-dot.small{width:5px;height:5px}.server-stack{display:flex;flex-direction:column;gap:10px;transform:rotateY(-25deg) rotateX(12deg) rotate(-9deg);animation:serverFloat 6s ease-in-out infinite}.server-unit{display:flex;align-items:center;gap:16px;border:1px solid #6d91be66;border-radius:8px;height:68px;width:270px;background:linear-gradient(135deg,#2b486d,#0b1627);box-shadow:13px 15px #080e19,14px 16px #375074;position:relative;padding:0 18px;color:#8db6ec}.server-slots{font-size:20px;letter-spacing:-2px;color:#6c86a75c;overflow:hidden;max-width:113px}.server-unit i{height:3px;width:3px;border-radius:50%;background:#80b8ff;box-shadow:0 0 6px #6098fb}.server-caption{position:absolute;bottom:1px;font-size:7px;letter-spacing:1.6px;color:#688cbd}.case-hero-image .screen-figure{margin:0;border:1px solid #344767;background:#101927;padding:26px;border-radius:5px}.case-hero-image img{width:100%;max-height:760px;object-fit:contain;background:#dde5ed}.screen-figure{margin:0;min-width:0}.screen-figure a{display:block}.screen-figure img{width:100%;object-fit:contain;background:#152133}.screen-figure figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:10px;line-height:1.7;color:#98adc9}.project-facts{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:30px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:36px}.project-facts span{display:block;font-size:7px;letter-spacing:1.5px;color:#768eaf;margin-bottom:10px}.project-facts strong{font-size:12px;font-weight:400;color:#c6d6ec;line-height:1.5}.editorial-case{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;padding:100px 0}.editorial-case .eyebrow{margin-bottom:25px}.editorial-case h2{font-size:clamp(35px,3.7vw,53px)}.editorial-case>div>p{font-size:14px;color:#acbed8;margin-bottom:23px}.editorial-case>div>h3{font-size:23px;letter-spacing:-.7px;margin:25px 0 13px}.editorial-case>div>h3:first-child{margin-top:0}.impact-note{display:flex;align-items:center;gap:22px;padding:27px 0;margin:27px 0;border-top:1px solid #334e75;border-bottom:1px solid #334e75}.impact-note strong{font-family:Space;font-size:54px;color:#8bb8f7;font-weight:400;letter-spacing:-2px}.impact-note span{font-size:11px;line-height:1.8;color:#a9c2e3}.system-section{border-top:1px solid var(--line);padding:65px 0}.flow-diagram{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;gap:16px;align-items:center}.flow-diagram>div{border:1px solid #334d73;background:linear-gradient(135deg,#172840,#0a101b);padding:27px 22px;min-height:170px;display:flex;flex-direction:column;align-items:flex-start}.flow-diagram>div>svg{color:#90bcf5;margin-bottom:22px}.flow-diagram>svg{color:#587fab}.flow-diagram strong{font-size:16px;font-family:Space;font-weight:400;line-height:1.4}.flow-diagram span{font-size:10px;margin-top:11px;line-height:1.7;color:#819bbd}.integration-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding-top:27px;color:#8ba6cb;font-size:10px}.design-decisions{padding:55px 0 80px;border-top:1px solid var(--line)}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 65px;margin-top:36px}.decision-grid article{border-top:1px solid #273b59;padding-top:20px}.decision-grid article>span{font-size:9px;color:#6d99d3}.decision-grid h3{font-size:25px;letter-spacing:-1px;line-height:1.25;margin:16px 0}.decision-grid p{font-size:12px;color:#a0b3cf}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.screenshot-grid figure:last-child{grid-column:1/-1;max-width:800px;margin:auto}.screenshot-grid img{aspect-ratio:1.35;object-fit:contain;background:#142039}.project-close{display:flex;justify-content:space-between;align-items:center;gap:55px;padding:75px 0;border-top:1px solid var(--line);margin-top:70px}.project-close>div:first-child{max-width:650px}.project-close h2{font-size:42px;margin-bottom:25px}.project-close p{font-size:13px;color:#9eafca;max-width:650px}.homelab-hero{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:40px;background:radial-gradient(ellipse at 25% 50%,#183356,#0b1321 75%);border:1px solid #293d5a}.homelab-hero .server-art{min-height:420px}.homelab-hero>div:last-child{align-self:center}.homelab-hero h2{font-size:48px;letter-spacing:-2px;margin:25px 0}.homelab-hero p:not(.eyebrow){font-size:13px;color:#9fb4d2}.infra-stages{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;gap:10px}.infra-stages>.magnetic{display:block}.infra-stages button{background:#0d1625;border:1px solid #314868;width:100%;min-height:170px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:25px;transition:.3s}.infra-stages button[aria-selected=true]{border-color:#95bcf0;background:#192c49}.infra-stages button>svg{color:#90b5e6;margin-bottom:15px}.infra-stages button>span{font-size:8px;color:#6987af;margin-bottom:7px}.infra-stages button strong{font-family:Space;font-weight:500;font-size:17px}.flow-arrow{color:#4d739f}.infra-detail{min-height:180px;border:1px solid #355077;background:#0f1c30;margin-top:24px;padding:32px 38px}.infra-detail h3{font-size:25px;letter-spacing:-.7px;margin-bottom:14px}.infra-detail p{font-size:13px;color:#a4bad9;max-width:850px}.tech-band{border-top:1px solid var(--line);padding-top:35px}.original-case{padding-top:60px}.case-intro{max-width:850px;margin-bottom:60px}.case-intro>p{font-size:20px;line-height:1.7;color:#b5c9e6;margin-top:24px}.legacy-copy{max-width:850px;margin:0 auto 30px}.legacy-copy h2{font-size:44px;margin:65px 0 26px;color:#b5d3ff}.legacy-copy p{font-size:14px;line-height:1.95;color:#a6b9d4;margin:16px 0;white-space:pre-wrap}.legacy-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0}.legacy-media.count-1{grid-template-columns:1fr;max-width:650px;margin:40px auto}.legacy-media.count-2{grid-template-columns:1fr 1fr}.legacy-media .screen-figure{background:#101c2c;border:1px solid #233e61;padding:20px}.legacy-media img{height:290px;object-fit:contain;background:transparent}.legacy-media.count-1 img{height:auto;max-height:650px}.legacy-media figcaption{font-size:10px}.expertise{display:grid;grid-template-columns:.85fr 1.3fr;gap:7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skill-tabs{padding:25px 0}.skill-tabs>.magnetic{display:block}.skill-tabs button{display:flex;align-items:center;gap:15px;padding:26px 0;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;font-family:Space;font-size:16px;color:#8ba0bd}.skill-tabs button>svg:last-child{margin-left:auto}.skill-tabs button[aria-selected=true]{color:#b8d6ff}.skill-panel{padding:40px 0 40px 5%;border-left:1px solid var(--line);min-height:510px}.skill-panel h2{font-size:37px;letter-spacing:-1.5px;line-height:1.15;margin:25px 0}.skill-panel p{font-size:13px;color:#a7bcd9;max-width:660px}.evidence{border-top:1px solid var(--line);padding:22px 0;margin-bottom:18px}.evidence>span{font-size:8px;color:#628cc3;letter-spacing:1.6px}.evidence p{margin-top:10px;font-size:12px}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:75px;margin-bottom:50px}.credentials article{padding:30px;border:1px solid var(--line);background:linear-gradient(120deg,#11213b,#090f19)}.credentials article>svg{color:#98c0f4;margin-bottom:20px}.credentials h3{font-size:26px;letter-spacing:-.8px;margin:22px 0 14px}.credentials p{font-size:12px;color:#a4bad9}.credentials strong{display:block;margin-top:20px;font-weight:400;font-size:11px;color:#8badde}.about-layout{display:grid;grid-template-columns:.8fr 1fr;gap:10%;align-items:start}.about-portrait{position:relative;border:1px solid #2f4260}.about-portrait img{width:100%;object-fit:cover}.about-portrait>span{position:absolute;bottom:0;left:0;right:0;padding:28px 20px 20px;font-size:7px;letter-spacing:1.5px;background:linear-gradient(transparent,#060910);color:#c4d3e9}.about-prose h2{font-size:45px;margin:5px 0 28px}.about-prose>p{font-size:14px;color:#a9bdd9;margin:20px 0}.personal-range{display:flex;align-items:center;gap:45px;margin-top:80px;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.personal-range>div{display:flex;flex-direction:column;gap:10px}.personal-range strong{font-size:40px;font-family:Space;font-weight:400;color:#9ac2fa;letter-spacing:-1.6px}.personal-range span{font-size:9px;color:#869dbd}.personal-range p{font-size:11px;line-height:1.8;color:#9cafca;margin-left:auto}.personal-range .text-link{font-size:10px}.career-impact{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-block:1px solid #2c4467;padding:32px 0}.career-impact>div{display:flex;flex-direction:column;gap:12px}.career-impact strong{font-family:Space;font-weight:400;font-size:27px;letter-spacing:-1px;color:#a5c9fb}.career-impact span{font-size:10px;color:#9ab0d0;line-height:1.6}.career-timeline{padding-top:35px}.career-timeline article{display:grid;grid-template-columns:.6fr 1.7fr;gap:9%;padding:43px 0;border-bottom:1px solid #263a58}.career-date{display:flex;flex-direction:column;gap:22px;font-size:11px;line-height:1.7;color:#b1c7e7}.career-date small{font-size:10px;color:#465e80}.career-role h2{font-size:31px;letter-spacing:-1.2px}.career-role h3{font-size:14px;color:#91b7ec;margin:16px 0 22px;line-height:1.5}.career-role h3>span{font-size:11px;font-family:Inter;color:#8299ba}.career-role p,.career-role li{font-size:12px;line-height:1.85;color:#a8bdd9}.career-role ul{padding-left:18px;margin-top:19px}.career-role li{padding-left:4px;margin:10px 0}.career-role li::marker{color:#729acd}.story-chapters article{display:grid;grid-template-columns:.25fr 1.5fr;gap:8%;border-top:1px solid var(--line);padding:65px 0}.story-chapters article>span{font-size:72px;font-family:Space;color:#263d5d;font-weight:400;letter-spacing:-4px}.story-chapters h2{font-size:50px;color:#bcd4f5}.story-chapters p{max-width:780px;font-size:16px;line-height:1.85;color:#a6bbd9;margin:24px 0 29px}.practice-links{padding-top:20px}.practice-links>a{display:grid;grid-template-columns:1fr 1fr 30px;align-items:center;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.practice-links>.eyebrow{margin-bottom:16px}.practice-links h3{font-size:24px;letter-spacing:-.8px}.practice-links p{font-size:11px;color:#8ea5c5}.practice-links svg{color:#81a5d8}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 25px}.art-grid>.magnetic{display:block}.art-card{display:block}.art-card>div{position:relative;aspect-ratio:1.06;background:#192a43;padding:35px;display:flex;align-items:center;justify-content:center;overflow:hidden}.art-card img{width:100%;height:100%;object-fit:contain;transition:transform .6s;filter:drop-shadow(0 12px 20px #0004)}.art-card:hover img{transform:scale(1.055) rotate(-2deg)}.art-card>div>span{position:absolute;right:15px;top:15px;width:34px;height:34px;display:grid;place-items:center;background:#081325aa;border:1px solid #a8c7f133}.art-card h3{font-size:17px;letter-spacing:-.4px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;color:#bdcde3}.art-card h3 svg{color:#608aba}.art-elevate>div{background:#85845a}.art-poor-boy-car-club>div{background:#3c2f38}.art-jet>div{background:#97a9be;padding:55px}.art-the-multiverse-cable>div{background:#3a658a}.art-jonni-blvnts>div{background:#a0a8b8}.art-moogie>div{background:#82423a}.art-project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px}.art-project-gallery figure{background:#172134;padding:25px;border:1px solid var(--line)}.art-project-gallery img{height:470px;object-fit:contain;background:none}.art-project-gallery figure:first-child:last-child{grid-column:1/-1;max-width:900px;justify-self:center;width:100%}.art-project-gallery figure:first-child:last-child img{height:auto;max-height:800px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.video-card{border:1px solid #2d4363;background:#0c1422;min-width:0}.video-card video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#02040a}.video-description{padding:24px 25px}.video-description .eyebrow{font-size:7px}.video-description h3{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:16px 0 12px}.video-description>p{font-size:11px;line-height:1.8;color:#9eafd0}.video-description .text-link{font-size:10px;margin-top:13px}.section-title{margin-bottom:35px}.contact-panel{border:1px solid #39527a;padding:60px;position:relative;overflow:hidden;background:#0d1b31;display:grid;grid-template-columns:1.5fr .8fr;gap:7%;margin-bottom:110px}.contact-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 150%,#2864c470,transparent 65%);pointer-events:none}.contact-panel>div:not(.contact-glow){position:relative}.email-link{font-family:Space;font-size:clamp(21px,2.5vw,37px);letter-spacing:-1px;display:flex;align-items:center;gap:20px;padding:25px 0}.copy-email{font-size:11px;padding:0 16px;height:49px;color:#b8d3f7}.contact-options{display:flex;flex-direction:column;justify-content:center}.contact-options>a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #36517b;padding:20px 0;font-size:12px}.contact-options svg{color:#88b3ef;width:19px}.prose{max-width:850px;padding-bottom:70px}.prose p{font-size:15px;color:#a9bdda;line-height:1.9;margin:23px 0}.prose h2{font-size:36px;margin-top:50px}.prose a{text-decoration:underline;text-underline-offset:4px;color:#a3c9ff}.site-footer{border-top:1px solid var(--line);padding-top:42px;padding-bottom:27px;display:grid;grid-template-columns:1fr 1fr;gap:38px}.site-footer p{font-size:10px;color:#758eaf;margin-top:12px}.footer-pages{display:flex;align-items:center;justify-content:flex-end;gap:25px;font-size:11px;color:#9fb7d8}.footer-base{grid-column:1/-1;border-top:1px solid #172942;padding-top:20px;font-size:8px;color:#7086a5;display:flex;align-items:center;justify-content:space-between}.footer-base a{display:flex;gap:6px;align-items:center}.modal{width:min(660px,92vw);padding:0;border:1px solid #476894;background:#0b1423;color:#e3edfc;border-radius:6px;max-height:90dvh}.modal::backdrop{background:#000b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-inner{padding:25px 30px 35px}.modal-bar{display:flex;align-items:center;justify-content:space-between;gap:25px}.modal-bar .eyebrow{font-size:8px}.modal h2{font-size:42px;margin:25px 0 28px;letter-spacing:-1.8px}.search-field{display:flex;gap:13px;align-items:center;padding:17px;border:1px solid #4e709b;border-radius:4px;color:#8bb9f8}.search-field input{min-width:0;width:100%;background:none;border:0;outline:0;color:#fff;font-size:13px}.search-results{margin-top:20px}.search-results>.magnetic{display:block}.search-results a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #263d5f;font-size:13px}.search-results strong{font-weight:400}.search-results svg{color:#719edb}@keyframes turn{to{transform:rotate(360deg)}}@keyframes orbit{0%{transform:rotate(0) translateY(calc(var(--radius)*-1)) rotate(0)}to{transform:rotate(360deg) translateY(calc(var(--radius)*-1)) rotate(-360deg)}}@keyframes serverFloat{50%{transform:translateY(-10px) rotateY(-20deg) rotateX(12deg) rotate(-7deg)}}@media(min-width:1700px){.site-header{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.cinema-hero{min-height:850px}.hero-copy h1{font-size:118px}.hero-portrait{right:8%;width:46%}.hero-copy{padding-top:90px}}@media(max-width:1100px){.site-header nav{gap:20px}.site-header .wordmark{font-size:22px}.header-actions{gap:13px}.hero-copy h1{font-size:8.6vw;letter-spacing:-4px}.cinema-hero{min-height:710px}.hero-portrait{width:58%;right:-6%}.hero-copy{padding-top:58px}.edition{font-size:6px}.hero-top .eyebrow{font-size:7px}.project-copy{padding:30px}.project-copy h3{font-size:34px}.project-art{padding:40px 25px;min-height:365px}.project-copy>p{font-size:11px}.project-copy .tags span{font-size:8px}.proof-strip{gap:23px}.proof-strip strong{font-size:34px}.proof-context{font-size:7px;padding-left:23px}.chapter-links h3{font-size:21px}.flow-diagram{gap:10px;grid-template-columns:1fr 20px 1fr 20px 1fr}.flow-diagram>div{padding:22px 15px}.flow-diagram strong{font-size:14px}.flow-diagram span{font-size:9px}.infra-stages{grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;gap:6px}.infra-stages button{padding:20px 15px}.infra-stages button strong{font-size:14px}.homelab-hero{gap:5%;padding:30px}.homelab-hero h2{font-size:39px}.skill-tabs button{font-size:13px;gap:10px}.skill-panel h2{font-size:32px}.about-prose h2{font-size:36px}.about-layout{gap:7%}.personal-range{gap:25px;flex-wrap:wrap}.contact-panel{padding:38px;grid-template-columns:1.3fr 1fr}.email-link{font-size:25px}.footer-pages{gap:18px}.art-project-gallery img{height:370px}}@media(max-width:760px){.wrap{width:88%}.site-header{height:76px;padding:0 6%}.site-header .wordmark{font-size:22px}.header-contact{display:none}.menu-button{display:flex;border:0}.site-header nav{display:none;position:absolute;left:0;right:0;top:76px;background:#0c1525;border-bottom:1px solid #334b71;padding:16px 6% 26px;flex-direction:column;gap:0;font-size:17px}.site-header nav.open{display:flex}.site-header nav a{padding:16px 0}.header-actions{gap:9px}.cinema-hero{min-height:755px}.hero-top{padding-top:22px}.hero-top .eyebrow{font-size:6px;letter-spacing:1.2px}.edition{display:none}.hero-portrait{inset:0 auto 0 15%;width:110%;opacity:.72;-webkit-mask-image:linear-gradient(90deg,transparent,black 25%);mask-image:linear-gradient(90deg,transparent,black 25%)}.hero-portrait img{object-position:50% 20%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,#060910ed,#06091066 60%,#06091033),linear-gradient(0deg,#060910,#06091077 25%,#06091000 80%)}.hero-copy{padding-top:62px;padding-bottom:35px}.hero-copy h1{font-size:clamp(54px,10.8vw,78px);letter-spacing:-3px;line-height:1.04}.hero-copy>p{font-size:13px;line-height:1.8;max-width:260px;margin-top:30px}.hero-copy .button-row{gap:8px;flex-wrap:nowrap;margin-top:28px}.hero-copy .button{font-size:11px;padding:0 16px;gap:15px;min-height:45px}.hero-copy .quiet{padding-left:10px;padding-right:0}.hero-foot{padding-bottom:30px;gap:20px;align-items:flex-start;flex-direction:column}.hero-foot>span{font-size:7px}.hero-foot strong{font-size:10px}.hero-foot>a{font-size:9px}.proof-strip{grid-template-columns:1fr 1fr;gap:25px 15px;padding:27px 0}.proof-strip strong{font-size:31px}.proof-strip p{font-size:9px;margin-top:8px}.proof-context{padding-left:0;border-left:0;font-size:6px;letter-spacing:.7px}.proof-context a{font-size:8px;gap:8px}.section-space{padding:65px 0}.section-heading{gap:25px;align-items:flex-start;flex-direction:column;margin-bottom:29px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:40px;letter-spacing:-1.7px}.section-heading>p{font-size:12px;max-width:100%}.home-feature{padding-top:65px;padding-bottom:40px}.project-card{grid-template-columns:1fr}.project-art{min-height:310px;padding:35px 24px 45px}.project-copy{padding:30px 25px}.project-copy h3{font-size:36px;margin:20px 0 15px}.project-copy>p{font-size:12px}.project-copy .tags span{font-size:9px}.project-copy .eyebrow{font-size:7px}.screen-badge{font-size:26px;padding:12px 15px;right:20px;bottom:16px}.screen-badge small{font-size:5px}.project-pricing-cards .browser-frame{max-width:155px}.project-pricing-cards .project-art{min-height:310px}.server-art{min-height:300px}.server-unit{width:240px;height:63px}.server-slots{max-width:85px}.server-caption{font-size:6px}.chapter-links{grid-template-columns:1fr}.chapter-links>a,.chapter-links>a+a{padding:29px 20px 29px 0;border-left:0}.chapter-links>a+a{border-top:1px solid var(--line)}.chapter-links h3{font-size:25px;margin-top:17px}.chapter-links p{max-width:90%;font-size:12px}.chapter-links svg{right:3px;bottom:32px}.cta{flex-direction:column;align-items:flex-start;padding:55px 0;gap:27px;margin-top:50px}.cta h2{font-size:41px}.cta .eyebrow{font-size:7px;letter-spacing:1.3px}.page-heading{padding-top:46px;padding-bottom:38px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.page-heading h1{font-size:clamp(42px,9.3vw,66px);letter-spacing:-2px;line-height:1.12;margin-top:22px;overflow-wrap:break-word}.page-lead{font-size:13px;line-height:1.8;margin-top:25px}.page-heading .button-row{gap:12px}.page-heading .button{font-size:11px;padding:0 17px}.breadcrumb{padding-top:23px}.breadcrumb>span{display:none}.breadcrumb+.page-heading{padding-top:30px}.work-stack{gap:22px}.work-links{grid-template-columns:1fr;gap:0;margin-top:20px}.work-links a{font-size:18px;padding:24px 0}.case-hero-image .screen-figure{padding:10px}.screen-figure figcaption{font-size:9px;gap:12px}.project-facts{grid-template-columns:1fr;gap:20px;padding:24px 0;margin-top:26px}.project-facts>div{display:grid;grid-template-columns:90px 1fr;gap:15px;align-items:start}.project-facts span{font-size:7px;margin:0;padding-top:3px}.project-facts strong{font-size:11px}.editorial-case{grid-template-columns:1fr;gap:30px;padding:65px 0}.editorial-case h2{font-size:38px}.editorial-case .eyebrow{margin-bottom:18px}.editorial-case>div>p{font-size:13px}.impact-note{gap:18px}.impact-note strong{font-size:45px}.impact-note span{font-size:9px}.system-section{padding:45px 0}.flow-diagram{grid-template-columns:1fr;gap:12px}.flow-diagram>div{min-height:130px;padding:24px}.flow-diagram>svg{justify-self:center;transform:rotate(90deg)}.flow-diagram strong{font-size:18px}.flow-diagram span{font-size:11px}.integration-strip{display:grid;grid-template-columns:1fr 1fr;font-size:8px;line-height:1.7;gap:16px}.design-decisions{padding:45px 0}.decision-grid{grid-template-columns:1fr;gap:30px}.decision-grid h3{font-size:25px}.decision-grid p{font-size:12px}.screenshot-grid{grid-template-columns:1fr;gap:30px}.screenshot-grid figure:last-child{grid-column:auto}.project-close{flex-direction:column;align-items:flex-start;gap:30px;padding:45px 0;margin-top:50px}.project-close h2{font-size:36px}.project-close p{font-size:12px}.source-note{font-size:10px!important}.homelab-hero{grid-template-columns:1fr;gap:30px;padding:20px 22px 35px}.homelab-hero .server-art{min-height:325px}.homelab-hero h2{font-size:38px}.homelab-hero .eyebrow{font-size:6px}.homelab-hero p:not(.eyebrow){font-size:12px}.infra-stages{grid-template-columns:1fr 1fr;gap:14px}.infra-stages>.flow-arrow{display:none}.infra-stages button{min-height:155px;padding:20px}.infra-stages button strong{font-size:15px}.infra-detail{padding:25px;min-height:230px;margin-top:16px}.infra-detail h3{font-size:25px;line-height:1.2}.infra-detail p{font-size:12px}.original-case{padding-top:40px}.case-intro{margin-bottom:40px}.case-intro>p{font-size:17px}.legacy-copy h2{font-size:34px;margin-top:45px;margin-bottom:23px}.legacy-copy p{font-size:12px;line-height:1.95}.legacy-media,.legacy-media.count-2{grid-template-columns:1fr;gap:22px}.legacy-media img{height:auto;max-height:450px}.legacy-media .screen-figure{padding:15px}.expertise{grid-template-columns:1fr;gap:0}.skill-tabs{padding:10px 0}.skill-tabs button{font-size:16px;padding:22px 0;gap:15px}.skill-panel{padding:30px 0;border-left:0;border-top:1px solid var(--line);min-height:525px}.skill-panel h2{font-size:34px}.skill-panel p{font-size:12px}.skill-panel .eyebrow{font-size:7px}.credentials{grid-template-columns:1fr;gap:20px;margin-top:50px}.credentials article{padding:25px}.credentials h3{font-size:26px}.about-layout{grid-template-columns:1fr;gap:40px}.about-portrait{max-width:420px;margin:auto}.about-prose h2{font-size:38px}.about-prose>p{font-size:13px}.about-prose .button{font-size:11px;padding:0 17px}.personal-range{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px;padding:30px 0}.personal-range strong{font-size:36px}.personal-range p{grid-column:1/-1;margin-left:0;font-size:12px}.personal-range>a{grid-column:1/-1;justify-self:start}.career-impact{grid-template-columns:1fr 1fr;gap:28px 18px}.career-impact strong{font-size:24px}.career-impact span{font-size:9px}.career-timeline article{grid-template-columns:1fr;gap:20px;padding:35px 0}.career-date{flex-direction:row;justify-content:space-between;gap:20px;font-size:10px}.career-role h2{font-size:28px}.career-role h3{font-size:12px;margin-top:15px;margin-bottom:20px}.career-role h3>span{display:block;font-size:10px}.career-role p,.career-role li{font-size:12px}.story-chapters article{grid-template-columns:1fr;gap:20px;padding:35px 0}.story-chapters article>span{font-size:45px;letter-spacing:-2px}.story-chapters h2{font-size:38px}.story-chapters p{font-size:14px}.practice-links>a{grid-template-columns:1fr 24px;gap:12px;padding:25px 0}.practice-links h3{font-size:22px}.practice-links p{grid-column:1;font-size:10px}.practice-links svg{grid-column:2;grid-row:1/3}.art-grid{grid-template-columns:1fr 1fr;gap:27px 15px}.art-card>div{padding:16px;aspect-ratio:1}.art-jet>div{padding:23px}.art-card>div>span{right:8px;top:8px;width:25px;height:25px}.art-card>div>span svg{width:15px}.art-card h3{font-size:11px;gap:10px;line-height:1.4;margin-top:13px}.art-card h3 svg{width:14px}.art-project-gallery{grid-template-columns:1fr;gap:28px}.art-project-gallery figure{padding:18px}.art-project-gallery img{height:auto;max-height:580px}.video-grid{grid-template-columns:1fr;gap:25px}.video-description{padding:21px}.video-description h3{font-size:23px}.video-description .eyebrow{font-size:6px}.contact-panel{padding:30px 23px;grid-template-columns:1fr;gap:35px;margin-bottom:70px}.contact-panel .eyebrow{font-size:7px}.email-link{font-size:clamp(19px,5vw,26px);gap:10px;padding:23px 0}.email-link svg{width:18px}.contact-panel .button-row{gap:11px;margin-top:12px}.contact-panel .button{font-size:10px;padding:0 14px;gap:12px}.copy-email{font-size:10px;padding:0 12px}.contact-options>a{font-size:12px;padding:20px 0}.prose p{font-size:13px}.prose h2{font-size:30px}.site-footer{grid-template-columns:1fr;gap:30px;padding-top:35px}.footer-pages{justify-content:flex-start;flex-wrap:wrap;gap:18px 25px;font-size:10px}.footer-base{grid-column:1}.site-footer .wordmark{font-size:24px}.modal-inner{padding:20px}.modal h2{font-size:35px}.search-field{padding:14px}.search-field input,.search-results a{font-size:12px}}@media(max-width:390px){.hero-copy h1{font-size:12.2vw}.hero-copy .button-row{gap:1px}.hero-copy .button{font-size:10px;gap:11px;padding:0 13px}.hero-copy .quiet{padding-right:0;padding-left:10px}.cinema-hero{min-height:720px}.hero-top .eyebrow{font-size:5.5px}.page-heading h1{font-size:11.2vw}.project-copy h3{font-size:31px}.project-copy{padding:26px 20px}.project-art{min-height:270px}.tags span{font-size:8px}.server-art{transform:scale(.88)}.email-link{letter-spacing:-.5px}.contact-panel{padding:25px 18px}.credentials h3{font-size:24px}}#main{position:relative;isolation:isolate}.page-atmosphere{position:fixed;inset:0;z-index:-1;opacity:.16;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,transparent 90%)}@media(min-width:761px)and (max-width:950px){.header-contact{display:none}.site-header nav{gap:18px}}.page-atmosphere{opacity:1;overflow:hidden}.page-atmosphere .orbiting{left:65%;top:28%}.ambient-orb{display:block;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,#267bd01c 0%,#1747770d 40%,transparent 68%)}.ambient-orb.secondary{width:600px;height:600px;background:radial-gradient(circle,#3e4dbb16 0%,transparent 70%)}