:root{--navy:#0b1e2e;--ink:#122539;--muted:#5d6c7b;--muted-light:#9cb0be;--blue:#2676ec;--mint:#55dbc7;--border:#e1e9ed;--surface:#fff;--pale:#f5f8f9;--warm:#eef4f6;--max:1200px;--radius:18px;--shadow:0 18px 54px rgba(21,45,61,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit}img,svg{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.shell{max-width:calc(var(--max) + 64px);margin:0 auto;padding:0 32px}.skip-link{position:absolute;z-index:1000;background:white;color:var(--ink);padding:8px 12px;transform:translateY(-170%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid #2a81f4;outline-offset:4px}.site-header{height:79px;background:rgba(255,255,255,.97);border-bottom:1px solid #e9eff1;position:sticky;top:0;z-index:100;backdrop-filter:blur(20px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--navy);color:#fff;width:46px;height:46px;border-radius:12px;font-size:18px;font-weight:800;letter-spacing:-2px;line-height:1}.brand-slash{color:#72e5cc;padding:0 1px}.brand-name{font-size:14px;font-weight:760;letter-spacing:-.25px;line-height:1.15}.brand-subtitle{display:block;font-size:9px;letter-spacing:1.25px;font-weight:750;margin-top:5px;color:#73818e}.site-nav{display:flex;align-items:center;gap:27px}.site-nav a{font-size:12.5px;text-decoration:none;font-weight:650;color:#566575;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--blue)}.site-nav .nav-cta{background:var(--navy);color:white;border-radius:9px;padding:11px 16px;transition:background .2s}.site-nav .nav-cta:hover{background:#225183;color:white}.nav-cta span{margin-left:8px}.menu-toggle{display:none;width:42px;height:42px;border:1px solid #d8e2e7;border-radius:10px;background:white;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{height:2px;width:19px;background:var(--ink);border-radius:3px}
.hero{background:#091b2b;color:white;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,rgba(27,114,140,.18),transparent 42%),linear-gradient(135deg,rgba(19,60,87,.38),transparent 55%);pointer-events:none}.hero-grid-overlay{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(146,187,211,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(146,187,211,.22) 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,transparent 0%,black 60%);pointer-events:none}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;min-height:625px;gap:55px;padding-top:65px;padding-bottom:35px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:1.45px;font-weight:800}.hero-eyebrow{color:#b3c7d0}.status-light{width:7px;height:7px;background:#6be8bf;border-radius:100%;box-shadow:0 0 0 5px rgba(107,232,191,.10)}.eyebrow-separator{color:#4c7188;margin:0 3px}.hero-kicker{font-size:14px;font-weight:650;color:#94c6df;letter-spacing:.15px;margin:36px 0 13px}.hero h1{font-weight:780;line-height:1.055;letter-spacing:-3px;font-size:clamp(45px,5.05vw,74px);margin:0}.hero-gradient{background:linear-gradient(90deg,#ffffff 1%,#6ee0cb 98%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{max-width:550px;color:#b5c6d1;font-size:16px;line-height:1.88;margin:27px 0 32px}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;text-decoration:none;border-radius:9px;padding:14px 20px;font-size:12px;font-weight:780;letter-spacing:.06px;line-height:1.2;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none}.button-primary{background:#75dec9;color:#082836}.button-primary:hover{background:#a1efdf}.button-ghost{border:1px solid #526878;color:#d6e5eb;background:rgba(255,255,255,.035)}.button-ghost:hover{border-color:#b4cad3;background:rgba(255,255,255,.085)}.hero-metrics{display:flex;align-items:center;gap:23px;margin-top:52px;padding-top:24px;border-top:1px solid rgba(166,207,225,.17)}.hero-metric{display:flex;flex-direction:column;gap:0}.hero-metric strong{font-size:17px;font-weight:780;color:#ebfafb;letter-spacing:-.45px}.hero-metric span{font-size:10px;color:#a2b8c5;white-space:nowrap}.metric-divider{height:34px;width:1px;background:rgba(159,206,231,.16)}.hero-footnote{position:relative;display:flex;gap:13px;align-items:center;color:#728d9e;font-size:10px;letter-spacing:.3px;padding-bottom:26px}.hero-footnote span:last-child{margin-left:auto;font-size:18px}.footnote-line{width:23px;height:1px;background:#537084;display:inline-block}.hero-visual{position:relative;min-height:405px;display:flex;align-items:center;justify-content:center;isolation:isolate}.visual-glow{position:absolute;width:92%;height:90%;background:radial-gradient(ellipse at center,rgba(33,179,186,.19),transparent 71%);filter:blur(32px);z-index:-1}.architecture{width:min(100%,480px);border:1px solid rgba(137,188,211,.23);background:linear-gradient(145deg,rgba(16,44,65,.93),rgba(6,23,39,.94));border-radius:17px;box-shadow:0 40px 90px rgba(0,7,17,.43);overflow:hidden;transform:rotate(-1.5deg)}.architecture-top,.architecture-bottom{height:47px;padding:0 18px;display:flex;align-items:center;gap:9px;color:#adc2cf;font-size:9px;font-weight:770;letter-spacing:1.05px}.architecture-top{border-bottom:1px solid rgba(140,181,210,.13)}.arch-ref{margin-left:auto;color:#5d8397}.tiny-square{width:7px;height:7px;border:1px solid #71ddc4;transform:rotate(45deg)}.architecture-core{position:relative;height:312px}.network-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.70}.network-lines path{stroke:#4b9aa0;stroke-width:1.2;stroke-dasharray:4 5}.network-lines circle{fill:#7bdccb}.arch-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:176px;height:129px;border:1px solid #5dafa6;border-radius:14px;box-shadow:0 0 30px rgba(27,156,151,.09);background:linear-gradient(130deg,#1a4956,#0e3645);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0}.arch-center svg{width:49px;height:49px;stroke:#7fead6;stroke-width:1.5;fill:none;margin-bottom:0}.arch-center span{font-size:12px;letter-spacing:1px;font-weight:850;color:#efffff}.arch-center small{font-size:9px;color:#a7c7ca;margin-top:1px}.node{position:absolute;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;line-height:1;font-size:9px;font-weight:850;letter-spacing:.4px;border:1px solid rgba(100,180,184,.35);border-radius:6px;background:#14384a;color:#c5eaeb}.node i{width:4px;height:4px;background:#69ddc9;border-radius:100%}.node-1{top:48px;left:21px}.node-2{top:48px;right:26px}.node-3{bottom:49px;left:18px}.node-4{bottom:49px;right:34px}.node-5{bottom:19px;left:50%;transform:translateX(-50%)}.architecture-bottom{border-top:1px solid rgba(140,181,210,.13);justify-content:space-between;font-size:9px;color:#95b3c0;letter-spacing:.4px}.architecture-bottom span{display:flex;align-items:center;gap:7px}.ok-dot{width:7px;height:7px;background:#62d5c2;border-radius:50%}.floating-tag{position:absolute;right:-6px;bottom:-18px;min-width:197px;background:#fff;color:#183047;box-shadow:0 24px 60px rgba(0,5,12,.3);border:1px solid #ebf6f6;padding:13px 19px;border-radius:12px;transform:rotate(1.6deg);display:flex;flex-direction:column;gap:0}.floating-tag span{color:#6c8090;font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:750}.floating-tag strong{font-size:18px;letter-spacing:-.35px}.floating-tag small{color:#72818a;font-size:10px}
.section{padding:108px 0}.section-label{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#62808d;margin:0 0 20px}.section-label span{color:#197da3}.section-title{font-size:clamp(34px,3.6vw,51px);line-height:1.16;letter-spacing:-2.15px;color:#0f2738;margin:0;font-weight:780}.section-title em{font-style:normal;color:#42839a}.title-dot{color:#55c6b4}.two-col-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px}.section-about{padding-top:105px;padding-bottom:105px}.about-body{padding-top:5px}.about-body p{font-size:14px;line-height:1.9;color:#5b6c7b;margin:0 0 20px}.about-body .lead{font-size:19px;color:#223c4f;font-weight:530;line-height:1.7}.intro-attributes{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}.intro-attributes span{padding:7px 11px;border:1px solid #dfe7eb;border-radius:6px;font-size:11px;font-weight:750;color:#3d596b}.section-expertise{background:var(--pale)}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:39px}.section-sidecopy{font-size:13px;color:#738190;line-height:1.85;max-width:320px;margin:0 0 4px}.expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.expertise-card{background:white;border:1px solid #e1e8eb;border-radius:12px;padding:25px 22px 21px;min-height:315px;display:flex;flex-direction:column;transition:transform .23s,box-shadow .23s}.expertise-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.expertise-number{font-size:10px;font-weight:750;color:#91a5b0}.card-icon{width:43px;height:43px;border:1px solid #cce4e5;background:#f1fbf9;display:grid;place-items:center;border-radius:10px}.card-icon svg{height:23px;width:23px;stroke:#298a87;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.expertise-card h3{font-size:18px;line-height:1.3;letter-spacing:-.55px;margin:40px 0 11px}.expertise-card p{color:#647685;font-size:12px;line-height:1.75;margin:0 0 24px;flex-grow:1}.chip-row,.work-tags{display:flex;gap:6px;flex-wrap:wrap}.chip-row span,.work-tags span{border-radius:5px;padding:5px 8px;background:#f0f4f5;color:#637783;font-size:9px;font-weight:750}.section-work{background:white}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.work-card{border:1px solid #e0e7eb;border-radius:13px;overflow:hidden;min-height:274px;background:#fbfcfd;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.work-card:hover{transform:translateY(-3px);border-color:#b6d7dc}.work-card-feature{background:linear-gradient(140deg,#122f40,#0d2536);color:#fff;border-color:#163b50}.work-upper{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid rgba(112,151,165,.14);color:#6a8491}.work-card-feature .work-upper{color:#9bbcc8;border-bottom-color:rgba(153,205,211,.14)}.work-type{font-size:9px;font-weight:810;letter-spacing:1.15px}.work-index{font-size:11px;font-weight:800}.work-content{padding:30px;display:flex;flex-direction:column;flex:1;position:relative}.work-content h3{font-size:23px;letter-spacing:-.8px;line-height:1.3;margin:0 0 14px;max-width:400px}.work-content p{font-size:13px;line-height:1.85;color:#627380;max-width:485px;margin:0 0 24px;flex:1}.work-card-feature .work-content p{color:#b3ccd4;max-width:360px}.work-card-feature .work-content{padding-right:148px}.work-symbol{position:absolute;right:19px;top:36px;width:103px;height:103px}.work-symbol svg{fill:none;stroke:#48adac;stroke-width:1.6}.work-card-feature .work-tags span{background:#1e4555;color:#bbdedf}.section-experience{background:#f5f8f9}.timeline{margin-top:51px}.timeline-entry{display:grid;grid-template-columns:180px 35px minmax(0,1fr);gap:20px;min-height:116px}.timeline-time{font-size:10px;font-weight:840;color:#718795;letter-spacing:.6px;padding-top:6px}.timeline-line{position:relative;display:flex;justify-content:center}.timeline-line:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:#cfdde1}.timeline-line span{width:11px;height:11px;border:3px solid #f5f8f9;border-radius:50%;background:#55b9b1;box-shadow:0 0 0 1px #78c5c1;position:relative;top:5px}.timeline-entry:last-child .timeline-line:before{bottom:70px}.timeline-detail{padding-bottom:30px;border-bottom:1px solid #e2e8eb;margin-bottom:20px}.timeline-entry:last-child .timeline-detail{border-bottom:0;margin-bottom:0}.timeline-heading h3{font-size:17px;font-weight:790;margin:0 0 2px;letter-spacing:-.36px}.timeline-heading>span{font-size:11px;font-weight:740;color:#40838e}.promoted{font-size:9px;font-weight:820;display:inline-block;vertical-align:middle;letter-spacing:0;border-radius:5px;background:#dff5ef;padding:3px 7px;color:#167869;margin-left:7px}.timeline-detail p{max-width:780px;font-size:12px;color:#667785;line-height:1.85;margin:10px 0 0}.section-learning{background:#fff}.learning-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.learning-description{color:#647684;max-width:400px;font-size:13px;line-height:1.9;margin-top:22px}.learning-list{border-top:1px solid #dfe8ec}.learning-current{display:flex;gap:20px;background:#f1f9f8;padding:24px;border:1px solid #d5eae7;border-radius:12px;margin:16px 0 24px}.learning-icon{flex:none;width:44px;height:44px;background:#def3ed;border-radius:9px;display:grid;place-items:center}.learning-icon svg{width:24px;height:24px;stroke:#277e7c;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.micro-label{color:#22817a;font-size:9px;font-weight:830;letter-spacing:1.15px}.learning-current h3{font-size:23px;margin:2px 0 6px;letter-spacing:-.7px}.learning-current p,.learning-item p{font-size:12px;color:#657986;line-height:1.85;margin:0}.learning-item{border-bottom:1px solid #e3e9ed;padding:5px 0 21px;margin-bottom:21px}.learning-item>span{font-weight:790;font-size:13px;color:#234255}.learning-item p{margin-top:7px}.text-link{color:#177d87;text-decoration:none;font-size:12px;font-weight:850;border-bottom:1px solid #91d0ce;padding-bottom:6px}.text-link span{margin-left:10px}.section-contact{padding:35px 0 90px}.contact-panel{background:#0e2638;color:#fff;padding:63px;position:relative;overflow:hidden;border-radius:15px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.contact-pattern{position:absolute;right:-150px;top:-190px;height:550px;width:550px;background:radial-gradient(circle at center,rgba(55,178,175,.15),transparent 65%);pointer-events:none}.light-label{color:#9dbac7}.light-label span{color:#77dfcd}.contact-copy,.contact-details{position:relative;z-index:1}.contact-copy h2{color:white;font-weight:780;font-size:clamp(30px,3.25vw,47px);line-height:1.16;letter-spacing:-1.65px;margin:0}.contact-copy h2 em{font-style:normal;color:#8fe3d2}.contact-copy>p:not(.section-label){color:#b2c5d1;max-width:475px;margin:19px 0 30px;font-size:13px;line-height:1.9}.button-contact-secondary{border:1px solid rgba(182,214,224,.3);color:#e6f1f4}.button-contact-secondary:hover{border-color:#b6d7e0}.contact-details{border-left:1px solid rgba(179,211,226,.18);padding-left:40px;display:flex;justify-content:center;flex-direction:column;gap:24px}.contact-details>div{display:flex;flex-direction:column;gap:2px}.contact-details span{color:#89a9b9;font-size:9px;font-weight:860;letter-spacing:1.2px}.contact-details a,.contact-details strong{color:#eefcff;font-size:13px;line-height:1.5;font-weight:650;text-decoration:none;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline}.site-footer{background:#f5f8f9;border-top:1px solid #e8eef1}.footer-inner{min-height:110px;display:flex;align-items:center;gap:35px;justify-content:space-between}.footer-inner>div:first-child{display:flex;flex-direction:column}.footer-inner strong{font-size:12px}.footer-inner span{font-size:10px;color:#8a9ca5;line-height:1.5}.footer-links{display:flex;gap:17px}.footer-links a{color:#536f7d;font-size:11px;text-decoration:none;font-weight:750}.footer-links a:hover{color:#287b99}.footer-inner p{font-size:10px;color:#9aadb7;white-space:nowrap}
@media(max-width:1150px){.site-nav{gap:17px}.hero-layout{gap:24px}.hero h1{font-size:clamp(42px,5.6vw,66px)}.architecture{transform:none}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-card{min-height:280px}.expertise-card h3{margin-top:32px}.hero-metrics{gap:14px}.hero-metric span{white-space:normal}.two-col-intro,.learning-layout{gap:60px}.contact-panel{gap:40px}}
@media(max-width:850px){.site-header{height:70px}.menu-toggle{display:flex}.site-nav{display:none;position:absolute;top:69px;left:0;right:0;flex-direction:column;background:#fff;padding:18px 32px 25px;gap:0;align-items:stretch;box-shadow:0 24px 35px rgba(7,28,46,.10)}.site-nav.open{display:flex}.site-nav a{padding:12px 10px;font-size:14px}.site-nav .nav-cta{margin-top:9px;text-align:center}.hero-layout{grid-template-columns:1fr;padding-top:73px;padding-bottom:45px;min-height:initial;gap:25px}.hero-copy{max-width:640px}.hero-visual{max-width:520px;width:100%;margin:0 auto 20px}.hero-footnote{display:none}.hero-metrics{max-width:620px}.two-col-intro,.learning-layout{grid-template-columns:1fr;gap:26px}.section-heading-row{align-items:flex-start}.contact-panel{grid-template-columns:1fr;gap:35px;padding:44px}.contact-details{padding:25px 0 0;border-left:0;border-top:1px solid rgba(179,211,226,.18);display:grid;grid-template-columns:1fr 1fr;gap:23px}.section{padding-top:83px;padding-bottom:83px}.section-contact{padding-top:20px}.work-card-feature .work-content{padding-right:124px}.work-symbol{width:90px}}
@media(max-width:620px){.shell{padding-left:20px;padding-right:20px}.brand-name{font-size:13px}.brand-subtitle{font-size:8px}.brand-mark{width:40px;height:40px}.hero-layout{padding-top:55px}.hero h1{font-size:clamp(40px,10vw,57px);letter-spacing:-2.2px}.hero-kicker{margin-top:30px;font-size:12px}.hero-lede{font-size:14px;line-height:1.85}.hero-eyebrow{font-size:9px;letter-spacing:.8px;flex-wrap:wrap}.hero-metrics{margin-top:35px;gap:13px}.hero-metric strong{font-size:15px}.hero-metric span{font-size:9px}.metric-divider{height:28px}.hero-visual{min-height:340px}.architecture-core{height:265px}.architecture{max-width:420px}.arch-center{height:104px;width:152px}.arch-center svg{width:37px;height:37px}.arch-center span{font-size:10px}.arch-center small{font-size:8px}.node{font-size:7px;padding:5px 6px}.node-1,.node-2{top:40px}.node-3,.node-4{bottom:36px}.node-5{bottom:8px}.floating-tag{right:0;bottom:-18px;min-width:171px;padding:9px 13px}.floating-tag strong{font-size:15px}.section-title{font-size:36px;letter-spacing:-1.4px}.section-heading-row{display:block;margin-bottom:31px}.section-sidecopy{margin-top:17px}.section{padding-top:72px;padding-bottom:72px}.section-contact{padding-top:15px;padding-bottom:45px}.expertise-grid,.work-grid{grid-template-columns:1fr}.expertise-card{min-height:auto}.expertise-card h3{margin-top:28px}.work-card{min-height:240px}.work-content{padding:23px}.work-card-feature .work-content{padding-right:95px}.work-symbol{width:70px;right:15px;top:49px}.work-content h3{font-size:21px}.timeline-entry{grid-template-columns:1fr 22px;gap:0 12px}.timeline-time{grid-column:2 / 3;grid-row:1 / 2;order:3;color:#7a9ba1;font-size:9px;align-self:end;white-space:nowrap;transform:translateX(15px);display:none}.timeline-line{grid-column:1;width:20px;grid-row:1}.timeline-detail{grid-column:2;grid-row:1;padding-left:5px;padding-bottom:24px;min-height:94px}.timeline-heading h3{font-size:15px}.promoted{font-size:8px;margin-top:5px}.timeline-heading>span{display:block;margin-top:5px}.contact-panel{padding:30px 23px}.contact-copy h2{font-size:33px}.contact-details{grid-template-columns:1fr}.contact-actions .button{width:100%}.footer-inner{padding-top:26px;padding-bottom:27px;flex-wrap:wrap;gap:18px}.footer-inner>div:first-child{width:100%}.footer-inner p{margin:0}.learning-current{padding:17px;gap:12px}.learning-current h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media print{.site-header,.hero-visual,.hero-actions,.site-footer,.contact-actions,.floating-tag{display:none!important}html{scroll-behavior:auto}.hero{color:#111;background:white}.hero h1,.hero-gradient{color:#111;-webkit-text-fill-color:#111}.hero-lede,.hero-kicker{color:#333}.section{padding:35px 0}.expertise-grid{grid-template-columns:repeat(2,1fr)}.work-card,.expertise-card,.timeline-entry{break-inside:avoid}.contact-panel{background:#f6f6f6;color:#111}.contact-copy h2{color:#111}.contact-copy h2 em{color:#111}}

/* Career portfolio expansion — 2026 */
:root{--accent:#31bfa9;--surface-alt:#f4f8f9;--deep:#081b2a}
.site-nav{gap:21px}.site-nav a{font-size:12px}.site-nav .nav-cta{padding:10px 14px}
.brand-subtitle{letter-spacing:1.05px}
.hero h1{font-size:clamp(43px,4.9vw,70px)}.hero-lede{font-size:15px;line-height:1.82}
.section-light{background:var(--pale)}.section-statement{background:#eaf4f3}.section-last-nudge{padding-top:56px;padding-bottom:90px}
.inline-cta{display:inline-flex;align-items:center;gap:8px;font-weight:770;font-size:12px;color:#1b6678;text-decoration:none;border-bottom:1px solid rgba(26,105,126,.28);padding-bottom:3px;transition:color .2s, gap .2s}.inline-cta:hover{color:#0f99a1;gap:13px}
.chapter-index,.chapter-grid,.editorial-grid,.teaser-lab,.value-grid,.case-info-grid,.lab-intro,.philosophy-layout{display:grid;gap:20px}
.chapter-index{grid-template-columns:repeat(2,max-content);gap:8px;margin-top:28px}.chapter-index span,.era-tags span{padding:5px 10px;background:#eef5f6;border:1px solid #dce9eb;border-radius:7px;font-size:10px;font-weight:720;color:#426878}
.chapter-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.chapter-card{padding:23px 19px;background:#fff;border:1px solid #dfe8ec;border-radius:12px;min-height:230px;position:relative;transition:transform .2s,box-shadow .2s}.chapter-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.chapter-date{display:block;font-size:10px;color:#118e91;font-weight:830;letter-spacing:1px;margin-bottom:26px}.chapter-card h3{font-size:16px;letter-spacing:-.4px;line-height:1.3;margin:0 0 9px}.chapter-card p{font-size:11.5px;color:#697c89;line-height:1.75;margin:0}
.section-end-link{display:flex;justify-content:flex-end;margin-top:26px}
.editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.editorial-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #dee9ed;border-radius:14px;padding:27px;min-height:285px;transition:transform .2s,box-shadow .2s}.editorial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.editorial-index{font-size:10px;letter-spacing:1px;color:#468894;font-weight:800}.editorial-card h3{font-size:22px;line-height:1.24;letter-spacing:-.6px;margin:24px 0 11px;color:#112b40}.editorial-card p{color:#697b89;line-height:1.8;font-size:12px;margin:0 0 25px}.editorial-card a{margin-top:auto}
.statement-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.statement-copy>p{margin:5px 0 25px;font-size:19px;line-height:1.78;color:#29465a;letter-spacing:-.22px}.principle-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.principle-list span{font-size:10.5px;font-weight:760;color:#3c6671;border-top:1px solid #c8dcd9;padding:10px 0}
.teaser-lab{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.teaser-lab>div{background:white;border:1px solid #dce7e9;border-radius:13px;padding:29px 24px;display:flex;flex-direction:column;align-items:flex-start}.teaser-lab h3{font-size:21px;line-height:1.28;letter-spacing:-.65px;color:#15384b;margin:23px 0 8px}.teaser-lab p{font-size:12px;color:#637887;line-height:1.84;margin:0 0 20px}.teaser-lab .inline-cta{margin-top:auto}
.mini-status{display:inline-block;border-radius:5px;padding:5px 9px;font-size:9px;line-height:1.35;letter-spacing:.35px;font-weight:820;text-transform:uppercase;border:1px solid transparent;white-space:normal}.status-deployed{color:#147c68;background:#dff8ef;border-color:#b9e8d9}.status-inuse{color:#166e87;background:#e2f4fa;border-color:#c0e6ee}.status-alpha{color:#885b15;background:#fff2d9;border-color:#f2deba}.status-design{color:#685b99;background:#eeebfc;border-color:#ddd7f7}.status-pilot{color:#805f30;background:#f7f0df;border-color:#e8deca}
.sub-hero{background:#091b2b;color:#fff;position:relative;overflow:hidden}.sub-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 55%,rgba(47,186,178,.14),transparent 47%);pointer-events:none}.sub-hero-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(136,206,224,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(136,206,224,.22) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,black 80%)}.sub-hero-content{position:relative;padding-top:55px;padding-bottom:90px}.page-breadcrumb{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#9cbbc9;margin:0 0 40px}.page-breadcrumb a{color:#9cbbc9;text-decoration:none}.page-breadcrumb a:hover{color:#7ae8d6}.page-breadcrumb span{color:#527588}.sub-hero .hero-kicker{margin:0 0 15px;color:#72d9c8;text-transform:uppercase;letter-spacing:1.2px;font-size:10px}.sub-hero h1{font-size:clamp(44px,5vw,72px);line-height:1.1;letter-spacing:-3px;margin:0 0 19px;max-width:870px;font-weight:790}.sub-hero h1 em{font-style:normal;color:#8be9d5}.sub-hero-content>p:last-child{max-width:710px;color:#b0c4d0;font-size:15px;line-height:1.95;margin:0}
.narrative-layout{display:grid;grid-template-columns: .86fr 1.14fr;gap:125px}.narrative-aside{position:relative}.prose-column p,.philosophy-layout>div:last-child p{font-size:14px;color:#5c7181;line-height:2;margin-top:0;margin-bottom:22px}.prose-column .prose-lead,.philosophy-layout .prose-lead{font-size:19px;color:#294359;line-height:1.75;font-weight:560}.pull-quote{border-left:3px solid #70cabb;padding:11px 23px;margin-top:39px;font-size:17px;line-height:1.65;font-weight:650;color:#40748a}.minor-text{font-size:12px!important;color:#607684}.story-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button-dark{background:#112a3b;color:#fff}.button-dark:hover{background:#225268}.button-outline{border:1px solid #bbd3d8;color:#1c5161;background:#fff}.button-outline:hover{border-color:#58b5b8}
.story-era{padding:72px 0;border-top:1px solid #e2ebee;scroll-margin-top:86px}.story-era:nth-of-type(odd){background:#f7fafb}.story-era-grid{display:grid;grid-template-columns: .29fr 1fr;gap:80px}.era-no{font-size:52px;line-height:1;color:#d6e7e9;font-weight:860;letter-spacing:-3px}.era-years{color:#248c99;font-size:10px;letter-spacing:1.1px;font-weight:800;margin-top:18px}.era-rail{width:1px;height:55px;margin-top:20px;background:#cfe3e3}.era-role{font-size:10px!important;letter-spacing:1.3px;font-weight:800;color:#368393;text-transform:uppercase;margin:0 0 14px!important}.story-era h2{font-size:clamp(28px,3.1vw,43px);letter-spacing:-1.5px;color:#122c3e;line-height:1.25;margin:0 0 22px}.story-era p{font-size:13px;color:#607584;line-height:2;max-width:800px;margin:0 0 19px}.era-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}
.value-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.value-grid>div{border-top:2px solid #8fcfcd;padding-top:15px}.value-grid span{font-size:10px;color:#2a8791;font-weight:850}.value-grid h3{font-size:19px;letter-spacing:-.5px;line-height:1.3;margin:19px 0 11px}.value-grid p{font-size:12px;color:#657987;line-height:1.83}.section-mini-intro{padding-top:50px;padding-bottom:50px}.intro-band{display:grid;grid-template-columns:.38fr 1.5fr .56fr;gap:40px;align-items:center}.band-index{font-size:10px;letter-spacing:1.2px;font-weight:850;color:#26798a}.intro-band p{font-size:14px;color:#526b7e;line-height:1.8;margin:0}.intro-band .inline-cta{justify-self:end}
.case-section{border-top:1px solid #e1eaed;padding:71px 0 81px;scroll-margin-top:80px}.case-section:nth-child(odd){background:#f8fafb}.case-layout{display:grid;grid-template-columns: .32fr 1fr;gap:63px}.case-rail{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.case-number{font-size:68px;line-height:1;letter-spacing:-5px;font-weight:800;color:#d9e9eb}.case-category{font-size:10px;color:#2a8795;letter-spacing:1.1px;font-weight:800;line-height:1.7}.case-body h2{font-size:clamp(30px,3.3vw,47px);letter-spacing:-1.6px;line-height:1.2;margin:0 0 14px;color:#10293d}.case-lead{font-size:17px;line-height:1.72;color:#25475c;max-width:850px;margin:0 0 27px}.case-info-grid{grid-template-columns:1fr 1fr;gap:35px;margin:0 0 22px}.case-info-grid h3{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:#337e8d;margin:0 0 8px}.case-info-grid p{font-size:12.5px;line-height:1.85;color:#627988;margin:0}.case-details,.tool-details{border:1px solid #d7e5e8;border-radius:9px;background:rgba(255,255,255,.72);margin:22px 0;overflow:hidden}.case-details summary,.tool-details summary{padding:13px 17px;cursor:pointer;color:#164960;font-size:12px;font-weight:780;display:flex;justify-content:space-between;align-items:center}.case-details summary:hover,.tool-details summary:hover{background:#ecf6f5}.case-details[open] summary span,.tool-details[open] summary span{transform:rotate(45deg)}.case-details summary span,.tool-details summary span{font-size:20px;transition:transform .2s}.details-body{padding:0px 25px 16px}.details-steps{margin:4px 0;padding-left:19px}.details-steps li{padding:7px 0;color:#5b7583;font-size:12.5px;line-height:1.8}.case-bottom{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap}.tagline-tags{display:flex;flex-wrap:wrap;gap:7px}.tagline-tags span{border:1px solid #d8e5e8;border-radius:5px;color:#637a86;padding:4px 7px;font-size:10px;font-weight:660}.next-page-banner{background:#0b2434;color:white;padding:40px 47px;border-radius:16px;display:flex;justify-content:space-between;gap:50px;align-items:center}.next-page-banner h2{font-size:32px;letter-spacing:-1px;margin:8px 0}.next-page-banner p{font-size:13px;color:#b0c6d0;line-height:1.7;max-width:630px;margin:0}.mini-overline{font-size:10px;letter-spacing:1.2px;color:#82dbc9;font-weight:850}
.lab-intro{grid-template-columns:1fr .93fr;gap:95px}.lab-intro>div:last-child p{font-size:14px;color:#5b7181;line-height:1.85;margin:5px 0 16px}.lab-key{display:flex;gap:6px;flex-wrap:wrap}.lab-catalogue{padding-top:35px}.catalogue-controls{display:flex;gap:35px;align-items:flex-end;justify-content:space-between;margin-bottom:9px}.catalogue-controls .section-title{font-size:clamp(31px,3vw,42px)}.filter-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filter-btn{border:1px solid #d8e6e9;background:#fff;color:#4b6878;border-radius:7px;font-size:11px;font-weight:750;padding:9px 12px;cursor:pointer;transition:background .2s,color .2s}.filter-btn:hover{background:#edf7f6}.filter-btn.active{background:#102c3e;color:#fff;border-color:#102c3e}.catalogue-count{font-size:10px;letter-spacing:.4px;font-weight:690;color:#8394a0;margin:0 0 23px}.catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.catalogue-card{border:1px solid #dee9eb;background:#fff;padding:28px 28px 23px;border-radius:14px;scroll-margin-top:97px;display:flex;flex-direction:column;align-items:stretch;min-width:0}.catalogue-card[hidden]{display:none!important}.catalogue-card:target{box-shadow:0 0 0 3px #83d5c5,0 12px 40px rgba(29,98,111,.1)}.catalogue-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.lab-number{font-size:9px;letter-spacing:1.05px;color:#728b97;font-weight:850}.catalogue-card h3{color:#0c2b40;font-size:24px;line-height:1.21;letter-spacing:-.9px;margin:29px 0 4px}.catalogue-sub{font-size:11px!important;color:#3e8994!important;margin:0 0 25px!important;font-weight:750!important}.catalogue-hook{color:#21445a!important;font-weight:670;font-size:14px!important;margin-bottom:10px!important}.catalogue-card>p:not(.catalogue-sub):not(.catalogue-hook){font-size:12px;color:#677b89;line-height:1.92;margin:0 0 10px}.tool-details{margin:12px 0 22px;background:#f7fbfa}.tool-details summary{font-size:11px;padding:11px 14px}.tool-details ul{margin:0 17px 14px;padding-left:15px}.tool-details li{font-size:11.5px;color:#56727f;line-height:1.8;padding:3px 0}.catalogue-stack{border-top:1px solid #e0e9eb;margin-top:auto;padding-top:15px}.catalogue-stack span{font-size:9px;letter-spacing:1px;font-weight:850;color:#78919d}.catalogue-stack p{font-size:11px;color:#3b6173;line-height:1.7;margin:5px 0 0}.catalogue-empty{text-align:center;color:#647f8a}.philosophy-layout{grid-template-columns:1fr 1fr;gap:90px}
@media(max-width:1130px){.chapter-grid{grid-template-columns:repeat(3,1fr)}.site-nav{gap:12px}.case-layout{gap:38px}.statement-layout,.lab-intro{gap:60px}}
@media(max-width:850px){.site-nav{gap:0}.chapter-grid{grid-template-columns:repeat(2,1fr)}.editorial-grid{grid-template-columns:1fr 1fr}.teaser-lab{grid-template-columns:1fr 1fr}.narrative-layout{gap:35px}.intro-band{grid-template-columns:1fr;gap:15px}.intro-band .inline-cta{justify-self:start}.case-layout{grid-template-columns:1fr;gap:15px}.case-rail{flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}.case-number{font-size:40px;letter-spacing:-2px}.lab-intro,.philosophy-layout,.statement-layout{grid-template-columns:1fr;gap:25px}.catalogue-controls{align-items:flex-start;flex-direction:column}.filter-row{justify-content:flex-start}.sub-hero-content{padding-bottom:70px}.story-era-grid{grid-template-columns:.2fr 1fr;gap:30px}.value-grid{grid-template-columns:repeat(2,1fr)}.catalogue-grid{grid-template-columns:1fr 1fr;gap:13px}.catalogue-card{padding:22px 18px}}
@media(max-width:620px){.hero h1{font-size:clamp(39px,9.5vw,52px)}.hero-metrics{gap:10px}.hero-metric strong{font-size:14px}.chapter-grid,.editorial-grid,.teaser-lab,.value-grid,.catalogue-grid,.case-info-grid{grid-template-columns:1fr}.chapter-card{min-height:180px}.chapter-card .chapter-date{margin-bottom:13px}.statement-copy>p{font-size:16px}.principle-list{grid-template-columns:1fr}.sub-hero h1{font-size:clamp(38px,10vw,52px);letter-spacing:-1.8px}.sub-hero-content{padding-top:35px;padding-bottom:55px}.sub-hero-content>p:last-child{font-size:13px}.page-breadcrumb{margin-bottom:29px}.narrative-layout,.story-era-grid{grid-template-columns:1fr;gap:14px}.era-rail{display:none}.era-no{display:inline-block;font-size:32px}.era-years{display:inline-block;margin:0 0 0 17px}.story-era{padding:52px 0}.story-era h2{font-size:31px}.story-era p{font-size:12px}.case-section{padding:52px 0}.case-body h2{font-size:32px}.case-lead{font-size:15px}.next-page-banner{flex-direction:column;align-items:flex-start;padding:29px 25px;gap:20px}.next-page-banner h2{font-size:28px}.lab-intro{gap:14px}.catalogue-card h3{font-size:22px;margin-top:22px}.catalogue-top{align-items:flex-start;flex-direction:column}.catalogue-controls .section-title{font-size:34px}.filter-row{gap:5px}.filter-btn{padding:8px 10px}.footer-links{flex-wrap:wrap}.site-nav{gap:0}.contact-panel{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.chapter-card,.editorial-card,.filter-btn{transition:none!important}}
@media print{.sub-hero{background:#fff!important;color:#000!important}.sub-hero h1,.sub-hero h1 em{color:#111!important}.sub-hero-content>p:last-child{color:#333}.filter-row,.site-header,.site-footer{display:none!important}.catalogue-grid{grid-template-columns:1fr 1fr}.catalogue-card,.case-section,.story-era{break-inside:avoid}.catalogue-card[hidden]{display:block!important}.case-details,.tool-details{display:block}}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.capability-card{background:#fff;border:1px solid #dfe8ea;border-radius:13px;padding:28px 24px;min-width:0}.capability-card h3{font-size:19px;letter-spacing:-.55px;margin:0 0 11px;line-height:1.3;color:#123148}.capability-card p{font-size:12px;line-height:1.82;color:#657e8a;margin:0 0 25px;min-height:66px}.capability-tags{display:flex;gap:7px;flex-wrap:wrap}.capability-tags span{font-size:10px;font-weight:700;border:1px solid #dce8e9;background:#f3f8f8;padding:5px 8px;border-radius:5px;color:#407083}
@media(max-width:850px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.capability-grid{grid-template-columns:1fr}.capability-card p{min-height:auto}}

/* Public project destinations: discreet actions that preserve the portfolio's design. */
.catalogue-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;margin:2px 0 21px}
.lab-visit{display:inline-flex;align-items:center;gap:10px;background:#123b49;border:1px solid #123b49;border-radius:7px;padding:10px 13px;color:#fff!important;text-decoration:none;font-size:11px;font-weight:780;letter-spacing:.12px;transition:background .2s,border-color .2s,transform .2s}
.lab-visit:hover{background:#1a6067;border-color:#1a6067;transform:translateY(-1px)}
.lab-visit:focus-visible{outline:3px solid #47a896;outline-offset:3px}
.catalogue-url{font-size:10px;line-height:1.65;color:#718994;overflow-wrap:anywhere;padding-top:7px}
@media(max-width:560px){.catalogue-actions{flex-direction:column;gap:4px}.catalogue-url{padding-top:0}}

/* A(m)I Secure restricted public sandbox panel */
.demo-portfolio-widget{margin:0 0 23px;background:#edf7f5;border:1px solid #c9e5df;border-radius:11px;padding:17px 16px 12px}.demo-widget-heading{display:flex;align-items:center;gap:10px;justify-content:space-between}.demo-widget-heading strong{font-size:12px;color:#17465a}.demo-widget-heading span{color:#268476;font-size:10px;font-weight:760}.demo-portfolio-widget>p{font-size:11px;color:#527382;line-height:1.65;margin:6px 0 12px}.demo-state-small{font-size:11px;color:#697f8b}.demo-widget-fields{display:grid;gap:10px}.demo-mini-field>span{font-size:10px;letter-spacing:.4px;font-weight:800;color:#5d7e8b}.demo-mini-field>div:not(.demo-mini-progress){display:flex;align-items:center;gap:9px;justify-content:space-between;border-radius:6px;border:1px solid #d5e6e4;padding:5px 5px 5px 9px;background:white}.demo-mini-field code{font-size:12px;letter-spacing:0;color:#183e4d;overflow-wrap:anywhere;min-width:0}.demo-mini-field code.demo-mini-code{font-size:22px;letter-spacing:4px;font-weight:800;font-variant-numeric:tabular-nums}.demo-mini-field button{border:1px solid #b9dad7;color:#225b63;background:#f3fbf9;border-radius:5px;font-size:10px;line-height:1.15;font-weight:770;padding:8px 9px;white-space:nowrap;cursor:pointer}.demo-mini-field button:hover{background:#d6f1e9}.demo-mini-progress{height:3px;background:#cfebe3;margin-top:5px;border-radius:3px;overflow:hidden}.demo-mini-progress>div{height:100%;background:#41ae9a;width:0%}.demo-page-link{display:inline-block;margin-top:13px;font-size:11px;font-weight:760;color:#176d73!important;text-decoration:none}.demo-page-link:hover{text-decoration:underline}.demo-mini-note{font-size:10px!important;margin:5px 0 0!important;min-height:6px}.demo-state-small[data-status=ready]{display:none}