:root{
  --ink:#071a2f;
  --ink-2:#17324d;
  --muted:#5b6a76;
  --paper:#f7f2e8;
  --paper-2:#fffaf1;
  --line:#d6c8ad;
  --gold:#d8a93a;
  --gold-2:#f1c65b;
  --teal:#0a8a92;
  --blue:#0b4fb3;
  --violet:#5b2a8e;
  --night:#05111f;
  --radius:22px;
  --shadow:0 26px 60px rgba(7,26,47,.18);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 12% -8%, rgba(216,169,58,.18), transparent 30%),
    radial-gradient(circle at 92% 2%, rgba(10,138,146,.13), transparent 32%),
    linear-gradient(180deg, var(--paper-2), var(--paper));
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px clamp(18px,4vw,52px);
  background:rgba(247,242,232,.9);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(7,26,47,.12);
}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}
.brand-mark{display:block;width:calc(42px + 10pt);height:calc(42px + 10pt);object-fit:contain;flex-shrink:0}
.main-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700;color:var(--ink-2)}
.main-nav a{opacity:.9}.main-nav a:hover{opacity:1;color:var(--blue)}
.nav-cta{border:1px solid var(--ink);padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.42)}
main{overflow:hidden}
.section, .hero, .page-hero{max-width:var(--max);margin:0 auto;padding:74px clamp(20px,4vw,44px)}
.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center;min-height:720px;position:relative}
.hero:before, .blueprint-panel:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(7,26,47,.18) 1px, transparent 1px),linear-gradient(90deg, rgba(7,26,47,.18) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg, black, transparent 72%);
}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:var(--teal);margin-bottom:18px}
.eyebrow:before{content:"";display:block;width:42px;height:2px;background:var(--gold)}
h1,h2,h3{font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;line-height:1.03;margin:0;color:var(--ink)}
h1{font-size:clamp(48px,7.8vw,98px);letter-spacing:-.055em}
h2{font-size:clamp(34px,4.8vw,64px);letter-spacing:-.04em}
h3{font-size:clamp(24px,2.2vw,34px);letter-spacing:-.025em}
.lede{font-size:clamp(19px,2vw,25px);color:var(--ink-2);max-width:720px;margin:24px 0 0}
.kicker-line{width:86px;height:4px;background:linear-gradient(90deg,var(--gold),var(--teal));margin:26px 0}
.hero-actions,.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;padding:13px 19px;font-weight:800;letter-spacing:.01em;background:var(--ink);color:white;box-shadow:0 12px 26px rgba(7,26,47,.16)}
.button.secondary{background:transparent;color:var(--ink);box-shadow:none}.button:hover{transform:translateY(-1px)}
.hero-visual{position:relative;z-index:1}
.figure-card{position:relative;border:1px solid rgba(7,26,47,.18);background:rgba(255,250,241,.72);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}
.figure-card.dark{background:var(--night);border-color:rgba(241,198,91,.35)}
.figure-card img{width:100%;height:auto}.figure-caption{padding:16px 18px;border-top:1px solid rgba(7,26,47,.12);font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--muted)}
.hero .figure-card{transform:rotate(-1.2deg)}
.home-page .hero .figure-card{transform:none}

.thesis-strip{background:var(--ink);color:white;border-block:1px solid rgba(241,198,91,.45)}
.thesis-strip .section{padding-top:42px;padding-bottom:42px;display:grid;grid-template-columns:.5fr 1.5fr;gap:40px;align-items:center}.thesis-strip h2{color:white;font-size:clamp(30px,3.6vw,48px)}.thesis-strip p{font-size:20px;color:#d7e3ec;margin:0}.plate{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:#9a6f12;font-weight:900;margin-bottom:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.panel{border:1px solid rgba(7,26,47,.16);background:rgba(255,250,241,.68);border-radius:var(--radius);padding:28px;box-shadow:0 16px 32px rgba(7,26,47,.08)}
.panel.blueprint-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,#071a2f,#0c2e55);color:white}.panel.blueprint-panel h3,.panel.blueprint-panel p{color:white}.panel.blueprint-panel:before{opacity:.16;mask-image:none}.panel .number{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;font-size:72px;line-height:.8;color:rgba(216,169,58,.45);font-weight:900}.panel p{color:var(--ink-2)}.rule{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:34px 0}.image-band{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(7,26,47,.18);box-shadow:var(--shadow);background:white}.image-band img{width:100%}.caption-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;background:var(--ink);color:white;font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:900}.caption-bar span:last-child{color:var(--gold)}
.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}.feature-text{padding:34px}.figure-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.quote-card{position:relative;border-left:6px solid var(--gold);padding:28px 32px;background:white;border-radius:0 var(--radius) var(--radius) 0;box-shadow:0 14px 32px rgba(7,26,47,.08);font-size:24px;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;color:var(--ink-2)}
.page-hero{padding-top:90px;padding-bottom:38px}.page-hero.compact{padding-bottom:20px}.page-hero .lede{max-width:880px}.subnav-note{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-weight:900}.definition-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}.large-image{border-radius:var(--radius);border:1px solid rgba(7,26,47,.14);box-shadow:var(--shadow);background:white;overflow:hidden}.large-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.stacked-list{display:grid;gap:14px}.list-item{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.list-dot{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--gold);display:grid;place-items:center;font-weight:900}.pullquote{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;font-size:clamp(26px,3vw,43px);line-height:1.13;color:var(--ink);border-block:1px solid var(--line);padding:34px 0}.dark-section{background:linear-gradient(135deg,#06101d,#0a2a4f);color:white}.dark-section h2,.dark-section h3{color:white}.dark-section p,.dark-section li{color:#d6e2ed}.dark-section .panel{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.whitepaper-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center;background:white;border:1px solid rgba(7,26,47,.16);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.whitepaper-card img{height:100%;object-fit:cover}.pdf-frame{width:100%;height:720px;border:1px solid rgba(7,26,47,.16);border-radius:var(--radius);background:white;box-shadow:var(--shadow)}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(7,26,47,.2);border-radius:14px;background:white;padding:14px 15px;font:inherit}.contact-form textarea{min-height:150px}.form-note{font-size:13px;color:var(--muted)}.site-footer{max-width:var(--max);margin:40px auto 0;padding:38px clamp(20px,4vw,44px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--muted)}.site-footer strong{color:var(--ink)}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;font-weight:800;color:var(--ink-2)}
.asset-rank{counter-reset:item;display:grid;gap:16px}.asset-rank li{list-style:none;counter-increment:item;background:white;border:1px solid rgba(7,26,47,.14);border-radius:18px;padding:20px;box-shadow:0 12px 28px rgba(7,26,47,.07)}.asset-rank li:before{content:counter(item);display:inline-grid;place-items:center;width:34px;height:34px;margin-right:12px;background:var(--ink);color:var(--gold);border-radius:50%;font-weight:900}
@media (max-width: 930px){
  .site-header{position:static;align-items:flex-start;gap:14px;flex-direction:column}.main-nav{flex-wrap:wrap;gap:12px}.nav-cta{padding:7px 11px}.hero,.grid-2,.feature-grid,.definition-grid,.whitepaper-card,.thesis-strip .section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:56px}.grid-3{grid-template-columns:1fr}.figure-pair{grid-template-columns:1fr}.site-footer{flex-direction:column}.pdf-frame{height:520px}h1{font-size:clamp(44px,14vw,74px)}
}
@media (max-width: 560px){.section,.hero,.page-hero{padding-left:18px;padding-right:18px}.hero-actions,.button-row{flex-direction:column}.button{width:100%}.caption-bar{display:block}.quote-card{font-size:20px;padding:22px}.panel{padding:22px}.whitepaper-card img{max-height:360px}.pdf-frame{height:430px}}


/* Role-based redesign update */
.role-hero h1{font-size:clamp(68px,11vw,142px)}
.role-hero p:not(.lede){font-size:19px;color:var(--ink-2);max-width:680px;margin-top:18px}
.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.role-card{position:relative;display:block;min-height:310px;border:1px solid rgba(7,26,47,.16);background:rgba(255,250,241,.74);border-radius:var(--radius);padding:25px;box-shadow:0 16px 34px rgba(7,26,47,.08);overflow:hidden}
.role-card:after{content:"";position:absolute;right:-42px;bottom:-42px;width:148px;height:148px;border-radius:50%;background:radial-gradient(circle,rgba(216,169,58,.32),transparent 65%)}
.role-card:hover{transform:translateY(-3px);box-shadow:0 24px 46px rgba(7,26,47,.13)}
.role-card h2{font-size:clamp(24px,2.2vw,32px);margin-top:42px;overflow-wrap:break-word}
.role-card p{color:var(--ink-2);font-size:16px;margin-top:18px}
.role-index{position:absolute;top:22px;left:24px;font-size:13px;letter-spacing:.24em;color:var(--teal);font-weight:900;text-transform:uppercase}
.timeline-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(7,26,47,.16);border-radius:var(--radius);overflow:hidden;background:white;box-shadow:var(--shadow)}
.timeline-item{padding:26px;border-right:1px solid rgba(7,26,47,.14);min-height:190px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,242,232,.72))}
.timeline-item:last-child{border-right:0}
.timeline-item strong{display:block;font-size:22px;margin-bottom:12px;color:var(--ink)}
.timeline-item span{color:var(--ink-2)}
.main-nav a[href="index.html"]{font-weight:900}
@media (max-width: 1040px){.role-grid,.timeline-row{grid-template-columns:repeat(2,1fr)}.timeline-item:nth-child(2){border-right:0}.timeline-item{border-bottom:1px solid rgba(7,26,47,.14)}}
@media (max-width: 680px){.role-grid,.timeline-row{grid-template-columns:1fr}.timeline-item{border-right:0}.role-card{min-height:230px}.role-card h2{margin-top:32px}}


/* Page-specific tightening: Inventor / Master Key */
.master-key-hero{
  padding-top:42px;
  padding-bottom:22px;
}
.master-key-hero h1{
  font-size:clamp(42px,6.2vw,76px);
}
.master-key-hero .lede{
  margin-top:18px;
}
.master-key-hero + .dark-section .section{
  padding-top:44px;
}

.master-key-hero + .dark-section .blueprint-panel h2{
  white-space:nowrap;
  font-size:clamp(32px,4.1vw,56px);
}

/* Essays */
.essay-feature{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:52px;align-items:start}.essay-copy{max-width:820px}.essay-copy h2{font-size:clamp(38px,5vw,72px);line-height:.98;margin-bottom:24px}.essay-copy p{font-size:19px;line-height:1.68;color:var(--ink-2)}.essay-copy .lede{font-size:23px;line-height:1.45;color:var(--ink)}.essay-art{margin:0;border-radius:var(--radius);background:linear-gradient(180deg,#f7f5ef,#fff);border:1px solid rgba(7,26,47,.12);box-shadow:var(--shadow);padding:28px;position:sticky;top:110px;text-align:center}.essay-art img{max-width:100%;height:640px;object-fit:contain}
@media (max-width: 900px){.essay-feature{grid-template-columns:1fr}.essay-art{position:static}.essay-art img{height:520px}}

/* External resource panels */
.resource-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.resource-strip.single{grid-template-columns:minmax(0,760px)}
.resource-card{display:block;border:1px solid rgba(7,26,47,.16);border-radius:var(--radius);background:white;box-shadow:var(--shadow);overflow:hidden;color:inherit;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease}
.resource-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(7,26,47,.14)}
.resource-card img{display:block;width:100%;height:auto;background:#eef2f5}
.resource-card .resource-copy{padding:22px 24px}
.resource-card h3{margin:0 0 8px;font-size:clamp(24px,2.4vw,34px)}
.resource-card p{margin:0;color:var(--ink-2)}
.resource-link{display:inline-block;margin-top:14px;font-size:calc(13px + 1pt);letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--blue)}
@media (max-width: 900px){.resource-strip{grid-template-columns:1fr}.resource-strip.single{grid-template-columns:1fr}}



/* Home page hero correction */
.home-page .hero .figure-card{transform:none;}

/* Genetics benefits card */
.resource-card.resource-card-side{display:grid;grid-template-columns:minmax(260px, 420px) 1fr;align-items:center;}
.resource-card.resource-card-side img{width:100%;height:100%;max-height:340px;object-fit:contain;padding:18px;background:#f6f8fb;}
.resource-card.resource-card-side .resource-copy{padding:28px 30px;}
.resource-card.resource-card-side .lede{font-size:19px;line-height:1.45;color:var(--ink);margin:0 0 18px;max-width:none;}
.benefits-card{max-width:980px;}
.benefits-card h3{margin-top:0;}
@media (max-width: 900px){
  .resource-card.resource-card-side{grid-template-columns:1fr;}
  .resource-card.resource-card-side img{max-height:300px;}
}


/* Fit requested headings */
#benefits-model-panel h2{
  font-size:clamp(30px,3.45vw,48px);
  white-space:nowrap;
  margin-bottom:28px;
}
.company-hero h1{
  font-size:clamp(46px,5.8vw,78px);
  line-height:1.02;
}
.company-hero h1 .line{
  display:block;
  white-space:nowrap;
}
@media (max-width: 760px){
  #benefits-model-panel h2{white-space:normal;}
  .company-hero h1 .line{white-space:normal;}
}


/* Contact page */
.contact-title-row{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;}
.contact-title-row h1{margin:0;}
.contact-title-rule{flex:1 1 auto;height:2px;background:var(--gold);min-width:40px;}
.essays-hero .lede{max-width:none;white-space:nowrap;}
@media (max-width:930px){
  .essays-hero .lede{white-space:normal;}
}
.contact-panel{max-width:520px;}
.contact-panel p{margin:0 0 22px;font-size:18px;line-height:1.5;}
.contact-panel p:last-child{margin-bottom:0;}
.contact-panel a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(7,26,47,.25);}
.contact-panel a:hover{border-bottom-color:var(--gold);color:var(--ink-2);}
.contact-signature{flex:0 0 auto;line-height:0;}
.contact-signature img{display:block;height:auto;width:auto;max-width:140px;}
@media (max-width:560px){
  .contact-signature img{max-width:110px;}
}


/* Media page */
.video-placeholder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:28px;}
.video-placeholder-panel{border:1px solid rgba(7,26,47,.16);border-radius:var(--radius);background:rgba(255,250,241,.72);box-shadow:var(--shadow);overflow:hidden;}
.video-placeholder-screen{height:230px;display:grid;place-items:center;background:linear-gradient(135deg,#071a2f,#0c2e55);color:rgba(255,255,255,.72);font-size:13px;letter-spacing:.24em;text-transform:uppercase;font-weight:900;}
.video-placeholder-panel h3{padding:22px 24px 26px;font-size:clamp(24px,2.4vw,34px);}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start;margin-top:28px;}
.gallery-photo{height:500px;width:100%;object-fit:cover;border-radius:18px;border:1px solid rgba(7,26,47,.16);box-shadow:0 16px 34px rgba(7,26,47,.12);background:white;}
@media (max-width:1100px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.video-placeholder-grid{grid-template-columns:1fr;}}
@media (max-width:640px){.gallery-grid{grid-template-columns:1fr;}.gallery-photo{height:500px;}}


/* Media video cards */
.video-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:28px;}
.media-video-card{display:flex;flex-direction:column;border:1px solid rgba(7,26,47,.16);border-radius:var(--radius);background:white;box-shadow:var(--shadow);overflow:hidden;color:inherit;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease;}
.media-video-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(7,26,47,.14);}
.media-video-card img{width:100%;height:230px;object-fit:cover;background:#eef2f5;}
.media-video-copy{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1;}
.media-video-copy h3{font-size:clamp(25px,2.4vw,36px);margin:0;}
.media-video-copy p{margin:0;color:var(--ink-2);}
.video-label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--gold);}
@media (max-width: 980px){.video-card-grid{grid-template-columns:1fr;}.media-video-card img{height:auto;max-height:360px;object-fit:contain;}}


/* Media page video lede line control */
#video > .lede{max-width:1040px;font-size:clamp(18px,1.7vw,23px);}


/* Ecosystem course catalog line length */
#course-catalog-panel .number,
#ecosystem-architecture-panel .number{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size:72px;
  line-height:.8;
  color:rgba(216,169,58,.45);
  font-weight:900;
  margin:8px 0 10px;
}
#course-catalog-panel .course-catalog-lede{
  max-width:1040px;
  font-size:clamp(18px,1.75vw,22px);
  margin-bottom:28px;
}


/* Requested line-control tweaks */
.home-hero-subtext{max-width:760px;}

/* Home page: fill civilizational thesis graphic horizontally */
#civilizational-thesis-panel .image-band img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  margin:0;
  display:block;
}

.genetics-hero-subtext{max-width:980px;}
.philosophy-hero h1{white-space:nowrap;font-size:clamp(44px,6vw,82px);}
.philosophy-hero-subtext{max-width:1180px;font-size:clamp(18px,1.75vw,23px);line-height:1.38;}
.ecosystem-hero h1{white-space:nowrap;font-size:clamp(40px,5.4vw,76px);}
@media (max-width: 900px){
  .philosophy-hero h1{white-space:normal;}
  .ecosystem-hero h1{white-space:normal;}
}


/* Company page line control */
.company-hero-subtext{max-width:1040px;font-size:clamp(19px,1.8vw,24px);}


/* Final wrapping fixes */
.company-hero-subtext{
  max-width:1180px;
  font-size:clamp(18px,1.45vw,21px);
  line-height:1.38;
}
.essay-copy h2{
  font-size:clamp(34px,4.15vw,58px);
  line-height:1.04;
  white-space:nowrap;
}
@media (max-width: 900px){
  .essay-copy h2{white-space:normal;font-size:clamp(32px,9vw,48px);}
}




/* Capital page: Full Stack Strategy image */
#full-stack-strategy-panel .large-image img{width:100%;height:100%;max-height:560px;object-fit:contain;background:#f6f8fb;}

/* Ecosystem page: fill panel 01 Cognitive College image box */
#cognitive-college-panel .large-image{display:grid;background:#f6f8fb;min-height:100%;align-self:stretch;}
#cognitive-college-panel .large-image img{width:100%;height:100%;max-height:560px;object-fit:cover;object-position:center;margin:0;display:block;}

/* Ecosystem page: vertically center panel 04 graphic */
#staged-architecture-panel{grid-template-columns:2fr 1fr;}
#staged-architecture-panel .large-image{display:grid;place-items:center;background:#f6f8fb;min-height:100%;}
#staged-architecture-panel .large-image img{width:100%;height:100%;max-height:560px;object-fit:contain;}
@media (max-width:930px){
  #staged-architecture-panel{grid-template-columns:1fr;}
}

/* Ecosystem page: full-width cognitive ecosystem architecture */
.ecosystem-architecture-layout{
  display:grid;
  grid-template-columns:1fr 4fr;
  gap:32px;
  align-items:stretch;
}
.ecosystem-architecture-card{
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
#ecosystem-architecture-panel h2{margin-bottom:14px;}
.ecosystem-architecture-copy{
  display:flex;
  align-items:center;
}
.ecosystem-architecture-copy p{
  margin:0;
  font-size:calc(clamp(16px,1.4vw,19px) - 2pt);
  line-height:1.5;
}
.ecosystem-architecture-card img{
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
}
@media (max-width:760px){
  .ecosystem-architecture-layout{grid-template-columns:1fr;}
}

/* Genetics page: black background for Master Key and panel 02 images */
#master-key-panel .large-image,
#cognitive-neuroengineering-panel .large-image{background:#000;}
#master-key-panel .large-image img{
  border-radius:var(--radius);
  display:block;
}
#cognitive-neuroengineering-panel{
  grid-template-columns:1.2fr .8fr;
  align-items:stretch;
}
#cognitive-neuroengineering-panel .panel,
#cognitive-neuroengineering-panel .large-image{
  height:100%;
}
#cognitive-neuroengineering-panel .large-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media (max-width:930px){
  #cognitive-neuroengineering-panel{grid-template-columns:1fr;}
  #cognitive-neuroengineering-panel .large-image img{height:auto;max-height:520px;}
}


/* Capital page: keep Cognitive Capital traits graphic inside its frame */
#cognitive-capital-traits-panel .large-image{
  display:grid;
  place-items:center;
  align-self:stretch;
  background:#f6f8fb;
  overflow:hidden;
}
#cognitive-capital-traits-panel .large-image img{
  width:100%;
  height:100%;
  max-height:560px;
  object-fit:contain;
  object-position:center;
  margin:0;
}

/* Capital page: round white paper panel image */
#cognitive-capital.whitepaper-card{
  padding:18px;
  gap:28px;
}
#cognitive-capital.whitepaper-card img{
  border-radius:var(--radius);
  display:block;
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:cover;
}
#cognitive-capital .whitepaper-links{
  width:100%;
  justify-content:space-between;
  align-items:center;
}
#cognitive-capital .whitepaper-links .resource-link{margin-top:0;}


/* Capital page: keep Full Stack Strategy heading on one line */
#full-stack-strategy-panel h2{
  white-space:nowrap;
  font-size:clamp(30px,3.5vw,50px);
}
@media (max-width: 760px){
  #full-stack-strategy-panel h2{white-space:normal;}
}

/* Philosophy page framework panels */
.framework-panel{display:flex;flex-direction:column;height:100%;}
.framework-panel h3{font-size:clamp(22px,2vw,30px);margin:0 0 14px;}
.framework-panel p{flex:1;margin:0 0 22px;}
.framework-panel ul{margin:0 0 22px;padding-left:1.15em;color:var(--ink-2);}
.framework-panel li{margin:0 0 8px;}
.framework-panel li:last-child{margin-bottom:0;}
.framework-panel .button{margin-top:auto;width:fit-content;}
.mythology-origins .framework-panel p{flex:0 0 auto;}
.mythology-origins .framework-panel p:last-child{margin-bottom:0;}
.framework-image{margin:-28px -28px 22px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;background:#eef2f5;}
.framework-image img{width:100%;height:180px;object-fit:cover;display:block;}
@media (max-width: 560px){
  .framework-image{margin:-22px -22px 18px;}
}

/* Philosophy page mythology section */
.mythology-section{padding-top:24px;}
.mythology-section h2{margin:0 0 44px;font-size:clamp(30px,3.6vw,48px);}
.mythology-origins{align-items:stretch;margin-bottom:28px;}
.mythology-origins:last-child{margin-bottom:0;}
.mythology-origins .large-image{display:grid;min-height:100%;align-self:stretch;background:#f6f8fb;}
.mythology-origins .large-image img{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center;margin:0;display:block;max-height:none;}
.philosophy-mythology-link{padding-top:24px;padding-bottom:52px;text-align:center;}
.button-small{padding:11px 22px;font-size:15px;letter-spacing:.04em;font-weight:800;}
.mythology-gate{margin-top:18px;}
.mythology-gate-input{display:block;width:min(150px,100%);height:34px;margin:0 auto;border:1px solid rgba(7,26,47,.2);border-radius:12px;background:white;padding:6px 12px;font:inherit;}
.mythology-gate-label{margin-top:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--muted);}
.mythology-gate-error{margin-top:10px;font-size:13px;color:#9b2c2c;}


/* Essays page: early civilization graphic fills its frame */
#historical-implications-panel h2{margin-bottom:22px;}
#early-civilization-panel h2{margin-bottom:22px;}
#early-civilization-panel .large-image img{display:block;width:100%;height:auto;max-height:none;margin:0;}

/* Laptop range: scale hero, headings, spacing, and images on shorter viewports */
@media (min-width: 931px) and (max-width: 1920px) and (max-height: 1200px){
  .section, .hero, .page-hero{padding-top:52px;padding-bottom:52px;}
  .page-hero{padding-top:64px;padding-bottom:30px;}
  .hero{min-height:560px;gap:38px;}
  h1{font-size:clamp(44px,5.6vw,72px);}
  h2{font-size:clamp(30px,3.6vw,50px);}
  .role-hero h1{font-size:clamp(56px,8vw,104px);}
  .lede{font-size:clamp(18px,1.5vw,22px);}
  .thesis-strip .section{padding-top:34px;padding-bottom:34px;}
  .feature-grid, .grid-2{align-items:center;}
  #cognitive-college-panel{align-items:stretch;}
  .large-image{display:grid;}
  .large-image img{max-height:420px;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;}
  .image-band img, .whitepaper-card img{max-height:420px;width:100%;object-fit:cover;object-position:center;margin:0;}
  #civilizational-thesis-panel .image-band img{width:100%;max-height:none;height:auto;margin:0;object-fit:contain;}
  #full-stack-strategy-panel .large-image img,
  #staged-architecture-panel .large-image img,
  #cognitive-capital-traits-panel .large-image img{object-fit:contain;width:auto;max-width:100%;margin:0 auto;}
  #cognitive-college-panel .large-image img{width:100%;height:100%;max-height:560px;object-fit:cover;margin:0;}
  .hero-visual .figure-card{max-width:480px;margin-left:auto;}
  .company-portraits .figure-card img{height:320px;}
}

/* Very short laptop screens: trim the hero further */
@media (min-width: 931px) and (max-width: 1920px) and (max-height: 800px){
  .hero{min-height:480px;}
  .company-portraits .figure-card img{height:280px;}
}

/* Company page: equal-height portrait images */
.company-portraits .figure-card img{height:420px;object-fit:cover;object-position:center top;}