.company-page { color: #192327; background: #efeee7; }
.company-page .site-menu:not([open]) > nav { display: none; }
.company-page .site-menu nav { right: 0; }
.company-page .site-menu summary { width: 100%; min-width: 0; }

.company-hero {
  display: grid;
  min-height: calc(100svh - 70px);
  grid-template-columns: minmax(0, 1.1fr) minmax(420px, .72fr);
  gap: clamp(60px, 8vw, 140px);
  align-items: center;
  padding: clamp(72px, 10vh, 120px) clamp(28px, 6vw, 100px);
  color: #f4f5f1;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 72px 72px,
    radial-gradient(circle at 82% 35%, rgba(128,212,211,.12), transparent 28%),
    #0a1114;
}

.company-hero-copy { max-width: 850px; }
.company-stage { display: inline-flex; gap: 9px; align-items: center; margin: 0 0 44px; color: #9dafb3; font-family: var(--mono); font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
.company-stage span { width: 8px; height: 8px; background: var(--orange); box-shadow: 0 0 0 5px rgba(255,107,53,.1); border-radius: 50%; }
.company-hero h1 { max-width: 900px; margin: 12px 0 30px; color: #f5f6f2; font-size: clamp(64px, 7.3vw, 118px); line-height: .82; }
.company-lede { max-width: 650px; margin: 0; color: #afbabc; font-size: clamp(16px, 1.25vw, 19px); line-height: 1.75; }

.identity-register { margin: 0; border-top: 1px solid #35454a; }
.identity-register div { display: grid; grid-template-columns: minmax(120px,.7fr) minmax(180px,1.3fr); gap: 24px; padding: 17px 0; border-bottom: 1px solid #35454a; }
.identity-register dt { color: #7f9094; font-family: var(--mono); font-size: 11px; text-transform: uppercase; }
.identity-register dd { margin: 0; color: #e2e7e5; font-size: 14px; }

.company-purpose { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: clamp(48px, 8vw, 130px); padding: 110px clamp(28px, 6vw, 100px); background: #e8e6dd; border-bottom: 1px solid #c9cbc5; }
.company-section-label { display: flex; gap: 13px; align-items: flex-start; padding-top: 9px; color: #687478; font-family: var(--mono); font-size: 11px; text-transform: uppercase; }
.company-section-label span { color: var(--orange-soft); }
.company-section-label p { margin: 0; }
.purpose-copy { max-width: 1050px; }
.purpose-copy h2 { margin: 0 0 32px; color: #1b282d; font-size: clamp(48px, 5.2vw, 82px); }
.purpose-copy p { max-width: 790px; margin: 0; color: #556166; font-size: 16px; line-height: 1.8; }

.company-focus { padding: 110px clamp(28px, 6vw, 100px) 120px; }
.company-focus > header { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,470px); gap: 70px; align-items: end; max-width: 1440px; margin: 0 auto 58px; }
.company-focus h2 { color: #172328; font-size: clamp(54px, 5.7vw, 88px); }
.company-focus header > p { margin: 0 0 5px; color: #647075; font-size: 15px; line-height: 1.75; }
.focus-grid { display: grid; max-width: 1440px; grid-template-columns: repeat(3,1fr); margin: 0 auto; border-top: 1px solid #c6c8c2; border-bottom: 1px solid #c6c8c2; }
.focus-grid article { min-height: 285px; padding: 28px 30px; border-right: 1px solid #c6c8c2; }
.focus-grid article:last-child { border-right: 0; }
.focus-grid span { color: #778285; font-family: var(--mono); font-size: 11px; text-transform: uppercase; }
.focus-grid h3 { margin: 68px 0 14px; color: #26343a; font-family: var(--display); font-size: 30px; font-weight: 600; text-transform: uppercase; }
.focus-grid p { max-width: 340px; margin: 0; color: #657074; font-size: 14px; line-height: 1.7; }
.audience-line { max-width: 1440px; margin: 28px auto 0; color: #606c70; font-size: 14px; line-height: 1.7; }
.audience-line strong { margin-right: 13px; color: var(--orange-soft); font-family: var(--mono); font-size: 11px; text-transform: uppercase; }

.company-boundaries { display: grid; grid-template-columns: minmax(340px,.8fr) minmax(0,1.2fr); gap: clamp(60px,8vw,130px); padding: 110px clamp(28px, 6vw, 100px) 120px; color: #e9edeb; background: #111b1f; }
.boundary-copy h2 { max-width: 650px; margin-top: 10px; color: #f0f3f0; font-size: clamp(52px, 5.4vw, 84px); }
.boundary-list { border-top: 1px solid #36464b; }
.boundary-list article { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 34px; padding: 26px 0; border-bottom: 1px solid #36464b; }
.boundary-list span { color: #f18e68; font-family: var(--mono); font-size: 11px; text-transform: uppercase; }
.boundary-list p { margin: 0; color: #9eaaad; font-size: 14px; line-height: 1.75; }

.company-contact { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 60px; align-items: end; padding: 95px clamp(28px, 6vw, 100px); background: #deddd5; }
.company-contact h2 { max-width: 950px; margin: 8px 0 22px; color: #182429; font-size: clamp(50px, 5.6vw, 88px); }
.company-contact > div > p:not(.kicker) { max-width: 700px; margin: 0; color: #5e696d; font-size: 14px; line-height: 1.7; }
.role-contacts { display: flex; flex-wrap: wrap; gap: 10px 30px; margin: 26px 0 0; }
.role-contacts div { display: flex; gap: 10px; align-items: baseline; }
.role-contacts dt { color: #7c8587; font-family: var(--mono); font-size: 11px; text-transform: uppercase; }
.role-contacts dd { margin: 0; }
.role-contacts a { color: #354247; font-size: 13px; text-underline-offset: 3px; }
.role-contacts a:hover { color: var(--orange-soft); }
.company-contact .action { margin: 0; }
.company-footer { background: #080e10; }

@media (max-width: 1100px) {
  .company-footer .footer-links { max-width: 420px; flex-wrap: wrap; row-gap: 10px; }
}

@media (max-width: 1080px) {
  .company-hero { min-height: 0; grid-template-columns: 1fr; }
  .identity-register { max-width: 720px; }
  .company-boundaries { grid-template-columns: 1fr; }
}

@media (min-width: 681px) and (max-width: 950px) {
  .company-page .masthead { grid-template-areas: "brand clock menu"; grid-template-columns: minmax(0,1fr) 122px auto; }
  .company-page .mast-nav { display: none; }
  .company-page .site-menu { display: block; }
  .company-page .utc-clock { width: 122px; }
}

@media (max-width: 760px) {
  .company-hero { gap: 60px; padding: 82px 20px 75px; }
  .company-hero h1 { font-size: clamp(57px,18vw,82px); }
  .identity-register div { grid-template-columns: 1fr; gap: 7px; }
  .company-purpose { grid-template-columns: 1fr; gap: 30px; padding: 76px 20px; }
  .company-focus { padding: 76px 20px 82px; }
  .company-focus > header { grid-template-columns: 1fr; gap: 25px; }
  .focus-grid { grid-template-columns: 1fr; }
  .focus-grid article { min-height: 240px; border-right: 0; border-bottom: 1px solid #c6c8c2; }
  .focus-grid article:last-child { border-bottom: 0; }
  .focus-grid h3 { margin-top: 48px; }
  .audience-line strong { display: block; margin-bottom: 8px; }
  .company-boundaries { grid-template-columns: 1fr; padding: 78px 20px 84px; }
  .boundary-list article { grid-template-columns: 1fr; gap: 10px; }
  .company-contact { grid-template-columns: 1fr; gap: 35px; padding: 75px 20px; }
  .company-contact .action { width: 100%; }
  .role-contacts { display: grid; }
}