:root{
--bg:#050a0f;
--panel:#09131b;
--panel2:#0d1a24;
--line:#183445;
--text:#eef6fb;
--muted:#9fb0bb;
--blue:#29a8e8;
--red:#f12b36;
--shell:min(1480px,calc(100% - 34px));
--head:'Arial Narrow','Roboto Condensed','Helvetica Neue',Arial,sans-serif;
--body:Inter,Arial,sans-serif}
*{
box-sizing:border-box}
html{
scroll-behavior:smooth}
body{
margin:0;
background:radial-gradient(circle at 50% 0,#10202b 0,#050a0f 38%);
color:var(--text);
font-family:var(--body);
line-height:1.55}
.page-shell{
width:var(--shell);
margin-inline:auto}
.skip-link{
position:absolute;
left:-9999px}
.skip-link:focus{
left:12px;
top:12px;
z-index:1000;
background:white;
color:black;
padding:10px}
.site-header{
position:sticky;
top:0;
z-index:100;
background:rgba(4,9,14,.96);
border-bottom:1px solid #173243;
backdrop-filter:blur(12px)}
.header-shell{
width:min(1540px,calc(100% - 24px));
min-height:76px;
margin:auto;
display:grid;
grid-template-columns:260px 150px 1fr 118px;
align-items:center;
gap:16px}
.brand img{
display:block;
width:225px;
max-height:58px;
object-fit:contain}
.header-manifesto,.header-credo{
font-family:var(--head);
font-size:9px;
letter-spacing:.12em;
color:#9bb0bc;
line-height:1.2}
.header-manifesto span,.header-credo span{
display:block}
.primary-nav{
display:flex;
justify-content:center;
gap:27px}
.primary-nav a{
color:#dce8ee;
text-decoration:none;
text-transform:uppercase;
font-size:11px;
letter-spacing:.06em;
padding:29px 0 25px;
border-bottom:2px solid transparent}
.primary-nav a:hover,.primary-nav a.active{
color:#67c8fa;
border-color:#29a8e8}
.menu-toggle{
display:none;
background:none;
border:0;
padding:10px}
.menu-toggle span{
display:block;
width:24px;
height:2px;
background:#dbe9ef;
margin:5px}
.hero{
position:relative;
min-height:690px;
overflow:hidden;
border-bottom:1px solid #173243}
.hero-art{
position:absolute;
inset:0;
background:url('../images/umfc-hero.png') 67% 48%/cover no-repeat;
filter:saturate(.9) contrast(1.05)}
.hero-shade{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(3,7,10,.98) 0%,rgba(3,7,10,.88) 30%,rgba(3,7,10,.35) 57%,rgba(3,7,10,.05) 78%),linear-gradient(0deg,rgba(3,7,10,.75),transparent 45%)}
.hero-content{
position:relative;
z-index:2;
padding:52px 32px 70px}
.eyebrow,.section-label{
margin:0 0 10px;
color:#8bc9e9;
font-size:11px;
font-weight:800;
letter-spacing:.22em;
text-transform:uppercase}
.umfc-logo{
display:block;
width:min(660px,54vw);
height:auto;
margin:-6px 0 8px -28px}
.hero h1,.section h2,.final-cta h2{
font-family:var(--head);
text-transform:uppercase;
line-height:.9;
letter-spacing:-.035em}
.hero h1{
font-size:clamp(54px,6.2vw,94px);
margin:4px 0 15px;
max-width:770px}
.hero-kicker{
text-transform:uppercase;
letter-spacing:.16em;
font-size:13px}
.hero-copy{
max-width:650px;
color:#d2dde3;
font-size:17px}
.button{
display:inline-flex;
align-items:center;
gap:9px;
position:relative;
text-decoration:none;
text-transform:uppercase;
font-family:var(--head);
font-weight:900;
letter-spacing:.05em;
padding:15px 24px;
border:1px solid #338fc1;
color:white;
background:#0a1c27}
.button small{
position:absolute;
left:0;
right:0;
bottom:3px;
text-align:center;
font:8px var(--body);
letter-spacing:.08em;
color:#c9d4da}
.button-red{
margin-top:14px;
min-width:245px;
justify-content:center;
padding-bottom:24px;
background:linear-gradient(#3a0b10,#17070a);
border-color:#ff3441;
box-shadow:0 0 20px rgba(241,43,54,.28);
color:#ff5660}
.hero-note{
position:absolute;
z-index:2;
right:4%;
bottom:50px;
font:italic 700 30px/1.05 var(--head);
transform:rotate(-5deg);
color:white;
text-shadow:0 2px 12px #000}
.section{
position:relative;
border-bottom:1px solid #173243}
.framed{
padding:14px 0;
background:#061018}
.what-grid,.why-grid{
display:grid;
grid-template-columns:.72fr 1.28fr;
gap:18px;
padding:18px 0}
.section-copy,.origin-copy,.split-copy,.mechatomics-copy{
padding:24px 28px}
.section h2{
font-size:clamp(38px,4vw,64px);
margin:0 0 18px}
.section p{
color:#c7d3da}
.pillars{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:8px}
.pillars article{
min-height:245px;
padding:24px 16px 18px;
background:linear-gradient(180deg,#102432,#08121a);
border:1px solid #315368;
display:flex;
flex-direction:column;
justify-content:flex-end}
.pillars span{
color:#5fb9e9;
font:700 11px var(--body);
letter-spacing:.18em}
.pillars h3{
font:800 24px var(--head);
text-transform:uppercase;
margin:7px 0}
.pillars p{
font-size:12px;
margin:0;
color:#9fb0bb}
.origin{
background:linear-gradient(90deg,#08121a,#0c171d)}
.origin-grid{
display:grid;
grid-template-columns:.58fr 1.42fr;
gap:14px;
padding:14px 0}
.origin-timeline{
min-height:320px;
padding:35px 26px;
background:linear-gradient(rgba(13,22,26,.2),rgba(13,22,26,.8)),none center/cover no-repeat;
display:grid;
grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
align-items:center;
border:1px solid #2b4656}
.origin-timeline i{
font-style:normal;
font-size:34px;
color:#7c929e}
.timeline-step{
background:rgba(3,9,13,.82);
border-top:2px solid #5b7786;
padding:18px;
min-height:150px}
.timeline-step b{
display:block;
font:900 18px var(--head);
letter-spacing:.04em}
.timeline-step span{
display:block;
color:#bdcbd2;
font-size:12px;
margin-top:12px}
.timeline-step.hot{
border-color:#ef303a}
.timeline-step.hot b{
color:#ff515b}
.split-section{
display:grid;
grid-template-columns:1.1fr .9fr;
min-height:460px}
.split-art{
background-position:center;
background-size:cover}
.engineering-art{
background-image:linear-gradient(90deg,rgba(3,9,13,.05),rgba(3,9,13,.4)),none}
.split-copy{
display:flex;
flex-direction:column;
justify-content:center;
background:#07121a;
padding:45px 7vw 45px 45px}
.split-copy blockquote{
margin:18px 0 0;
border-left:2px solid var(--blue);
padding:8px 0 8px 18px;
font:italic 700 20px var(--head);
text-transform:uppercase;
color:#a8d8f1}
.mechatomics{
padding:14px 0}
.mechatomics-grid{
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:14px}
.mechatomics-copy h3{
margin:-10px 0 20px;
color:#59bde9;
text-transform:uppercase;
font:800 20px var(--head)}
.mechatomics-art{
min-height:430px;
background:linear-gradient(90deg,rgba(3,9,13,.2),rgba(3,9,13,.55)),none center 40%/cover no-repeat;
position:relative;
border:1px solid #294656}
.art-caption{
position:absolute;
right:22px;
bottom:22px;
text-align:right;
font:800 24px/1.05 var(--head);
color:#dceaf1}
.why{
background:#071019}
.impact-list{
padding:18px;
display:grid;
grid-template-columns:1fr 1fr;
gap:8px}
.impact-list>div{
display:flex;
gap:14px;
align-items:center;
border:1px solid #203b4c;
background:#0b1821;
padding:17px}
.impact-list b{
font:900 20px var(--head);
color:#56b6e6}
.impact-list strong,.impact-list small{
display:block}
.impact-list strong{
text-transform:uppercase;
font:800 16px var(--head)}
.impact-list small{
color:#91a5b0;
margin-top:3px}
.future{
min-height:480px;
overflow:hidden}
.future-art,.future-shade{
position:absolute;
inset:0}
.future-art{
background:none center/cover no-repeat}
.future-shade{
background:linear-gradient(90deg,rgba(2,7,10,.96),rgba(2,7,10,.75) 48%,rgba(2,7,10,.15))}
.future-content{
position:relative;
z-index:2;
padding:70px 40px;
max-width:1480px}
.future-content p{
max-width:650px}
.future-line{
margin-top:34px;
font:800 25px var(--head);
letter-spacing:.05em}
.future-line strong{
color:#67c9f5}
.final-cta{
padding:26px 0;
background:linear-gradient(90deg,#0c1d29,#071019 55%,#16080b);
border-bottom:1px solid #239bd7}
.final-grid{
display:flex;
align-items:center;
justify-content:center;
gap:70px}
.final-cta h2{
font-size:clamp(36px,4vw,62px);
margin:0;
color:#dce7ed}
.final-cta .button{
margin:0}
.site-footer{
background:#03080c;
padding:28px 0 34px}
.footer-grid{
display:grid;
grid-template-columns:260px 1fr 180px;
align-items:center;
gap:30px}
.footer-brand img{
width:220px}
.footer-center{
text-align:center}
.footer-center nav{
display:flex;
justify-content:center;
gap:30px}
.footer-center a{
color:#c6d3da;
text-decoration:none;
text-transform:uppercase;
font-size:10px}
.footer-center p{
font-size:10px;
color:#71828c}
.footer-right{
text-align:right;
font:10px/1.35 var(--body);
letter-spacing:.14em;
color:#82949f}
.reveal{
opacity:0;
transform:translateY(12px);
transition:opacity .65s ease,transform .65s ease}
.reveal.visible{
opacity:1;
transform:none}
@media(max-width:1100px){
.header-shell{
grid-template-columns:240px 1fr 100px}
.header-manifesto{
display:none}
.primary-nav{
gap:16px}
.pillars{
grid-template-columns:repeat(3,1fr)}
.origin-grid,.what-grid,.why-grid,.mechatomics-grid{
grid-template-columns:1fr}
.origin-timeline{
min-height:280px}
.split-section{
grid-template-columns:1fr}
.split-art{
min-height:380px}
.footer-grid{
grid-template-columns:220px 1fr}
.footer-right{
display:none}
}
@media(max-width:820px){
.header-shell{
min-height:68px;
grid-template-columns:1fr auto}
.brand img{
width:205px}
.header-credo{
display:none}
.menu-toggle{
display:block}
.primary-nav{
position:absolute;
top:68px;
left:0;
right:0;
display:none;
flex-direction:column;
gap:0;
background:#050b10;
border-bottom:1px solid #173243;
padding:12px 22px}
.primary-nav.open{
display:flex}
.primary-nav a{
padding:12px;
border:0}
.hero{
min-height:760px}
.hero-art{
background-position:70% center}
.hero-shade{
background:linear-gradient(90deg,rgba(3,7,10,.96),rgba(3,7,10,.72) 72%,rgba(3,7,10,.25)),linear-gradient(0deg,#03070a 0,transparent 55%)}
.hero-content{
padding:42px 20px}
.umfc-logo{
width:min(700px,90vw);
margin-left:-12px}
.hero-copy{
max-width:560px}
.hero-note{
display:none}
.pillars{
grid-template-columns:1fr 1fr}
.origin-timeline{
grid-template-columns:1fr;
gap:8px}
.origin-timeline i{
transform:rotate(90deg);
justify-self:center;
line-height:.5}
.timeline-step{
min-height:auto}
.final-grid{
flex-direction:column;
gap:20px}
.footer-grid{
grid-template-columns:1fr;
text-align:center}
.footer-brand{
margin:auto}
.footer-center nav{
flex-wrap:wrap}
}
@media(max-width:560px){
:root{
--shell:calc(100% - 22px)}
.hero{
min-height:840px}
.hero h1{
font-size:52px}
.hero-copy{
font-size:15px}
.pillars{
grid-template-columns:1fr}
.pillars article{
min-height:150px}
.section-copy,.origin-copy,.split-copy,.mechatomics-copy{
padding:24px 18px}
.split-art{
min-height:300px}
.impact-list{
grid-template-columns:1fr}
.future-content{
padding:55px 18px}
.final-cta{
text-align:center}
}
@media(prefers-reduced-motion:reduce){
html{
scroll-behavior:auto}
.reveal{
opacity:1;
transform:none;
transition:none}
}


/* UMFC v2 — artwork-led flagship profile. */
:root{
--shell:min(1380px,calc(100% - 80px))}

body{
line-height:1.65}
img{
display:block;
max-width:100%;
height:auto}
h1,h2,h3{
overflow-wrap:normal}
a:focus-visible,button:focus-visible{
outline:3px solid #9cddff;
outline-offset:6px}
button{
cursor:pointer}
.section p{
font-size:16px;
color:#b9c9d3}
.section h2{
font-size:clamp(36px,4.1vw,62px);
line-height:1.03;
letter-spacing:-.035em}
.section-label,.eyebrow{
color:#75cbfa;
font-size:11px;
letter-spacing:.19em}
.section p.section-label{
font-size:11px;
color:#75cbfa}
.section-number{
font-size:10px!important;
letter-spacing:.18em;
color:#7895a8!important;
margin:0 0 25px}
.project-status{
font-size:10px;
text-transform:uppercase;
letter-spacing:.12em;
color:#a9bbc6;
margin:0 0 20px}
.project-status:before{
content:'';
display:inline-block;
width:6px;
height:6px;
border-radius:50%;
background:#59c8ff;
margin-right:8px}
.project-status span{
margin-left:20px;
color:#8ca3b2}
.hero-content{
padding:48px 0 65px}
.hero h1{
font-size:clamp(52px,5.8vw,86px);
line-height:.97;
max-width:730px}
.hero-copy{
max-width:600px;
font-size:16px}
.hero .umfc-logo{
width:min(590px,48vw)}
.hero{
min-height:740px}
.hero-shade{
background:linear-gradient(90deg,#03070af5 0%,#03070adb 32%,#03070a44 67%,#03070a12),linear-gradient(0deg,#03070a9c,transparent 40%)}
.button-red{
color:#fff;
background:linear-gradient(135deg,#b72131,#75131e);
box-shadow:0 8px 30px #c91d2524;
transition:background .2s,transform .2s}
.button-red:hover{
background:#d12a3b;
transform:translateY(-2px)}
.framed{
padding:0}
.what-grid{
display:block;
padding:76px 0 80px}
.what-grid>.section-copy{
padding:0;
max-width:990px;
margin-bottom:34px}
.what-grid .section-copy p:not(.section-label){
max-width:900px}
.what-grid .section-label{
display:none}
.pillars{
grid-template-columns:repeat(5,minmax(0,1fr));
gap:14px}
.pillars article{
position:relative;
min-height:0;
padding:0;
background:#0a151e;
border:1px solid #213847;
display:block;
overflow:hidden}
.pillars article>img{
width:100%;
aspect-ratio:4/5;
object-fit:cover}
.pillar-copy{
padding:18px 16px 22px;
min-height:150px;
border-top:1px solid #274151}
.pillars h3{
font-size:clamp(16px,1.55vw,22px);
text-transform:none;
letter-spacing:-.035em;
white-space:nowrap}
.pillars p{
font-size:13px;
line-height:1.5;
color:#a6b9c6}
.pillars span{
font-size:10px}
.origin{
background:#080f15}
.origin-grid{
grid-template-columns:.85fr 1.15fr;
gap:56px;
padding:80px 0;
align-items:center}
.origin-copy,.mechatomics-copy{
padding:0}
.origin-visual>img{
width:100%;
aspect-ratio:3/2;
object-fit:cover;
border:1px solid #253a47}
.origin-timeline{
min-height:0;
padding:0;
background:none;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
align-items:stretch;
border:0;
margin-top:20px}
.timeline-step{
min-height:0;
padding:15px 12px 0 0;
background:none;
border-color:#385060}
.timeline-step b{
font-size:12px;
line-height:1.4;
overflow-wrap:anywhere}
.timeline-step span{
font-size:11px;
line-height:1.55;
margin-top:8px;
padding-right:8px}
.split-section{
grid-template-columns:1.08fr 1fr;
min-height:580px}
.split-art{
background:none;
position:relative;
min-height:0}
.split-art img{
height:100%;
width:100%;
object-fit:cover;
position:absolute;
inset:0}
.split-copy{
padding:64px clamp(32px,5vw,90px);
background:#0b1720}
.split-copy p{
margin:0 0 18px}
.split-copy blockquote{
font-size:21px;
line-height:1.5;
text-transform:none}
.mechatomics{
background:#060e14}
.mechatomics-grid{
grid-template-columns:.8fr 1.2fr;
gap:60px;
padding:85px 0;
align-items:center}
.mechatomics-copy h3{
margin:0 0 24px;
text-transform:none;
font-size:21px}
.mechatomics-art{
min-height:0;
background:none;
overflow:hidden}
.mechatomics-art>img{
width:100%;
aspect-ratio:3/2;
object-fit:cover}
.art-caption{
background:#030b11c9;
padding:12px 16px;
font-size:17px;
letter-spacing:.06em;
bottom:16px;
right:16px}
.why-grid{
grid-template-columns:1fr .9fr;
gap:80px;
padding:80px 0;
align-items:center}
.why-grid .section-copy{
padding:0}
.why-image{
width:100%;
aspect-ratio:2.6/1;
object-fit:cover;
margin-top:30px;
border:1px solid #263d4e}
.impact-list{
padding:0;
grid-template-columns:1fr;
gap:0}
.impact-list>div{
border:0;
border-bottom:1px solid #273b49;
background:none;
padding:22px 0;
gap:22px}
.impact-list>div:first-child{
border-top:1px solid #273b49}
.impact-list strong{
font-size:17px;
text-transform:none}
.impact-list small{
font-size:13px;
line-height:1.6;
margin-top:6px}
.impact-list b{
font-size:14px;
color:#58b5e7}
.future{
min-height:600px}
.future-art{
background-image:url('../images/future-hangar.png');
background-position:center}
.future-shade{
background:linear-gradient(90deg,#030a0fed 0%,#030a0fce 35%,#030a0f4a 75%),linear-gradient(0deg,#040a0fb0,transparent 70%)}
.future-content{
padding:82px 0}
.future-content h2{
max-width:660px}
.future-content p{
max-width:560px}
.future-line{
font-size:16px;
line-height:1.7;
margin-top:36px}
.future-line strong{
display:block;
font-size:23px}
.final-cta{
padding:70px 0;
background:radial-gradient(ellipse at 80% 100%,#53131e55,transparent 60%),linear-gradient(125deg,#102638,#050b12 65%)}
.final-grid{
display:flex;
flex-direction:column;
gap:24px;
text-align:center}
.final-grid .section-label{
margin:0}
.final-cta h2{
font-size:clamp(40px,5.5vw,80px);
line-height:1}
.footer-center .concept-note{
color:#8196a3;
font-size:10px}
.site-footer{
padding:35px 0}
.reveal{
opacity:1;
transform:none}
.header-shell{
grid-template-columns:230px 130px 1fr 90px}
.primary-nav{
gap:22px}

@media(min-width:1800px){
.hero-art{
background-position:center 45%}
}

@media(max-width:1200px){
.header-shell{
grid-template-columns:220px 1fr 80px}
.header-manifesto{
display:none}
.primary-nav{
gap:16px}
.origin-grid,.mechatomics-grid{
gap:32px}
.why-grid{
gap:45px}
.pillar-copy{
padding:14px 10px}
.hero .umfc-logo{
width:520px}
}

@media(max-width:1000px){
:root{
--shell:calc(100% - 48px)}
.pillars{
grid-template-columns:repeat(6,minmax(0,1fr));
gap:16px}
.pillars article{
grid-column:span 2}
.pillars article:nth-child(4){
grid-column:2/span 2}
.pillars article>img{
aspect-ratio:1/1}
.pillars h3{
font-size:21px}
.pillar-copy{
min-height:125px;
padding:18px}
.origin-grid,.mechatomics-grid,.why-grid{
grid-template-columns:1fr;
gap:35px}
.origin-copy{
max-width:760px}
.origin-visual>img{
aspect-ratio:2/1}
.mechatomics-art>img{
aspect-ratio:1.8/1}
.split-section{
grid-template-columns:1fr}
.split-art{
min-height:450px}
.split-copy{
padding:50px 24px}
.why-grid{
grid-template-columns:1fr 1fr;
gap:35px}
.footer-grid{
grid-template-columns:220px 1fr}
.footer-right{
display:none}
}

@media(max-width:820px){
.header-shell{
grid-template-columns:1fr auto}
.primary-nav{
top:68px}
.hero{
min-height:0}
.hero-content{
padding:40px 0 60px}
.hero .umfc-logo{
width:min(580px,90vw);
margin-left:-15px}
.hero h1{
font-size:clamp(48px,8.5vw,70px)}
.hero-shade{
background:linear-gradient(90deg,#03070af0,#03070ab5 65%,#03070a78),linear-gradient(0deg,#03070a,transparent)}
.hero-art{
background-position:65% center}
.hero-copy{
max-width:540px}
.section-copy,.origin-copy,.mechatomics-copy{
padding:0}
.why-grid{
grid-template-columns:1fr}
.footer-grid{
grid-template-columns:1fr}
.footer-center nav{
gap:22px}
.future-content{
padding:65px 0}
.future{
min-height:570px}
.future-shade{
background:linear-gradient(90deg,#030a0fe8,#030a0fa6 65%,#030a0f70)}
.future-art{
background-position:60% center}
}

@media(max-width:560px){
:root{
--shell:calc(100% - 36px)}
.project-status span{
display:block;
margin:7px 0 0}
.hero-content{
padding:30px 0 48px}
.hero h1{
font-size:48px}
.hero-copy{
font-size:15px}
.hero-kicker{
font-size:10px;
letter-spacing:.12em}
.what-grid,.origin-grid,.mechatomics-grid,.why-grid{
padding:50px 0}
.section p{
font-size:15px}
.section h2{
font-size:38px}
.pillars{
grid-template-columns:1fr 1fr;
gap:12px}
.pillars article,.pillars article:nth-child(4){
grid-column:auto}
.pillars article:last-child{
grid-column:1/-1;
display:grid;
grid-template-columns:1fr 1fr}
.pillars article:last-child>img{
height:100%;
aspect-ratio:1/1}
.pillars article:last-child .pillar-copy{
align-self:center;
border-top:0}
.pillars h3{
font-size:17px}
.pillar-copy{
padding:14px 10px;
min-height:135px}
.pillars p{
font-size:12px}
.origin-timeline{
grid-template-columns:1fr 1fr;
gap:20px 8px}
.origin-visual>img{
aspect-ratio:3/2}
.split-art{
min-height:300px}
.split-copy{
padding:45px 18px}
.mechatomics-art>img{
aspect-ratio:4/3}
.art-caption{
font-size:14px}
.future{
min-height:0}
.future-content{
padding:55px 0}
.final-cta{
padding:55px 0}
.final-cta h2{
font-size:43px}
.footer-center nav{
gap:20px}
}

@media(prefers-reduced-motion:reduce){
*{
scroll-behavior:auto!important;
transition:none!important}
}


/* Approved homepage typography, consolidated from the HTML. */

/* Font stack from BrentCorp's homepage. */
:root {

  --head: "Arial Narrow", "Segoe UI", Arial, sans-serif;

  --body: "Arial Narrow", "Segoe UI", Arial, sans-serif;

}

body, body *, body *::before, body *::after {

  font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif !important;

}

/* Retain the homepage font weight with tighter heading tracking. */
body h1, body h2, body h3, body h4, body h5, body h6,
body h1 *, body h2 *, body h3 *, body h4 *, body h5 *, body h6 * {

  font-weight: 900 !important;

  letter-spacing: 0.03em !important;

}


/* Scale the hero headline to sit comfortably beneath the UMFC logo. */
body .hero h1 {

  font-size: clamp(32px, 4.2vw, 58px);

  letter-spacing: 0.04em !important;

  line-height: 1.08;

}


/* Project context and partnership contact. */
.development-status {
 background: #0b1923;
 border-bottom: 1px solid #284657;
 }

.development-grid {
 display: grid;
 grid-template-columns: 240px minmax(0,1fr);
 gap: 48px;
 padding-block: 32px;
 align-items: start;
 }

.development-status h2 {
 font-size: 23px;
 line-height: 1.2;
 margin: 0;
 }

.development-status .section-label {
 margin-bottom: 9px;
 }

.development-copy p {
 margin: 0;
 font-size: 16px;
 line-height: 1.65;
 color: #c7d6df;
 max-width: 920px;
 }

.development-copy .development-caption {
 margin-top: 10px;
 color: #9db5c5;
 font-size: 14px;
 }

.partnerships {
 background: #08131c;
 }

.partnership-grid {
 display: grid;
 grid-template-columns: minmax(0,1fr) auto;
 gap: 60px;
 padding-block: 52px;
 align-items: center;
 }

.partnerships h2 {
 font-size: clamp(28px,3vw,40px);
 margin: 0 0 16px;
 }

.partnerships p:not(.section-label) {
 max-width: 740px;
 margin: 0;
 }

.partnership-link {
 display: block;
 padding: 17px 22px;
 border: 1px solid #3c7c9f;
 color: #c4eaff;
 font-size: 17px;
 font-weight: 700;
 text-decoration: none;
 }

.partnership-link small {
 display: block;
 margin-top: 6px;
 font-size: 13px;
 font-weight: 400;
 color: #9fb9c9;
 }

.partnership-link:hover {
 background: #112837;
 border-color: #75cbfa;
 }

/* Allow long pillar names to wrap with the approved heading tracking. */
.pillars h3 {
 white-space: normal;
 overflow-wrap: anywhere;
 }

/* Keep anchor destinations clear of the existing sticky navigation. */
html {
 scroll-padding-top: 92px;
 }

main [id] {
 scroll-margin-top: 92px;
 }

@media (max-width: 820px) {

  .development-grid {
 grid-template-columns: 1fr;
 gap: 18px;
 padding-block: 28px;
 }

  .partnership-grid {
 grid-template-columns: 1fr;
 gap: 26px;
 padding-block: 40px;
 }

  .partnership-link {
 justify-self: start;
 }

}

@media print {

  .site-header {
 position: static;
 }

}


/* Header copied from the BrentCorp homepage. */
body #top {
  position: sticky;
  z-index: 100;
  top: 0;
  min-height: 76px;
  border-bottom: 1px solid #173348;
  background: rgba(2, 8, 13, .95);
  backdrop-filter: blur(16px);
}
body #top .header-shell {
  display: grid;
  grid-template-columns: 260px 150px 1fr 44px 118px;
  gap: 18px;
  align-items: center;
  width: min(1540px, calc(100% - 24px));
  min-height: 76px;
  margin: auto;
}
body #top .brand,
body #top .footer-brand {
  display: block;
  max-width: 245px;
}
body #top .brand img,
body #top .footer-brand img {
  width: 100%;
  height: auto;
}
body #top .header-manifesto,
body #top .header-credo {
  padding-left: 15px;
  border-left: 1px solid #29485d;
  color: #acc4d3;
  font-size: 9px;
  line-height: 1.65;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body #top .header-manifesto span,
body #top .header-credo span {
  display: block;
}
body #top .header-credo {
  color: var(--blue);
}
body #top .primary-nav {
  display: flex;
  align-items: stretch;
  justify-self: center;
  height: 76px;
}
body #top .primary-nav a {
  position: relative;
  display: grid;
  place-items: center;
  padding: 0 13px;
  color: #cbd6dd;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body #top .primary-nav a:hover,
body #top .primary-nav a:focus-visible,
body #top .primary-nav a.active {
  background: rgba(23, 169, 255, .04);
  color: #fff;
}
body #top .primary-nav a::after {
  content: "";
  position: absolute;
  right: 20%;
  bottom: 0;
  left: 20%;
  height: 2px;
  background: var(--blue);
  transform: scaleX(0);
  transition: transform .2s;
}
body #top .primary-nav a:hover::after,
body #top .primary-nav a.active::after {
  transform: scaleX(1);
}
body #top .search-toggle {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
body #top .search-toggle svg {
  width: 21px;
  fill: none;
  stroke: #dbe8ef;
  stroke-width: 1.8;
}
body #top .menu-toggle {
  display: none;
}


.search-panel {
  position: fixed;
  z-index: 95;
  top: 76px;
  right: 0;
  left: 0;
  visibility: hidden;
  border-bottom: 1px solid #244b64;
  background: rgba(3, 10, 16, .98);
  opacity: 0;
  transform: translateY(-140%);
  transition: .25s;
}

.search-panel.open {
  visibility: visible;
  opacity: 1;
  transform: none;
}

.search-form {
  width: min(920px, calc(100% - 32px));
  margin: 26px auto;
}

.search-form label {
  display: block;
  margin-bottom: 7px;
  color: var(--blue-2);
  font-size: 11px;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.search-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 8px;
}

.search-row input {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #2c536e;
  outline: 0;
  background: #07131d;
  color: #fff;
}

.search-row input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(23, 169, 255, .12);
}

.search-row button {
  padding: 0 17px;
  border: 1px solid #3b6680;
  background: #0b1b27;
  cursor: pointer;
}

.search-note {
  margin-bottom: 0;
  color: #8495a1;
  font-size: 11px;
}


/* Clear legacy UMFC-specific header dimensions. */
body #top { --blue: #17a9ff; --blue-2: #64ccff; }
body #top .brand img { max-height: none; width: 100%; height: auto; }
body #top .header-manifesto, body #top .header-credo { display: block; font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif; }
body #top .primary-nav { gap: 0; flex-direction: row; padding: 0; }
body #top .primary-nav a { border: 0; line-height: 1.45; text-decoration: none; }
body #top .menu-toggle { padding: 0; }
body #top .menu-toggle span { margin: 0; }
.search-panel { top: var(--header-height, 82px); max-height: calc(100dvh - var(--header-height, 82px)); overflow-y: auto; }
.search-panel[hidden] { display: none; }
.search-panel.open { visibility: visible; opacity: 1; transform: none; }
.search-panel button { color: #eef4f7; font: inherit; }
.search-panel input { font: inherit; }
.search-panel label { color: #64ccff; }
.search-results { padding-left: 22px; }
.search-results li { margin-block: 12px; }
.search-results a { color: #90d8ff; text-decoration: underline; }
@media (max-width:1220px) {
  body #top .header-shell { grid-template-columns: 240px 1fr 44px; }
  body #top .header-manifesto, body #top .header-credo { display: none; }
  body #top .primary-nav a { padding: 0 9px; font-size: 10px; }
}
@media (max-width:920px) {
  body #top, body #top .header-shell { min-height: 68px; }
  body #top .header-shell { grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; }
  body #top .brand { width: min(200px,100%); }
  body #top .menu-toggle { display: grid; place-content: center; gap: 4px; width: 42px; height: 42px; border: 1px solid #25485e; background: #07121b; }
  body #top .menu-toggle span { width: 19px; height: 2px; background: #dbe8ef; }
  body #top .primary-nav { position: fixed; top: var(--header-height,68px); right: 0; left: 0; display: none; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; height: auto; padding: 12px 16px 18px; border-bottom: 1px solid #2b4a5d; background: rgba(2,8,13,.98); }
  body #top .primary-nav.open { display: grid; }
  body #top .primary-nav a { min-height: 48px; border: 1px solid #152a39; background: #050d13; }
  .search-row { grid-template-columns: minmax(0,1fr) auto; }
  .search-row input { grid-column: 1 / -1; }
  .search-row button { min-height: 42px; }
}
@media print { body #top { position: static; } .search-panel { display: none; } }