@charset "UTF-8";
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/manrope-400.ttf") format("truetype")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/manrope-500.ttf") format("truetype")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/manrope-600.ttf") format("truetype")}
:root{--ink:#1c2b33;--accent:#0866e6;--muted:#62717c;--page:#f4f7fa;--gutter:clamp(1.25rem,5.5vw,6.5rem);--radius:26px;font-family:"Manrope","Avenir Next",Arial,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:2rem}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-weight:600;font-kerning:normal;text-wrap:balance}
.accent{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.04em}
section[id],article[id]{scroll-margin-top:32px}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;background:white;padding:1rem}
.skip-link:focus{top:1rem}
.header{height:88px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:#fff}
.wordmark{--logo-type-size:36px;--logo-symbol-size:40px;display:inline-flex;align-items:center;gap:4px;line-height:1;flex-shrink:0}
.logo-symbol{display:block;width:var(--logo-symbol-size);height:var(--logo-symbol-size);flex-shrink:0;background:var(--accent);-webkit-mask:url("assets/bioai-bold-mark.png") center/contain no-repeat;mask:url("assets/bioai-bold-mark.png") center/contain no-repeat}
.logo-name{font-family:"Manrope","Avenir Next",Arial,sans-serif;font-size:var(--logo-type-size);font-weight:600;line-height:1;letter-spacing:-.025em;white-space:nowrap;-webkit-text-stroke:.012em currentColor;paint-order:stroke fill}
.logo-ai{margin-left:.045em}
.brand-mark,.vision-mark{display:block;flex-shrink:0;aspect-ratio:1;background:var(--ink);-webkit-mask:url("assets/bioai-bold-mark.png") center/contain no-repeat;mask:url("assets/bioai-bold-mark.png") center/contain no-repeat}
.header nav{display:flex;align-items:center;gap:2.5rem;font-size:.9rem;font-weight:500}
.header nav a{padding:14px 0;transition:color .2s}
.header nav a:hover{color:var(--accent)}
.hero{position:relative;isolation:isolate;min-height:610px;height:calc(100svh - 88px);max-height:850px;display:grid;place-items:center;padding:80px var(--gutter);background:#214c7c url("assets/bioai-flow-poster.jpg") center/cover;color:#fff;overflow:hidden}
.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-video{z-index:-3;object-fit:cover;object-position:center}
.hero-shade{z-index:-2;background:linear-gradient(180deg,rgba(13,37,65,.04) 0%,rgba(13,37,65,.1) 45%,rgba(13,37,65,.24) 100%)}
.hero-content{text-align:center;max-width:940px}
.eyebrow{font-size:.78rem;font-weight:600;line-height:1.5;letter-spacing:.025em;color:#536d80;margin-bottom:24px}
.hero h1{font-size:clamp(2.8rem,5.2vw,4.7rem);font-weight:600;line-height:1.12;letter-spacing:-.045em}
.hero-intro{color:#f2f6ff;font-size:1.1rem;line-height:1.65;max-width:510px;margin:28px auto 0}
.button{display:inline-flex;justify-content:center;align-items:center;margin-top:30px;background:var(--accent);color:white;padding:16px 27px;border-radius:40px;font-size:.9rem;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}
.button:hover{background:#0057c9;transform:translateY(-2px)}
.hero a:focus-visible{outline-color:#fff}
.content-shell{max-width:1480px;margin:0 auto;padding:72px var(--gutter) 60px;display:grid;gap:28px}
.card{background:#fff;border:1px solid #e5ebf0;border-radius:var(--radius);overflow:hidden}
.mission-overview{display:grid;grid-template-columns:1.2fr 1fr;column-gap:7%;row-gap:36px;align-items:center;padding:54px}
h2{font-size:clamp(1.85rem,2.7vw,2.6rem);line-height:1.19;letter-spacing:-.045em}
.mission-copy{font-size:1.05rem;line-height:1.7}
.mission-copy p+p{margin-top:20px;color:var(--muted);font-size:1rem}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.principle-card{padding:34px 30px 36px}
.card-tag{display:inline-block;padding:7px 12px;border-radius:20px;background:#eef4fa;color:#49687d;font-size:.68rem;font-weight:500;line-height:1.35;margin-bottom:26px}
.principles h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.035em;margin-bottom:14px}
.principles p{font-size:.95rem;line-height:1.7;color:var(--muted)}
/* A brand index with individual image-topped cards. */
.brands{display:grid;gap:42px;padding:54px}
.brands-intro{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;align-items:center}
.brands-intro h2{grid-column:1/-1;justify-self:start;font-size:clamp(2rem,3.1vw,2.8rem);line-height:1.1;display:inline-block;padding-bottom:20px;position:relative}
.brands-intro h2::after{content:"";position:absolute;width:58px;height:4px;background:var(--accent);left:0;bottom:0;border-radius:3px}
.brands-statement{font-size:clamp(1.35rem,2.15vw,1.85rem);font-weight:500;line-height:1.3;letter-spacing:-.035em;text-wrap:balance}
.brands-description{font-size:1rem;line-height:1.75;color:var(--muted);max-width:500px}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
.brand-card{border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e5ebf0;box-shadow:0 8px 30px #213b4d0b}
.brand-visual{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1.7;background:url("assets/bioai-flow-poster.jpg") center/cover #dae8f0}
.brand-visual::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#0d273761,#0d273788)}
.brand-identity{text-align:center;color:#fff;padding:30px}
.brand-identity h3{font-size:clamp(2.4rem,3.5vw,3.2rem);line-height:1.12;letter-spacing:-.05em}
.brand-category{display:block;font-size:.65rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;margin-top:13px}
.brand-visual-upcoming{background-image:url("assets/bioai-flow-poster.jpg");background-position:center}
.brand-visual-upcoming::before{background:#102d521a}
.brand-visual-upcoming h3{font-size:clamp(1.8rem,2.8vw,2.5rem);letter-spacing:-.04em}
.brand-copy{padding:32px}
.brand-copy h4{font-size:1.25rem;line-height:1.3;letter-spacing:-.03em}
.brand-description{font-size:1rem;line-height:1.65;margin-top:20px}
.brand-description strong{font-weight:600}
.brand-detail{font-size:.88rem;line-height:1.7;color:var(--muted);margin-top:15px}
.brand-link{display:inline-block;font-size:.9rem;font-weight:600;border-bottom:1px solid #8aa3b3;padding:3px 0 5px;margin-top:28px;transition:color .2s,border-color .2s}
.brand-link:hover{color:var(--accent);border-color:var(--accent)}
.leadership-card{display:grid;grid-template-columns:1.2fr 1fr;padding:16px;gap:20px}
.leadership-copy{padding:38px}
.leadership-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75;color:var(--muted);max-width:545px;margin-top:25px}
.leadership-copy>p+p:not(.eyebrow){margin-top:16px}
.leadership-visual{position:relative;margin:0;overflow:hidden;min-height:360px;border-radius:18px;background:#e9f2fa}
.leadership-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.leadership-visual::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(20,40,50,.68));pointer-events:none}
.leadership-visual figcaption{position:absolute;z-index:1;bottom:26px;left:26px;right:26px;color:#fff;font-size:.95rem;font-weight:500;line-height:1.5}
.vision-card{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:58px;background:#e8f1fa;border-color:#e0eaf4}
.vision-card::before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/bioai-abstract-poster.jpg") center/cover;opacity:.045}
.vision h2{font-size:clamp(2.2rem,3.7vw,3.4rem);line-height:1.11;letter-spacing:-.045em}
.vision-copy{font-size:1.03rem;line-height:1.75;max-width:565px;color:#4c6578;margin-top:28px}
.vision-mark{width:clamp(110px,16vw,200px);background:var(--accent);opacity:.85}
.footer{max-width:1480px;margin:0 auto;padding:20px var(--gutter) 48px;display:flex;align-items:center;gap:28px}
.footer .wordmark{--logo-type-size:32px;--logo-symbol-size:36px}
.footer p{font-size:.8rem;color:var(--muted)}
.copyright{margin-left:auto;font-size:.75rem;color:var(--muted)}
.back-top{font-size:.8rem;white-space:nowrap}
.back-top:hover{color:var(--accent)}
@media(min-width:1700px){.header{padding-left:max(var(--gutter),calc((100vw - 1260px)/2));padding-right:max(var(--gutter),calc((100vw - 1260px)/2))}}
@media(max-width:1050px){
  .mission-overview{padding:40px;column-gap:6%;row-gap:30px}.principles{gap:16px}.principle-card{padding:28px 24px}.brands{padding:38px;gap:32px}.brand-copy{padding:28px}.leadership-copy{padding:28px}.footer p{display:none}
}
@media(max-width:760px){
  :root{--radius:22px}
  .header{height:78px}.header .wordmark{--logo-type-size:30px;--logo-symbol-size:34px;gap:3px}.header nav{gap:22px;font-size:.85rem}.header nav .nav-vision{display:none}
  .hero{min-height:590px;height:calc(100svh - 78px);max-height:850px;padding:64px var(--gutter);background-size:100% 100%}.hero-video{object-fit:fill}
  .hero h1{font-size:clamp(2rem,8.2vw,3.2rem);line-height:1.15;letter-spacing:-.045em}.hero-intro{font-size:1rem;margin-top:24px;max-width:390px}.button{font-size:.88rem;padding:15px 25px;margin-top:26px}
  .content-shell{padding-top:28px;padding-bottom:35px;gap:20px}
  .mission-overview{grid-template-columns:1fr;padding:30px;gap:24px}.eyebrow{font-size:.75rem;margin-bottom:22px}h2{font-size:clamp(1.75rem,5.8vw,2.2rem)}.mission-copy{font-size:1rem}
  .principles{grid-template-columns:1fr;gap:14px;margin-top:14px}.principle-card{padding:28px 30px}.card-tag{margin-bottom:20px}.principles h3{font-size:1.25rem}.principles p{font-size:.95rem}
  .brands{grid-template-columns:1fr;padding:30px;gap:30px}.brands-intro{display:block}.brands-intro h2{font-size:2rem;padding-bottom:17px}.brands-statement{font-size:1.45rem;margin-top:26px}.brands-description{font-size:.95rem;margin-top:18px}.brand-copy{padding:26px 24px}.brand-visual{aspect-ratio:1.4}.brand-identity h3{font-size:2.4rem}.brand-visual-upcoming h3{font-size:1.8rem}.brand-copy h4{font-size:1.25rem}
  .leadership-card{grid-template-columns:1fr;padding:12px;gap:12px}.leadership-copy{padding:20px 18px}.leadership-visual{min-height:280px}.leadership-visual figcaption{bottom:22px;left:22px;right:22px;font-size:.85rem}
  .vision-card{padding:34px 30px;display:block}.vision h2{font-size:clamp(2rem,7.5vw,2.8rem)}.vision-copy{font-size:1rem;margin-top:24px}.vision-mark{width:85px;margin-top:26px}
  .footer{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;padding-top:0;padding-bottom:32px}.footer .wordmark{justify-self:start}.copyright{margin:0;grid-row:2}.back-top{grid-column:2;grid-row:2;justify-self:end}
}
@media(max-width:380px){.header .wordmark{--logo-type-size:28px;--logo-symbol-size:32px}.header nav{gap:13px;font-size:.8rem}.mission-overview,.principle-card,.vision-card{padding-left:24px;padding-right:24px}.brands{padding:24px 20px}.brand-copy{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}