/* CEO feedback, 20-21 October 2026.
   Keep the copy near the navigation and the two brand lines together. */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.header-inner { gap: 25px; }
.desktop-navigation { margin-right: 8px; gap: 28px; }
.hero-main { grid-template-columns: 1fr 1.08fr; align-items: start; min-height: 740px; height: auto; max-height: none; padding-top: 128px; padding-bottom: 48px; gap: 15px; }
.hero-copy { padding-bottom: 0; }
.hero-eyebrow { font-size: 10px; letter-spacing: .12em; color: #afc9e8; line-height: 1.7; }
.hero h1 { font-size: clamp(58px, 5.5vw, 84px); line-height: 1.1; margin-top: 24px; letter-spacing: -.06em; word-spacing: .04em; }
.headline-gradient { word-spacing: normal; }
.hero-tagline { font-size: clamp(28px, 2.8vw, 42px); margin-top: 12px; color: #f0f6ff; }
.hero-description { max-width: 450px; margin-top: 25px; font-size: 15px; line-height: 1.9; color: #b1c5e1; }
.hero-actions { margin-top: 31px; gap: 13px; }
.hero-actions .button { padding-inline: 21px; gap: 20px; font-size: 12px; }
.hero .constellation-scene { width: 100%; max-width: 600px; margin: 0 auto; }
.constellation-visual { aspect-ratio: 1 / 1; }
.connection-globe { position: absolute; width: 104%; height: auto; left: -2%; top: 0; pointer-events: none; }
.globe-connections { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .65; }
.domain-button { position: absolute; align-items: flex-start; justify-content: flex-start; width: 168px; min-height: 86px; padding: 14px 12px; gap: 9px; text-align: left; white-space: normal; background: #061b3cf0; border-color: #3888c86b; border-radius: 7px; box-shadow: 0 10px 30px #000c201f; }
.domain-copy { display: flex; flex-direction: column; gap: 6px; }
.domain-copy strong { font-size: 10px; letter-spacing: .13em; font-weight: 600; line-height: 1.5; }
.domain-copy > span { font-size: 11px; font-weight: 400; letter-spacing: 0; text-transform: none; line-height: 1.6; color: #b9cce5; }
.domain-button-dot { width: 5px; height: 5px; margin-top: 5px; }
.domain-control-nature { left: 0; top: 1%; }
/* Lift Science away from the microscope image, while leaving the artwork in place. */
.domain-control-science { right: -4%; top: -3%; }
.domain-control-technology { left: 0; top: auto; bottom: 3%; }
.domain-control-people { right: 0; left: auto; top: auto; bottom: 0; }
.purpose h2 { font-size: clamp(38px, 4vw, 59px); }
.purpose-description p { font-size: 14px; color: #b0c4e0; }

@media (min-width: 1550px) {
    .hero-main { min-height: 760px; padding-top: 128px; padding-bottom: 48px; }
}
@media (max-width: 1200px) {
    .header-inner { gap: 22px; }
    .brand-logo { width: 164px; }
    .desktop-navigation { gap: 22px; margin-right: 0; }
    .header-contact { padding-inline: 12px; gap: 13px; }
    .hero-main { min-height: 650px; padding-top: 123px; padding-bottom: 55px; }
    .hero h1 { font-size: clamp(54px, 5.5vw, 66px); }
    .hero-description { font-size: 14px; max-width: 400px; }
    .hero-actions .button { font-size: 11px; padding-inline: 15px; gap: 14px; }
    .domain-button { width: 143px; padding: 12px 10px; gap: 7px; }
    .domain-copy strong { font-size: 9px; }
    .domain-copy > span { font-size: 10px; }
}
@media (max-width: 960px) {
    .header-inner { gap: 19px; }
    .desktop-navigation { gap: 18px; }
    .header-contact { display: none; }
    .hero-main { grid-template-columns: 1fr 1fr; gap: 0; min-height: 650px; }
    .hero h1 { font-size: clamp(43px, 5.5vw, 55px); }
    .hero-eyebrow { font-size: 9px; max-width: 300px; }
    .hero-description { font-size: 13px; max-width: 330px; }
    .hero-actions { gap: 10px; }
    .hero-actions .button { min-height: 50px; padding: 14px 13px; font-size: 10px; gap: 12px; }
    .domain-button { width: 132px; padding: 11px 9px; min-height: 80px; }
    .domain-copy strong { font-size: 8px; }
    .domain-copy > span { font-size: 10px; }
    .hero .constellation-scene { width: 111%; margin: 0 0 0 -4%; }
    .domain-control-nature { top: -7%; }
    .domain-control-science { top: -2%; right: -1%; }
    .domain-control-technology { bottom: -9%; }
    .domain-control-people { bottom: -5%; right: -1%; }
}
@media (max-width: 780px) {
    .hero-main { display: flex; flex-direction: column; align-items: stretch; gap: 25px; padding-top: 114px; padding-bottom: 50px; min-height: 0; }
    .hero-copy { max-width: 610px; }
    .hero-eyebrow { max-width: none; font-size: 10px; }
    .hero h1 { font-size: clamp(53px, 8.5vw, 67px); margin-top: 20px; }
    .hero-tagline { font-size: 31px; margin-top: 12px; }
    .hero-description { max-width: 500px; font-size: 14px; margin-top: 21px; }
    .hero-actions { margin-top: 26px; }
    .hero-actions .button { padding: 16px 21px; min-height: 54px; font-size: 12px; gap: 25px; }
    .hero .constellation-scene { width: min(100%, 610px); margin: 0 auto; }
    .domain-button { width: 165px; min-height: 85px; padding: 14px 12px; }
    .domain-copy strong { font-size: 10px; }
    .domain-copy > span { font-size: 11px; }
    .domain-control-nature { top: 2%; }
    .domain-control-science { top: -1%; right: -3%; }
    .domain-control-technology { bottom: 3%; }
    .domain-control-people { bottom: 0; right: 0; }
}
@media (max-width: 640px) {
    .header-inner { min-height: 82px; gap: 20px; }
    .brand-logo { width: 146px; }
    .mobile-navigation { margin-left: auto; }
    .hero-main { padding-top: 113px; gap: 27px; padding-bottom: 40px; min-height: 0; }
    .hero-eyebrow { font-size: 8px; letter-spacing: .08em; }
    .hero h1 { font-size: clamp(40px, 9.5vw, 60px); }
    .hero-tagline { font-size: 28px; margin-top: 12px; }
    .hero-description { font-size: 14px; line-height: 1.85; }
    .hero-actions { gap: 10px; flex-wrap: wrap; }
    .hero-actions .button { font-size: 11px; padding: 15px 17px; gap: 17px; }
    .hero .constellation-scene { width: 100%; margin: 0; }
    .connection-globe { width: 108%; left: -4%; top: -1%; }
    .domain-controls { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; padding-top: 85%; }
    .constellation-visual { aspect-ratio: auto; }
    .scene-parallax { position: absolute; inset: 0 0 auto; aspect-ratio: 1; height: auto; }
    .domain-button { position: static; width: auto; min-height: 91px; padding: 12px 11px; gap: 8px; }
    .domain-copy strong { font-size: 9px; }
    .domain-copy > span { font-size: 11px; }
    .purpose h2 { font-size: clamp(34px, 7vw, 43px); }
}
@media (max-width: 360px) {
    .header-inner { gap: 14px; }
    .brand-logo { width: 125px; }
    .hero h1 { font-size: 37px; }
    .hero-eyebrow { font-size: 7px; }
    .hero-actions .button { width: 100%; justify-content: space-between; }
    .domain-button { padding-inline: 9px; gap: 7px; }
    .domain-copy > span { font-size: 10px; }
}