/* Match the accepted homepage's masthead, proportions and section rhythm. */
.wrap { max-width: 1440px; }
.brand-review { display: flex; justify-content: space-between; gap: 16px; padding: 9px 5vw; background: #0c141a; border-bottom: 1px solid #24333e; color: #92a4b1; font: 11px/1.6 var(--mono); }
.brand-review a { text-decoration: underline; }
.feature-nav { min-height: 80px; border-bottom: 0; gap: 32px; }
.logo { flex: 0 1 260px; max-width: 260px; min-width: 0; min-height: 44px; display: flex; align-items: center; }
.brand-nav-link { font-size: 13px; font-weight: 600; white-space: nowrap; padding: 12px 0; }
.brand-nav-link.current { color: var(--brand); }
.nav-cta { font-size: 13px; font-weight: 600; white-space: nowrap; }
.feature-hero { padding-top: 24px; padding-bottom: 132px; grid-template-columns: 1.15fr 1fr; gap: 0; position: relative; }
.feature-meta { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font: 11px/1.6 var(--mono); letter-spacing: 1px; }
.feature-meta span:first-child { color: var(--brand); }
.hero-copy { position: relative; z-index: 1; }
.feature-hero h1 { font-size: clamp(76px, 7.5vw, 108px); line-height: .94; margin: 24px -100px 24px 0; }
.feature-hero h1 span { display: block; }
.hero-art { margin: -18px -4vw -20px -45px; }
.hero-art img { height: 420px; object-fit: contain; filter: drop-shadow(0 22px 24px #050c1440); }
.hero-art figcaption { display: none; }
.feature-hero-bottom { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 8px; }
.feature-hero-bottom .lead { font-size: 16px; line-height: 1.75; max-width: 570px; margin: 0; }
.button { border-radius: 7px; }
.feature-hero-bottom .button { flex-shrink: 0; }
.work-story { background: var(--cream); padding-top: 0; padding-bottom: 42px; }
.work-story::before { height: 42px; top: -41px; }
.two-tools { position: relative; z-index: 1; top: -66px; margin-bottom: -30px; padding: 26px 30px; background: #1e303d; color: var(--text); border: 0; border-radius: 18px 18px 48px 18px; box-shadow: 0 22px 45px #07121a24; gap: 30px; }
.two-tools > div + div { border-color: #3a4c59; padding-left: 30px; }
.two-tools .eyebrow { display: block; color: var(--brand); margin-bottom: 8px; }
.two-tools h2 { font-size: 22px; margin-bottom: 8px; }
.two-tools p:last-child { color: #b4c4ce; font-size: 14px; line-height: 1.75; }
.section-heading { margin-bottom: 24px; }
.section-heading h2 { font-size: clamp(32px, 3.8vw, 48px); line-height: 1.15; }
.example-shell { border-radius: 22px 22px 50px 22px; position: relative; background-image: radial-gradient(#7e99a623 1px, transparent 1px); background-size: 18px 18px; }
.example-label { background: #203644; }
.ownership { padding-top: 44px; padding-bottom: 42px; }
.ownership-layout { gap: 44px; }
.stage-number { font-size: 84px; }
.stage-copy h3 { font-size: 24px; }
.feature-close { background: #0c151c; padding-top: 30px; padding-bottom: 26px; box-shadow: 0 0 0 100vmax #0c151c; clip-path: inset(0 -100vmax); }
.closing-logo { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 14px; }
.closing-logo img { display: block; width: 220px; max-width: 100%; height: auto; }
.feature-close h2 { font-size: 29px; line-height: 1.2; }
.feature-close p { color: var(--muted); font-size: 14px; line-height: 1.75; margin-top: 8px; }
.feature-footer { background: #0c151c; padding-top: 10px; padding-bottom: 10px; box-shadow: 0 0 0 100vmax #0c151c; clip-path: inset(0 -100vmax); border-color: #293a46; }
.feature-footer a { color: var(--brand); }
@media (min-width: 801px) and (max-width: 1050px) {
  .feature-nav { gap: 18px; }
  .logo { flex-basis: 210px; }
  .brand-nav-link { font-size: 12px; }
}
@media (max-width: 800px) {
  .brand-nav-link { display: none; }
  .feature-nav { gap: 18px; }
  .feature-hero h1 { font-size: 9vw; line-height: 1; }
  .hero-art { margin-left: -40px; }
  .feature-hero-bottom { align-items: flex-start; flex-direction: column; gap: 20px; }
  .hero-art img { height: 340px; }
  .two-tools { gap: 24px; padding: 24px; }
  .two-tools > div + div { padding-left: 24px; }
}
@media (max-width: 540px) {
  .brand-review { font-size: 9px; align-items: center; }
  .brand-review a { flex-shrink: 0; }
  .logo { flex-basis: 205px; }
  .nav-cta { font-size: 12px; padding: 10px 12px; }
  .feature-nav { gap: 12px; }
  .feature-hero { grid-template-columns: 1fr; padding-bottom: 116px; }
  .feature-meta { font-size: 11px; letter-spacing: .5px; }
  .feature-meta span:last-child { display: none; }
  .feature-hero h1 { font-size: 15vw; line-height: .98; margin: 24px 0 0; letter-spacing: -.5px; }
  .hero-art { width: 92%; max-width: 400px; margin: -8px -10px -20px auto; }
  .hero-art img { height: 280px; }
  .feature-hero-bottom { margin-top: 8px; }
  .feature-hero-bottom .lead { font-size: 15px; }
  .two-tools { top: -64px; margin-bottom: -32px; border-radius: 14px 14px 32px 14px; padding: 22px; gap: 18px; }
  .two-tools > div + div { padding-left: 0; padding-top: 18px; border-top: 1px solid #3a4c59; }
  .two-tools h2 { font-size: 21px; }
  .section-heading h2 { font-size: 32px; }
  .stage-number { font-size: 60px; }
  .ownership { padding-top: 36px; }
  .feature-close h2 { font-size: 28px; }
}