.startup { --max: 1380px; }
.startup .hero h1 { max-width: 10em; }
.startup .hero-copy { position: relative; }
.startup .hero-copy::after { content: "EARLY STAGE / CONCEPT"; position: absolute; right: 28px; bottom: 24px; color: var(--muted); font: 9px/1 ui-monospace, monospace; }
.startup .product-board { padding: clamp(100px,12vw,166px) 0; color: var(--paper); background: var(--ink); }
.startup .board-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(60px,9vw,140px); align-items: center; }
.startup .product-window { position: relative; min-height: 520px; padding: 18px; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.04); }
.startup .window-bar { display: flex; justify-content: space-between; align-items: center; padding: 0 2px 14px; border-bottom: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.52); font: 9px/1 ui-monospace, monospace; }
.startup .window-body { display: grid; height: 450px; grid-template-columns: 84px 1fr; }
.startup .window-side { padding-top: 22px; border-right: 1px solid rgba(255,255,255,.15); }
.startup .window-side i { display: block; width: 28px; height: 3px; margin: 0 0 18px 10px; background: rgba(255,255,255,.2); }
.startup .window-side i:first-child { background: var(--accent); }
.startup .window-main { display: flex; flex-direction: column; justify-content: space-between; padding: 28px; }
.startup .window-main h3 { max-width: 12em; margin: 0; font-size: clamp(28px,3vw,42px); font-weight: 560; line-height: 1.15; }
.startup .signal-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.startup .signal { min-height: 110px; padding: 14px; border-top: 1px solid rgba(255,255,255,.26); color: rgba(255,255,255,.58); font-size: 11px; }
.startup .signal b { display: block; margin-bottom: 8px; color: var(--paper); font-size: 15px; }
.startup .product-board .lead { color: rgba(240,232,220,.62); }
.startup .proof { padding: clamp(100px,12vw,166px) 0; background: var(--soft); }
.startup .proof-line { display: grid; grid-template-columns: 1fr 1fr 1fr; margin-top: 70px; border-top: 1px solid var(--line); }
.startup .proof-item { min-height: 220px; padding: 28px 28px 28px 0; border-right: 1px solid var(--line); }
.startup .proof-item + .proof-item { padding-left: 28px; }
.startup .proof-item:last-child { border-right: 0; }
.startup .proof-item b { display: block; margin-bottom: 40px; color: var(--accent); font: 10px/1 monospace; }
.startup .proof-item h3 { margin-bottom: 12px; font-size: clamp(22px,2.2vw,31px); font-weight: 560; }
.startup .proof-item p { margin: 0; color: var(--muted); }
.startup .team { position: relative; min-height: 650px; display: flex; align-items: flex-end; isolation: isolate; overflow: hidden; color: var(--paper); }
.startup .team > img { position: absolute; z-index: -2; inset: 0; height: 100%; object-fit: cover; filter: saturate(.55); }
.startup .team::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(25,20,17,.94),rgba(25,20,17,.25)); }
.startup .team-copy { padding-top: 120px; padding-bottom: 82px; }
.startup .team .display { max-width: 10em; }
.startup .team .lead { color: rgba(240,232,220,.72); }

/* 01 - Founder memo */
.startup.s01 { --ink:#1f1d1a; --paper:#f0eadf; --soft:#d8d0c4; --accent:#b44e32; }
.startup.s01 .hero { background: var(--paper); }
.startup.s01 .hero-inner { grid-template-columns: 1.12fr .88fr; }
.startup.s01 .hero-media { margin: 34px 34px 34px 0; }
.startup.s01 .hero-media img { object-position: 62% center; filter: saturate(.66); }
.startup.s01 .product-board { background: #1f1d1a; }
.startup.s01 .contact { background: #c4694b; }

/* 02 - Launch signal */
.startup.s02 { --ink:#181714; --paper:#f0e8d8; --soft:#d9c451; --accent:#d9c451; }
.startup.s02 .header { background: rgba(24,23,20,.94); }
.startup.s02 .hero { color: var(--paper); background: var(--ink); }
.startup.s02 .hero-inner { position: relative; display: block; }
.startup.s02 .hero-media { position: absolute; inset: 0; }
.startup.s02 .hero-media img { object-position: center; filter: brightness(.42) saturate(.4); }
.startup.s02 .hero-copy { position: relative; z-index: 2; min-height: calc(100svh - var(--nav)); justify-content: flex-end; padding: 90px max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter))) clamp(75px,10vh,120px); background: linear-gradient(90deg,rgba(24,23,20,.96),rgba(24,23,20,.12)); }
.startup.s02 .hero .lead { color: rgba(240,232,216,.7); }
.startup.s02 .hero .button { color: var(--ink); background: var(--accent); border-color: var(--accent); }
.startup.s02 .hero .button.ghost { color: var(--paper); background: transparent; border-color: rgba(240,232,216,.5); }
.startup.s02 .intro-quote strong { color: #9c8622; }
.startup.s02 .product-board { background: var(--ink); }
.startup.s02 .proof { background: #d9c451; }
.startup.s02 .contact { background: #d9c451; }

/* 03 - Collaborative system */
.startup.s03 { --ink:#17352d; --paper:#e6e2d5; --soft:#c3ccbb; --accent:#d06b4c; }
.startup.s03 .header { background: rgba(23,53,45,.94); }
.startup.s03 .hero { color: var(--paper); background: var(--ink); }
.startup.s03 .hero-inner { grid-template-columns: 1.05fr .95fr; }
.startup.s03 .hero-copy { padding-left: max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter))); }
.startup.s03 .hero .lead { color: rgba(230,226,213,.7); }
.startup.s03 .hero .button { color: var(--ink); background: var(--paper); border-color: var(--paper); }
.startup.s03 .hero .button.ghost { color: var(--paper); background: transparent; }
.startup.s03 .hero-media { padding: 55px var(--gutter) 55px 0; }
.startup.s03 .hero-media img { object-position: center; }
.startup.s03 .product-board { background: #17352d; }
.startup.s03 .proof { background: #c3ccbb; }
.startup.s03 .contact { background: #d06b4c; }

/* 04 - Product blueprint */
.startup.s04 { --ink:#25231f; --paper:#e9e3d7; --soft:#c8d8db; --accent:#c63f2e; }
.startup.s04 .hero { background: #c8d8db; }
.startup.s04 .hero-inner { grid-template-columns: .92fr 1.08fr; }
.startup.s04 .hero-copy { border-right: 1px solid rgba(37,35,31,.2); }
.startup.s04 .hero-media { margin: 24px; border: 1px solid rgba(37,35,31,.22); }
.startup.s04 .hero-media img { object-position: 58% center; filter: saturate(.55) contrast(1.05); }
.startup.s04 .product-board { background: #25231f; }
.startup.s04 .product-window { border-radius: 0; }
.startup.s04 .proof { background: #c8d8db; }
.startup.s04 .contact { background: #d26d54; }

/* 05 - Warm venture */
.startup.s05 { --ink:#34231c; --paper:#dfc5a7; --soft:#c8a17b; --accent:#8c3c2b; }
.startup.s05 .header { color: var(--ink); background: rgba(223,197,167,.9); border-color: rgba(52,35,28,.2); }
.startup.s05 .brand small,.startup.s05 .links a { color: rgba(52,35,28,.62); }
.startup.s05 .menu { color: var(--ink); }
.startup.s05 .hero { background: var(--paper); }
.startup.s05 .hero-inner { grid-template-columns: 1.1fr .9fr; }
.startup.s05 .hero-media { margin: clamp(38px,6vw,90px) var(--gutter) clamp(38px,6vw,90px) 0; }
.startup.s05 .product-board { background: #5e382a; }
.startup.s05 .proof { background: #c8a17b; }
.startup.s05 .contact { background: #bd7757; }

/* 06 - Night lab */
.startup.s06 { --ink:#121313; --paper:#d8d3c8; --soft:#262a28; --accent:#d36b3f; --muted:rgba(216,211,200,.64); --line:rgba(216,211,200,.2); color:var(--paper); background:var(--ink); }
.startup.s06 .header { background: rgba(18,19,19,.92); }
.startup.s06 .hero { color: var(--paper); background: var(--ink); }
.startup.s06 .hero-inner { position: relative; display: block; }
.startup.s06 .hero-media { position:absolute; inset:0; }
.startup.s06 .hero-media img { object-position:center; filter:brightness(.38) saturate(.45); }
.startup.s06 .hero-copy { position:relative; z-index:2; min-height:calc(100svh - var(--nav)); justify-content:flex-end; padding:90px max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter))) clamp(75px,10vh,115px); background:linear-gradient(90deg,rgba(18,19,19,.96),rgba(18,19,19,.1)); }
.startup.s06 .hero .lead { color:rgba(216,211,200,.7); }
.startup.s06 .hero .button { color:var(--ink); background:var(--paper); border-color:var(--paper); }
.startup.s06 .hero .button.ghost { color:var(--paper); background:transparent; }
.startup.s06 .intro,.startup.s06 .product-board,.startup.s06 .proof { background:var(--ink); }
.startup.s06 .product-board { background:#202321; }
.startup.s06 .proof-line,.startup.s06 .proof-item { border-color:rgba(216,211,200,.2); }
.startup.s06 .contact { color:var(--ink); background:#c46642; }
.startup.s06 .contact .lead { color:rgba(18,19,19,.66); }

@media (max-width:900px) {
  .startup .board-grid { grid-template-columns:1fr; }
  .startup .proof-line { grid-template-columns:1fr; }
  .startup .proof-item { min-height:0; padding:25px 0; border-right:0; border-bottom:1px solid var(--line); }
  .startup .proof-item + .proof-item { padding-left:0; }
  .startup .proof-item b { margin-bottom:18px; }
  .startup.s01 .hero-inner,.startup.s03 .hero-inner,.startup.s04 .hero-inner,.startup.s05 .hero-inner { grid-template-columns:1fr; }
  .startup.s01 .hero-media,.startup.s03 .hero-media,.startup.s04 .hero-media,.startup.s05 .hero-media { margin:0; padding:0; }
  .startup.s02 .hero-inner,.startup.s06 .hero-inner { min-height:720px; }
  .startup.s02 .hero-copy,.startup.s06 .hero-copy { min-height:720px; }
}

@media (max-width:640px) {
  .startup .hero-copy::after { display:none; }
  .startup .product-window { min-height:430px; padding:12px; }
  .startup .window-body { height:375px; grid-template-columns:52px 1fr; }
  .startup .window-main { padding:20px 16px; }
  .startup .signal-row { grid-template-columns:1fr; }
  .startup .signal { min-height:0; }
  .startup .signal:nth-child(n+3) { display:none; }
  .startup.s03 .hero-media,.startup.s05 .hero-media { min-height:420px; margin:0 20px 20px; }
  .startup .team { min-height:610px; }
  .startup .team::before { background:linear-gradient(0deg,rgba(20,18,16,.95),rgba(20,18,16,.2)); }
}