/* Shared redesign for the six institutional pages. */
.creative-page { --creative-ink:#153c2e; --creative-gold:#c88a2c; --creative-paper:#f6f8f4; }
.creative-page main { overflow:clip; }
.creative-page main [id] { scroll-margin-top:105px; }
.creative-page .section-padding { padding:80px 0; }
.creative-hero { position:relative; isolation:isolate; overflow:hidden; padding:130px 0 0; color:#fff; background:linear-gradient(115deg,#102e24 0%,#1c4c38 58%,#2b6047 100%); }
.creative-hero::after { content:'';position:absolute;z-index:-1;width:560px;height:560px;right:-240px;top:-100px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02; }
.creative-hero-inner { display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;position:relative;z-index:1;padding-bottom:65px; }
.creative-breadcrumb { display:flex;flex-wrap:wrap;gap:12px;color:#c6d7cc;font-size:.74rem;margin-bottom:30px; }
.creative-breadcrumb a:hover { color:#f5cf8b; }
.creative-eyebrow { display:block;color:#a96e20;font-size:.68rem;letter-spacing:1.8px;line-height:1.8;font-weight:700;margin-bottom:15px;text-transform:uppercase; }
.creative-hero .creative-eyebrow { color:#edc98f; }
.creative-hero h1 { font-size:clamp(2.3rem,4vw,3.65rem);font-weight:700;line-height:1.16;letter-spacing:-1.6px;margin:0 0 24px; }
.creative-hero h1 em { font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#f0c989; }
.creative-hero-copy>p { color:#d6e3d9;font-size:.96rem;line-height:1.9;max-width:570px;margin-bottom:30px; }
.creative-hero-actions { display:flex;align-items:center;flex-wrap:wrap;gap:23px; }
.creative-page .creative-button { border:1px solid #efd4a4;background:#efd4a4;color:#163c2e;border-radius:8px;font-size:.72rem;letter-spacing:.4px;padding:15px 21px;box-shadow:0 6px 20px #071b1920;gap:18px; }
.creative-page .creative-button:hover { background:#fff;border-color:#fff;transform:translateY(-2px); }
.creative-text-link { display:flex;align-items:center;gap:12px;font-size:.76rem;border-bottom:1px solid #ffffff40;padding:10px 0;color:#eff5f0; }
.creative-text-link:hover { color:#f0c989; }
.creative-hero-image { position:relative;margin:10px 0 35px;padding:0 12px 0 0; }
.creative-hero-image>img { width:100%;height:350px;object-fit:cover;border-radius:22px 70px 22px 22px;border:1px solid #ffffff30;box-shadow:0 25px 60px #061b2333; }
.creative-hero-image figcaption { position:absolute;left:-25px;right:45px;bottom:-31px;display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #e5ece5;border-radius:12px;padding:20px 22px;color:#153c2e;box-shadow:0 15px 40px #071b1926; }
.creative-caption-icon { width:46px;height:46px;background:#eef4eb;color:#996823;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:1.2rem; }
.creative-hero-image figcaption strong { font-size:.86rem;display:block;margin-bottom:4px; }
.creative-hero-image figcaption div>span { color:#66796c;font-size:.7rem;display:block;line-height:1.7; }
.creative-image-label { position:absolute;top:20px;left:20px;font-size:.62rem;letter-spacing:1.2px;font-weight:700;color:#fff;background:#153c2ed9;padding:10px 14px;border-radius:6px;backdrop-filter:blur(8px); }
.creative-image-label span { display:block;font-size:.5rem;letter-spacing:.8px;opacity:.85;margin-top:3px; }
.creative-hero-bottom { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;padding-bottom:18px;border-top:1px solid #ffffff20;color:#cbd9cf;font-size:.72rem; }
.creative-hero-bottom>span i { color:#e9bf78;margin-right:8px; }
.background-motion-toggle { display:flex;align-items:center;gap:8px;border:0;background:none;color:#cbd9cf;cursor:pointer;font:inherit;font-size:.66rem;padding:8px; }
.background-motion-toggle:hover { color:#fff; }
.background-motion-toggle:disabled { cursor:default; }
.page-icon-background { position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden; }
.page-icon-background i { position:absolute;color:#d9eacd;opacity:.065;font-size:70px;animation:creative-icon-drift 17s ease-in-out infinite alternate; }
.page-icon-background i:nth-child(1) { left:2%;top:24%;font-size:100px;animation-delay:-4s; }
.page-icon-background i:nth-child(2) { left:39%;top:8%;font-size:75px;animation-duration:21s;animation-delay:-9s; }
.page-icon-background i:nth-child(3) { left:46%;bottom:5%;font-size:94px;animation-delay:-12s; }
.page-icon-background i:nth-child(4) { right:3%;top:16%;font-size:112px;animation-duration:23s;animation-delay:-7s; }
.page-icon-background i:nth-child(5) { left:19%;bottom:7%;font-size:56px;animation-duration:20s; }
.page-icon-background i:nth-child(6) { right:2%;bottom:11%;font-size:78px;animation-delay:-11s; }
@keyframes creative-icon-drift { from{transform:translate3d(0,0,0) rotate(-9deg)} to{transform:translate3d(10px,-22px,0) rotate(10deg)} }
.creative-page.motion-paused .page-icon-background i,.creative-hero.motion-offscreen .page-icon-background i { animation-play-state:paused; }

.creative-section { padding:85px 0; }
.creative-tinted { background:var(--creative-paper); }
.creative-section h2 { font-size:clamp(1.8rem,3vw,2.5rem);color:var(--creative-ink);line-height:1.3;letter-spacing:-.75px;margin-bottom:25px; }
.creative-section h2 span { color:#8d6c35; }
.creative-story-grid { display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center; }
.creative-story-grid p { font-size:.89rem;line-height:1.95;color:#607067;margin-bottom:19px; }
.creative-story-grid .creative-lead { font-size:1.04rem;color:#334f3e; }
.creative-inline-link { display:inline-flex;gap:16px;align-items:center;font-size:.8rem;font-weight:600;color:#1f4e3d;margin-top:10px;padding-bottom:8px;border-bottom:1px solid #b9cdbc; }
.creative-story-media { position:relative;padding-bottom:45px; }
.creative-story-media>img { width:100%;height:390px;object-fit:cover;border-radius:18px; }
.creative-note { position:absolute;bottom:0;left:-28px;width:275px;padding:25px 28px;background:#f1e6d0;border-radius:12px;box-shadow:0 12px 30px #183d2915; }
.creative-note>span { display:block;font-size:.6rem;font-weight:700;letter-spacing:1.6px;color:#745f3a;margin-bottom:10px; }
.creative-note strong { display:block;font-family:Georgia,serif;font-size:1.8rem;line-height:1.2;color:#234631;margin-bottom:13px; }
.creative-note p { font-size:.73rem;line-height:1.8;margin:0;color:#635c4d; }
.creative-pillars { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:70px;gap:25px; }
.creative-pillars article { padding:28px;border-top:2px solid #b78a43;background:#f8faf6;border-radius:0 0 12px 12px;position:relative; }
.creative-pillars article>span { position:absolute;right:24px;top:20px;color:#c2ccbf;font-family:Georgia,serif;font-size:2rem; }
.creative-pillars article>i { color:#9c7738;font-size:1.45rem;margin-bottom:22px; }
.creative-pillars h3 { color:#234a35;font-size:1rem;margin-bottom:10px; }
.creative-pillars p { color:#657065;font-size:.81rem;line-height:1.9; }
.creative-section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:35px; }
.creative-section-heading h2 { margin-bottom:0; }
.creative-section-heading>p { max-width:430px;font-size:.87rem;line-height:1.9;color:#647267; }
.creative-explore-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px; }
.creative-explore-grid>a { padding:32px;background:#fff;border:1px solid #e0e8dd;border-radius:16px;transition:transform .25s,box-shadow .25s; }
.creative-explore-grid>a:hover { transform:translateY(-5px);box-shadow:0 15px 35px #193a2910; }
.creative-explore-grid>a>i { display:grid;place-items:center;height:55px;width:55px;background:#ecf2e7;border-radius:14px;color:#527345;font-size:1.3rem;margin-bottom:25px; }
.creative-explore-grid h3 { color:#204b35;font-size:1.15rem;margin-bottom:10px; }
.creative-explore-grid p { font-size:.84rem;line-height:1.8;color:#6a746a;margin-bottom:25px; }
.creative-explore-grid a>span { display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.72rem;font-weight:600;color:#235138;border-top:1px solid #e6ece2;padding-top:17px; }

.creative-purpose-grid { display:grid;grid-template-columns:1fr 1fr;gap:30px; }
.creative-purpose-grid article { padding:40px;border-radius:20px; }
.creative-purpose-grid > .creative-vision { background:#194631;color:#eff7ef;position:relative;overflow:hidden; }
.creative-purpose-grid > .creative-mission { background:#f6f1e7;border:1px solid #ebe0ca;color:#354c3d; }
.creative-purpose-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;font-size:.67rem;letter-spacing:1.5px;font-weight:700; }
.creative-purpose-top i { font-size:1.6rem; }
.creative-purpose-grid > .creative-vision .creative-purpose-top { color:#e8c98d; }
.creative-purpose-grid > .creative-mission .creative-purpose-top { color:#9c7738; }
.creative-purpose-grid h3 { font-size:1.65rem;line-height:1.4;letter-spacing:-.4px;margin-bottom:22px; }
.creative-purpose-grid p { font-size:.86rem;line-height:1.95;margin-bottom:18px; }
.creative-purpose-grid > .creative-vision p { color:#d3e2d3; }
.creative-purpose-grid > .creative-mission p { color:#657164; }
.creative-purpose-grid ul { border-top:1px solid #ffffff30;padding-top:20px;margin-top:25px; }
.creative-purpose-grid > .creative-mission ul { border-top-color:#ddd5bf; }
.creative-purpose-grid li { position:relative;padding:7px 0 7px 20px;font-size:.79rem;line-height:1.8; }
.creative-purpose-grid li::before { content:'';position:absolute;left:0;top:16px;height:5px;width:5px;border-radius:50%;background:#bc954e; }
.creative-values-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px; }
.creative-values-grid article { background:#fff;border:1px solid #e5eade;padding:28px 24px;border-radius:14px; }
.creative-values-grid i { font-size:1.5rem;color:#91723f;margin-bottom:24px; }
.creative-values-grid h3 { color:#244e34;font-size:.96rem;margin-bottom:12px; }
.creative-values-grid p { font-size:.8rem;line-height:1.9;color:#687365; }

/* A letter-like presentation gives the Dean's message room to breathe. */
.creative-page .dean-desk-section { background:#f6f8f4;padding:80px 0; }
.creative-page .dean-desk-card { display:grid;grid-template-columns:300px 1fr;gap:60px;padding:50px;background:#fff;border:1px solid #e3e9df;border-radius:22px;box-shadow:0 18px 55px #1b3b2910;align-items:start; }
.creative-page .dean-desk-card::after { display:none; }
.creative-page .dean-portrait-wrap { padding:0;text-align:left; }
.creative-page .dean-photo-frame { border-radius:16px;max-width:100%;width:100%;border:0;padding:0;box-shadow:none;background:#edf1e8; }
.creative-page .dean-photo-frame img { width:100%;height:340px;object-fit:cover;object-position:top;border-radius:16px; }
.creative-page .dean-seal-badge { position:static;transform:none;display:inline-flex;margin:20px 0 17px;background:#f4eddf;color:#83662e;font-size:.65rem;box-shadow:none;white-space:normal; }
.creative-page .dean-details { text-align:left; }
.creative-page .dean-details h4 { font-size:1.1rem; }
.creative-page .dean-message-body h2 { font-size:1.9rem!important;line-height:1.35; }
.creative-page .dean-message-body blockquote { background:#f4f7ef;border-left:3px solid #b49452;padding:22px 25px;font-family:Georgia,serif;font-size:1.25rem;font-style:italic;line-height:1.65;color:#365138;margin:24px 0;border-radius:0 12px 12px 0; }
.creative-page .dean-message-body p { color:#626e62;font-size:.9rem;line-height:2; }
.creative-page .dean-sign-off { gap:20px;flex-wrap:wrap;border-top:1px solid #e2e9dd;margin-top:30px;padding-top:24px; }

/* Facilities and laboratories keep their filters, details and image controls. */
.creative-page .facilities-super-section,.creative-page .labs-deep-dive-section { padding:80px 0;background:#f8faf6; }
.creative-page .section-header { text-align:left;max-width:850px;margin-bottom:40px; }
.creative-page .section-header .section-title-large { display:block;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.3;letter-spacing:-.7px;margin:18px 0; }
.creative-page .section-title-large span { color:#8e743e; }
.creative-page .section-subtitle-text { max-width:760px;margin:0;font-size:.9rem;line-height:1.9;color:#657162; }
.creative-page .section-tag-pill { background:#edf2e7;border:1px solid #dce6d6;color:#607749;font-size:.67rem;letter-spacing:.6px;padding:7px 12px; }
.creative-page .farmhouse-spotlight { background:#204a35;border:0;border-radius:22px;box-shadow:0 14px 45px #153d2010;grid-template-columns:1.15fr 1fr;overflow:hidden;margin-bottom:45px; }
.creative-page .farmhouse-spotlight-content { padding:40px; }
.creative-page .farmhouse-spotlight-content h3 { font-size:2rem;line-height:1.3; }
.creative-page .farmhouse-spotlight-content h3 span { color:#ead2a3; }
.creative-page .farmhouse-spotlight-content>p { font-size:.85rem;line-height:1.9;color:#d8e4d6; }
.creative-page .farmhouse-spotlight-media img { height:100%;min-height:430px;object-fit:cover; }
.creative-page .farmhouse-highlights-grid { gap:18px; }
.creative-page .fh-item { font-size:.8rem; }
.creative-page .facility-filter-tabs { justify-content:flex-start;gap:9px;flex-wrap:wrap;margin-bottom:30px; }
.creative-page .facility-tab-btn { border:1px solid #dce5d7;border-radius:7px;background:#fff;padding:11px 15px;font-size:.74rem;box-shadow:none; }
.creative-page .facility-tab-btn.active { background:#254d36;border-color:#254d36;color:#fff; }
.creative-page .facilities-cards-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:25px; }
.creative-page .facility-item-card { border:1px solid #e0e7d9;border-radius:15px;box-shadow:0 7px 25px #243c1c06; }
.creative-page .facility-item-card:hover { border-color:#becfae;box-shadow:0 15px 40px #243c1c12;transform:translateY(-4px); }
.creative-page .facility-card-media { height:210px; }
.creative-page .facility-card-body { padding:25px; }
.creative-page .facility-card-body h3 { font-size:1.05rem;line-height:1.5; }
.creative-page .facility-card-body p { font-size:.8rem;line-height:1.9;color:#677460; }
.creative-page .facility-card-badge { font-size:.6rem;padding:7px 11px; }
.creative-page .facility-card-footer { gap:12px;flex-wrap:wrap; }
.creative-page .facility-card-footer .capacity-tag { font-size:.65rem; }
.creative-page .facility-view-btn { font-size:.7rem; }
.creative-page .farmhouse-spotlight .facility-view-btn { padding:12px 18px;font-size:.75rem; }
.creative-page .labs-matrix-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;counter-reset:lab-number; }
.creative-page .lab-box-card { background:#fff;border:1px solid #e0e7d9;border-radius:16px;padding:32px;position:relative;display:flex;flex-direction:column;align-items:flex-start;counter-increment:lab-number;box-shadow:0 8px 24px #1f422005; }
.creative-page .lab-box-card::after { content:'LAB / 0' counter(lab-number);position:absolute;right:30px;top:35px;color:#8b9b80;letter-spacing:1.5px;font-size:.65rem; }
.creative-page .lab-box-card:hover { border-color:#c7d4bb;transform:translateY(-3px);box-shadow:0 15px 35px #1f42200c; }
.creative-page .lab-box-icon { width:57px;height:57px;border-radius:14px;background:#edf3e6;color:#6b804d;margin-bottom:22px; }
.creative-page .lab-box-card:hover .lab-box-icon { background:#254d36;color:#fff;transform:none; }
.creative-page .lab-box-card h4 { font-size:1.15rem;line-height:1.5;margin-bottom:14px; }
.creative-page .lab-box-card p { font-size:.86rem;line-height:1.85; }
.creative-page .lab-equipment-preview { width:100%;padding:17px 20px;background:#f7f9f3;border:1px solid #e9eedf;border-radius:8px;font-size:.78rem;margin:22px 0;line-height:1.9; }
.creative-page .lab-detail-trigger { margin-top:auto;font-size:.78rem;padding:12px 0;border:0;background:transparent;color:#315b3c; }

/* Contact: three clear routes, followed by the requested map-and-enquiry pair. */
.creative-page .contact-details { background:#fff; }
.creative-page .contact-section-heading { text-align:left;max-width:none;margin-bottom:32px; }
.creative-page .contact-section-heading h2 { font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.6px; }
.creative-page .contact-card-grid { gap:25px; }
.creative-page .contact-card { border:1px solid #e1e9da;border-bottom:3px solid #b39860;border-radius:16px;padding:32px 26px;box-shadow:0 8px 30px #1d401505; }
.creative-page .contact-card:hover { border-bottom-color:#254c36;box-shadow:0 15px 35px #1d401510; }
.creative-page .contact-icon { background:#eef3e7;color:#6c8050;border-radius:14px; }
.creative-page .contact-card h3 { font-size:1.2rem;margin:22px 0 17px; }
.creative-page .contact-card .contact-number { color:#214b33; }
.creative-page .contact-enquiry { background:#f3f6ef;border-top:1px solid #e6eddf; }
.creative-page .contact-enquiry-grid { grid-template-columns:1fr 1.05fr;gap:50px;align-items:start; }
.creative-page .contact-enquiry-map { padding-top:20px; }
.creative-page .contact-enquiry-map h2 { font-size:2rem; }
.creative-page .contact-enquiry-map .contact-map { height:410px;border:1px solid #dce7d2;border-radius:15px; }
.creative-page .contact-form { border:1px solid #e0e8d8;border-radius:20px;padding:35px;box-shadow:0 15px 45px #23451a08; }
.creative-page .contact-form h3 { font-size:1.55rem;line-height:1.35;margin-bottom:15px; }
.creative-page .contact-form label { font-size:.74rem; }
.creative-page .contact-form input,.creative-page .contact-form select,.creative-page .contact-form textarea { border-color:#d9e2d0;border-radius:8px;padding:13px 14px;background:#fcfdfb; }
.creative-page .contact-form .btn { border-radius:8px;padding:15px;background:#244e35; }
.creative-page main a:focus-visible,.creative-page main button:focus-visible,.creative-page main input:focus-visible,.creative-page main select:focus-visible,.creative-page main textarea:focus-visible { outline:3px solid #c88a2c;outline-offset:4px; }

@media(max-width:1100px) {
.creative-hero-inner{gap:35px}.creative-hero h1{font-size:2.8rem}.creative-hero-image>img{height:310px}.creative-story-grid{gap:45px}.creative-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-page .dean-desk-card{grid-template-columns:240px 1fr;gap:35px;padding:35px}.creative-page .dean-photo-frame img{height:300px}.creative-page .facilities-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-page .farmhouse-spotlight-content{padding:30px}.creative-page .contact-enquiry-grid{gap:30px}
}
@media(max-width:767px) {
.creative-hero{padding-top:110px}.creative-hero-inner{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.creative-hero h1{font-size:2.65rem;letter-spacing:-1px}.creative-hero-copy>p{font-size:.9rem}.creative-breadcrumb{margin-bottom:24px}.creative-hero-image{margin:0 0 32px;padding:0}.creative-hero-image>img{height:250px;border-radius:16px 45px 16px 16px}.creative-hero-image figcaption{left:12px;right:12px;bottom:-32px;padding:17px;gap:12px}.creative-hero-image figcaption strong{font-size:.78rem}.creative-hero-image figcaption div>span{font-size:.65rem}.creative-hero-bottom{align-items:flex-start;gap:12px;font-size:.65rem}.background-motion-toggle{font-size:.6rem;padding:0;text-align:left}.creative-hero-bottom>span{max-width:48%}.creative-section,.creative-page .section-padding,.creative-page .facilities-super-section,.creative-page .labs-deep-dive-section,.creative-page .dean-desk-section{padding:50px 0}.creative-story-grid,.creative-purpose-grid{grid-template-columns:1fr;gap:30px}.creative-story-media{margin-left:12px}.creative-story-media>img{height:310px}.creative-note{left:-12px;width:250px}.creative-pillars,.creative-explore-grid{grid-template-columns:1fr;gap:20px}.creative-pillars{margin-top:40px}.creative-section-heading{flex-direction:column;align-items:flex-start;gap:20px}.creative-purpose-grid article{padding:28px}.creative-purpose-grid h3{font-size:1.5rem}.creative-values-grid{gap:15px}.creative-values-grid article{padding:22px 18px}.creative-page .dean-desk-card{grid-template-columns:1fr;padding:25px;gap:30px}.creative-page .dean-portrait-wrap{max-width:320px;width:100%;margin:auto}.creative-page .dean-message-body h2{font-size:1.65rem!important}.creative-page .dean-message-body blockquote{font-size:1.12rem;padding:20px}.creative-page .farmhouse-spotlight{grid-template-columns:1fr}.creative-page .farmhouse-spotlight-content{padding:27px}.creative-page .farmhouse-spotlight-content h3{font-size:1.7rem}.creative-page .farmhouse-spotlight-media img{height:270px;min-height:0}.creative-page .farmhouse-highlights-grid{grid-template-columns:1fr}.creative-page .facilities-cards-grid,.creative-page .labs-matrix-grid{grid-template-columns:1fr}.creative-page .facility-filter-tabs{gap:7px}.creative-page .facility-tab-btn{font-size:.66rem;padding:10px 12px}.creative-page .lab-box-card{padding:26px}.creative-page .contact-enquiry-grid{grid-template-columns:1fr;gap:35px}.creative-page .contact-card-grid{grid-template-columns:1fr}.creative-page .contact-form{padding:25px}.creative-page .contact-enquiry-map .contact-map{height:300px}.creative-page .contact-form h3{font-size:1.35rem}.creative-page .section-header .section-title-large{font-size:1.9rem}
}
@media(max-width:400px) {.creative-hero h1{font-size:2.3rem}.creative-values-grid{grid-template-columns:1fr}.creative-hero-bottom{flex-direction:column}.creative-hero-bottom>span{max-width:none}}
@media(prefers-reduced-motion:reduce) {
.page-icon-background i{animation:none!important}.creative-page main *, .creative-page main *::before,.creative-page main *::after{scroll-behavior:auto!important;transition:none!important}.creative-page .animate-on-scroll{opacity:1!important;transform:none!important}
}