:root { --paper:#edf3f5; --surface:#fff; --ink:#102b3d; --muted:#647d8d; --line:#d4e0e5; --accent:#5be0cb; --accent-ink:#102b3d; --focus:#007b70; --font-body:Arial,sans-serif; --action-radius:999px; }
:root[data-theme="dark"] { --paper:#101d25; --surface:#172a34; --ink:#f1f8fa; --muted:#a6bcc5; --line:#304650; --accent:#5be0cb; --accent-ink:#102b3d; --focus:#5be0cb; }
.hero { position:relative; display:grid; grid-template-columns:minmax(0,.96fr) minmax(330px,1.04fr); align-items:center; gap:clamp(35px,7vw,100px); min-height:620px; padding:clamp(58px,8vw,110px) clamp(22px,7vw,105px) 74px; }
.eyebrow { color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.15em; }
.hero h1 { max-width:560px; margin:18px 0; font-size:clamp(46px,6.3vw,82px); line-height:.98; letter-spacing:-.07em; }
.hero h1 span { color:#008b7d; }
:root[data-theme="dark"] .hero h1 span { color:var(--accent); }
.hero-lede { max-width:430px; color:var(--muted); font-size:15px; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:29px; }
.quiet-link { display:inline-flex; align-items:center; gap:8px; padding:10px 2px; border-bottom:1px solid var(--line); font-size:12px; font-weight:700; transition:color .2s ease,border-color .2s ease; }
.quiet-link:hover { border-color:var(--accent); color:#008b7d; }
:root[data-theme="dark"] .quiet-link:hover { color:var(--accent); }
.hero-footnote { margin-top:22px; color:var(--muted); font-size:10px; }
.hero-media { height:min(61vw,470px); min-height:340px; border-radius:16px 16px 16px 92px; }
.hero-media img { object-position:43% center; }
.hero-media figcaption { position:absolute; right:0; bottom:0; padding:12px 15px; border-radius:12px 0 0 0; background:var(--ink); color:var(--paper); font-size:9px; letter-spacing:.08em; }
.hero-side-note { position:absolute; bottom:26px; left:clamp(22px,7vw,105px); display:flex; gap:18px; color:var(--muted); font-size:9px; letter-spacing:.13em; }
.hero-side-note span:first-child { color:#008b7d; font-weight:700; }
:root[data-theme="dark"] .hero-side-note span:first-child { color:var(--accent); }
.section-shell { padding:clamp(58px,8vw,102px) clamp(22px,7vw,105px); }
.discovery { display:grid; grid-template-columns:.78fr 1.22fr; gap:20px 64px; background:var(--surface); }
.discovery-heading h2,.about h2,.contact-band h2 { margin:10px 0; font-size:clamp(32px,4.5vw,54px); line-height:1; letter-spacing:-.06em; }
.discovery-heading > p:last-child,.about-copy > p:not(.eyebrow),.contact-band > p { color:var(--muted); font-size:13px; }
.discovery .search-panel { align-self:center; }
.quick-links { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }
.quick-links a { display:grid; grid-template-columns:30px 1fr 18px; align-items:center; gap:10px; min-height:72px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--paper); transition:transform .2s ease,border-color .2s ease; }
.quick-links a:hover { transform:translateY(-3px); border-color:var(--accent); }
.quick-links span { color:var(--muted); font-size:10px; }
.quick-links strong { font-size:13px; }
.quick-links b { color:#008b7d; }
:root[data-theme="dark"] .quick-links b { color:var(--accent); }
.about { display:grid; grid-template-columns:.7fr 1fr; gap:40px; }
.about-number { color:var(--accent); font-size:clamp(42px,8vw,100px); font-weight:800; letter-spacing:-.08em; }
.about-number span { color:var(--muted); font-size:12px; letter-spacing:.06em; }
.about-copy { max-width:650px; }
.about-copy > p:not(.eyebrow) { max-width:560px; }
.contact-band { display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px 38px; padding:48px clamp(22px,7vw,105px); background:var(--ink); color:var(--paper); }
.contact-band .eyebrow { color:var(--accent); }
.contact-band h2 { max-width:560px; }
.contact-band > p { grid-column:1; max-width:500px; }
.contact-band .action { grid-column:2; grid-row:1/3; }
@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;gap:28px}.discovery{grid-template-columns:1fr;gap:10px}.quick-links{grid-template-columns:1fr 1fr}.contact-band{grid-template-columns:1fr}.contact-band .action{grid-column:auto;grid-row:auto;justify-self:start}}
@media(max-width:650px){.hero{grid-template-columns:1fr;min-height:unset;padding-top:52px}.hero h1{font-size:clamp(47px,13vw,70px)}.hero-media{height:72vw;min-height:250px;border-bottom-left-radius:70px}.hero-side-note{position:static;grid-row:3}.quick-links{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:16px}.about-number{font-size:56px}}