/* Interior layouts use the same palette, typography and quiet surfaces as Home. */
:root {--gutter:64px;--card-padding:40px;--space:24px}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:24px}
body {margin:0;min-width:280px;background:var(--background);color:var(--ink);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased}
p,h1,h2,h3,h4,dl,dd {margin:0}
a {color:inherit;text-decoration:none;touch-action:manipulation}
button,select {font:inherit}
button {cursor:pointer}
img,svg {display:block;max-width:100%;height:auto}
article,section,div,a {min-width:0}
[hidden] {display:none!important}
a:focus-visible,button:focus-visible,select:focus-visible {outline:3px solid var(--focus);outline-offset:5px}
[tabindex='-1']:focus {outline:none}
::selection {background:var(--button-bg);color:#262a2b}
.skip {position:absolute;top:12px;left:20px;z-index:20;padding:14px 20px;background:var(--ink);color:var(--background);transform:translateY(-180%)}
.skip:focus {transform:none}
.container {width:calc(100% - var(--gutter)*2);max-width:1312px;margin-inline:auto}
h1,h2,h3,h4,.wordmark {font-family:var(--font-display);font-weight:500}
h1 {font-size:clamp(44px,5.6vw,80px);line-height:1.1;letter-spacing:-.06em}
h2 {font-size:clamp(32px,3.5vw,48px);line-height:1.15;letter-spacing:-.05em}
h3 {font-size:28px;line-height:1.2;letter-spacing:-.04em}
.eyebrow,.utility,.project-status,.project-facts,.company-details dt,.founder-fields,.integration-note,.card-meta {font-size:11px;line-height:1.6}
.eyebrow,.utility,.company-details dt {text-transform:uppercase;letter-spacing:.09em}
.eyebrow {color:var(--accent)}
.utility {color:var(--secondary)}
.page-intro {display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;padding-block:80px}
.page-intro .eyebrow {margin-bottom:24px}
.page-summary {max-width:44ch;color:var(--secondary);font-size:19px;line-height:1.65;letter-spacing:-.02em;padding-bottom:4px}
.breadcrumbs {margin-bottom:32px;color:var(--secondary);font-size:13px}
.breadcrumbs ol {display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.breadcrumbs a {display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.breadcrumbs li {display:flex;align-items:center}
.page-section {padding-bottom:80px}
.project-panel {border:1px solid var(--tray-border);border-radius:24px;background:var(--tray-soft);overflow:hidden}
.socio-project {background:var(--project-bg);border-color:var(--project-border);padding:var(--card-padding)}
.home-feature,.children-project,.strategy-project {display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.home-feature h2 {margin-top:24px;font-size:clamp(40px,4.8vw,64px)}
.project-period {color:var(--accent)}
.project-status,.project-facts {display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--secondary);margin-top:16px}
.status {border:1px solid var(--project-rule);border-radius:99px;padding:5px 10px;color:var(--ink)}
.project-lead {font-size:25px;line-height:1.35;letter-spacing:-.025em}
.card-copy {margin-top:16px;color:var(--secondary);max-width:48ch}
.button {display:inline-flex;align-items:center;gap:28px;min-height:52px;max-width:100%;margin-top:28px;padding:12px 24px;border:1px solid transparent;border-radius:14px;background:var(--button-bg);color:#262a2b;font-size:14px;font-weight:700}
.text-link,.back-top {display:inline-flex;align-items:center;gap:12px;min-height:44px;max-width:100%;width:fit-content;color:var(--accent);font-size:14px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.text-link {margin-top:24px}
.text-link span,.button span,.back-top span,.email-link span {flex-shrink:0}
.section-heading {display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}
.section-heading .eyebrow {margin-bottom:16px}
.section-heading .project-status {margin:0}
.catalog-grid,.detail-grid,.linux-details {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.catalog-grid {margin-top:24px}
.overview-card,.detail-panel {padding:var(--card-padding)}
.overview-card {display:flex;flex-direction:column;align-items:flex-start}
.overview-card h2 {font-size:32px;margin-block:16px}
.overview-card > p:not(.eyebrow),.detail-panel > p:not(.eyebrow):not(.lead) {color:var(--secondary)}
.overview-card > p:not(.eyebrow) {font-size:15px}
.overview-card .text-link {margin-top:auto;padding-top:24px}
.card-meta {padding-top:24px}
.app-title {display:flex;gap:16px;align-items:center;margin-bottom:24px}
.app-title img {flex-shrink:0}
.overview-card .app-title {margin-bottom:0}
.games-card,.children-project {background:var(--tray)}
.detail-panel h2 {font-size:clamp(28px,3vw,40px);line-height:1.16;margin-block:16px 24px}
.detail-panel > p + p {margin-top:16px}
.detail-panel .app-title h2 {margin:4px 0 0}
.detail-panel .lead,.lead {font-size:23px;line-height:1.45;letter-spacing:-.025em}
.project-facts > span + span {padding-left:12px;border-left:1px solid var(--rule)}
.small-heading {font-size:20px;margin-top:32px}
.feature-list {display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:16px 0 0;padding:0;color:var(--secondary);font-size:14px}
.feature-list li {padding:4px 8px;border:1px solid var(--border);border-radius:6px}
.integration-note {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:32px;padding-top:12px;border-top:1px solid var(--rule);color:var(--secondary)}
.integration-note span {color:var(--ink)}
.company-intro {padding-bottom:48px}
.founder-section {display:block;padding-bottom:48px}
.founder-identity {display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;align-items:center;align-self:start}
.founder-section h2 {font-size:clamp(32px,3.3vw,48px);margin-top:12px}
.founder-role {margin-top:12px;color:var(--secondary);font-size:13px}
.founder-portrait {width:100%;margin:0;border:1px solid var(--border);border-radius:24px;overflow:hidden}
.founder-portrait img {width:100%;height:auto}
.founder-story {display:grid;grid-template-columns:1.1fr 1fr;gap:20px 64px;margin-top:24px;align-items:start}
.founder-story > p + p {color:var(--secondary)}
.founder-fields {display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:16px;border-top:1px solid var(--rule);color:var(--secondary)}
.socio-detail {display:block}
.socio-detail h2 {font-size:clamp(32px,3.4vw,44px)}
.focus-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.focus-grid > div {padding-top:24px;border-top:1px solid var(--project-rule)}
.focus-grid dt {font-size:23px;line-height:1.3;letter-spacing:-.025em}
.focus-grid dd {font-size:15px;color:var(--secondary);margin-top:8px}
.detail-note {font-size:13px;color:var(--secondary);margin-top:32px}
.facts-list > div {display:grid;grid-template-columns:1fr 1.3fr;gap:12px;padding-block:12px;border-top:1px solid var(--rule);font-size:14px}
.facts-list dt {color:var(--secondary)}
.children-project {padding:var(--card-padding)}
.children-project .eyebrow {margin-block:24px 16px}
.children-project h2 {font-size:clamp(40px,5vw,64px)}
.game-copy > p {color:var(--secondary);max-width:40ch}
.game-copy .game-footnote {margin-top:32px;padding-top:24px;border-top:1px solid var(--rule);font-size:20px;line-height:1.4;letter-spacing:-.02em;color:var(--ink)}
.game-footnote span {display:inline-block;color:var(--secondary);font-size:13px;letter-spacing:0;margin-top:8px}
.strategy-project {padding:32px var(--card-padding);margin-top:24px}
.strategy-project h3 {font-size:26px;margin-top:8px}
.strategy-project > div:last-child {color:var(--secondary);font-size:15px}
.strategy-project > div:last-child p + p {margin-top:8px}
.exploration-list {border-top:1px solid var(--rule)}
.exploration-list article {display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-block:32px;border-bottom:1px solid var(--rule)}
.exploration-list h2 {font-size:clamp(30px,3vw,40px);margin-top:16px}
.exploration-list article p:not(.eyebrow) {color:var(--secondary);max-width:52ch}
.outlook {display:grid;grid-template-columns:1fr 1.2fr;gap:12px 80px;margin-top:48px}
.outlook > .eyebrow {grid-column:1 / -1}
.outlook > p:last-child {max-width:52ch;color:var(--secondary)}
.contact-layout {display:grid;grid-template-columns:1.3fr 1fr;gap:80px}
.email-link {display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:44px;max-width:100%;overflow-wrap:anywhere;color:var(--accent);font-size:clamp(22px,3vw,36px);line-height:1.3;letter-spacing:-.035em;border-bottom:1px solid currentColor;margin-top:24px;padding-bottom:4px}
.contact-emails {display:grid;gap:32px;align-content:start}
.contact-emails .email-link {margin-top:12px}
.email-link-personal {font-size:clamp(20px,2.2vw,28px)}
.founder-contact {padding-top:16px;border-top:1px solid var(--rule)}
.founder-contact .email-link {margin-top:12px}
.company-details {display:grid;align-content:center;gap:24px}
.company-details dt {color:var(--secondary);margin-bottom:4px}
.company-details dd {font-size:14px}
address {font-style:normal}
.related-nav {display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px 64px;border-top:1px solid var(--rule)}
.related-nav .text-link {margin-top:0}
.site-footer {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);padding-block:32px}
.wordmark {font-size:22px;letter-spacing:-1px;min-height:44px;display:inline-flex;align-items:center}
.footer-nav {display:flex;flex-wrap:wrap;gap:12px 24px}
.footer-nav a {display:inline-flex;align-items:center;min-height:44px;color:var(--secondary);font-size:13px}
.site-footer > p {flex-basis:100%;color:var(--secondary);font-size:11px}
@media(max-width:1100px) { :root {--gutter:40px;--card-padding:28px} .page-intro,.founder-section,.exploration-list article,.outlook,.contact-layout {gap:32px} .home-feature,.children-project,.strategy-project {gap:32px} .page-summary {font-size:18px} .focus-grid {gap:24px} .focus-grid dt {font-size:21px} }
@media(max-width:900px) { :root {--gutter:32px} }
@media(max-width:900px) {
  .founder-story {display:block}
  .founder-story > p + p {margin-top:16px}
  .founder-fields,.founder-contact {margin-top:24px}
}
@media(max-width:760px) {
  :root {--gutter:20px;--card-padding:24px}
  .page-intro {display:block;padding-block:48px}
  .company-intro {padding-bottom:32px}
  .page-intro h1 {font-size:clamp(40px,10.8vw,64px)}
  .page-summary {margin-top:24px;font-size:17px}
  .page-section {padding-bottom:56px}
  .founder-section {padding-bottom:40px}
  .breadcrumbs {margin-bottom:24px}
  .home-feature,.founder-section,.exploration-list article,.outlook,.children-project,.strategy-project {display:block}
  .home-feature h2 {font-size:clamp(34px,10vw,56px)}
  .home-feature > div + div,.founder-story,.game-copy,.strategy-project > div:last-child {margin-top:24px}
  .founder-identity {grid-template-columns:clamp(72px,24vw,96px) minmax(0,1fr);gap:16px}
  .founder-story {padding-top:0}
  .catalog-grid,.detail-grid,.linux-details,.focus-grid,.contact-layout {grid-template-columns:minmax(0,1fr)}
  .catalog-grid,.detail-grid,.linux-details,.contact-layout {gap:16px}
  .overview-card h2 {font-size:28px}
  .detail-panel h2 {font-size:29px}
  .detail-panel .lead,.lead {font-size:21px}
  .game-heading > img {width:64px}
  .children-project h2 {font-size:40px}
  .section-heading {display:block}
  .section-heading .project-status {margin-top:24px}
  .focus-grid {gap:24px;margin-top:32px}
  .focus-grid > div {padding-top:16px}
  .founder-section h2 {font-size:clamp(24px,7.7vw,32px);margin-top:8px}
  .exploration-list article p:not(.eyebrow),.outlook > p:last-child {margin-top:16px;font-size:15px}
  .outlook h3 {margin-top:16px}
  .contact-layout .company-details {margin-top:24px}
  .related-nav {align-items:flex-start;flex-direction:column;gap:4px;padding-bottom:48px}
  .site-footer {gap:12px}
  .footer-nav {order:2;width:100%;column-gap:24px}
  .site-footer .back-top {margin-left:auto}
  .site-footer > p {order:3}
}
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto} *,*::before,*::after {animation:none!important;transition:none!important} }