/* Typography system: Inter, 17px body, three weights, semantic roles. */
@font-face{font-family:Geist;src:url('../fonts/Geist-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-headline:'Geist',Arial,sans-serif}
h1,h2{font-family:var(--font-headline)}
:is(.foundation-main-number strong,.foundation-main-number sup,.project-area strong,.detail-hero-metrics strong,.detail-capacity strong,.detail-connections strong,.data-metric-body strong,.data-density-value,.report-land-values strong,.report-occupancy-chart strong,.connection-destination>b,.editorial-overview-feature strong,.editorial-overview-strip strong,.bento-stat strong,.bento-dates strong){font-family:var(--font-headline)}
:is(.editorial-overview-feature,.editorial-overview-strip,.bento-stat) strong small{font-family:var(--font)}
:root{--type-small:14px;--type-ui:16px;--type-body:17px;--type-card:24px;--type-section:48px;--type-hero:72px;--type-display:96px;--type-metric:64px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-body:1.6;--leading-ui:1.4;--leading-title:1.2;--tracking-body:0;--tracking-title:-.03em;--tracking-label:.08em}
body{font-size:var(--type-body);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:var(--tracking-body);font-kerning:normal}
button,input,select,textarea{font-family:var(--font);font-size:var(--type-body)}
/* Section titles share one scale, including contact and project headings. */
h2,#about .foundation-heading h2,#ecosystem h2,#projects h2,#advantages h2,#news h2,#contact .contact-copy h2,#contact[data-contact-layout=editorial] .contact-copy h2{font-size:var(--type-section);font-weight:var(--weight-semibold);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}
#home.hero-video-layout.hero-new h1{font-size:var(--type-hero);font-weight:var(--weight-medium);line-height:1.1;letter-spacing:var(--tracking-title)}
#home.hero-video-layout.hero-new h1 em{font-weight:var(--weight-semibold)}
#home[data-hero-layout=signature] h1{font-size:var(--type-display)}
/* Reading text remains 17px across desktop and mobile. */
.intro,#projects .section-heading .intro,#ecosystem .intro,#ecosystem .ecosystem-row p,#home .hero-desc,#home[data-hero-layout=signature] .hero-desc,#about .foundation-card-copy p,#advantages .advantage-card p,#news .news-card p,#contact .contact-intro,#contact[data-contact-layout=editorial] .contact-intro,.content-dialog p{font-size:var(--type-body);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}
#about .foundation-card h3,#ecosystem .ecosystem-row strong,#ecosystem .ecosystem-visual>div p,#projects h3,#advantages .advantage-card h3,#news .news-card h3,#contact .contact-form-card h3,#contact .contact-visual-title{font-size:var(--type-card);font-weight:var(--weight-semibold);line-height:1.3;letter-spacing:-.02em}
#about .foundation-main-number strong{font-size:var(--type-metric);font-weight:var(--weight-medium);line-height:1.1;letter-spacing:var(--tracking-title)}
#about .foundation-main-number sup,#about .foundation-main-number>span{font-size:var(--type-card);font-weight:var(--weight-medium);letter-spacing:0}
#projects .project-area strong,#home .hero-proof strong{font-size:var(--type-section);font-weight:var(--weight-medium);line-height:1.1;letter-spacing:var(--tracking-title)}
/* Eyebrows, metadata and captions use one small role. */
.eyebrow,#home .hero-kicker,#home[data-hero-layout=signature] .hero-kicker,#about .foundation-heading .eyebrow,#about .foundation-label,#about .foundation-label>span,#projects .section-heading .eyebrow,#projects .project-info .eyebrow,#contact .contact-copy .eyebrow,#contact .contact-form-card .eyebrow,#home .hero-proof-label{font-size:var(--type-small);font-weight:var(--weight-semibold);line-height:var(--leading-ui);letter-spacing:var(--tracking-label)}
.news-meta,#news .news-meta,#contact .content-note,#contact .contact-form-card .content-note,#projects .project-note,#projects .project-image-credit,#projects .map-legend,#home .hero-proof>div p,.news-note,.footer-note,.content-note{font-size:var(--type-small);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:0}
/* Navigation and controls use medium or semibold, never 700/800. */
header>nav>a,header>nav>.nav-projects>summary,header nav.mobile-nav a,header nav.mobile-nav .nav-projects>summary{font-size:var(--type-body);font-weight:var(--weight-medium);line-height:var(--leading-ui);letter-spacing:0}
.button,.button.compact,.text-button,#home .actions .button,#contact .contact-copy>.text-button,#projects .project-detail-button,#news .news-tabs button,#projects .project-tab,#projects #project-popup .project-topics button,#contact .contact-project-links button{font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-ui);letter-spacing:0}
.button,#home .actions .button,#projects .project-detail-button,#news .news-tabs button.active{font-weight:var(--weight-semibold)}
#home .actions .button{width:250px;min-width:250px}
#contact .contact-form-card label{font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-ui);letter-spacing:0}
#contact .contact-form-card :is(input,select,textarea){font-size:var(--type-body);font-weight:var(--weight-regular);line-height:var(--leading-ui);letter-spacing:0}
#contact .contact-form-card :is(input,select){height:48px}
#contact .contact-form-card textarea{height:96px;min-height:96px}
#projects .map-callout .location-name{font-size:var(--type-body);font-weight:var(--weight-semibold);letter-spacing:0}
#projects .map-callout .province-label{font-size:var(--type-small);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label)}
#projects .sea-label,#projects .map-islands text{font-size:var(--type-small)}
footer .footer-grid p,footer .footer-grid a,footer .footer-grid button,footer .footer-grid h4{font-size:var(--type-ui);line-height:var(--leading-body);letter-spacing:0}
#home .hero-layout-switch button,#contact .contact-layout-comparison button{font-size:var(--type-small);font-weight:var(--weight-medium);letter-spacing:0}
#home .hero-proof>a{font-size:var(--type-ui);font-weight:var(--weight-medium);justify-self:end}
@media(max-width:1100px){:root{--type-section:40px;--type-hero:64px;--type-display:80px}}
@media(max-width:760px){:root{--type-section:36px;--type-hero:48px;--type-display:56px;--type-metric:48px}#home .hero-kicker,#home[data-hero-layout=signature] .hero-kicker{letter-spacing:.04em}#home .actions .button{width:auto;min-width:230px}#contact .contact-form-card{padding-inline:22px}#news .news-tabs{gap:12px}#home .hero-layout-switch{overflow-x:auto;flex-wrap:nowrap}#home .hero-layout-switch button{flex-shrink:0}#home .hero-content,#home[data-hero-layout=signature] .hero-content{padding-bottom:175px}#home .hero-layout-switch{bottom:72px}}

/* Remaining navigation and emphasized metadata follow the same roles. */
b,strong{font-weight:var(--weight-semibold)}
header .mega-menu-title{font-size:var(--type-card);font-weight:var(--weight-semibold);line-height:1.3;letter-spacing:-.02em}
header .mega-menu-column>p{font-size:var(--type-small);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label)}
header .mega-menu-column>button{font-size:var(--type-body);font-weight:var(--weight-medium);line-height:var(--leading-ui)}
header .language-dropdown :is(summary,button,strong){font-size:var(--type-ui);font-weight:var(--weight-medium);justify-self:end}
#news .news-meta span{font-size:var(--type-small);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label)}
@media(max-width:760px){header .mega-menu-title{font-size:var(--type-card)}}

/* Balanced headings and readable paragraph endings across the shared type scale. */
h1,h2,h3,.contact-visual-title{text-wrap:balance}
p{ text-wrap:pretty; orphans:2; widows:2 }
#projects #project-popup{width:420px;padding:24px;border-radius:10px}
#projects #project-popup .project-photo{height:220px;border-radius:6px}
#projects #project-popup .project-image-credit{margin:8px 0 20px}
#projects #project-popup .project-info{display:grid;grid-template-columns:1fr;gap:6px}
#projects #project-popup .project-info .eyebrow{margin:0}
#projects #project-popup h3{margin:0;max-width:100%}
#projects #project-popup .project-area{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 7px;margin:16px 0 22px}
#projects #project-popup .project-area p{flex-basis:100%;font-size:var(--type-small);margin:6px 0 0}
#projects #project-popup .project-topics{display:flex;flex-wrap:wrap;gap:8px;padding-top:18px}
#projects #project-popup .project-topics button{padding:8px 10px}
#projects #project-popup .project-detail-button{margin-top:20px;min-height:48px}
#projects #project-popup .project-note{margin-top:14px}
#contact .contact-form-card h3{margin-bottom:22px}
#contact[data-contact-layout=editorial] .contact-visual{padding-top:0;border-top:0}
#contact[data-contact-layout=editorial] .contact-visual-photo{min-height:360px}
#contact .contact-intro{max-width:36ch}
@media(max-width:760px){#projects #project-popup{width:100%;max-width:420px;padding:22px}#projects #project-popup .project-photo{height:205px}#contact[data-contact-layout=editorial] .contact-visual-photo{min-height:240px}}

.intro,.contact-intro,.hero-desc{text-wrap:balance}

/* Wider ecosystem descriptions; explicit contact headline break. */
#ecosystem .intro{max-width:500px;text-wrap:pretty}
#ecosystem .ecosystem-row p{max-width:none;text-wrap:pretty}
#contact[data-contact-layout=editorial] .contact-copy h2 br{display:block}

/* Keep the foreground map unclipped; constrain only its decorative backdrop. */
#projects.project-map-experience{overflow:visible}
#projects .regional-map-clip{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
#projects .projects-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:55px;align-items:center}
#projects .project-copy{padding:0 0 50px;min-width:0}
#projects .section-heading{display:block;margin-bottom:0}
#projects .section-heading .intro{max-width:380px;margin:25px 0 0}
#projects .project-tabs{margin-top:30px}
#projects .project-explorer{display:block;position:relative;min-width:0;min-height:0}
#projects .map-panel{width:100%;max-width:650px;min-width:0;margin:auto;overflow:visible}
#projects .map{width:100%;max-width:650px;aspect-ratio:640/740;overflow:visible}
#projects .map>svg{display:block;width:100%;height:auto;overflow:visible}
#projects #project-popup{position:absolute;left:var(--popup-left,0px)!important;top:var(--popup-top,0px)!important;width:min(420px,calc(100vw - 40px));max-width:none;margin:0;display:block;overflow:auto;overscroll-behavior:contain;transform:translateY(12px);z-index:10}
#projects #project-popup.is-open{transform:none}
@media(max-width:1100px){#projects .projects-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:25px}}
@media(max-width:760px){#projects .projects-layout{grid-template-columns:minmax(0,1fr);gap:32px}#projects .project-copy{padding:0}#projects .map-panel{padding-inline:8px}#projects .map-legend{padding-inline:8px}#ecosystem .ecosystem-row{grid-template-columns:28px minmax(0,1fr) 28px;gap:10px}#ecosystem .ecosystem-row>span:last-child{width:28px}#ecosystem .ecosystem-row>span:last-child .direction-icon{width:26px;height:26px}#projects .project-explorer:has(.project-right.is-open) .map-panel{opacity:1}}

#contact[data-contact-layout=editorial] .contact-copy{display:block}
footer .footer-grid .footer-investment,#contact .contact-form-bottom .contact-submit-button{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:11px 17px;min-height:46px;width:max-content;max-width:100%;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:6px;font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-ui)}
footer .footer-grid .footer-investment:hover,#contact .contact-form-bottom .contact-submit-button:hover{background:var(--deep);border-color:var(--blue)}

/* Approved hero: centered, without comparison controls. */
@media(max-width:760px){#home .hero-content{padding-bottom:96px}}

#contact .contact-copy h2{max-width:900px}
#contact .contact-copy .contact-explore{margin-top:24px;width:250px;max-width:100%;justify-content:space-between}

#contact .contact-copy .contact-explore{padding:13px 20px;gap:18px;min-height:56px}
#contact .contact-explore .button-label{white-space:nowrap}

/* Contact heading and discovery link share a row. */
#contact[data-contact-layout=editorial] .contact-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 48px;align-items:center}
#contact[data-contact-layout=editorial] .contact-copy>.eyebrow{grid-column:1/-1;margin:0}
#contact[data-contact-layout=editorial] .contact-copy h2{grid-column:1;grid-row:2;margin:0}
#contact .contact-copy .contact-explore{grid-column:2;grid-row:2;justify-self:end;align-self:center;display:inline-flex;align-items:center;justify-content:space-between;width:auto;min-height:0;margin:0;padding:10px 0 10px 4px;gap:18px;background:transparent;color:var(--blue);border:0;border-bottom:1px solid #1772b835;border-radius:0;box-shadow:none;white-space:nowrap}
#contact .contact-copy .contact-explore:hover{background:transparent;color:var(--deep);border-bottom-color:var(--green);box-shadow:none}
@media(max-width:760px){#contact[data-contact-layout=editorial] .contact-copy{grid-template-columns:minmax(0,1fr);gap:18px}#contact .contact-copy .contact-explore{grid-column:1;grid-row:3;justify-self:end}#contact[data-contact-layout=editorial] .contact-copy h2{margin:0}}

#contact[data-contact-layout=editorial] .contact-copy .contact-explore{font-size:var(--type-ui);font-weight:var(--weight-medium);justify-self:end}

/* News: a lead story and two compact horizontal stories. */
#news .news-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;min-height:0;align-items:stretch}
#news .news-card,#news .news-card:first-child{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:170px minmax(0,1fr);gap:0;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s;min-width:0}
#news .news-card:hover{border-color:#a2c1d5;box-shadow:0 12px 28px #12324a0c;transform:translateY(-3px)}
#news .news-image,#news .news-card:first-child .news-image{grid-row:auto;height:100%;min-height:240px;width:100%;border-radius:0;overflow:hidden}
#news .news-image img{transition:transform .6s ease;object-fit:cover}
#news .news-card:hover .news-image img{transform:scale(1.035)}
#news .news-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;min-width:0}
#news .news-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;width:100%}
#news .news-card h3,#news .news-card p{margin:0}
#news .news-card h3{text-wrap:balance}
#news .news-card p{color:var(--text);text-wrap:pretty}
#news .news-card .text-button{margin-top:auto;padding-top:8px}
#news .news-card:first-child{display:flex;flex-direction:column}
#news .news-card:first-child .news-image{height:320px;min-height:320px;flex:1}
#news .news-card:first-child .news-card-body{padding:28px;gap:16px}
#news .news-grid:has(.news-card:nth-child(3)) .news-card:first-child{grid-column:1;grid-row:1/span 2}
#news .news-grid:has(.news-card:only-child){grid-template-columns:minmax(0,760px)}
@media(max-width:1100px){#news .news-card{grid-template-columns:130px minmax(0,1fr)}#news .news-card-body{padding:20px}#news .news-grid{gap:18px}}
@media(max-width:980px){#news .news-grid{grid-template-columns:minmax(0,1fr)}#news .news-grid:has(.news-card:nth-child(3)) .news-card:first-child{grid-column:auto;grid-row:auto}#news .news-card{grid-template-columns:220px minmax(0,1fr)}#news .news-card:first-child .news-image{flex:none;height:320px}}
@media(max-width:600px){#news .news-card,#news .news-card:first-child{display:flex;flex-direction:column}#news .news-image,#news .news-card:first-child .news-image{height:220px;min-height:220px;flex:none}#news .news-card-body,#news .news-card:first-child .news-card-body{padding:22px;gap:14px}}
@media(prefers-reduced-motion:reduce){#news .news-card,#news .news-image img{transition:none}#news .news-card:hover,#news .news-card:hover .news-image img{transform:none}}

/* Simple section links. */
#news .section-heading .section-link,#contact[data-contact-layout=editorial] .contact-copy .section-link{display:inline-flex;align-items:center;justify-content:space-between;flex-shrink:0;width:max-content;max-width:100%;min-height:0;padding:10px 0;gap:18px;border:0;border-radius:0;background:transparent;color:var(--blue);box-shadow:none;overflow:visible;font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-ui);text-decoration:none}
#news .section-heading .section-link:hover,#contact[data-contact-layout=editorial] .contact-copy .section-link:hover{background:transparent;color:var(--deep);box-shadow:none}
.section-link::before,.section-link::after{content:none}
footer{background:var(--blue)!important;color:#fff}
footer .footer-grid h4,footer .footer-grid>div>a:not(.brand),footer .office,footer .footer-bottom button,footer .footer-bottom a{color:#fff}
footer :is(p,small,.footer-note){color:#dbeaf6}
footer .footer-bottom{border-color:#ffffff33;color:#dbeaf6}
footer .footer-grid>div>a:not(.brand):hover,footer .office:hover,footer .footer-bottom button:hover{color:#c6ec9c}
footer .footer-grid .footer-investment{background:#fff;border-color:#fff;color:var(--blue);box-shadow:none}
footer .footer-grid .footer-investment:hover{background:#eef6fb;border-color:#eef6fb;color:var(--deep)}
body .detail-contact-form form>.button[type=submit]{display:inline-flex;align-items:center;justify-content:space-between;align-self:flex-end;gap:17px;min-height:46px;padding:11px 17px;background:var(--blue);border:1px solid var(--blue);border-radius:6px;color:white;font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-ui)}

/* Fine underline beneath the two section links. */
#news .section-heading .section-link,#contact[data-contact-layout=editorial] .contact-copy .section-link{border-bottom:1px solid #1772b835;transition:color .25s,border-color .25s}
#news .section-heading .section-link:hover,#contact[data-contact-layout=editorial] .contact-copy .section-link:hover{border-bottom-color:var(--green)}

/* Soft map-card entrance and exit, without animating its location anchor. */
#projects #project-popup{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.99);transform-origin:center center;transition:opacity .28s ease,transform .36s cubic-bezier(.22,1,.36,1),visibility 0s linear .36s}
#projects #project-popup.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .32s ease,transform .4s cubic-bezier(.22,1,.36,1),visibility 0s}
@media(prefers-reduced-motion:reduce){#projects #project-popup,#projects #project-popup.is-open{transform:none;transition:none}}

/* Advantages action matches the news section link. */
#advantages .investment-exchange-link{display:inline-flex;align-items:center;justify-content:space-between;flex-shrink:0;width:max-content;max-width:100%;min-height:0;padding:10px 0;gap:18px;border:0;border-bottom:1px solid #1772b835;border-radius:0;background:transparent;color:var(--blue);box-shadow:none;overflow:visible;font-size:var(--type-ui);font-weight:var(--weight-medium);line-height:var(--leading-ui);transition:color .25s,border-color .25s}
#advantages .investment-exchange-link:hover{background:transparent;color:var(--deep);border-bottom-color:var(--green);box-shadow:none}

/* Share the footer button component and arrow motion with the form submit. */
#contact .contact-form-card.form-modern .contact-form-bottom .contact-submit-button{align-self:flex-end;width:max-content;min-height:46px;padding:11px 17px;border-radius:6px}
footer .footer-investment .direction-icon,#contact .contact-submit-button .direction-icon{transform:translateX(0)!important;transition:transform .25s cubic-bezier(.22,1,.36,1)!important}
footer .footer-investment:is(:hover,:focus-visible) .direction-icon,#contact .contact-submit-button:is(:hover,:focus-visible) .direction-icon{transform:translateX(4px)!important}
@media(prefers-reduced-motion:reduce){footer .footer-investment .direction-icon,#contact .contact-submit-button .direction-icon{transition:none!important}}

/* Brand green for the advantages card icons. */
#advantages .advantage-card .advantage-card-top svg{color:var(--green);stroke:var(--green);background:#7fc34312}

#advantages .section-heading h2{max-width:700px;text-wrap:balance}
#advantages .section-heading .investment-exchange-link{align-self:flex-end;margin-bottom:4px}
/* Underlined section actions share the news detail arrow motion. */
#news .section-heading .section-link,#contact[data-contact-layout=editorial] .contact-copy .section-link,#advantages .investment-exchange-link{min-height:0;padding:10px 0;border:0;border-radius:0;gap:20px;background:transparent;transition:color .2s}
#news .section-heading .section-link:hover,#contact[data-contact-layout=editorial] .contact-copy .section-link:hover,#advantages .investment-exchange-link:hover{border:0;background:transparent}
:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link)::before,:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link)::after{content:none!important;animation:none!important}
:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link)>span,:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link) .direction-icon{transform:none!important}
:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link) .direction-icon{overflow:hidden}
:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link)>.button-label{position:relative;overflow:hidden;padding-bottom:6px;font-weight:500;transform:none!important;transition:font-weight .2s ease}
:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link)>.button-label::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;pointer-events:none}
:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link):is(:hover,:focus-visible)>.button-label::after{animation:section-line-pass .55s cubic-bezier(.22,.61,.36,1) both}
@keyframes section-line-pass{0%{transform:translateX(0)}42%{transform:translateX(101%)}43%{transform:translateX(-101%)}100%{transform:translateX(0)}}
:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link):is(:hover,:focus-visible)>.button-label{font-weight:600}
:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link):is(:hover,:focus-visible) .arrow-head{animation:news-arrow-pass .55s cubic-bezier(.22,.61,.36,1) both}
@media(prefers-reduced-motion:reduce){:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link) .arrow-head,:is(#news .section-heading .section-link,#contact .contact-copy .section-link,#advantages .investment-exchange-link)>.button-label::after{animation:none!important}}
@media(max-width:760px){#advantages .section-heading .investment-exchange-link{align-self:flex-start;margin-bottom:0}}

/* Smooth, consistent hover in both directions after scroll reveal. */
#about .foundation-card.visible:nth-child(n){transition:transform .4s cubic-bezier(.22,1,.36,1),background-color .35s ease,border-color .35s ease,box-shadow .4s ease;transition-delay:0s;box-shadow:0 8px 24px #0000}
@media(hover:hover) and (pointer:fine){#about .foundation-card.visible:hover{transform:translateY(-4px);background:#154563;border-color:#a4da7850;box-shadow:0 14px 32px #001b3026}}
@media(prefers-reduced-motion:reduce){#about .foundation-card.visible:nth-child(n){transition:none}#about .foundation-card.visible:hover{transform:none}}

/* A roomier four-field contact form. */
#contact .contact-form-card.form-modern{min-height:650px;padding-block:36px}
#contact .contact-form-card.form-modern h3{margin-bottom:26px}
#contact #contact-form{display:flex;flex-direction:column;gap:22px;flex:1}
#contact #contact-form>label,#contact #contact-form .form-row,#contact #contact-form .form-row label{margin:0}
#contact #contact-form input{min-height:54px}
#contact #contact-form textarea{min-height:180px}
#contact #contact-form .contact-form-bottom{margin-top:auto;padding-top:10px}
#contact #contact-form-status:empty{display:none}
@media(max-width:760px){#contact .contact-form-card.form-modern{min-height:0;padding-block:30px}#contact #contact-form .form-row{gap:22px}#contact #contact-form textarea{min-height:190px}}

/* Homepage trust metrics use the brand green. */
#about .foundation-main-number strong,#about .foundation-main-number sup{color:var(--green)}
#about .foundation-main-number strong{font-weight:600}

/* Plain section labels on the homepage. */
:is(#about,#ecosystem,#projects,#advantages,#news,#contact) .eyebrow::before{content:none!important;display:none!important}

#advantages .advantage-card .advantage-card-top svg{border-radius:50%}

/* Borderless advantages and unclipped artwork inside circular icon surfaces. */
#advantages .advantage-card,#advantages .advantage-card:is(:hover,:focus-within){border:0;outline:0;box-shadow:none}
:is(svg.lucide-icon,.editorial-overview-strip svg,.data-metric-heading svg,.connection-group-heading svg,.infrastructure-row-title svg,.service-field-card>svg,.service-operation-heading>svg,.service-amenity-grid article>svg){overflow:visible;clip-path:none;mask:none;flex-shrink:0}

/* Subtle lift and soft shadow for advantage cards. */
#advantages .advantage-card{transition:background-color .24s ease,translate .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease}
@media(hover:hover) and (pointer:fine){#advantages .advantage-card:hover{translate:0 -3px;box-shadow:0 7px 20px #12324a0d}}
@media(prefers-reduced-motion:reduce){#advantages .advantage-card{transition:none}#advantages .advantage-card:hover{translate:none}}