.subpage{background:#f6f8fb}.subpage .preview-header{position:sticky}.page-main{overflow:hidden}.page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.page-hero{position:relative;min-height:500px;display:flex;align-items:flex-end;color:#fff;background:var(--navy);isolation:isolate;overflow:hidden}.page-hero::before{position:absolute;inset:0;z-index:-2;background:var(--hero-image) center/cover no-repeat;content:"";transform:scale(1.015)}.page-hero::after{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,20,48,.96) 0%,rgba(4,30,70,.79) 46%,rgba(3,21,50,.2) 82%),linear-gradient(0deg,rgba(3,18,42,.8),transparent 55%);content:""}.page-hero__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.44fr);gap:60px;align-items:end;padding:90px 0 72px}.page-hero__copy{max-width:720px}.page-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#9fc8f8;font-size:.72rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.page-eyebrow::after{width:48px;height:1px;background:currentColor;content:""}.page-hero h1{margin:0;color:#fff;font-size:clamp(3rem,6vw,5.8rem);font-weight:610;line-height:.94;letter-spacing:-.065em}.page-hero__copy>p:last-child{max-width:660px;margin:24px 0 0;color:#d4dfed;font-size:1.05rem;line-height:1.7}.page-hero__aside{display:grid;gap:12px;padding:23px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(5,27,62,.55);backdrop-filter:blur(14px)}.page-hero__aside span{color:#9fb6d3;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.page-hero__aside strong{font-size:1.25rem;line-height:1.35}.page-section{padding:96px 0}.page-section--white{background:#fff}.page-section--navy{color:#fff;background:var(--navy)}.section-head{display:grid;grid-template-columns:minmax(250px,.44fr) minmax(0,1fr);gap:70px;align-items:start;margin-bottom:48px}.section-head .page-eyebrow{color:var(--blue)}.section-head h2{max-width:780px;margin:0;color:var(--navy);font-size:clamp(2.25rem,4.5vw,4.35rem);font-weight:610;line-height:1.02;letter-spacing:-.055em}.section-head p{max-width:680px;margin:20px 0 0;color:var(--muted);font-size:1rem;line-height:1.75}.page-section--navy .section-head h2{color:#fff}.page-section--navy .section-head p{color:#b9c8da}.page-section--navy .page-eyebrow{color:#8cbdf6}.button-link{display:inline-flex;align-items:center;gap:28px;padding:14px 18px;border-radius:8px;color:#fff;background:var(--orange);font-size:.9rem;font-weight:750;text-decoration:none;transition:.2s ease}.button-link:hover{background:#de6b14;transform:translateY(-2px)}.button-link--outline{border:1px solid #abc5e3;color:var(--blue);background:#fff}.button-link--outline:hover{border-color:var(--blue);color:#fff;background:var(--blue)}

.story-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center}.story-media{position:relative;min-height:500px;border-radius:18px;overflow:hidden}.story-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.story-media::after{position:absolute;right:20px;bottom:20px;width:116px;height:116px;border:1px solid rgba(255,255,255,.65);border-radius:50%;content:""}.story-copy h2{margin:0 0 25px;color:var(--navy);font-size:clamp(2.2rem,4vw,4.1rem);font-weight:610;line-height:1.02;letter-spacing:-.055em}.story-copy p{margin:0 0 16px;color:var(--muted);font-size:1rem;line-height:1.75}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.stat-row article{padding:29px 24px}.stat-row article+article{border-left:1px solid var(--line)}.stat-row strong{display:block;color:var(--blue);font-size:2.55rem;line-height:1;letter-spacing:-.06em}.stat-row span{display:block;margin-top:9px;color:var(--muted);font-size:.8rem}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.principle-card{min-height:280px;padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.045)}.principle-card svg{width:38px;height:38px;fill:none;stroke:#f79a4d;stroke-width:1.5}.principle-card h3{margin:42px 0 12px;color:#fff;font-size:1.45rem}.principle-card p{margin:0;color:#b9c8da;line-height:1.7}.manifesto{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.manifesto blockquote{margin:0;color:var(--navy);font-size:clamp(2.1rem,4.3vw,4.4rem);font-weight:610;line-height:1.08;letter-spacing:-.05em}.manifesto-copy{display:grid;gap:18px}.manifesto-copy article{padding:22px 0;border-bottom:1px solid var(--line)}.manifesto-copy h3{margin:0 0 8px;color:var(--orange);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.manifesto-copy p{margin:0;color:var(--muted);line-height:1.7}

.ecosystem-intro{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:55px;align-items:end}.ecosystem-intro h2{margin:0;color:var(--navy);font-size:clamp(2.5rem,5vw,5rem);font-weight:610;line-height:.96;letter-spacing:-.06em}.ecosystem-intro p{max-width:650px;margin:0 0 6px;color:var(--muted);font-size:1.05rem;line-height:1.75}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:50px}.category-card{position:relative;min-height:410px;display:flex;align-items:flex-end;border-radius:16px;color:#fff;overflow:hidden;isolation:isolate}.category-card::before{position:absolute;inset:0;z-index:-2;background:var(--category-image) center/cover no-repeat;content:"";transition:transform .55s ease}.category-card::after{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,20,48,.96) 0%,rgba(3,22,52,.5) 49%,rgba(3,22,52,.08) 100%);content:""}.category-card:hover::before{transform:scale(1.04)}.category-card__content{width:100%;padding:32px}.category-card__top{display:flex;align-items:center;justify-content:space-between;gap:18px}.category-card h3{margin:0;color:#fff;font-size:1.8rem;font-weight:650;letter-spacing:-.035em}.category-card p{max-width:610px;margin:12px 0 20px;color:#d5e1ef;line-height:1.6}.category-card a{display:inline-flex;align-items:center;gap:14px;color:#fff;font-size:.84rem;font-weight:750;text-decoration:none}.category-card a span{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%}.category-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:rgba(3,25,58,.45);backdrop-filter:blur(8px)}.category-icon svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.6}.supply-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:14px;background:var(--line);overflow:hidden}.supply-flow article{padding:34px;background:#fff}.supply-flow span{color:var(--orange);font-size:.7rem;font-weight:800;letter-spacing:.15em}.supply-flow h3{margin:22px 0 10px;color:var(--navy);font-size:1.25rem}.supply-flow p{margin:0;color:var(--muted);line-height:1.65}

.contact-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:32px;align-items:start}.form-panel,.contact-panel{padding:38px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 20px 60px rgba(5,33,72,.06)}.form-panel h2,.contact-panel h2{margin:0 0 10px;color:var(--navy);font-size:2rem;letter-spacing:-.04em}.form-panel>p,.contact-panel>p{margin:0 0 28px;color:var(--muted);line-height:1.65}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px}.field--full{grid-column:1/-1}.field label{color:#2e405a;font-size:.8rem;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #ccd8e6;border-radius:8px;color:var(--ink);background:#fff;outline:none}.field textarea{min-height:118px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,89,182,.1)}.form-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.form-note{color:#7a899d;font-size:.72rem;line-height:1.5}.form-status{margin:18px 0 0;padding:12px 14px;border-radius:8px;color:#105e35;background:#e9f8f0;font-size:.82rem}.office-list{display:grid;gap:12px}.office-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.office-card h3{margin:0 0 8px;color:var(--navy);font-size:1.05rem}.office-card p{margin:4px 0;color:var(--muted);font-size:.88rem;line-height:1.6}.office-card a{color:var(--blue);font-weight:650;text-decoration:none}.contact-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.contact-meta article{padding:20px;border-radius:12px;color:#fff;background:var(--blue)}.contact-meta article:last-child{background:var(--orange)}.contact-meta span{display:block;margin-bottom:8px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.contact-meta strong{font-size:.92rem}.quote-checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}.quote-checklist article{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}.quote-checklist span{color:var(--orange);font-size:.72rem;font-weight:800}.quote-checklist h3{margin:22px 0 8px;color:var(--navy);font-size:1.05rem}.quote-checklist p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.6}

.page-footer{color:#c2d0df;background:#051731}.footer-main{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:70px;padding:65px 0}.footer-brand img{width:280px;max-width:100%;height:auto}.footer-brand p{max-width:420px;margin:22px 0 0;color:#9fb0c4;line-height:1.7}.footer-col h3{margin:0 0 18px;color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}.footer-col a,.footer-col p{display:block;margin:0 0 10px;color:#b8c6d7;font-size:.86rem;line-height:1.6;text-decoration:none}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);color:#7f91a7;font-size:.72rem}

@media(max-width:960px){.page-hero__content,.section-head,.story-grid,.manifesto,.ecosystem-intro,.contact-layout{grid-template-columns:1fr}.page-hero__content{gap:30px}.page-hero__aside{max-width:420px}.story-media{min-height:400px}.stat-row{grid-template-columns:1fr 1fr}.stat-row article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stat-row article:nth-child(4){border-top:1px solid var(--line)}.principles-grid,.supply-flow{grid-template-columns:1fr}.category-card{min-height:360px}.quote-checklist{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:720px){.page-shell{width:min(100% - 28px,1180px)}.page-hero{min-height:560px}.page-hero__content{padding:70px 0 48px}.page-hero h1{font-size:clamp(2.8rem,14vw,4.5rem)}.page-section{padding:66px 0}.section-head{gap:16px;margin-bottom:32px}.category-grid{grid-template-columns:1fr}.category-card{min-height:390px}.story-media{min-height:330px}.principle-card{min-height:auto}.form-panel,.contact-panel{padding:24px}.form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.form-submit{align-items:flex-start;flex-direction:column}.contact-meta,.quote-checklist{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:34px;padding:48px 0}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.page-footer{padding-bottom:70px}}

/* Spatial rhythm: compact, content-led sections without dead vertical bands. */
.page-hero__content{gap:52px;padding:76px 0 60px}.page-hero__copy>p:last-child{margin-top:22px;font-size:1.02rem;line-height:1.65}.page-hero__aside strong{font-size:1.2rem}.page-section{padding:72px 0}.page-section--compact{padding:52px 0}.section-head{grid-template-columns:minmax(210px,.38fr) minmax(0,1fr);gap:54px;margin-bottom:40px}.section-head p{margin-top:16px;line-height:1.7}.story-grid{gap:48px}.story-media{min-height:470px}.story-copy h2{margin-bottom:22px}.story-copy p{margin-bottom:14px;line-height:1.68}.stat-row article{padding:25px 24px}.principle-card{min-height:250px;padding:30px}.principle-card h3{margin-top:34px}.principle-card p{line-height:1.65}.manifesto{gap:58px}.manifesto-copy{gap:12px}.manifesto-copy article{padding:18px 0}.manifesto-copy p{line-height:1.65}.category-grid{margin-top:42px}.category-card{min-height:380px}.footer-main{gap:58px;padding:52px 0}

@media(min-width:721px) and (max-width:960px){
  .page-shell{width:min(100% - 36px,1180px)}
  .page-hero{min-height:470px}
  .page-hero__content{grid-template-columns:minmax(0,1.22fr) minmax(220px,.78fr);gap:24px;padding:50px 0 42px}
  .page-hero h1{font-size:clamp(2.65rem,7vw,3.35rem)}
  .page-hero__copy>p:last-child{margin-top:16px;font-size:.92rem;line-height:1.55}
  .page-hero__aside{max-width:none;padding:18px}
  .page-hero__aside strong{font-size:1.02rem}
  .page-section{padding:52px 0}
  .page-section--compact{padding:40px 0}
  .section-head{grid-template-columns:150px minmax(0,1fr);gap:26px;margin-bottom:32px}
  .section-head h2{font-size:clamp(2rem,5.5vw,2.75rem)}
  .section-head p{margin-top:12px;font-size:.92rem;line-height:1.6}
  .story-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px}
  .story-media{min-height:520px}
  .story-copy h2{font-size:clamp(2rem,5vw,2.55rem)}
  .story-copy p{font-size:.91rem;line-height:1.58}
  .stat-row{grid-template-columns:repeat(4,1fr)}
  .stat-row article{padding:20px 16px}
  .stat-row article:nth-child(3),.stat-row article:nth-child(4){border-top:0}
  .stat-row article:nth-child(3){border-left:1px solid var(--line)}
  .stat-row strong{font-size:2rem}
  .principles-grid{grid-template-columns:repeat(3,1fr)}
  .principle-card{min-height:260px;padding:22px}
  .principle-card h3{margin-top:22px;font-size:1.25rem}
  .principle-card p{font-size:.88rem;line-height:1.55}
  .manifesto{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px}
  .manifesto blockquote{font-size:clamp(2rem,5.4vw,2.55rem)}
  .manifesto-copy article{padding:13px 0}
  .manifesto-copy p{font-size:.9rem;line-height:1.55}
  .ecosystem-intro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px}
  .ecosystem-intro h2{font-size:clamp(2.4rem,6vw,3rem)}
  .ecosystem-intro p{font-size:.94rem;line-height:1.6}
  .category-grid{margin-top:32px;gap:14px}
  .category-card{min-height:340px}
  .category-card__content{padding:22px}
  .category-card h3{font-size:1.42rem}
  .category-card p{font-size:.88rem;line-height:1.5}
  .supply-flow{grid-template-columns:repeat(3,1fr)}
  .supply-flow article{padding:22px}
  .supply-flow h3{margin:16px 0 8px;font-size:1.08rem}
  .supply-flow p{font-size:.86rem;line-height:1.55}
  .contact-layout{grid-template-columns:1fr;gap:20px}
  .form-panel,.contact-panel{padding:28px}
  .contact-panel .office-list{grid-template-columns:repeat(3,1fr)}
  .office-card{padding:16px}
  .office-card p{font-size:.79rem;line-height:1.5}
  .quote-checklist{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}
  .quote-checklist article{padding:18px}
  .quote-checklist h3{margin:16px 0 7px;font-size:.98rem}
  .quote-checklist p{font-size:.78rem;line-height:1.5}
  .footer-main{grid-template-columns:1.1fr .8fr .9fr;gap:28px;padding:42px 0}
  .footer-brand{grid-column:auto}
  .footer-brand img{width:220px}
  .footer-brand p{margin-top:16px;font-size:.83rem;line-height:1.55}
}

@media(max-width:720px){
  .page-shell{width:min(100% - 28px,1180px)}
  .page-hero{min-height:520px}
  .page-hero__content{grid-template-columns:1fr;gap:24px;padding:48px 0 38px}
  .page-hero h1{font-size:clamp(2.35rem,12vw,3.2rem);line-height:.98}
  .page-hero__copy>p:last-child{margin-top:17px;font-size:.92rem;line-height:1.55}
  .page-hero__aside{max-width:none;padding:18px}
  .page-hero__aside strong{font-size:1rem}
  .page-section{padding:44px 0}
  .page-section--compact{padding:34px 0}
  .section-head{grid-template-columns:1fr;gap:12px;margin-bottom:26px}
  .section-head h2{font-size:clamp(2rem,10vw,2.65rem)}
  .story-grid,.manifesto,.ecosystem-intro,.contact-layout{grid-template-columns:1fr}
  .story-grid{gap:28px}
  .story-media{min-height:300px}
  .story-copy h2{font-size:clamp(2rem,10vw,2.65rem)}
  .story-copy p{font-size:.93rem;line-height:1.58}
  .stat-row article{padding:18px 14px}
  .stat-row strong{font-size:1.9rem}
  .principles-grid,.supply-flow{grid-template-columns:1fr}
  .principle-card{min-height:auto;padding:24px}
  .principle-card h3{margin-top:20px}
  .manifesto{gap:26px}
  .manifesto blockquote{font-size:clamp(2rem,10vw,2.7rem)}
  .category-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}
  .category-card{min-height:340px}
  .category-card__content{padding:24px}
  .form-panel,.contact-panel{padding:20px}
  .form-grid{grid-template-columns:1fr;gap:14px}
  .field--full{grid-column:auto}
  .quote-checklist{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
  .quote-checklist article{padding:18px}
  .footer-main{grid-template-columns:1fr;gap:28px;padding:40px 0}
  .footer-brand{grid-column:auto}
  .footer-bottom{flex-direction:column}
  .page-footer{padding-bottom:68px}
}

/* Desktop and laptop: use width before height, avoiding tall headline columns. */
@media(min-width:961px){
  .page-section{padding:48px 0}
  .page-section--compact{padding:30px 0}
  .section-head{grid-template-columns:minmax(170px,.28fr) minmax(0,1fr);gap:42px;margin-bottom:28px}
  .section-head h2{font-size:clamp(2.7rem,3.8vw,3.75rem);line-height:1.01}
  .section-head p{max-width:760px;margin-top:12px;line-height:1.6}
  .story-grid{gap:42px}
  .story-media{min-height:440px}
  .story-copy h2{font-size:clamp(2.55rem,3.6vw,3.5rem)}
  .stat-row article{padding:22px 24px}
  .principles-grid{gap:14px}
  .principle-card{min-height:218px;padding:26px}
  .principle-card h3{margin-top:24px}
  .manifesto{gap:48px}
  .manifesto blockquote{font-size:clamp(2.7rem,3.8vw,3.75rem)}
  .manifesto-copy article{padding:14px 0}
  .ecosystem-intro{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}
  .ecosystem-intro h2{max-width:620px;font-size:clamp(2.75rem,4vw,3.8rem);line-height:.98}
  .ecosystem-intro p{max-width:680px;margin:0;font-size:1rem;line-height:1.65}
  .category-grid{margin-top:30px}
  .category-card{min-height:360px}
  .category-card__content{padding:28px}
  .supply-flow article{padding:28px}
  .footer-main{padding:44px 0}
}

@media(min-width:961px) and (max-width:1280px){
  .page-shell{width:min(100% - 48px,1180px)}
  .page-hero__content{gap:36px;padding:58px 0 48px}
  .page-hero h1{font-size:clamp(3rem,5.2vw,4.35rem)}
  .section-head h2{font-size:clamp(2.55rem,4.2vw,3.35rem)}
  .principle-card{min-height:230px}
  .ecosystem-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px}
  .ecosystem-intro h2{font-size:clamp(2.65rem,4.6vw,3.45rem)}
}

.simple-hero{padding:90px 0 58px;color:#fff;background:linear-gradient(135deg,#061936,#0a59b6)}
.simple-hero h1{max-width:900px;margin:0;color:#fff;font-size:clamp(2.8rem,6vw,5.4rem);font-weight:610;line-height:.98;letter-spacing:-.06em}
.entry-content{max-width:920px;color:var(--ink);font-size:1rem;line-height:1.75}
.entry-content h2,.entry-content h3{margin:1.8em 0 .55em;color:var(--navy);line-height:1.15}
.entry-content h2{font-size:clamp(1.8rem,4vw,3rem)}
.entry-content a{color:var(--blue)}
.not-found{display:grid;min-height:calc(100vh - 76px);place-items:center;padding:72px 0;text-align:center;background:#f6f8fb}
.not-found strong{display:block;color:var(--orange);font-size:clamp(6rem,18vw,14rem);line-height:.8;letter-spacing:-.08em}
.not-found h1{margin:34px 0 12px;color:var(--navy);font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em}
.not-found p{margin:0 0 28px;color:var(--muted)}
.form-status--error{color:#8d241f;background:#fff0ee}
