/* company.css — devkrity.com. Tokens only (tokens-devkrity.css).
   Load: base.css → tokens-devkrity.css → company.css → navigation.css */

.company .brand { font-size:1.3125rem; }

/* ---------- Hero: pure typography, editorial ---------- */
.company-hero { padding-block:clamp(3.5rem, 1.5rem + 8vw, 9rem) var(--space-3xl); }
.company-hero .eyebrow { color:var(--color-accent); }
.company-hero h1 { margin-top:var(--space-m); font-size:clamp(3rem, 1.4rem + 6.6vw, 7rem); line-height:1; letter-spacing:-.025em; max-width:12ch; }
.company-hero h1 em { font-style:italic; }
.company-hero-foot { display:grid; grid-template-columns:1fr; gap:var(--gap); margin-top:var(--space-2xl); padding-top:var(--space-l); border-top:var(--border-hair) solid var(--color-line); }
.hero-deck { font-size:var(--step-1); color:var(--color-text); max-width:36rem; }
.company-hero .actions { margin-top:var(--space-l); }
.hero-route { margin-top:var(--space-s); color:var(--color-muted); font-size:var(--step--1); max-width:38rem; }
@media (max-width:860px) { .company-hero-foot { grid-template-columns:1fr; } }

/* ---------- Products ---------- */
.company-thesis { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--gap); align-items:end; padding-top:var(--section); border-top:var(--border-hair) solid var(--color-line); }
.company-thesis h2 { font-size:var(--step-5); }
.company-thesis p { color:var(--color-muted); font-size:var(--step-1); }
@media (max-width:860px) { .company-thesis { grid-template-columns:1fr; } }
.product-stage { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--space-m); padding-block:var(--space-xl) var(--section); }
@media (max-width:960px) { .product-stage { grid-template-columns:1fr; } }
.product-panel { display:flex; flex-direction:column; gap:var(--space-m); padding:clamp(1.5rem, 1rem + 2vw, 3rem); border-radius:var(--radius-l); }
.product-lockup { display:flex; align-items:center; gap:.625rem; font:700 1.5rem/1 var(--font-sans); letter-spacing:-.03em; }
.product-lockup .brand-mark { --brand-mark-size:30px; }
.product-kicker { font:600 var(--step--1)/1.3 var(--font-sans); letter-spacing:.02em; }
.product-panel h2 { font:700 var(--step-4)/1.08 var(--font-sans); letter-spacing:-.025em; }
.product-panel h2 em { font-style:normal; }
.panel-deck { font-size:var(--step-0); }
.panel-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-s) var(--space-m); margin-top:auto; padding-top:var(--space-s); }
/* Kautuka door: Kautuka's warm palette */
.kautuka-panel { background:var(--door-kautuka-bg); color:var(--door-kautuka-ink); border:var(--border-hair) solid var(--door-kautuka-line); }
.kautuka-panel h2, .kautuka-panel .product-lockup { color:var(--door-kautuka-ink); }
.kautuka-panel .product-kicker, .kautuka-panel .panel-deck { color:var(--door-kautuka-muted); }
.kautuka-panel .button-primary { background:var(--door-kautuka-action); color:var(--door-on-action); }
.kautuka-panel .button-primary:hover { background:var(--door-kautuka-action-hover); }
.kautuka-panel .text-link { color:var(--door-kautuka-action); text-decoration-color:currentColor; }
/* Narad door: monochrome spec sheet + signal orange */
.narad-panel { background:var(--door-narad-bg); color:var(--door-narad-ink); border:var(--border-hair) solid var(--door-narad-line); border-radius:var(--radius-s); }
.narad-panel h2, .narad-panel .product-lockup { color:var(--door-narad-ink); }
.narad-panel .product-kicker, .narad-panel .panel-deck { color:var(--door-narad-muted); }
.narad-panel .button-primary { background:var(--door-narad-action); color:var(--door-on-action); }
.narad-panel .button-primary:hover { background:var(--door-narad-action-hover); }
.narad-panel .text-link { color:var(--door-narad-action); text-decoration-color:currentColor; }

/* ---------- Why ---------- */
.company-why { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--gap); padding-block:var(--section); border-top:var(--border-hair) solid var(--color-line); }
.company-why h2 { font-size:var(--step-5); }
.company-why-copy p { font-size:var(--step-1); max-width:var(--measure); }
.company-why-copy p + p { margin-top:var(--space-m); }
.why-sign { font:italic 400 var(--step-1)/1.4 var(--font-serif); color:var(--color-muted); }
@media (max-width:860px) { .company-why { grid-template-columns:1fr; } }

/* ---------- Services ---------- */
.company-services { padding-block:0 var(--section); }
.company-services-intro { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--gap); align-items:end; }
.company-services-intro h2 { font-size:var(--step-5); }
.company-services-intro p { color:var(--color-muted); font-size:var(--step-1); }
.company-services-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--gap); margin-top:var(--space-xl); }
.company-services-grid article { padding-top:var(--space-s); border-top:var(--border-hair) solid var(--color-line-ui); }
.company-services-grid h3 { font:400 var(--step-2)/1.2 var(--font-serif); }
.company-services-grid p { margin-top:var(--space-2xs); color:var(--color-muted); font-size:var(--step--1); }
@media (max-width:960px) { .company-services-intro, .company-services-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .company-services-intro, .company-services-grid { grid-template-columns:1fr; } }

/* ---------- Founder: typographic, ink panel, no initials box ---------- */
.founder-section { padding-block:var(--section); }
.founder-grid { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:var(--gap); }
.founder-label .eyebrow { color:var(--color-ink-muted); }
.founder-name { margin-top:var(--space-s); font:400 var(--step-4)/1.05 var(--font-serif); letter-spacing:-.015em; color:var(--color-ink-text); }
.founder-role { margin-top:var(--space-2xs); color:var(--color-ink-muted); }
.founder-profile { margin-top:var(--space-s); }
.founder-copy h2 { font-size:var(--step-5); font-style:italic; max-width:18ch; }
.founder-copy p { margin-top:var(--space-m); font-size:var(--step-1); max-width:var(--measure); color:var(--color-ink-text); }
@media (max-width:860px) { .founder-grid { grid-template-columns:1fr; } .founder-copy { order:-1; } }

/* ---------- Closing ---------- */
.closing { padding-block:var(--section); }
.closing-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--space-xl); align-items:start; }
.closing h2 { font-size:var(--step-6); line-height:1; max-width:none; }
.closing h2 em { font-style:italic; }
.closing-deck { margin-top:var(--space-l); color:var(--color-muted); font-size:var(--step-1); max-width:48rem; }
@media (max-width:860px) { .closing { grid-template-columns:1fr; } }