:root{--bg:#081413;--bg-soft:#10211f;--panel:#f6f2e814;--panel-strong:#f6f2e821;--text:#f7f4ea;--muted:#b8c8c2;--line:#f7f4ea26;--teal:#1eb7a6;--green:#77d68a;--amber:#f2b84b;--ink:#07100f;--shadow:0 24px 80px #00000052;--ease-smooth:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:92px}body{min-width:320px;color:var(--text);letter-spacing:0;background:radial-gradient(circle at 18% 10%,#1eb7a62e,#0000 28%),radial-gradient(circle at 88% 12%,#f2b84b24,#0000 24%),linear-gradient(#081413 0%,#0b1715 54%,#081413 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 62%);mask-image:linear-gradient(#000c,#0000 62%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto;display:block}::selection{background:#1eb7a659}.tracking-frame{visibility:hidden;display:none}.site-shell{z-index:1;animation:pageReveal .62s var(--ease-smooth) both;position:relative;overflow:hidden}.ambient-backdrop{z-index:0;pointer-events:none;background:#081413;position:fixed;inset:0;overflow:hidden}.ambient-backdrop:after{content:"";background:radial-gradient(circle at 20% 16%,#1eb7a62e,#0000 28%),radial-gradient(circle at 86% 10%,#f2b84b21,#0000 22%),linear-gradient(#0814137a,#081413e6);position:absolute;inset:0}.ambient-video{object-fit:cover;opacity:.34;filter:saturate(1.08)contrast(1.08);width:100%;height:100%;transition:opacity .7s var(--ease-smooth), filter .7s var(--ease-smooth), transform .7s var(--ease-smooth);transform:scale(1.04)}.ambient-toggle{z-index:40;color:#f7f4ead1;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:42px;transition:transform .22s var(--ease-smooth), border-color .22s var(--ease-smooth), color .22s var(--ease-smooth), background .22s var(--ease-smooth), box-shadow .22s var(--ease-smooth);background:#081413bd;border:1px solid #f7f4ea2e;border-radius:8px;align-items:center;gap:8px;padding:0 13px;font-size:.82rem;font-weight:760;display:inline-flex;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 44px #00000047}.ambient-toggle:hover,.ambient-toggle:focus-visible,.ambient-toggle.is-on{color:var(--text);background:#081c19d6;border-color:#1eb7a67a}.ambient-toggle:hover{transform:translateY(-2px)}.ambient-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.skip-link{z-index:30;background:var(--text);color:var(--ink);border-radius:8px;padding:10px 14px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081413c2;border-bottom:1px solid #f7f4ea1a;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:18px;width:min(1160px,100% - 32px);min-height:72px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{background:linear-gradient(145deg,#0d2421,#07100f);border:1px solid #f7f4ea33;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #1eb7a629}.brand-text{gap:2px;display:grid}.brand-name{font-size:.95rem;font-weight:760}.brand-role{color:var(--muted);font-size:.78rem}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a{color:#f7f4eac7;border-radius:8px;min-height:44px;padding:13px 12px;font-size:.9rem}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text);background:#f7f4ea14;outline:none}.section{width:min(1160px,100% - 32px);margin:0 auto}.hero{min-height:calc(100svh - 72px);padding:74px 0 48px;position:relative}.ambient-field{pointer-events:none;height:68%;position:absolute;inset:18px -12vw auto;overflow:hidden}.ambient-field span{opacity:.42;background:linear-gradient(90deg,#0000,#1eb7a694,#0000);width:42vw;height:1px;animation:9s linear infinite driftLine;position:absolute;transform:rotate(-12deg)}.ambient-field span:first-child{top:12%;left:8%}.ambient-field span:nth-child(2){animation-delay:-2s;top:34%;right:2%}.ambient-field span:nth-child(3){background:linear-gradient(90deg,#0000,#f2b84b7a,#0000);animation-delay:-5s;top:58%;left:24%}.ambient-field span:nth-child(4){animation-delay:-7s;top:76%;right:18%}.hero-grid{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:44px;display:grid;position:relative}.eyebrow{color:var(--green);text-transform:uppercase;align-items:center;gap:9px;margin:0 0 18px;font-size:.82rem;font-weight:730;display:inline-flex}.eyebrow:before{background:var(--green);content:"";border-radius:99px;width:8px;height:8px;box-shadow:0 0 22px #77d68acc}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:790px;margin-bottom:22px;font-size:clamp(3rem,8vw,6.8rem);line-height:.9}.hero-copy{color:#f7f4ead6;max-width:680px;font-size:clamp(1.02rem,1.8vw,1.22rem);line-height:1.7}.cta-row{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{min-height:48px;transition:transform .22s var(--ease-smooth), border-color .22s var(--ease-smooth), background .22s var(--ease-smooth), box-shadow .22s var(--ease-smooth), color .22s var(--ease-smooth);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:750;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0000002e}.button-primary{background:var(--text);color:var(--ink)}.button-secondary{color:var(--text);background:#f7f4ea0f;border-color:#f7f4ea38}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:40px;display:grid}.stat{background:#f7f4ea0f;border:1px solid #f7f4ea24;border-radius:8px;padding:18px}.stat strong{color:var(--text);margin-bottom:4px;font-size:1.6rem;display:block}.stat span{color:var(--muted);font-size:.84rem}.delivery-rail{flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;display:flex;position:relative}.delivery-rail:before{background:linear-gradient(90deg, var(--teal), var(--amber), var(--green), var(--teal));content:"";width:min(520px,100%);height:2px;position:absolute;top:0;left:0}.delivery-rail span{color:var(--muted);background:#f7f4ea0e;border:1px solid #f7f4ea1f;border-radius:8px;padding:8px 10px;font-size:.78rem;font-weight:720}.hero-visual{isolation:isolate;min-height:520px;animation:.78s both floatIn;position:relative}.hero-image{background:var(--bg-soft);box-shadow:var(--shadow);border:1px solid #f7f4ea1f;border-radius:8px;position:absolute;inset:0;overflow:hidden}.hero-image:before{z-index:1;pointer-events:none;content:"";background:linear-gradient(115deg,#0000 0% 42%,#ffffff1f 48%,#0000 55% 100%);animation:7.5s ease-in-out infinite screenSweep;position:absolute;inset:0;transform:translate(-80%)}.hero-image img{object-fit:cover;width:100%;height:100%}.hero-image picture,.portal-image picture{width:100%;height:100%;display:block}.hero-image:after{content:"";background:linear-gradient(90deg,#08141375,#0000 38%),linear-gradient(#0000 45%,#08141380);position:absolute;inset:0}.floating-panel{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#081413b8;border:1px solid #f7f4ea29;border-radius:8px;width:min(330px,100% - 36px);padding:18px;position:absolute;bottom:18px;right:18px;box-shadow:0 18px 54px #00000042}.orbit-system{z-index:3;pointer-events:none;position:absolute;inset:18px}.orbit-node{color:#dffaf6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#081413b3;border:1px solid #f7f4ea29;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:.76rem;font-weight:760;animation:5.8s ease-in-out infinite nodeFloat;display:inline-flex;position:absolute;box-shadow:0 14px 38px #00000038}.orbit-node svg{color:var(--teal)}.orbit-node-1{top:10%;left:8%}.orbit-node-2{animation-delay:-1.4s;top:18%;right:12%}.orbit-node-3{animation-delay:-2.6s;bottom:28%;left:4%}.orbit-node-4{animation-delay:-3.8s;bottom:18%;right:8%}.code-stack{z-index:3;pointer-events:none;gap:8px;display:grid;position:absolute;top:48%;left:-24px}.code-stack span{color:#b8f2e9;background:#081413c2;border:1px solid #1eb7a633;border-radius:8px;width:max-content;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;animation:4.2s ease-in-out infinite codePulse;box-shadow:0 10px 32px #0000003d}.code-stack span:nth-child(2){margin-left:18px;animation-delay:-1.2s}.code-stack span:nth-child(3){margin-left:6px;animation-delay:-2.4s}.floating-panel p{color:var(--muted);margin-bottom:12px;font-size:.86rem;line-height:1.5}.signal-row{grid-template-columns:1fr .72fr .46fr;gap:6px;display:grid}.signal-row span{background:var(--teal);border-radius:99px;height:7px}.signal-row span:nth-child(2){background:var(--amber)}.signal-row span:nth-child(3){background:var(--green)}.tech-marquee{z-index:1;border-top:1px solid #f7f4ea1a;border-bottom:1px solid #f7f4ea1a;width:min(100%,1160px);margin:38px auto 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.tech-marquee div{gap:12px;width:max-content;padding:14px 0;animation:26s linear infinite marqueeSlide;display:flex}.tech-marquee span{color:#f7f4eab8;background:#f7f4ea12;border-radius:8px;padding:8px 12px;font-size:.84rem;font-weight:720}.dark-band{background:linear-gradient(#08141300,#081413 36% 100%);padding:44px 0 86px}.section-head{grid-template-columns:minmax(0,.62fr) minmax(280px,.38fr);align-items:end;gap:34px;margin-bottom:28px;display:grid}.section-kicker{color:#8ff5d3;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:760}.light-band .section-kicker{color:#087568}h2{color:var(--text);letter-spacing:0;margin-bottom:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.section-head p,.lead{color:var(--muted);margin-bottom:0;line-height:1.7}.lead-secondary{margin-top:14px}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.work-card{min-height:240px;transition:transform .26s var(--ease-smooth), background .26s var(--ease-smooth), border-color .26s var(--ease-smooth), box-shadow .26s var(--ease-smooth);background:#f7f4ea0f;border:1px solid #f7f4ea24;border-radius:8px;padding:20px;display:block}.work-card:hover{background:#f7f4ea17;border-color:#1eb7a66b;transform:translateY(-4px);box-shadow:0 18px 42px #0003}.work-card:focus-visible,.text-link:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.work-card h3{color:var(--text);margin-bottom:14px;font-size:1.1rem}.work-card p{color:var(--muted);margin-bottom:0;font-size:.94rem;line-height:1.62}.light-band{color:var(--ink);background:#f8f5ee;padding:86px 0}.light-band h2{color:var(--ink)}.light-band .section-head p,.light-band .lead{color:#465854}.portal-grid{grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);align-items:center;gap:34px;display:grid}.portal-image{transition:transform .32s var(--ease-smooth), box-shadow .32s var(--ease-smooth), border-color .32s var(--ease-smooth);background:#dde7e2;border:1px solid #0814131f;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0c221e2e}.portal-image:hover{border-color:#1eb7a647;transform:translateY(-3px);box-shadow:0 30px 82px #0c221e3d}.portal-image:after{pointer-events:none;content:"";background:linear-gradient(90deg,#1eb7a624,#0000 30%),repeating-linear-gradient(90deg,#0000 0 42px,#0814130d 43px,#0000 44px);animation:8s ease-in-out infinite mapScan;position:absolute;inset:0}.portal-image img{object-fit:cover;width:100%;height:100%}.subpage-card picture{border-radius:8px;width:100%;height:auto;display:block;overflow:hidden}.subpage-card picture img{width:100%;height:auto}.capability-list{gap:12px;display:grid}.system-map{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0;display:grid}.system-map span{color:#12332e;min-height:44px;transition:transform .24s var(--ease-smooth), border-color .24s var(--ease-smooth), background .24s var(--ease-smooth);background:#edf5f1;border:1px solid #0814131f;border-radius:8px;place-items:center;font-size:.8rem;font-weight:780;display:grid;position:relative}.system-map span:hover{background:#f5fbf8;border-color:#1eb7a657;transform:translateY(-2px)}.system-map span:not(:last-child):after{z-index:2;background:var(--teal);content:"";width:10px;height:2px;position:absolute;top:50%;right:-9px}.capability{transition:transform .26s var(--ease-smooth), border-color .26s var(--ease-smooth), background .26s var(--ease-smooth), box-shadow .26s var(--ease-smooth);background:#ffffff8a;border:1px solid #0814131a;border-radius:8px;grid-template-columns:44px 1fr;align-items:start;gap:14px;padding:18px;display:grid}.capability:hover{background:#ffffffc7;border-color:#1eb7a63d;transform:translateY(-2px);box-shadow:0 16px 36px #0c221e1a}.capability svg{width:22px;height:22px;color:var(--teal)}.capability-icon{background:#1eb7a61f;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.capability h3{margin-bottom:6px;font-size:1rem}.capability p{color:#4e605c;margin-bottom:0;font-size:.94rem;line-height:1.55}.text-link{color:#0b766d;margin-top:10px;font-size:.9rem;font-weight:780;display:inline-flex}.experience-section{color:var(--ink);background:#f8f5ee;padding:88px 0}.timeline{gap:12px;display:grid}.timeline-item{transition:border-color .24s var(--ease-smooth), transform .24s var(--ease-smooth);border-top:1px solid #0814131f;grid-template-columns:220px 1fr;gap:28px;padding:22px 0;display:grid}.timeline-item:hover{border-color:#1eb7a657;transform:translate(3px)}.timeline-item:last-child{border-bottom:1px solid #0814131f}.period{color:#58706a;font-weight:720}.timeline-item h3{color:var(--ink);margin-bottom:8px;font-size:1.24rem}.timeline-item p{color:#4e605c;max-width:720px;margin-bottom:0;line-height:1.65}.skills-wrap{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.skill-pill{color:#19302c;transition:transform .22s var(--ease-smooth), background .22s var(--ease-smooth), border-color .22s var(--ease-smooth);background:#ffffff94;border:1px solid #0814131f;border-radius:8px;padding:10px 12px;font-size:.9rem;font-weight:690}.skill-pill:hover{background:#ffffffd6;border-color:#1eb7a657;transform:translateY(-2px)}.contact-band{color:var(--text);background:linear-gradient(135deg,#1eb7a629,#0000 42%),#081413;padding:88px 0}.contact-panel{background:#f7f4ea0f;border:1px solid #f7f4ea24;border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(280px,.42fr);align-items:end;gap:32px;padding:30px;display:grid}.contact-panel h2{margin-bottom:16px}.contact-panel p{max-width:720px;color:var(--muted);margin-bottom:0;line-height:1.7}.contact-actions{gap:12px;display:grid}.footer{color:var(--muted);background:#081413;border-top:1px solid #f7f4ea1f;padding:28px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:18px;width:min(1160px,100% - 32px);margin:0 auto;font-size:.88rem;display:flex}.footer-links{flex-wrap:wrap;gap:8px;display:inline-flex}.footer-links a{color:var(--text)}.footer-links a:not(:last-child):after{color:var(--muted);content:"|";margin-left:8px}.subpage{min-height:calc(100svh - 72px);color:var(--text);padding:62px 0 92px;position:relative}.subpage:before{pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#1eb7a61f,#0000),repeating-linear-gradient(115deg,#0000 0 46px,#f7f4ea09 47px,#0000 48px);height:280px;animation:12s ease-in-out infinite subpageAtmosphere;position:absolute;top:26px;left:-12%;right:-12%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.subpage>*{position:relative}.subpage h1{max-width:960px;margin-bottom:28px;font-size:clamp(2.8rem,6.2vw,5.6rem);line-height:.96}.subpage-card{box-shadow:var(--shadow);background:#0b1d1adb;border:1px solid #f7f4ea24;border-radius:8px;padding:26px}.compact-card{margin-top:22px}.subpage-card p,.subpage-card li{color:#d1ddd8;line-height:1.7}.subpage-card>p:first-child{color:#f7f4eadb;max-width:920px;font-size:1.04rem}.subpage-card strong,.subpage-card h2,.subpage-card h3{color:var(--text)}.subpage-card h2{margin:28px 0 12px;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.08}.subpage-card h3{margin:22px 0 8px;font-size:clamp(1.05rem,1.7vw,1.32rem);line-height:1.18}.subpage-card ul{padding-left:20px}.detail-grid,.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 10px;display:grid}.detail-card,.insight-card{transition:transform .24s var(--ease-smooth), border-color .24s var(--ease-smooth), background .24s var(--ease-smooth);background:#f7f4ea0e;border:1px solid #f7f4ea1f;border-radius:8px;padding:18px}.detail-card:hover,.insight-card:hover{background:#f7f4ea13;border-color:#1eb7a657;transform:translateY(-2px)}.detail-card h3,.insight-card h3{margin-top:0;font-size:1rem}.detail-card p,.insight-card p{margin-bottom:0;font-size:.94rem}.article-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin:-12px 0 22px;font-size:.88rem;display:flex}.article-meta span{background:#f7f4ea0e;border:1px solid #f7f4ea1f;border-radius:8px;padding:7px 10px}.not-found-card{max-width:760px}@keyframes pageReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes driftLine{0%{transform:translate(-18%)rotate(-12deg)}to{transform:translate(18%)rotate(-12deg)}}@keyframes screenSweep{0%,45%{transform:translate(-90%)}70%,to{transform:translate(90%)}}@keyframes nodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes codePulse{0%,to{opacity:.76;transform:translate(0)}50%{opacity:1;transform:translate(8px)}}@keyframes marqueeSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mapScan{0%,to{opacity:.35;transform:translate(-3%)}50%{opacity:.7;transform:translate(3%)}}@keyframes subpageAtmosphere{0%,to{opacity:.42;transform:translate(-2%)}50%{opacity:.72;transform:translate(2%)}}@media (max-width:980px){.nav-inner{flex-direction:column;align-items:flex-start;padding:14px 0}.nav-links{width:100%;padding-bottom:2px;overflow-x:auto}.hero-grid,.section-head,.portal-grid,.contact-panel{grid-template-columns:1fr}.hero{padding-top:48px}.hero-visual{min-height:430px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-stack{display:none}.system-map{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-item{grid-template-columns:1fr;gap:8px}}@media (max-width:640px){html{scroll-padding-top:124px}.section,.nav-inner,.footer-inner{width:min(100% - 24px,1160px)}.brand-role{display:none}.hero{min-height:auto}.hero-visual{min-height:320px}.stats,.work-grid,.detail-grid,.insight-grid{grid-template-columns:1fr}.ambient-field,.orbit-system{display:none}.system-map{grid-template-columns:1fr}.system-map span:not(:last-child):after{display:none}.work-card{min-height:0}.contact-panel,.subpage-card{padding:20px}.ambient-toggle{bottom:12px;right:12px}.footer-inner{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ambient-backdrop{display:none}}