Restore Approach section; remove Foundation from site; unify navbar

- Revert the accidental Approach-section removal (restore homepage Approach)
- Remove the Foundation page for now (recoverable via git history; Typst
  sources retained in houston-labs-foundation/)
- Standardize the navbar across all pages: Focus / Approach / Resources /
  Contact / Email us, brand links home

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2ro
2026-06-27 20:43:24 -04:00
parent ea44bf69c5
commit 8727002e44
9 changed files with 11 additions and 285 deletions
-50
View File
@@ -1,50 +0,0 @@
/* Foundation page — document reading layer on top of the site theme. */
.fdn-hero { padding-block: clamp(56px, 10vw, 120px) clamp(8px, 2vw, 20px); }
.fdn-hero h1 { font-family: "Space Grotesk", sans-serif; font-weight: 600;
font-size: clamp(2.4rem, 6vw, 4.2rem); line-height: 1.02; letter-spacing: -0.03em;
margin: 18px 0 22px; }
.fdn-hero .lede { max-width: 60ch; }
.toc { padding-block: clamp(20px, 4vw, 40px) clamp(40px, 7vw, 90px); }
.toc-grid { display: grid; gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); }
.toc-card h3 { font-family: "Space Grotesk", sans-serif; font-weight: 600;
font-size: 1.2rem; margin: 16px 0 8px; letter-spacing: -0.01em; }
.toc-card h3 a { text-decoration: none; color: var(--hl-text); }
.toc-card h3 a:hover { color: var(--hl-accent-a); }
.toc-card p { margin: 0; color: var(--hl-muted); font-size: 15px; }
.toc-links { margin-top: 14px !important; display: flex; gap: 16px;
font-family: "JetBrains Mono", monospace; font-size: 12.5px; letter-spacing: .04em; }
.toc-links a { color: var(--hl-accent-a); text-decoration: none; }
.toc-links a:hover { text-decoration: underline; }
.doc { max-width: 72ch; margin-inline: auto; scroll-margin-top: 90px;
padding-block: clamp(44px, 7vw, 88px); border-top: 1px solid var(--hl-line); }
.doc > .label { display: block; margin-bottom: 14px; }
.doc h2 { font-family: "Space Grotesk", sans-serif; font-weight: 600;
font-size: clamp(1.9rem, 4vw, 2.8rem); letter-spacing: -0.025em; margin: 0 0 6px; }
.doc h3 { font-family: "Space Grotesk", sans-serif; font-weight: 600; color: var(--hl-text);
font-size: 1.25rem; letter-spacing: -0.012em; margin: 2em 0 0.5em; scroll-margin-top: 90px; }
.doc-lede { font-family: "Space Grotesk", sans-serif; font-size: clamp(1.1rem, 1.8vw, 1.35rem);
line-height: 1.5; color: var(--hl-muted); margin: 14px 0 8px; }
.doc p, .doc li { color: #d7dae3; font-size: 1.02rem; line-height: 1.7; }
.doc strong { color: var(--hl-text); font-weight: 600; }
.doc ul { padding-left: 1.1em; }
.doc li { margin: 0.4em 0; }
.doc a { color: var(--hl-accent-a); }
.doc .creed { font-family: "Space Grotesk", sans-serif; font-style: italic;
color: #aeb6c8; font-size: 1.05rem; margin: 0 0 0.3em; }
.value-web { border-left: 2px solid var(--hl-accent-a); padding-left: 18px; margin: 1.6em 0; }
.value-web h3 { margin-top: 0; }
.value-web p:last-child { margin-bottom: 0; }
.accent-bar { width: 36px; height: 2px; background: var(--hl-accent-grad);
border: 0; border-radius: 2px; margin: 22px 0; }
.doc-meta { font-size: 0.92rem !important; color: var(--hl-faint) !important; }
.doc-actions { margin-top: 28px; }
.pdf-btn { display: inline-flex; align-items: center; gap: 9px; text-decoration: none;
font-family: "Hanken Grotesk", sans-serif; font-weight: 600; font-size: 14.5px;
color: var(--hl-text); padding: 12px 20px; border-radius: 999px;
background: linear-gradient(150deg, var(--hl-glass-hi), var(--hl-glass-lo) 72%);
border: 1px solid var(--hl-glass-edge); box-shadow: inset 0 1px 0 var(--hl-spec);
transition: border-color .2s, transform .2s; }
.pdf-btn:hover { border-color: var(--hl-accent-a); transform: translateY(-1px); }
-226
View File
@@ -1,226 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Houston Labs, Foundation</title>
<meta name="description" content="The documents that define Houston Labs: our mission, vision, and core values. Each is available as an accessible (PDF/UA) download.">
<meta name="theme-color" content="#06070d">
<meta property="og:type" content="website">
<meta property="og:title" content="Houston Labs, Foundation">
<meta property="og:description" content="Mission, vision, and values that define Houston Labs.">
<meta property="og:url" content="https://houstonlabs.us/foundation/">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%2306070d'/%3E%3Cg fill='none' stroke-width='1.7'%3E%3Cpath d='M11 9v14M21 9v14M11 16h10' stroke='%23eef0f7'/%3E%3Cellipse cx='16' cy='16' rx='12.5' ry='5.4' transform='rotate(-24 16 16)' stroke='%2346e3ff' opacity='.85'/%3E%3C/g%3E%3C/svg%3E">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../styles.css">
<link rel="stylesheet" href="foundation.css">
</head>
<body>
<div class="field" aria-hidden="true"><div class="bloom"></div><div class="grid"></div></div>
<div class="content">
<header class="nav-wrap">
<nav class="nav">
<a class="brand" href="../">
<span class="brand-badge">
<svg viewBox="0 0 32 32" width="20" height="20" aria-hidden="true">
<defs><linearGradient id="m1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff"/><stop offset=".5" stop-color="#9aa1b0"/><stop offset="1" stop-color="#eef1f6"/></linearGradient></defs>
<g fill="none" stroke-width="1.7"><path d="M11 9v14M21 9v14M11 16h10" stroke="url(#m1)"/><ellipse cx="16" cy="16" rx="12.5" ry="5.4" transform="rotate(-24 16 16)" stroke="var(--hl-accent-a)" opacity=".85"/></g>
</svg>
</span>
<span class="brand-name">HOUSTON&nbsp;LABS</span>
</a>
<div class="nav-links">
<a href="../">Home</a>
<a href="../resources/">Resources</a>
<a href="#contents">Contents</a>
<a class="nav-pill" href="mailto:contact@houstonlabs.us">Email&nbsp;us</a>
</div>
</nav>
</header>
<main id="top" class="main">
<section class="fdn-hero">
<p class="eyebrow"><span class="dot"></span>Foundation</p>
<h1>What we stand for,<br>written down.</h1>
<p class="lede">These are the documents that define Houston Labs, our mission, our vision, the values we hold even when they are inconvenient, and the thesis behind the work. Every document is available as an accessible, screen-reader-friendly PDF.</p>
</section>
<section class="toc" id="contents">
<span class="label">/ Contents</span>
<div class="toc-grid" style="margin-top:22px">
<div class="card toc-card">
<div class="card-top"><span class="card-idx">01</span><span class="card-rule"></span></div>
<h3><a href="#mission">Mission Statement</a></h3>
<p>Why Houston Labs exists.</p>
<p class="toc-links"><a href="#mission">Read →</a><a href="pdf/01-mission.pdf">PDF ↓</a></p>
</div>
<div class="card toc-card">
<div class="card-top"><span class="card-idx">02</span><span class="card-rule"></span></div>
<h3><a href="#vision">Vision Statement</a></h3>
<p>Where this is going.</p>
<p class="toc-links"><a href="#vision">Read →</a><a href="pdf/02-vision.pdf">PDF ↓</a></p>
</div>
<div class="card toc-card">
<div class="card-top"><span class="card-idx">03</span><span class="card-rule"></span></div>
<h3><a href="#values">Core Values</a></h3>
<p>The principles we hold.</p>
<p class="toc-links"><a href="#values">Read →</a><a href="pdf/03-core-values.pdf">PDF ↓</a></p>
</div>
<div class="card toc-card">
<div class="card-top"><span class="card-idx">04</span><span class="card-rule"></span></div>
<h3><a href="#manifesto">Manifesto</a></h3>
<p>What we believe, said plainly.</p>
<p class="toc-links"><a href="#manifesto">Read →</a><a href="pdf/05-manifesto.pdf">PDF ↓</a></p>
</div>
<div class="card toc-card">
<div class="card-top"><span class="card-idx">05</span><span class="card-rule"></span></div>
<h3><a href="#overview">Company Overview</a></h3>
<p>The short version.</p>
<p class="toc-links"><a href="#overview">Read →</a><a href="pdf/07-overview.pdf">PDF ↓</a></p>
</div>
</div>
</section>
<article class="doc" id="mission">
<span class="label">/ Mission Statement</span>
<h2>Our Mission</h2>
<p class="doc-lede">Houston Labs exists to further humanity by researching emerging technology and building beautiful, effortless products that put its power into everyone's hands.</p>
<hr class="accent-bar">
<h3>The mission, in one line</h3>
<p><strong>We research what's next, and we build it so anyone can use it.</strong></p>
<p>Houston Labs is a technological research and development company. We exist to further humanity: to take the most capable technology of our time and turn it into tools that are beautiful, effortless, and genuinely useful for individuals and small organizations, not only for those who already hold the advantage.</p>
<h3>Why we exist</h3>
<p>We began by trying to close one gap, between brands and the people who carry their stories, and that work pulled us toward something larger: building at the frontier where advanced technology meets human creativity. The world is not short on powerful technology. It is short on technology built to be beautiful, effortless, and genuinely within reach of ordinary people and small teams.</p>
<p>We refuse to let that be an accident. Our work is to do the hard research, build the prototype, and ship the product, so the power of emerging technology reaches the many, not the few.</p>
<h3>What drives us</h3>
<ul>
<li><strong>Curiosity.</strong> We pursue the technologies we find genuinely fascinating, and we follow them to where they become useful.</li>
<li><strong>Craft.</strong> We build beautiful things. Ease and elegance are not decoration; they are how powerful tools reach real people.</li>
<li><strong>Consequence.</strong> Every product is a small act of furthering humanity, widening who gets to take part in what comes next.</li>
</ul>
<p class="doc-meta">Houston Labs LLC · A New York limited liability company · Established 2025</p>
<p class="doc-actions"><a class="pdf-btn" href="pdf/01-mission.pdf" download>&nbsp; Download accessible PDF</a></p>
</article>
<article class="doc" id="vision">
<span class="label">/ Vision Statement</span>
<h2>Where We're Going</h2>
<p class="doc-lede">A small, independent lab with outsized impact, known for making remarkable things, and for keeping people ready for the age they live in.</p>
<hr class="accent-bar">
<h3>The lab we're building</h3>
<p>We are building Houston Labs in the mold of the companies we admire most: flat, independent, and run by the people doing the work. We hire exceptional people, give them genuine freedom to chase what matters, and judge the work by what it becomes rather than by who approved it. No bureaucracy for its own sake. No growth for its own sake.</p>
<p>Scale, for us, is measured in impact and in craft, not in headcount.</p>
<h3>The world we're working toward</h3>
<p>We are working toward a world where the advantage of new technology is widely held instead of narrowly hoarded, where a single creator or a small team can stand alongside the largest institutions because the tools finally let them. A world that adopts what it invents, and is furthered by it.</p>
<p>Everything we build is a step toward it.</p>
<p class="doc-actions"><a class="pdf-btn" href="pdf/02-vision.pdf" download>&nbsp; Download accessible PDF</a></p>
</article>
<article class="doc" id="values">
<span class="label">/ Core Values</span>
<h2>What We Stand For</h2>
<p class="doc-lede">Five principles we hold even when they are inconvenient. They decide what we build, how we build it, and who we are while we do.</p>
<hr class="accent-bar">
<div class="value-web">
<h3>Freedom to Explore</h3>
<p class="creed">We follow curiosity wherever it leads, with the safeguards our peers hold as standard.</p>
<p>The best work begins as an interest, not an assignment. We give ourselves and our people real freedom to investigate, prototype, and pursue what they find compelling. That freedom is genuine, and it is responsible: we keep the safeguards our field treats as table stakes, without inventing permission structures that only slow good work down.</p>
</div>
<div class="value-web">
<h3>Build Beautiful Things</h3>
<p class="creed">Craft is not optional. Beauty and ease are how power reaches people.</p>
<p>We build things that are a pleasure to use. We sweat the details others skip, because elegance and ease are not garnish, they are the difference between technology that sits in a datacenter and technology that changes a life. We make the tool; we trust the people who use it to decide what to create with it.</p>
</div>
<div class="value-web">
<h3>Optimal by Obsession</h3>
<p class="creed">Efficient, optimized, and as intelligent as we can possibly make it.</p>
<p>We are engineers and researchers first. We build efficiently and optimize relentlessly, because performance and simplicity are what make a product adoptable at scale. Easy-to-use is not a nicety to us; it is the mechanism by which good technology actually spreads.</p>
</div>
<div class="value-web">
<h3>Independent and Clean</h3>
<p class="creed">The law is the only boundary on creative expression. Within it we are free; outside it we don't go.</p>
<p>Houston Labs is independent by design, owned equally by its founders, built to answer to its work rather than to outside pressure. We keep our house clean: we do nothing illegal and nothing that invites trouble. On research and creative expression, the law is our boundary, a line we respect, and the only one we let constrain what we are willing to explore.</p>
</div>
<div class="value-web">
<h3>In Service of Humanity</h3>
<p class="creed">Every product widens who gets to take part in what comes next.</p>
<p>We measure our work by whether it leaves people better equipped for the age they live in. We build for individuals and small organizations who would otherwise be left behind, and we treat each other, and our partners, with the respect that keeps a small lab worth being part of. The point of all of it is to further humanity.</p>
</div>
<p class="doc-actions"><a class="pdf-btn" href="pdf/03-core-values.pdf" download>&nbsp; Download accessible PDF</a></p>
</article>
<article class="doc" id="manifesto">
<span class="label">/ Manifesto</span>
<h2>Manifesto</h2>
<p class="doc-lede">What we believe, said plainly.</p>
<hr class="accent-bar">
<h3>We build for humanity.</h3>
<p>Not for the few who already hold the advantage, for everyone the frontier tends to forget.</p>
<h3>Ease is power.</h3>
<p>A tool no one can use is not powerful. It is potential, wasted. We make the hard things effortless, because that is how the future reaches real people.</p>
<h3>We build beautiful things.</h3>
<p>Craft is not decoration. It is respect, for the work, and for the person on the other side of the screen.</p>
<h3>We follow curiosity.</h3>
<p>We research what fascinates us and chase it until it becomes useful. The best products start as the most interesting questions.</p>
<h3>We stay small, sharp, and independent.</h3>
<p>A tight lab of exceptional people, owned by the people who build it, answering to the work. We measure ourselves in impact and craft, never in headcount.</p>
<p class="doc-meta">Houston Labs LLC · Established 2025 · New York</p>
<p class="doc-actions"><a class="pdf-btn" href="pdf/05-manifesto.pdf" download>&nbsp; Download accessible PDF</a></p>
</article>
<article class="doc" id="overview">
<span class="label">/ Company Overview</span>
<h2>Houston Labs</h2>
<p class="doc-lede">A technological research and development company building the tools, systems, and ideas where advanced technology meets human creativity.</p>
<hr class="accent-bar">
<h3>What we do</h3>
<p>We research emerging technology, prototype what it makes possible, and ship the products that bring it into the real world. Our work spans:</p>
<ul>
<li><strong>Applied Research.</strong> Exploratory R&amp;D at the edge of emerging technology, from first principles to working prototype.</li>
<li><strong>Creative Technology.</strong> Systems and tooling for storytellers, studios, and the people shaping the future of visual media.</li>
<li><strong>Product &amp; Ventures.</strong> Turning research into products and ventures, with a deliberate path from lab to market.</li>
<li><strong>Advisory &amp; Education.</strong> Helping organizations and individuals adopt technology-native ways of working, and stay competitive in a fast-moving age.</li>
</ul>
<h3>Who we serve</h3>
<p>Individuals, VIPs, studios, brands, and small organizations who need to stay competitive in the new age, especially those without a team standing between them and the complexity of the frontier.</p>
<h3>What we believe</h3>
<p>We build radically easy, deeply optimized, beautifully made products, because ease of use is how powerful technology actually reaches people, and how humanity is furthered by what it invents.</p>
<h3>Work with us</h3>
<p>If you are building at the frontier of creative technology, or want to be ready for what's next, we'd like to hear from you. <a href="mailto:contact@houstonlabs.us">contact@houstonlabs.us</a></p>
<p class="doc-meta">Houston Labs LLC · A New York limited liability company · Established 2025 · New York, USA</p>
<p class="doc-actions"><a class="pdf-btn" href="pdf/07-overview.pdf" download>&nbsp; Download accessible PDF</a></p>
</article>
</main>
<footer class="foot">
<div class="foot-row">
<div class="foot-brand">
<span class="foot-mark">
<span class="foot-badge">
<svg viewBox="0 0 32 32" width="18" height="18" aria-hidden="true">
<defs><linearGradient id="m2" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff"/><stop offset=".5" stop-color="#9aa1b0"/><stop offset="1" stop-color="#eef1f6"/></linearGradient></defs>
<g fill="none" stroke-width="1.7"><path d="M11 9v14M21 9v14M11 16h10" stroke="url(#m2)"/><ellipse cx="16" cy="16" rx="12.5" ry="5.4" transform="rotate(-24 16 16)" stroke="var(--hl-accent-a)" opacity=".85"/></g>
</svg>
</span>
<span class="foot-name">HOUSTON&nbsp;LABS</span>
</span>
<span>Houston Labs&nbsp;LLC · A New York Limited Liability Company</span>
<span class="foot-copy">© 2026 Houston Labs LLC. All rights reserved.</span>
</div>
<a class="foot-pill" href="mailto:contact@houstonlabs.us">contact@houstonlabs.us</a>
</div>
</footer>
</div>
<div class="grain" aria-hidden="true"></div>
</body>
</html>
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
+5 -5
View File
@@ -29,7 +29,7 @@
<!-- NAV --> <!-- NAV -->
<header class="nav-wrap"> <header class="nav-wrap">
<nav class="nav"> <nav class="nav">
<a class="brand" href="#top"> <a class="brand" href="/">
<span class="brand-badge"> <span class="brand-badge">
<svg viewBox="0 0 32 32" width="20" height="20" aria-hidden="true"> <svg viewBox="0 0 32 32" width="20" height="20" aria-hidden="true">
<defs><linearGradient id="m1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff"/><stop offset=".5" stop-color="#9aa1b0"/><stop offset="1" stop-color="#eef1f6"/></linearGradient></defs> <defs><linearGradient id="m1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff"/><stop offset=".5" stop-color="#9aa1b0"/><stop offset="1" stop-color="#eef1f6"/></linearGradient></defs>
@@ -39,10 +39,10 @@
<span class="brand-name">HOUSTON&nbsp;LABS</span> <span class="brand-name">HOUSTON&nbsp;LABS</span>
</a> </a>
<div class="nav-links"> <div class="nav-links">
<a href="#focus">Focus</a> <a href="/#focus">Focus</a>
<a href="foundation/">Foundation</a> <a href="/foundation/">Foundation</a>
<a href="resources/">Resources</a> <a href="/resources/">Resources</a>
<a href="#contact">Contact</a> <a href="/#contact">Contact</a>
<a class="nav-pill" href="mailto:contact@houstonlabs.us">Email&nbsp;us</a> <a class="nav-pill" href="mailto:contact@houstonlabs.us">Email&nbsp;us</a>
</div> </div>
</nav> </nav>
+6 -4
View File
@@ -39,7 +39,7 @@
<header class="nav-wrap"> <header class="nav-wrap">
<nav class="nav"> <nav class="nav">
<a class="brand" href="../"> <a class="brand" href="/">
<span class="brand-badge"> <span class="brand-badge">
<svg viewBox="0 0 32 32" width="20" height="20" aria-hidden="true"> <svg viewBox="0 0 32 32" width="20" height="20" aria-hidden="true">
<defs><linearGradient id="m1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff"/><stop offset=".5" stop-color="#9aa1b0"/><stop offset="1" stop-color="#eef1f6"/></linearGradient></defs> <defs><linearGradient id="m1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff"/><stop offset=".5" stop-color="#9aa1b0"/><stop offset="1" stop-color="#eef1f6"/></linearGradient></defs>
@@ -49,9 +49,11 @@
<span class="brand-name">HOUSTON&nbsp;LABS</span> <span class="brand-name">HOUSTON&nbsp;LABS</span>
</a> </a>
<div class="nav-links"> <div class="nav-links">
<a href="../">Home</a> <a href="/#focus">Focus</a>
<a href="../foundation/">Foundation</a> <a href="/foundation/">Foundation</a>
<a href="mailto:contact@houstonlabs.us" class="nav-pill">Email&nbsp;us</a> <a href="/resources/">Resources</a>
<a href="/#contact">Contact</a>
<a class="nav-pill" href="mailto:contact@houstonlabs.us">Email&nbsp;us</a>
</div> </div>
</nav> </nav>
</header> </header>