.frame { width:min(1344px,calc(100% - 96px)); margin-inline:auto; }
.site-header { min-height:102px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.site-header nav { display:flex; gap:28px; align-items:center; font-size:13px; color:var(--muted); }
.site-header nav a:hover { color:var(--ice); }
.site-header .button { background:transparent; }
.menu-button { display:none; }
.hero { position:relative; isolation:isolate; overflow:hidden; min-height:750px; }
.hero-artwork,.hero-shade { position:absolute; inset:0; width:100%; height:100%; z-index:-1; }
.hero-artwork { object-fit:cover; object-position:center; }
.hero-shade { background:linear-gradient(90deg,#070e15ee 0,#070e1599 35%,#070e1510 70%),linear-gradient(0deg,#070e15,transparent 23%,transparent 88%,#070e1533); }
.hero-copy { padding-block:120px 105px; }
.eyebrow { font-size:13px; font-weight:500; color:var(--muted); margin-bottom:24px; }
.hero h1 { font:500 clamp(60px,6.3vw,94px)/1.04 var(--display); letter-spacing:-.055em; margin-bottom:30px; }
.hero-lead { font-size:21px; margin-bottom:14px; }
.hero-body { color:#c2ccd2; max-width:43ch; font-size:17px; line-height:1.8; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:32px; }
.hero-actions .button { min-height:50px; gap:30px; }
.button-primary { background:var(--chalk); color:var(--ink); border-color:var(--chalk); }
.button-primary:hover { background:var(--ice); border-color:var(--ice); }
.hero-actions .link { color:var(--chalk); }
.hero-meta { display:flex; gap:22px; margin-top:34px; color:#b5c3cb; font-size:12px; }
.hero-meta span+span { border-left:1px solid #627079; padding-left:22px; }
.context-strip { border-bottom:1px solid var(--line); }
.context-strip>.frame { display:flex; flex-wrap:wrap; gap:22px; justify-content:space-between; align-items:center; padding-block:30px; font-size:13px; color:#bdc8ce; }
.context-strip span:first-child { color:var(--quiet); }
.section { padding-block:96px; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:64px; margin-bottom:48px; }
.section-heading .eyebrow { margin-bottom:18px; }
.section-heading>p { color:var(--muted); font-size:17px; line-height:1.75; max-width:34ch; margin:0 0 4px; }
.section h2,.founder h2 { font:500 clamp(34px,3.3vw,50px)/1.13 var(--display); letter-spacing:-.04em; margin-bottom:0; }
.capabilities { display:grid; grid-template-columns:1fr 1fr; gap:0 64px; }
.capabilities article { display:grid; grid-template-columns:140px 1fr 32px; gap:20px; align-items:center; padding-block:40px; border-top:1px solid var(--line); }
.cap-art { width:140px; height:190px; object-fit:contain; }
.capabilities h3 { font:500 24px/1.25 var(--display); letter-spacing:-.025em; margin-bottom:15px; }
.capabilities p { color:var(--muted); font-size:15px; line-height:1.85; margin-bottom:18px; }
.tags { display:flex; flex-wrap:wrap; gap:6px 14px; color:var(--quiet); font-size:12px; }
.capabilities article>a { display:grid; place-items:center; min-width:32px; min-height:44px; color:var(--ice); font-size:22px; align-self:start; border-radius:4px; }
.capabilities article>a:hover { background:var(--elevated); }
.workspace-section { color:var(--ink); background:var(--chalk); color-scheme:light; }
.workspace-section .eyebrow,.workspace-section .section-heading>p { color:#536473; }
.workspace-lead { max-width:35ch; }.workspace-lead p { color:#536473; font-size:17px; line-height:1.8; margin-bottom:22px; }.workspace-lead .button { background:var(--ink); color:var(--chalk); border-color:var(--ink); }.workspace-lead .button:hover { background:#285466; }
.product-capture { margin:0; border:1px solid #c9d3d7; border-radius:5px; overflow:hidden; box-shadow:0 24px 65px -30px #172c4140; background:var(--deep); }.product-capture picture,.product-capture img { display:block; width:100%; height:auto; }.product-capture figcaption { display:flex; justify-content:space-between; gap:16px; padding:18px 24px; font-size:12px; color:var(--muted); border-top:1px solid var(--line); }.product-capture figcaption>span:first-child { color:var(--chalk); }
.workspace-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:44px; margin-top:48px; }.workspace-principles>div { border-top:1px solid #cbd5d8; padding-top:22px; }.workspace-principles span { color:#61737f; font-size:12px; }.workspace-principles h3 { font:500 22px/1.3 var(--display); letter-spacing:-.025em; margin:18px 0 12px; }.workspace-principles p { font-size:14px; line-height:1.85; color:#536473; margin:0; }
.workspace-section :focus-visible { outline-color:#28687d; }
.approach-intro { display:grid; grid-template-columns:1fr 1.1fr; gap:80px; align-items:center; }
.approach-copy { max-width:36ch; color:var(--muted); font-size:18px; line-height:1.8; margin:28px 0; }
.core-note { max-width:38ch; color:var(--quiet); font-size:13px; line-height:1.8; }
.approach-section .network-stage { margin:0; height:420px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:56px; margin-top:72px; }
.step-number { display:block; color:var(--copper); font:400 17px var(--display); padding-bottom:20px; border-bottom:1px solid var(--line); margin-bottom:25px; }
.steps h3 { font:500 26px var(--display); letter-spacing:-.025em; margin-bottom:14px; }
.steps p { color:var(--muted); font-size:15px; line-height:1.85; margin:0; }
#work { border-top:1px solid var(--line); }
.products { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.product { display:block; padding:32px; background:var(--ink); border:1px solid #2c3b44; border-radius:5px; }
.product:hover { border-color:#708692; }
.product-kind { display:flex; justify-content:space-between; font-size:13px; color:var(--muted); }
.product-name { padding-block:40px; font:500 45px/1.06 var(--display); letter-spacing:-.04em; }
.product-name small { display:block; font:14px var(--font); letter-spacing:0; color:var(--muted); margin-top:18px; }
.peace-name { color:#d9c58e; font-size:28px; }.peace-name strong { display:block; font-size:45px; font-weight:500; }
.lynx-accent { color:var(--ice); }
.product p { font-size:15px; color:var(--muted); max-width:40ch; }
.product-domain { display:block; border-top:1px solid var(--line); padding-top:20px; margin-top:28px; color:var(--quiet); font-size:13px; }
.founder-section { background:var(--ink); }
.founder { display:grid; grid-template-columns:310px 1fr; gap:110px; align-items:center; padding-block:80px; }
.founder-image img { width:310px; height:310px; object-fit:cover; border-radius:4px 4px 0 0; }
.founder-image>p { display:flex; justify-content:space-between; gap:10px; margin:0; padding:17px 0; font-size:13px; }
.founder-image>p>span { color:var(--muted); }
.founder h2 { margin-bottom:26px; }
.founder>div>p:not(.eyebrow) { font-size:17px; line-height:1.85; color:var(--muted); max-width:54ch; }
.contact { display:grid; grid-template-columns:1.3fr 1fr; gap:100px; align-items:center; }
.contact>div>p:not(.eyebrow) { max-width:43ch; font-size:17px; line-height:1.8; color:var(--muted); margin-block:26px; }
.contact-details { border-left:1px solid var(--line); padding-left:48px; }
.contact-details>span { font-size:13px; color:var(--muted); }
.contact-details>a { display:block; font-family:var(--display); color:var(--ice); font-size:26px; letter-spacing:-.03em; margin:14px 0 22px; }
.contact-details>p { color:var(--muted); font-size:15px; }
.site-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:28px; padding-block:36px; border-top:1px solid var(--line); }
.site-footer>p { margin:0; color:var(--quiet); font-size:12px; }
.site-footer nav { display:flex; flex-wrap:wrap; gap:24px; font-size:12px; color:var(--muted); }
.site-footer nav a:hover { color:var(--ice); }
@media(max-width:1100px) {
 .frame { width:calc(100% - 64px); }.site-header nav { gap:16px; font-size:12px; }.site-header .brand-name { font-size:21px; }
 .hero-copy { padding-block:96px; }.hero h1 { font-size:72px; }.section-heading { gap:40px; }.section-heading>p { max-width:30ch; }
 .capabilities { gap:0 32px; }.capabilities article { grid-template-columns:90px 1fr 28px; gap:15px; }.cap-art { width:90px; height:155px; }.capabilities h3 { font-size:22px; }
 .approach-intro { gap:40px; }.approach-section .network-stage { height:370px; }
 .founder { gap:60px; }.contact { gap:48px; }.contact-details { padding-left:30px; }.contact-details>a { font-size:22px; }
}
@media(max-width:820px) {
 .site-header { min-height:84px; position:relative; }.menu-button { display:inline-flex; }.site-header nav { display:none; position:absolute; top:84px; left:-32px; right:-32px; padding:22px 32px; background:var(--ink); border-bottom:1px solid var(--line); z-index:5; }.site-header nav.open { display:flex; flex-direction:column; align-items:stretch; gap:8px; }.site-header nav>a { min-height:44px; display:flex; align-items:center; font-size:14px; }
 .hero { min-height:800px; }.hero-copy { padding-block:65px 245px; }.hero h1 { font-size:clamp(52px,8.5vw,72px); }.hero-artwork { object-position:68% bottom; }.hero-shade { background:linear-gradient(180deg,#070e15f2 0,#070e15cf 34%,#070e1566 64%,transparent 85%,#070e15); }.hero-body { max-width:40ch; }.hero-lead { font-size:18px; }
 .context-strip>.frame { justify-content:flex-start; gap:12px 24px; }.context-strip span:first-child { width:100%; }
 .section { padding-block:64px; }.section-heading { display:block; }.section-heading>p { max-width:45ch; margin-top:22px; }.workspace-lead { max-width:45ch; margin-top:24px; }.workspace-principles { gap:25px; }
 .capabilities { grid-template-columns:1fr; }.capabilities article { grid-template-columns:130px 1fr 32px; gap:24px; }.cap-art { width:130px; height:160px; }

 .approach-intro { grid-template-columns:1fr; gap:24px; }.approach-copy { max-width:46ch; }.approach-section .network-stage { height:440px; }.steps { gap:30px; margin-top:56px; }.steps h3 { font-size:23px; }
 .products { gap:24px; }.product { padding:25px; }.product-name { font-size:38px; }
 .founder { grid-template-columns:230px 1fr; gap:34px; }.founder-image img { height:280px; }.founder-image>p { flex-direction:column; gap:3px; }
 .contact { grid-template-columns:1fr; gap:40px; }.contact-details { border-left:0; border-top:1px solid var(--line); padding:28px 0 0; }
}
@media(max-width:520px) {
 .frame { width:calc(100% - 40px); }.site-header nav { left:-20px; right:-20px; padding-inline:20px; }.site-header .brand-name { font-size:20px; }.brand img { width:39px; height:39px; }.brand { gap:8px; }
 .hero-copy { padding-top:50px; }.hero h1 { letter-spacing:-.05em; font-size:clamp(44px,10.8vw,58px); }.hero-body { font-size:16px; }.hero-actions { gap:20px; }.hero-actions .button { font-size:13px; }.hero-meta { margin-top:26px; }
 .section h2,.founder h2 { font-size:35px; }.eyebrow { font-size:12px; }.section-heading { margin-bottom:32px; }
 .capabilities article { grid-template-columns:80px 1fr 24px; gap:15px; padding-block:28px; }.cap-art { width:80px; height:125px; align-self:start; }.capabilities h3 { font-size:21px; }.capabilities p { font-size:14px; }.tags { font-size:11px; }.capabilities article>a { min-width:24px; }

 .approach-section .network-stage { height:310px; }.steps,.products,.founder { grid-template-columns:1fr; }.steps { gap:34px; }.founder { padding-block:56px; gap:30px; }.founder-image { max-width:320px; }.founder-image img { width:100%; height:300px; }.founder-image>p { flex-direction:row; }.founder>div>p:not(.eyebrow) { font-size:16px; }.site-footer .brand-name { font-size:20px; }.site-footer nav { width:100%; gap:18px; }
}

@media(max-width:600px) { .product-capture img { aspect-ratio:390/1076; object-fit:cover; object-position:top; }.product-capture figcaption { flex-direction:column; gap:4px; padding:16px 18px; font-size:11px; }.workspace-principles { grid-template-columns:1fr; gap:26px; margin-top:36px; }.workspace-principles h3 { margin-top:12px; }.workspace-lead p { font-size:16px; } }