/* Scientific Commons · Airport research editorial redesign.
   Scoped homepage overrides layered after the original home.css.
   Original logo, forms, JavaScript and all lower-page content are retained. */
:root {
  --ink: #0a2137;
  --green: #075243;
  --green2: #0e6a56;
  --muted: #526679;
  --paper: #ffffff;
}
body { background:#fff; color:#0b2037; }
.site-header { background:rgba(255,255,255,.96); border-bottom:1px solid #e9edf1; }
.brand {color:#092441;}
/* The two original intersecting logo circles remain untouched. */
.desktop-nav a {color:#263c51;font-weight:600}
.desktop-nav a:hover{color:#066451}
.nav-contact { background:#084a3c; border:1px solid #084a3c; color:#fff; padding:13px 25px; }
.nav-contact:hover {background:#0a6150; color:#fff; box-shadow:0 8px 22px rgba(2,65,49,.12);}

/* Full-bleed photography fading into a legible editorial hero. */
.hero { background:#f6f9fc; isolation:isolate; }
.hero-inner { display:block; min-height:455px; position:relative; }
.hero-copy { z-index:4; width:55%; max-width:720px; padding:45px 0 40px 0; }
.hero-eyebrow { color:#275a6f; font-weight:800; font-size:11px; letter-spacing:2.5px; margin-bottom:22px; }
.eyebrow-line {background:#3d7d92;width:29px}
.hero h1 { color:#071e37; max-width:630px; font-size:clamp(42px,4.12vw,61px); line-height:1.035; letter-spacing:-2.75px; font-weight:790; margin:0 0 20px; }
.hero h1 span {color:#075d4e}
.hero-copy>p { color:#3d536c; max-width:545px; font-size:16px; line-height:1.52; margin:0 0 20px; }
.primary-button { background:#063c71; color:#fff; padding:14px 24px; font-size:14px; font-weight:730; }
.primary-button:hover {background:#074e90;box-shadow:0 9px 20px #09426d30}
.hero-art { position:absolute; left:36%; right:calc((100vw - 100%)/-2); top:0; bottom:0; margin:0; height:auto; min-width:0; overflow:hidden; z-index:0; }
.hero-art img {display:block; width:100%; height:100%; object-fit:cover; object-position:55% 50%; -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 14%, #000 38%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 14%, #000 38%); }
.hero-art:after{background:linear-gradient(to top,rgba(246,249,252,.14),transparent 23%)}

/* Three calmly differentiated spaces, with documentary photography. */
.product-section { margin-top:20px; }
.product-grid { gap:14px; }
.product-card { min-height:253px; padding:20px; border-radius:16px; box-shadow:0 10px 27px rgba(22,56,61,.045); border:1px solid rgba(20,65,63,.075); }
.magix-card {background:#fff5e9;border-color:#f5e3ca}
.ideabox-card {background:#f4f1fe;border-color:#e9e2fd}
.research-card {background:#eef8f3;border-color:#d9eee5}
.product-icon {width:44px;height:44px;border-radius:50%;font-size:24px;background:#ffffff90;border:1px solid rgba(20,68,55,.12)}
.magix-card .product-icon {color:#b46a1e;border-color:#f1d4ae;background:#ffe8c9}
.ideabox-card .product-icon {color:#7452c8;border-color:#e0d4fe;background:#e8ddff}
.research-card .product-icon {color:#177858;border-color:#bde7d8;background:#d9f4ea}
.product-copy {max-width:54%;padding:12px 0 56px;}
.product-card h2 {font-size:clamp(29px,2.75vw,38px);line-height:1.06;color:#09213a;font-weight:770;letter-spacing:-1.45px}
.product-lead {color:#125c4a!important;font-size:14px!important;font-weight:740}
.magix-card .product-lead{color:#b95a15!important}
.ideabox-card .product-lead{color:#6d45c2!important}
.product-copy p:last-child { color:#526476; font-size:12px; line-height:1.56; }
.product-image { right:12px; top:12px; bottom:auto; width:43%;height:calc(100% - 24px);max-width:none;border-radius:10px;object-fit:cover;object-position:center;opacity:1; -webkit-mask-image:none;mask-image:none; }
.magix-image,.ideabox-image,.research-image {width:43%;object-position:center}
.product-button {left:20px;bottom:18px;border:0;font-size:12px;padding:12px 16px;color:#102e3d}
.magix-card .product-button {background:#ffe5c3}
.ideabox-card .product-button {background:#e4dcff;color:#5034a6}
.research-card .product-button {background:#d2eee2;color:#064b37}
.future-label,.live-label{top:18px;right:18px;font-size:9px;line-height:1.1;background:#ffffffd9;backdrop-filter:blur(7px);color:#455e59;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.live-label{background:#b6ead0;color:#135d42}

/* Align the 4 community reasons with the restrained editorial design. */
.principles{padding-block:25px 45px}
.principle{border-right-color:#e5edf3;gap:13px}
.principle-icon{background:#e8f1fa;color:#0e416b}
.principle h3{color:#183c60}
.principle p{color:#6a8094}

@media(max-width:1180px){
 .hero-copy{width:57%;}
 .hero h1{font-size:clamp(41px,4.7vw,56px)}
 .product-card{padding:17px}
 .product-image,.magix-image,.ideabox-image,.research-image{right:9px;top:9px;height:calc(100% - 18px);width:40%}
 .product-copy{max-width:59%}
 .product-button{left:17px}
}
@media(max-width:950px){
 .hero-inner{min-height:445px;}
 .hero-copy{padding:38px 0;width:58%}
 .hero h1{font-size:clamp(39px,5.1vw,53px);}
 .hero-art{left:37%;}
 .product-card{min-height:286px}
 .product-copy{max-width:60%;padding:11px 0 60px}
 .product-card h2{font-size:30px}
 .product-copy p:last-child{font-size:11px}
 .product-image,.magix-image,.ideabox-image,.research-image{width:38%;}
}
@media(max-width:700px){
 .site-header{background:#fff}
 .hero{background:#f6f9fc;}
 .hero-inner{display:flex;flex-direction:column;min-height:0;}
 .hero-copy{width:100%;max-width:none;padding:34px 3px 15px;}
 .hero-eyebrow{font-size:10px;margin-bottom:16px;}
 .hero h1{max-width:650px;font-size:clamp(36px,8.6vw,48px);line-height:1.07;letter-spacing:-1.9px;}
 .hero-copy>p{max-width:540px;font-size:14px;line-height:1.57;}
 .hero-art{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:260px;width:calc(100% + 28px);margin:0 -14px;overflow:hidden;}
 .hero-art img{object-fit:cover;object-position:55% 48%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 15%);mask-image:linear-gradient(to bottom,transparent 0%,#000 15%);}
 .product-section{margin-top:15px}
 .product-grid{gap:12px}
 .product-card{min-height:245px;border-radius:16px;padding:18px}
 .product-copy{max-width:57%;padding:12px 0 55px}
 .product-card h2{font-size:33px}
 .product-copy p:last-child{font-size:12px}
 .product-image,.magix-image,.ideabox-image,.research-image{width:40%;height:calc(100% - 18px);right:9px;top:9px;border-radius:10px;}
 .product-button{left:18px;bottom:16px}
 .principles{padding-block:26px}
}
@media(max-width:480px){
 .hero-copy{padding-top:29px}
 .hero h1{font-size:clamp(33px,8.6vw,42px)}
 .hero-art{height:216px}
 .product-card{min-height:245px}
 .product-copy{max-width:57%}
 .product-card h2{font-size:32px}
 .product-copy p:last-child{font-size:11px}
 .product-image,.magix-image,.ideabox-image,.research-image{width:40%}
 .principle-icon{display:none}
}