.navbar{position:fixed;inset:0 0 auto;z-index:var(--z-navigation);background:var(--ink);border-bottom:1px solid var(--line)}.navbar-inner{max-width:var(--max-width);min-height:var(--nav-height);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.navbar-logo{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0;font-size:1.125rem;font-weight:650;letter-spacing:.08em}.logo-dot{width:5px;height:5px;background:var(--accent)}.navbar-links{display:flex;gap:.25rem}.nav-link{display:inline-flex;min-height:44px;align-items:center;padding:.5rem .875rem;color:var(--text-secondary);font-size:.875rem;white-space:nowrap;border-bottom:2px solid transparent;transition:color .18s ease-out,border-color .18s ease-out}.nav-link:hover,.nav-link.active{color:var(--paper);border-bottom-color:var(--accent)}.bracket{display:none}.navbar-cta{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.5rem .9rem;border:1px solid var(--line);border-radius:6px;color:var(--accent);font-size:.875rem;white-space:nowrap}.navbar-cta:hover{border-color:var(--accent)}.hero{position:relative;display:flex;align-items:center;min-height:min(860px,92svh);padding:calc(var(--nav-height) + 5rem) var(--gutter) 6rem;border-bottom:1px solid var(--line);background-image:linear-gradient(rgba(176,220,240,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(176,220,240,.035) 1px,transparent 1px);background-size:88px 88px}.hero-shell{width:100%;max-width:calc(var(--max-width) - 2 * var(--gutter));margin:0 auto}.hero-copy{max-width:58rem;animation:dossier-enter .5s cubic-bezier(.16,1,.3,1) both}.hero-badge{margin-bottom:1.5rem;color:var(--accent);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600}.hero-title{max-width:18ch;font-size:clamp(2.1rem,4.8vw,3.75rem);font-weight:650;line-height:1.45;letter-spacing:-.025em}.hero-tagline{margin-top:1.5rem;color:var(--text-secondary);font-size:clamp(1rem,1.6vw,1.2rem)}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.75rem 0 2.5rem;list-style:none;color:var(--text-muted);font-size:.875rem}.hero-tags li{display:inline-flex;align-items:center;gap:.5rem}.hero-tags li:before{content:"";width:4px;height:4px;background:var(--accent)}.hero-actions{display:flex;flex-wrap:wrap;gap:.875rem}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.8rem 1.5rem;border:1px solid var(--accent);border-radius:6px;font-size:.9375rem;font-weight:600;transition:background-color .18s ease-out,color .18s ease-out}.btn-primary{background:var(--accent);color:var(--ink)}.btn-primary:hover{background:var(--paper);border-color:var(--paper)}.btn-ghost{border-color:var(--line);color:var(--paper)}.btn-ghost:hover{background:var(--panel);border-color:var(--accent)}@keyframes dossier-enter{0%{transform:translateY(10px)}to{transform:translateY(0)}}@media(max-width:760px){:root{--nav-height: 112px}.navbar-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:56px 56px;gap:0}.navbar-logo{font-size:1rem}.navbar-cta{grid-column:2;grid-row:1;min-height:40px}.navbar-links{grid-column:1 / -1;justify-content:space-between;gap:0}.nav-link{padding:.5rem .35rem;font-size:.8125rem}.hero{min-height:auto;padding-top:calc(var(--nav-height) + 3.5rem);padding-bottom:4rem}.hero-title{max-width:17ch}}@media(max-width:380px){.hero-actions{flex-direction:column}}:root{--ink: #071522;--panel: #0c2435;--line: rgba(176, 220, 240, .18);--accent: #8ed4f7;--paper: #edf4f7}.portfolio-main{background:linear-gradient(180deg,var(--ink),#0b1d2b 58%,#071522)}.portfolio-main>section:not(.hero){width:calc(100% - 2 * var(--gutter));max-width:calc(var(--max-width) - 2 * var(--gutter));margin:0 auto}.portfolio-main>section[id]{scroll-margin-top:calc(var(--nav-height) + 16px)}.portfolio-main h2{font-size:clamp(1.65rem,2.8vw,2.25rem);font-weight:600}#cases{padding-top:clamp(3.5rem,7vw,6rem)}#cases>h2{margin-bottom:1.75rem}.case-study{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:clamp(1.5rem,4vw,4rem);border-top:1px solid var(--line);padding:clamp(3rem,8vw,7rem) 0;align-items:start}.case-study:nth-child(2n) .case-study-media{order:2}.case-study-media,.case-study-content{min-width:0}.case-study-media img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:1rem;background:var(--panel)}.case-study-images{display:grid;gap:1rem}.case-study-images img+img{width:64%;justify-self:end}.case-study-content h3{font-size:clamp(1.3rem,2vw,1.75rem);font-weight:600}.case-study-content>p:first-of-type{margin-top:1rem;color:var(--text-secondary)}.case-study-content>section{margin-top:1.75rem}.case-study-content h4{margin-bottom:.5rem;color:var(--accent);font-size:.875rem;font-weight:600}.case-study-content section ul,.capability-card ul,.profile-summary ul{padding-left:1.1rem;color:var(--text-secondary)}.case-study-content li+li,.capability-card li+li,.profile-summary li+li{margin-top:.5rem}.case-study-content li::marker,.capability-card li::marker,.profile-summary li::marker{color:var(--text-muted)}.case-study-content>section:last-of-type{padding:1.25rem;background:var(--panel);border-radius:8px;font-variant-numeric:tabular-nums}.case-study-content>section:last-of-type ul{color:var(--paper)}.case-study-content>ul{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;list-style:none}.case-study-content>ul li{margin:0;padding:.2rem .6rem;border:1px solid var(--line);border-radius:4px;color:var(--text-secondary);font-size:.75rem}.case-study-content>p:last-child{margin-top:1rem;color:var(--text-muted);font-size:.8125rem;line-height:1.8}.case-study-document-flow{min-height:19rem;aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel);color:var(--accent)}.case-study-document-flow svg{width:72px;height:72px;stroke-width:1}#capabilities,#profile,#contact{padding:clamp(3rem,6vw,5.5rem) 0;border-top:1px solid var(--line)}.capability-cards{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:1.25rem;margin-top:2rem}.capability-card{min-width:0;padding:clamp(1.25rem,2.4vw,2rem);background:var(--panel);border-radius:8px}.capability-card h3,.profile-summary h3{margin-bottom:1.25rem;font-size:1.125rem;font-weight:600}.capability-card ul{font-size:.9375rem}#profile>p{margin-top:1.25rem;color:var(--text-secondary)}.profile-summary{display:grid;grid-template-columns:1fr 1.4fr;gap:2.5rem;margin-top:2.25rem}#contact{display:grid;grid-template-columns:1fr auto;column-gap:2rem;align-items:center}#contact>p{grid-column:1;margin-top:.5rem;color:var(--text-secondary)}#contact>a{grid-column:2;grid-row:1 / 3;padding:.5rem 0;color:var(--accent);font-size:clamp(1.1rem,2.2vw,1.6rem);overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px}#contact>a:hover{color:var(--paper)}@media(max-width:980px){.capability-cards{grid-template-columns:1fr;gap:1rem}.capability-card ul{display:flex;flex-wrap:wrap;gap:.5rem 2rem}.capability-card li+li{margin:0}}@media(max-width:760px){.case-study{grid-template-columns:1fr}.case-study:nth-child(2n) .case-study-media{order:0}.case-study-images img+img{width:72%}.case-study-document-flow{min-height:15rem}.profile-summary{grid-template-columns:1fr;gap:2rem}#contact{grid-template-columns:1fr}#contact>a{grid-column:1;grid-row:auto;margin-top:1rem;justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-copy{animation:none}}html[data-qa-reduced-motion] *,html[data-qa-reduced-motion] *:before,html[data-qa-reduced-motion] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html[data-qa-reduced-motion],html[data-qa-reduced-motion] *{scroll-behavior:auto!important}html[data-qa-reduced-motion] .hero-copy{animation:none}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--nav-height: 76px;--max-width: 1280px;--gutter: clamp(1.25rem, 5vw, 4rem);--text-secondary: #bbced9;--text-muted: #9eb6c5;--z-navigation: 10}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 16px);color-scheme:dark}body{min-width:320px;background:var(--ink, #071522);color:var(--paper, #edf4f7);font-size:1rem;line-height:1.8}#root{min-height:100svh;isolation:isolate}h1,h2,h3{text-wrap:balance;line-height:1.4}p,li{text-wrap:pretty;overflow-wrap:anywhere}a{color:inherit;text-decoration:none;text-underline-offset:.25em}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent, #8ed4f7);outline-offset:5px}::selection{background:#8ed4f7;color:#071522}.reveal,.reveal.visible{opacity:1;transform:none}