/* Shared multipage presentation and the measured reference CTA geometry. */
.brand{display:inline-flex;align-items:center;flex:none;width:138px;height:30px}.brand img{width:100%;height:auto;display:block}.footer-top .brand{width:160px;height:33px}
.mark-logo-stage{position:relative;isolation:isolate;background:radial-gradient(ellipse at 65% 30%,#23493688,transparent 75%),#14271c;border:1px solid #7caf8e24;min-height:360px;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;text-align:center}.mark-logo-stage>.eyebrow{font-size:10px;letter-spacing:1.6px;color:#abc6b3;margin:0 0 34px}.mark-logo-stage>img{width:100%;max-width:440px;height:auto}.mark-logo-stage>.mark-stage-tagline{font-size:22px;line-height:30px;font-weight:500;color:#dae8df;margin:30px 0 68px}.mark-stage-footer{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid #bfd4c53b;padding-top:16px;color:#aac3b3;font-size:10px;letter-spacing:.5px}.mark-hero>.mark-logo-stage{min-height:400px}.mark-promo>.mark-logo-stage{min-height:380px}.mark-guidance>img{width:180px;height:auto;flex:none}.partner-process{padding-block:0 24px}.partner-process .section-heading{margin-bottom:0}.partner-process .section-heading>p{font-size:18px;line-height:28px;color:#cbd4ce;margin-top:18px}.partner-process .detail-grid{padding-top:32px}.partner-process+.mark-guidance{padding-top:24px}.hero .background-video{filter:saturate(.55)}.hero .video-shade{background:linear-gradient(90deg,#05160db8,#07150da0 45%,#08170bb0)}
body{font-weight:500}h1,h2,h3,.hero h1,.hero-title{font-weight:700}.hero-description{font-weight:500}.kicker{font-weight:700}
.site-header nav{justify-content:flex-end;gap:30px}.site-header nav a{font-size:16px;line-height:22.4px;font-weight:500;padding:23px 0 21px;border-bottom:2px solid transparent}.site-header nav a[aria-current="page"]{border-bottom-color:#a7d6bb;color:#b2dfc5}.site-header nav a:hover{color:#b2dfc5}
.button{display:inline-block;border:1px solid transparent;border-radius:30px;padding:17px 20px 15px;font-size:14px;font-weight:600;line-height:16px;letter-spacing:1px;text-transform:uppercase;min-height:50px;transition:background .2s,color .2s,border-color .2s;vertical-align:middle}.button:hover{background:#1d7654}.button-white{background:#fff;color:#252319;border-color:#252319}.button-white:hover{background:#dce8e0;color:#111713}.intro-copy>.button{margin-top:28px}.intro{padding-bottom:64px}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.page-hero .hero-content{top:25%;max-width:1140px}.page-hero .hero-description{max-width:750px}.page-hero h1{font-size:72px;line-height:80px}.page-hero .video-shade{background:linear-gradient(180deg,#031309a8,#0008)}
.editorial{padding:64px 24px}.reading{max-width:730px;margin:auto;text-align:center}.reading h2{font-size:48px;line-height:56px;letter-spacing:-1.25px;margin-bottom:24px}.reading>p{font-size:18px;line-height:28px;margin:24px 0 0}.reading .button{margin-top:28px}.technology-features .feature-grid{margin-top:0}.technology-features{padding-bottom:0}
.page-heading{padding:154px 24px 64px;text-align:center;max-width:1050px}.eyebrow{font-size:13px;line-height:20px;font-weight:700;letter-spacing:1px;margin-bottom:18px;color:#a7ceba}.page-heading h1,.mark-hero h1{font-size:72px;line-height:80px;letter-spacing:-1.5px}.page-heading>p:last-child{max-width:670px;font-size:24px;line-height:32px;margin:24px auto 0}.page-heading+.inventors{padding-top:0;padding-bottom:0}.page-cta{background:#080e0a;text-align:center;padding:72px 24px;margin-top:64px}.page-cta h2{font-size:40px;line-height:48px;letter-spacing:-.75px}.page-cta>p{font-size:18px;line-height:28px;max-width:650px;margin:20px auto 28px}.page-cta .button{max-width:100%}
.people-promo{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:80px 6vw 0}.people-promo h2{font-size:48px;line-height:56px;letter-spacing:-1.25px}.people-promo p:not(.eyebrow){font-size:18px;line-height:28px;margin:24px 0 28px}.portrait-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portrait-pair img{width:100%;height:330px;object-fit:cover;object-position:50% 15%}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:64px}.detail-card{background:var(--panel);padding:40px 32px}.card-number{font-size:14px;line-height:20px;color:#9acbb0;letter-spacing:1px;margin-bottom:36px}.detail-card h2{font-size:28px;line-height:36px;letter-spacing:-.5px;margin-bottom:24px}.detail-card>p:last-child{font-size:16px;line-height:26px;color:#d5ded8}.detail-grid+.page-cta{margin-top:0}.image-note{font-size:12px;color:#a6b5aa;text-align:right;margin-top:12px}
.related{padding:64px 0}.related h2{font-size:32px;line-height:40px;letter-spacing:-.5px;margin-bottom:28px}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-links>a{background:var(--panel);padding:26px 28px;font-size:22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.related-links>a:hover{background:#26392e}
.mark-hero{padding:140px 6vw 60px;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;min-height:640px}.mark-hero h1{font-size:64px;line-height:72px}.mark-hero .lead{font-size:24px;line-height:32px;max-width:590px;margin:24px 0 28px}.mark-hero .mark-promo-art{height:400px}.mark-hero+.editorial{padding-bottom:0}.meaning-grid{grid-template-columns:repeat(3,1fr);max-width:1400px}.meaning-grid .detail-card{padding:40px}.meaning-grid .detail-card h2{font-size:32px;line-height:40px}.mark-guidance{max-width:1100px;display:flex;gap:48px;align-items:center;padding:24px 32px 48px}.mark-guidance>img{width:120px;height:120px;object-fit:contain;flex:none}.mark-guidance h2{font-size:32px;line-height:40px;letter-spacing:-.5px;margin-bottom:18px}.mark-guidance p{font-size:16px;line-height:26px;color:#cbd4ce}
.timeline{max-width:1180px;display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:16px 40px}.timeline article{border-top:1px solid #ffffff35;padding-top:32px}.timeline h2{font-size:32px;line-height:40px;letter-spacing:-.5px;margin-bottom:24px}.timeline article>p:not(.eyebrow){font-size:16px;line-height:26px;margin-bottom:28px}.timeline .button{font-size:12px}.contact-heading{padding-bottom:64px}.contact-heading+.contact{background:var(--panel);padding:48px 24px 56px}.contact-form{align-items:center}.contact-form select{border-radius:4px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:64px 6vw}.contact-details h2{font-size:32px;line-height:40px;margin-bottom:24px}.contact-details p:not(.eyebrow){font-size:16px;line-height:26px;max-width:530px;color:#cbd4ce}.contact-details a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #ffffff30;font-size:18px}.contact-details a:hover{color:#a7ceba}.inventors+.editorial{padding-top:72px}
@media(min-width:1700px){.page-hero .hero-content{top:28%}}
@media(max-width:850px){.brand{width:130px}.mark-logo-stage{padding:30px;min-height:340px}.mark-logo-stage>.mark-stage-tagline{font-size:20px;line-height:28px}.mark-logo-stage>.eyebrow{font-size:9px;letter-spacing:1px}.mark-stage-footer{left:20px;right:20px;font-size:8px;letter-spacing:.2px;gap:12px}.mark-hero>.mark-logo-stage{min-height:360px}.mark-promo>.mark-logo-stage{min-height:340px}.mark-guidance>img{width:150px;height:auto}}
@media(max-width:560px){.brand{width:132px;height:28px}.footer-top .brand{width:160px;height:33px}.mark-hero>.mark-logo-stage,.mark-promo>.mark-logo-stage{min-height:330px;width:100%}.mark-logo-stage{padding:28px}.mark-logo-stage>.eyebrow{font-size:9px;line-height:17px;letter-spacing:.7px;margin-bottom:32px}.mark-logo-stage>.mark-stage-tagline{font-size:20px;line-height:28px;margin-top:28px}.mark-stage-footer{font-size:8px;left:20px;right:20px}.mark-guidance>img{width:175px;height:auto;margin-bottom:30px}.partner-process .section-heading>p{font-size:16px;line-height:26px}.partner-process .detail-grid{padding-top:28px}.partner-process{padding-bottom:0}.hero .background-video{object-position:35% center}.hero .video-shade{background:#06140db8}}
@media(max-width:1200px){.site-header nav{gap:22px}.site-header nav a{font-size:14px}.nav-wrap{gap:25px;padding-inline:28px}.mark-hero{padding-inline:3vw}.mark-hero h1{font-size:54px;line-height:62px}.page-hero h1{font-size:64px;line-height:72px}.people-promo{gap:40px;padding-inline:3vw}.people-promo h2{font-size:40px;line-height:48px}.portrait-pair img{height:290px}.detail-card{padding:32px 24px}.detail-card h2{font-size:26px;line-height:34px}.contact-details{gap:50px;padding-inline:3vw}}
@media(max-width:850px){.site-header nav.is-open{grid-template-columns:1fr 1fr;gap:0 30px}.site-header nav a{font-size:15px;padding:16px 0 14px}.site-header nav a[aria-current="page"]{border-color:transparent}.page-hero h1{font-size:56px;line-height:64px}.page-hero .hero-content{top:26%}.page-hero .hero-description{max-width:620px;font-size:22px;line-height:30px}.page-heading h1,.mark-hero h1{font-size:52px;line-height:60px}.page-heading{padding-top:134px}.page-heading>p:last-child,.mark-hero .lead{font-size:22px;line-height:30px}.reading h2{font-size:40px;line-height:48px}.detail-grid{grid-template-columns:1fr;padding-block:48px}.detail-card{padding:32px}.detail-card h2{font-size:28px;line-height:36px}.card-number{margin-bottom:20px}.people-promo{gap:30px}.portrait-pair{gap:12px}.portrait-pair img{height:260px}.people-promo p:not(.eyebrow){font-size:16px;line-height:26px}.people-promo h2{font-size:34px;line-height:42px}.mark-hero{gap:10px;min-height:570px}.mark-hero h1{font-size:46px;line-height:54px}.mark-hero .lead{font-size:20px;line-height:28px}.mark-hero .mark-promo-art{height:320px}.mark-hero .button{font-size:12px}.meaning-grid{grid-template-columns:1fr 1fr;gap:20px}.meaning-grid .detail-card{padding:30px}.meaning-grid .detail-card h2{font-size:26px;line-height:34px}.mark-guidance{gap:28px;padding-inline:8px}.timeline{gap:32px}.timeline h2{font-size:28px;line-height:36px}.contact-details{gap:32px;padding-inline:0}.contact-details a{font-size:16px}.related-links{gap:18px}.related-links>a{font-size:18px;padding:24px 20px}.button{font-size:14px;padding:17px 20px 15px;min-height:50px;line-height:16px}}
@media(max-width:560px){.site-header nav a{font-size:14px}.nav-wrap{padding-inline:20px;gap:20px}.page-hero{height:620px;min-height:620px}.page-hero .hero-content{top:25%}.page-hero h1{font-size:44px;line-height:52px;letter-spacing:-1px}.page-hero .hero-description{font-size:20px;line-height:28px;margin-top:24px}.page-heading{padding:125px 0 48px}.page-heading h1{font-size:44px;line-height:52px;letter-spacing:-1px}.page-heading>p:last-child{font-size:20px;line-height:28px}.eyebrow{font-size:11px;line-height:18px;margin-bottom:16px}.editorial{padding:48px 20px}.reading h2{font-size:34px;line-height:42px;letter-spacing:-.75px}.reading>p{font-size:16px;line-height:26px}.reading .button{margin-top:24px}.intro{padding-bottom:48px}.button{font-size:12px;line-height:16px;padding:17px 20px 15px;min-height:50px;letter-spacing:1px}.page-cta{padding:48px 20px;margin-top:48px}.page-cta h2{font-size:32px;line-height:40px}.page-cta>p{font-size:16px;line-height:26px;margin:20px auto 24px}.people-promo{grid-template-columns:1fr;gap:32px;padding:48px 0 0}.people-promo h2{font-size:34px;line-height:42px}.portrait-pair img{height:260px}.detail-grid{padding-block:40px;gap:20px}.detail-card{padding:28px 24px}.detail-card h2{font-size:26px;line-height:34px}.detail-card>p:last-child{font-size:15px;line-height:25px}.related{padding:48px 0}.related h2{font-size:29px;line-height:37px}.related-links{grid-template-columns:1fr;gap:16px}.related-links>a{font-size:20px;padding:24px}.mark-hero{grid-template-columns:1fr;min-height:0;padding:124px 0 32px;gap:32px}.mark-hero h1{font-size:44px;line-height:52px;letter-spacing:-1px}.mark-hero .lead{font-size:20px;line-height:28px}.mark-hero .mark-promo-art{height:290px}.mark-hero .button{font-size:11px}.meaning-grid{grid-template-columns:1fr}.meaning-grid .detail-card{padding:28px 24px}.meaning-grid .detail-card h2{font-size:28px;line-height:36px}.mark-guidance{display:block;padding:8px 4px 24px}.mark-guidance>img{width:96px;height:96px;margin-bottom:28px}.mark-guidance h2{font-size:29px;line-height:37px}.mark-guidance p{font-size:15px;line-height:25px}.timeline{grid-template-columns:1fr;padding-block:8px 24px;gap:40px}.timeline h2{font-size:28px;line-height:36px}.timeline article>p:not(.eyebrow){font-size:15px;line-height:25px}.timeline .button{font-size:11px}.contact-heading+.contact{padding:36px 20px 40px}.contact-details{grid-template-columns:1fr;padding-block:48px;gap:40px}.contact-details h2{font-size:29px;line-height:37px}.contact-details p:not(.eyebrow){font-size:15px;line-height:25px}.contact-details a{font-size:16px;line-height:24px}.inventors+.editorial{padding-top:48px}}

/* The official wordmark keeps its original wide proportions. */
.home-hero #hero-title{line-height:0;margin:24px 0 16px}.home-hero .hero-wordmark{display:block;width:520px;max-width:100%;height:auto;margin-inline:auto}.home-hero .hero-subtitle{font-size:32px;line-height:40px;letter-spacing:-.5px;font-weight:500;margin-top:0}.home-hero .hero-description{font-size:24px;line-height:32px;max-width:670px;margin-top:24px}
@media(max-width:850px){.home-hero .hero-wordmark{width:440px}.home-hero .hero-subtitle{font-size:28px;line-height:36px}.meaning-grid{grid-template-columns:1fr}}
@media(max-width:560px){.home-hero .hero-wordmark{width:300px}.home-hero .hero-subtitle{font-size:24px;line-height:32px;letter-spacing:-.3px;max-width:310px;margin:0 auto}.home-hero .hero-description{font-size:20px;line-height:28px;max-width:330px;margin-top:24px}}
.hero .background-video{filter:none}.hero>.background-video~.video-shade{background:radial-gradient(ellipse at center,#01060428,transparent 68%)}
@media(max-width:560px){.hero .background-video{object-position:75% center}.hero>.background-video~.video-shade{background:#02080512}}
.mark-guidance>img{width:180px;height:auto}
@media(max-width:850px){.mark-guidance>img{width:150px;height:auto}}
@media(max-width:560px){.mark-guidance>img{width:175px;height:auto;margin-bottom:30px}}

/* Original full-colour UPM artwork sits directly on the cinematic background. */
.home-hero .hero-content{top:24%}.university-affiliation{display:inline-flex;align-items:center;justify-content:center;gap:16px;text-align:left;max-width:100%}.affiliation-logo{display:block;flex:none;padding:0;background:transparent}.affiliation-logo img{display:block;width:110px;height:auto}.university-affiliation .kicker{font-size:14px;line-height:20px;letter-spacing:.5px}.university-affiliation:hover .kicker{text-decoration:underline;text-underline-offset:5px}
@media(max-width:560px){.university-affiliation{gap:12px}.affiliation-logo img{width:85px}.university-affiliation .kicker{font-size:11px;line-height:16px;letter-spacing:.35px;max-width:162px}}

/* Sage accents add hierarchy while the cinematic background stays dark. */
:root{--text:#e8eee8;--muted:#c1cec3;--accent:#a6d1a6}
.hero h1,.hero-title,.page-heading h1,.mark-hero h1{color:#f6f8f4}
.hero .kicker,.eyebrow{color:#a9c997}.home-hero .hero-subtitle{color:#b6d59f}.hero-description{color:#d0dbd1}
.intro h2,.reading h2,.section-heading h2,.page-cta h2,.people-promo h2{color:#bed8aa}
.intro-copy>p,.reading>p,.people-promo p:not(.eyebrow),.page-cta>p{color:#c8d4ca}
.card-copy h3{color:#c9dfb9}.card-copy p{color:#c4d1c6}
.site-header nav a{color:#d0dbd1}.site-header nav a[aria-current="page"],.site-header nav a:hover{color:#b6d59f}
.button{background:#a6d1a6;color:#092414}.button:hover{background:#bde1b6;color:#092414}
.button-white{background:transparent;color:#d4e6c9;border-color:#8ba58f}.button-white:hover{background:#263b2b;color:#f4f7ef;border-color:#a6d1a6}
.university-affiliation .kicker{color:#d5dfd3}.affiliation-logo img{filter:none;opacity:1}

/* Cinematic agricultural imagery for the three programme priorities. */
.priority-visual{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:8/5;background:#0b1e13}
.priority-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.76) saturate(.75);transition:filter .4s ease}
.priority-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06251512 35%,#15241ac4 100%),linear-gradient(90deg,#092a1b20,#0a281a28)}
.feature-card:hover .priority-visual img{filter:brightness(.84) saturate(.85)}
.feature-card .priority-visual+.card-copy{padding-top:20px}