:root {
  --navy: #081320;
  --navy-2: #0d1b2a;
  --gold: #D4AF37;
  --gold-hi: #E5BE58;
  --white: #F7F7F5;
  --paper: #f2f1ed;
  --steel: #6B7280;
  --ink: #111a24;
  --line: rgba(8, 19, 32, .15);
  --shell: min(1180px, calc(100vw - 64px));
  --ease: cubic-bezier(.22,1,.36,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--white);
  color: var(--ink);
  font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; }
button, input, textarea { font: inherit; }
button { color: inherit; }
::selection { background: var(--gold); color: var(--navy); }

.skip-link {
  position: fixed; left: 16px; top: 12px; z-index: 9999;
  transform: translateY(-150%); background: var(--gold); color: var(--navy);
  padding: 10px 14px; text-decoration: none; font-weight: 600;
}
.skip-link:focus { transform: translateY(0); }
.shell { width: var(--shell); margin-inline: auto; }

.site-header {
  position: fixed; inset: 0 0 auto; z-index: 1000;
  color: var(--white); transition: background .35s ease, color .35s ease, box-shadow .35s ease;
}
.site-header.scrolled {
  background: rgba(8, 19, 32, .92); backdrop-filter: blur(18px);
  box-shadow: 0 1px 0 rgba(255,255,255,.08);
}
.nav-wrap { height: 86px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; justify-self: start; }
.brand-logo {
  display: block;
  width: clamp(180px, 16vw, 236px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 8px 22px rgba(0, 0, 0, .18));
}
.footer-logo {
  display: block;
  width: min(320px, 100%);
  height: auto;
  object-fit: contain;
}
.desktop-nav { display:flex; gap: 30px; align-items:center; }
.desktop-nav a { text-decoration:none; font-size: 12px; font-weight:500; letter-spacing:.06em; opacity:.8; transition: opacity .2s ease, color .2s ease; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { opacity:1; color:var(--gold-hi); }
.nav-cta { justify-self:end; text-decoration:none; font-size:12px; letter-spacing:.04em; border-bottom:1px solid rgba(212,175,55,.7); padding: 9px 0 7px; }
.nav-cta span { color: var(--gold); margin-left:8px; }
.menu-toggle { display:none; background:transparent; border:0; width:42px; height:42px; padding:10px; justify-self:end; }
.menu-toggle span { display:block; height:1px; background:currentColor; margin:7px 0; transition: transform .25s ease; }
.mobile-nav { display:none; }

.hero { min-height: 100svh; background: var(--navy); color: var(--white); position: relative; overflow:hidden; display:flex; flex-direction:column; }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px); background-size: 90px 90px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
.hero-grid { flex:1; display:grid; grid-template-columns: 1.02fr .98fr; align-items:center; gap: 5vw; padding-top: 118px; padding-bottom: 72px; position:relative; z-index:1; }
.eyebrow, .section-kicker { margin:0 0 30px; text-transform:uppercase; letter-spacing:.22em; font-size:10px; font-weight:600; color: var(--steel); }
.hero .eyebrow { color: rgba(247,247,245,.56); }
.hero h1 { margin:0; max-width: 760px; font-weight:300; line-height:.98; letter-spacing:-.045em; }
.hero h1 span { display:block; font-size: clamp(32px, 4vw, 61px); color: rgba(247,247,245,.9); }
.hero h1 em { display:block; margin-top:20px; font-family:"Cormorant Garamond", Georgia, serif; font-weight:500; font-size: clamp(70px, 8vw, 118px); color: var(--gold-hi); letter-spacing:-.035em; }
.hero-intro { max-width: 680px; margin: 42px 0 0; font-size: clamp(18px, 1.6vw, 22px); line-height:1.55; font-weight:300; }
.hero-detail { max-width: 620px; margin: 15px 0 0; color: rgba(247,247,245,.63); font-size: 14px; }
.primary-cta { display:inline-flex; align-items:center; gap:16px; margin-top:34px; text-decoration:none; font-size:12px; font-weight:600; letter-spacing:.045em; text-transform:none; padding: 15px 0 12px; border-bottom:1px solid var(--gold); transition: gap .25s ease, color .25s ease; background:none; border-left:0; border-right:0; border-top:0; cursor:pointer; }
.primary-cta:hover { gap:22px; color:var(--gold-hi); }
.primary-cta span { color:var(--gold); }
.hero-visual { position:relative; min-height: 560px; display:flex; align-items:center; justify-content:center; }
.pathway { width:min(100%, 660px); filter: drop-shadow(0 24px 70px rgba(0,0,0,.22)); }
.ascent-line { stroke-dasharray: 900; stroke-dashoffset:900; animation: draw 2.4s var(--ease) .35s forwards; }
.ascent-tip { opacity:0; animation: fadeIn .5s ease 2.15s forwards; }
.mesh path { opacity:0; animation: fadeIn 1.2s ease forwards; }
.mesh path:nth-child(1){animation-delay:.2s}.mesh path:nth-child(2){animation-delay:.35s}.mesh path:nth-child(3){animation-delay:.5s}.mesh path:nth-child(4){animation-delay:.65s}.mesh path:nth-child(5){animation-delay:.8s}
.nodes { opacity:.6; }
.visual-caption { position:absolute; bottom:13%; left:11%; right:8%; display:flex; align-items:center; gap:14px; text-transform:uppercase; letter-spacing:.2em; font-size:8px; color:rgba(247,247,245,.45); }
.visual-caption i { height:1px; flex:1; background:linear-gradient(to right, rgba(247,247,245,.16), var(--gold)); }
.hero-foot { position:relative; z-index:1; min-height:70px; border-top:1px solid rgba(247,247,245,.1); display:grid; grid-template-columns:repeat(4,1fr); align-items:center; color:rgba(247,247,245,.43); font-size:9px; text-transform:uppercase; letter-spacing:.2em; }
.hero-foot span:not(:first-child) { border-left:1px solid rgba(247,247,245,.1); padding-left:26px; }

.section { padding: 128px 0; position:relative; }
.light { background: var(--white); }
.split-head { display:grid; grid-template-columns: 1fr 2.1fr; gap:70px; align-items:start; }
.split-head h2, .proof-head h2, .sector-grid h2, .about-statement h2, .contact-grid h2 { margin:0; font-weight:300; line-height:1.07; letter-spacing:-.045em; font-size:clamp(40px,5vw,72px); }
.lede { max-width:700px; margin:24px 0 0; color:var(--steel); font-size:16px; }
.friction-grid { display:grid; grid-template-columns: 2.1fr 1fr; gap:70px; margin-top:80px; }
.friction-list { border-top:1px solid var(--line); }
.friction-list div { display:grid; grid-template-columns:66px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid var(--line); align-items:start; }
.friction-list span { font-size:9px; color:var(--gold); letter-spacing:.14em; padding-top:7px; }
.friction-list p { margin:0; font-size:clamp(17px,1.6vw,22px); font-weight:400; max-width:700px; }
.diagnostic-panel { background: var(--navy); color:var(--white); padding:42px; min-height:340px; display:flex; flex-direction:column; justify-content:space-between; }
.gold-rule { display:block; width:42px; height:2px; background:var(--gold); }
.diagnostic-panel p { margin:40px 0; font-size:20px; font-weight:300; line-height:1.55; }
.mini-path { height:60px; display:flex; align-items:flex-end; gap:10px; }
.mini-path i { display:block; width:32%; height:1px; background:rgba(247,247,245,.18); transform-origin:left; }
.mini-path i:nth-child(1){transform:rotate(-4deg)} .mini-path i:nth-child(2){transform:rotate(-18deg); background:rgba(212,175,55,.5)} .mini-path i:nth-child(3){transform:rotate(-33deg); background:var(--gold)}
.principle { margin-top:150px; padding-top:76px; border-top:1px solid var(--line); display:grid; grid-template-columns: .7fr 1.5fr 1fr; gap:60px; align-items:start; }
.principle-copy h2 { margin:0; font-size:clamp(38px,4.5vw,62px); font-weight:300; line-height:1.04; letter-spacing:-.04em; }
.principle-copy h2 span { color:var(--steel); }
.principle-copy p { margin:34px 0 20px; max-width:660px; color:#49515b; font-size:15px; }
.principle-copy strong { font-size:15px; font-weight:600; }
.decision-ladder { border-top:1px solid var(--line); }
.decision-ladder div { padding:15px 0; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:18px; }
.decision-ladder span { font-size:12px; font-weight:600; }
.decision-ladder small { font-size:10px; color:var(--steel); text-align:right; }

.ai-section { background: var(--paper); overflow:hidden; }
.ai-grid { display:grid; grid-template-columns: .95fr 1.05fr; gap:110px; position:relative; z-index:1; }
.ai-intro h2 { margin:0; font-size:clamp(54px,6vw,88px); font-weight:300; line-height:.92; letter-spacing:-.05em; }
.ai-intro h2 em { font-family:"Cormorant Garamond", Georgia, serif; font-weight:500; color:var(--gold); }
.ai-intro > p:not(.section-kicker):not(.ai-question) { margin:40px 0 0; font-size:18px; max-width:490px; }
.ai-question { margin:74px 0 6px; color:var(--steel); font-size:13px; }
.ai-intro strong { display:block; max-width:540px; font-size:21px; font-weight:500; line-height:1.5; }
.ai-usecases { padding-top:14px; }
.usecase-label { margin:0 0 18px; font-size:10px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--steel); }
.ai-usecases ul { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }
.ai-usecases li { display:grid; grid-template-columns:48px 1fr; gap:20px; padding:17px 0; border-bottom:1px solid var(--line); font-size:15px; }
.ai-usecases li span { color:var(--gold); font-size:9px; letter-spacing:.1em; padding-top:5px; }
.ai-delivery { margin:34px 0 0; max-width:620px; color:var(--steel); font-size:13px; }
.ai-orbit { position:absolute; width:460px; height:460px; border:1px solid rgba(8,19,32,.06); border-radius:50%; left:-260px; bottom:-260px; box-shadow:0 0 0 80px rgba(8,19,32,.02),0 0 0 160px rgba(8,19,32,.015); }

.proof-section { background:var(--navy); color:var(--white); }
.light-kicker { color:rgba(247,247,245,.46); }
.proof-head { display:grid; grid-template-columns:1fr 2.1fr; gap:70px; }
.proof-head h2 { max-width:820px; }
.proof-grid { margin-top:86px; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(247,247,245,.14); border-left:1px solid rgba(247,247,245,.14); }
.metric { min-height:300px; padding:44px 46px; border-right:1px solid rgba(247,247,245,.14); border-bottom:1px solid rgba(247,247,245,.14); display:flex; flex-direction:column; justify-content:space-between; }
.metric-value { margin:0; color:var(--gold-hi); font-size:clamp(56px,6vw,86px); line-height:1; letter-spacing:-.055em; font-weight:300; }
.metric-value .tilde { font-family:"Cormorant Garamond", serif; font-style:italic; margin-right:4px; }
.metric-value.text-stat { font-size:clamp(43px,4.8vw,70px); }
.metric-value i { font-family:"Cormorant Garamond", Georgia, serif; font-weight:500; }
.metric > p:last-child { max-width:430px; margin:38px 0 0; color:rgba(247,247,245,.62); font-size:13px; }
.metric > p:last-child strong { color:var(--white); font-weight:500; }
.live-ai { margin-top:45px; display:flex; align-items:flex-start; gap:18px; max-width:1000px; }
.live-ai p { margin:0; color:rgba(247,247,245,.76); font-size:15px; }
.pulse { width:8px; height:8px; border-radius:50%; background:var(--gold); margin-top:8px; box-shadow:0 0 0 6px rgba(212,175,55,.12); animation:pulse 2s ease infinite; flex:0 0 auto; }

.capabilities { background:var(--white); }
.capability-list { margin-top:78px; border-top:1px solid var(--line); }
.capability-list article { position:relative; display:grid; grid-template-columns:70px minmax(220px,.9fr) 1.7fr 32px; gap:32px; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); transition:padding .35s var(--ease), background .35s ease; }
.capability-list article:hover { padding-left:16px; padding-right:16px; background:rgba(8,19,32,.02); }
.cap-num { font-size:9px; color:var(--gold); letter-spacing:.12em; }
.capability-list h3 { margin:0; font-size:27px; font-weight:400; letter-spacing:-.03em; }
.capability-list p { margin:0; color:var(--steel); font-size:13px; max-width:620px; }
.cap-arrow { color:var(--gold); font-size:16px; transition:transform .25s ease; }
.capability-list article:hover .cap-arrow { transform:translate(4px,-4px); }

.sectors { background:#ecebe6; }
.sector-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:90px 120px; }
.sector-grid h2 { max-width:740px; }
.sector-list { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:11px; padding-top:38px; }
.sector-list span { font-size:17px; padding-bottom:5px; border-bottom:1px solid rgba(8,19,32,.12); }
.sector-note { grid-column:2; margin:0; max-width:520px; color:var(--steel); font-size:13px; }

.about-section { background:var(--white); }
.about-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:110px; }
.about-statement h2 em { font-family:"Cormorant Garamond", Georgia, serif; color:var(--gold); font-weight:500; }
.about-copy { padding-top:42px; }
.about-copy > p { margin:0 0 18px; color:#3f4852; font-size:15px; }
.about-copy ol { margin:42px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.about-copy li { display:grid; grid-template-columns:46px 1fr; gap:16px; border-bottom:1px solid var(--line); padding:14px 0; font-size:13px; font-weight:500; }
.about-copy li span { color:var(--gold); font-size:9px; padding-top:4px; }

.contact-section { background:var(--navy); color:var(--white); padding:130px 0 0; position:relative; overflow:hidden; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:120px; position:relative; z-index:1; }
.contact-grid h2 em { font-family:"Cormorant Garamond", Georgia, serif; color:var(--gold-hi); font-weight:500; }
.contact-copy { padding-top:42px; }
.contact-copy > p { margin:0 0 20px; max-width:560px; color:rgba(247,247,245,.66); font-size:15px; }
.contact-copy .contact-emphasis { color:var(--white); font-size:18px; font-weight:500; }
.gold-button { color:var(--white); }
.contact-graphic span { position:absolute; display:block; height:1px; background:linear-gradient(to right, transparent, rgba(212,175,55,.5), transparent); width:70vw; right:-14vw; transform-origin:right; }
.contact-graphic span:first-child { top:21%; transform:rotate(-18deg); }
.contact-graphic span:last-child { top:31%; transform:rotate(-30deg); opacity:.55; }
.site-footer { margin-top:130px; min-height:150px; border-top:1px solid rgba(247,247,245,.12); display:grid; grid-template-columns:minmax(0,1.2fr) auto minmax(0,.8fr); align-items:center; gap:30px; position:relative; z-index:1; }
.footer-brand { display:flex; align-items:center; gap:14px; max-width:min(320px, 100%); }
.footer-tag { margin:0; font-family:"Cormorant Garamond", Georgia, serif; font-style:italic; font-size:24px; color:var(--gold-hi); }
.copyright { justify-self:end; margin:0; color:rgba(247,247,245,.35); font-size:9px; letter-spacing:.08em; }

.contact-dialog { width:min(620px,calc(100vw - 32px)); border:0; background:var(--white); color:var(--ink); padding:44px; box-shadow:0 40px 120px rgba(0,0,0,.45); }
.contact-dialog::backdrop { background:rgba(2,8,15,.78); backdrop-filter:blur(8px); }
.contact-dialog h2 { margin:0; font-size:clamp(36px,5vw,58px); font-weight:300; line-height:1; letter-spacing:-.04em; }
.contact-dialog > p:not(.section-kicker) { color:var(--steel); max-width:520px; font-size:13px; }
.dialog-close { position:absolute; top:18px; right:20px; width:38px; height:38px; border:0; background:transparent; font-size:29px; font-weight:300; cursor:pointer; }
.contact-dialog form { display:grid; gap:16px; margin-top:28px; }
.contact-dialog label { display:grid; gap:7px; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.1em; }
.contact-dialog input, .contact-dialog textarea { width:100%; border:1px solid rgba(8,19,32,.18); background:#fff; padding:13px 14px; border-radius:0; outline:none; text-transform:none; letter-spacing:0; font-size:14px; }
.contact-dialog input:focus, .contact-dialog textarea:focus { border-color:var(--gold); box-shadow:0 0 0 2px rgba(212,175,55,.12); }
.contact-dialog .gold-button { color:var(--ink); justify-self:start; }
.form-note { margin:0; color:var(--steel); font-size:10px; line-height:1.5; text-transform:none; letter-spacing:0; }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .9s var(--ease), transform .9s var(--ease); }
.reveal.in-view, .reveal.is-visible { opacity:1; transform:none; }

@keyframes draw { to { stroke-dashoffset:0; } }
@keyframes fadeIn { to { opacity:1; } }
@keyframes pulse { 0%,100%{box-shadow:0 0 0 5px rgba(212,175,55,.10)} 50%{box-shadow:0 0 0 11px rgba(212,175,55,.02)} }

@media (max-width: 980px) {
  :root { --shell: min(100% - 42px, 760px); }
  .desktop-nav, .nav-cta { display:none; }
  .nav-wrap { grid-template-columns:1fr auto; height:74px; }
  .menu-toggle { display:block; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-4px) rotate(-45deg); }
  .mobile-nav { position:fixed; inset:74px 0 auto; background:rgba(8,19,32,.98); color:var(--white); padding:18px 22px 28px; border-top:1px solid rgba(255,255,255,.08); transform:translateY(-120%); opacity:0; transition:transform .35s var(--ease), opacity .25s ease; display:grid; }
  .mobile-nav.open { transform:translateY(0); opacity:1; }
  .mobile-nav a { padding:16px 0; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.1); font-size:14px; }
  .hero-grid { grid-template-columns:1fr; gap:20px; padding-top:130px; }
  .hero-visual { min-height:420px; max-width:660px; width:100%; margin-inline:auto; }
  .hero-foot { grid-template-columns:1fr 1fr; padding:18px 0; gap:12px; }
  .hero-foot span:not(:first-child){border-left:0;padding-left:0}
  .section { padding:92px 0; }
  .split-head, .friction-grid, .ai-grid, .proof-head, .sector-grid, .about-grid, .contact-grid { grid-template-columns:1fr; gap:46px; }
  .principle { grid-template-columns:1fr; gap:42px; margin-top:110px; }
  .principle .section-kicker { margin-bottom:0; }
  .diagnostic-panel { min-height:280px; }
  .ai-grid { gap:70px; }
  .proof-grid { grid-template-columns:1fr; }
  .metric { min-height:255px; }
  .capability-list article { grid-template-columns:45px 1fr 24px; gap:18px; }
  .capability-list p { grid-column:2 / 4; margin-top:-8px; }
  .sector-note { grid-column:auto; }
  .site-footer { grid-template-columns:1fr; align-items:start; padding:42px 0; gap:24px; }
  .copyright { justify-self:start; }
}

@media (max-width: 620px) {
  :root { --shell: calc(100% - 32px); }
  .brand-logo { width: 172px; }
  .footer-logo { width: min(260px, 100%); }
  .hero-grid { padding-top:118px; padding-bottom:44px; }
  .hero h1 span { font-size:34px; }
  .hero h1 em { font-size:72px; margin-top:14px; }
  .hero-intro { font-size:17px; margin-top:30px; }
  .hero-detail { font-size:12px; }
  .hero-visual { min-height:300px; margin-top:0; }
  .visual-caption { bottom:2%; }
  .hero-foot { font-size:7px; }
  .section { padding:76px 0; }
  .section-kicker, .eyebrow { margin-bottom:22px; }
  .split-head h2, .proof-head h2, .sector-grid h2, .about-statement h2, .contact-grid h2 { font-size:42px; }
  .friction-grid { margin-top:52px; }
  .friction-list div { grid-template-columns:42px 1fr; padding:18px 0; }
  .friction-list p { font-size:16px; }
  .diagnostic-panel { padding:28px; }
  .principle { margin-top:80px; padding-top:54px; }
  .principle-copy h2 { font-size:42px; }
  .ai-intro h2 { font-size:58px; }
  .ai-question { margin-top:54px; }
  .ai-intro strong { font-size:18px; }
  .metric { padding:30px 26px; min-height:230px; }
  .metric-value { font-size:58px; }
  .metric-value.text-stat { font-size:46px; }
  .capability-list { margin-top:50px; }
  .capability-list article { padding:22px 0; grid-template-columns:34px 1fr 20px; }
  .capability-list h3 { font-size:22px; }
  .capability-list p { font-size:12px; }
  .contact-section { padding-top:86px; }
  .site-footer { margin-top:86px; }
  .contact-dialog { padding:34px 24px 28px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
}


/* --- Revised brand artefact integration --- */
.brand-logo {
  width: clamp(220px, 18vw, 300px);
  filter: none;
}
.footer-logo {
  width: min(440px, 100%);
}
.hero-grid {
  grid-template-columns: .95fr 1.05fr;
  gap: min(6vw, 72px);
}
.hero-visual {
  min-height: 520px;
}
.hero-art-wrap {
  position: relative;
  width: min(100%, 780px);
  margin-left: auto;
}
.hero-convergence {
  display: block;
  width: 100%;
  height: auto;
  opacity: .98;
  filter: drop-shadow(0 24px 80px rgba(0,0,0,.28));
}
.hero-submark-badge {
  position: absolute;
  left: 0;
  bottom: 14%;
  width: clamp(72px, 8vw, 112px);
  opacity: .22;
}
.visual-caption {
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 10%;
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: .28em;
  font-size: 10px;
  color: rgba(247,247,245,.58);
}
.visual-caption i {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(247,247,245,.12), rgba(212,175,55,.48), rgba(247,247,245,.12));
}
.founder-feature {
  margin-top: 96px;
  padding-top: 56px;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 46px;
  align-items: center;
}
.founder-photo-card {
  margin: 0;
  position: relative;
  overflow: hidden;
  background: #d3d0ca;
  min-height: 380px;
}
.founder-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 380px;
  object-fit: cover;
}
.founder-photo-card figcaption {
  position: absolute;
  left: 24px;
  bottom: 18px;
  padding-top: 12px;
  color: rgba(247,247,245,.88);
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.founder-badge {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: clamp(84px, 10vw, 126px);
  opacity: .95;
}
.founder-feature-copy h3 {
  margin: 0 0 18px;
  font-size: clamp(28px, 3.4vw, 46px);
  line-height: 1.04;
  letter-spacing: -.04em;
  font-weight: 300;
  max-width: 9ch;
}
.founder-feature-copy p {
  margin: 0 0 14px;
  font-size: 14px;
  color: var(--steel);
  max-width: 46ch;
}
.founder-feature-copy .founder-proof {
  color: var(--ink);
  font-weight: 500;
}
.contact-convergence {
  position: absolute;
  right: -12vw;
  top: -8%;
  width: min(72vw, 1120px);
  opacity: .24;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.18));
}
.contact-submark {
  position: absolute;
  left: 4vw;
  bottom: 6%;
  width: clamp(70px, 7vw, 108px);
  opacity: .12;
}
@media (max-width: 980px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-art-wrap { max-width: 720px; margin: 0 auto; }
  .founder-feature {
    grid-template-columns: 1fr;
    gap: 26px;
    margin-top: 72px;
    padding-top: 44px;
  }
  .founder-feature-copy h3 { max-width: none; }
  .contact-convergence {
    width: min(1100px, 115vw);
    right: -24vw;
    top: 8%;
    opacity: .18;
  }
}
@media (max-width: 620px) {
  .brand-logo { width: 198px; }
  .footer-logo { width: min(320px, 100%); }
  .hero-visual { min-height: 250px; }
  .visual-caption {
    font-size: 8px;
    letter-spacing: .18em;
    left: 4%;
    right: 4%;
    bottom: 8%;
    gap: 10px;
  }
  .hero-submark-badge {
    width: 64px;
    bottom: 10%;
    left: 2%;
    opacity: .18;
  }
  .founder-feature { margin-top: 56px; padding-top: 36px; }
  .founder-photo, .founder-photo-card { min-height: 260px; }
  .founder-photo-card figcaption { left: 16px; bottom: 14px; }
  .founder-badge { width: 84px; right: 12px; bottom: 12px; }
  .contact-convergence {
    width: 140vw;
    right: -44vw;
    top: 16%;
    opacity: .14;
  }
  .contact-submark { width: 72px; bottom: 3%; left: 3%; }
}