/* Consistent teal header on every page. */
.header{background:#185b59f8;border-bottom:1px solid #c5ac7055;color:var(--paper)}.header nav{color:var(--paper)}.header .button{border:1px solid #c5ac7090;color:var(--paper);background:transparent;border-radius:0}.menu-toggle{color:var(--paper);border-color:#c5ac7080}.header nav a[aria-current=page]:not(.button){text-decoration-color:var(--brass)}
@media(max-width:1200px){.header nav{background:var(--teal)}.header nav .button{border-color:var(--brass)}}
/* Requested Option B boxes on the Option A approach page. */
.page-approach .commitments article,.page-approach .commitments article:nth-child(2){border:0;border-top:2px solid var(--brass);border-radius:0;background:#edf3f1;padding:30px}.page-approach .commitments article:nth-child(3){background:var(--teal);color:var(--paper)}.page-approach .commitments article:nth-child(3) h3,.page-approach .commitments article:nth-child(3) .number{color:var(--paper)}.page-approach .commitments article:nth-child(3) .commitment-top svg{stroke:var(--brass)}
/* Option B gold divider under the collaboration introduction. */
.page-work .work-heading{border-bottom:1px solid var(--brass);padding-bottom:40px}
@media(max-width:700px){.page-approach .commitments article{padding:25px}.page-work .work-heading{padding-bottom:30px}}

/* Separate page arrangements for review. */
.alternative-review-nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding:14px var(--gutter);background:#edf3f1;border-bottom:1px solid var(--line);font:500 12px Manrope,sans-serif}.alternative-review-nav>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#687a72}.alternative-review-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:6px}
.alternative-philosophy{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding-block:65px;align-items:center}.alternative-philosophy h1{font-size:clamp(31px,3vw,46px);line-height:1.24}.alternative-philosophy .about-definition{grid-column:auto;grid-row:auto;align-self:center;padding:45px;border-radius:75px 0 0 0}.alternative-approach-intro{padding-block:60px 25px}.alternative-approach-intro h1{font-size:clamp(40px,4vw,62px);margin-bottom:30px}.alternative-approach-intro .principles-intro{max-width:1080px;font-size:22px;line-height:1.65;margin:0}.alternative-page .approach{padding-top:45px}
@media(max-width:700px){.alternative-review-nav{gap:12px 22px;padding-block:14px}.alternative-review-nav>span{flex-basis:100%}.alternative-philosophy{grid-template-columns:1fr;gap:35px;padding-block:38px}.alternative-philosophy h1{font-size:31px}.alternative-philosophy .about-definition{padding:32px}.alternative-approach-intro{padding-block:38px 15px}.alternative-approach-intro .principles-intro{font-size:20px}}

/* Keep the main page links directly visible in the teal header. */
.header .menu-toggle{display:none}
.header #navigation,.header #navigation.open{display:flex;position:static;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;width:auto;max-height:none;overflow:visible;padding:0;gap:12px 19px;box-shadow:none;font-size:11px}
.header #navigation>a{white-space:nowrap}
.header #navigation>a:not(.button){padding:8px 0}
.header #navigation .button{margin:0}
@media(max-width:1100px){.header .header-inner{flex-wrap:wrap;justify-content:center;gap:12px;padding-block:16px}.header #navigation{width:100%;justify-content:center;gap:8px 20px}}
@media(max-width:600px){.header{position:relative}.header #navigation{gap:6px 16px;font-size:11px}.header #navigation .button{min-height:36px;padding:7px 12px}.header .header-inner{gap:10px}}

/* Enquiry forms */
.enquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start;padding-block:65px}.enquiry h1{font-size:clamp(38px,4vw,58px);margin-bottom:28px}.enquiry-intro>p{font-size:21px}.enquiry-contact{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--brass);padding-top:24px;margin-top:30px}.enquiry-contact a{color:var(--teal)}.enquiry-intro .enquiry-switch{font-size:17px;margin-top:35px}.enquiry-switch a{text-decoration:underline;text-underline-offset:4px}.enquiry-form{background:#edf3f1;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:2px solid var(--brass)}.form-field{min-width:0}.enquiry-form .full{grid-column:1/-1}.enquiry-form label{display:block;font:600 12px/1.5 Manrope,sans-serif;color:var(--teal);margin-bottom:8px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{box-sizing:border-box;width:100%;min-height:46px;border:1px solid #185b5940;border-radius:0;background:var(--paper);color:var(--body);font:400 17px/1.5 'Source Sans 3',sans-serif;padding:10px 12px}.enquiry-form textarea{resize:vertical}.enquiry-form :is(input,select,textarea):focus-visible{outline:2px solid var(--teal);outline-offset:2px}.enquiry-form .form-note{font-size:15px;line-height:1.5;margin:0}.enquiry-form button{cursor:pointer}.email-draft[hidden]{display:none}.email-draft{border-top:1px solid var(--brass);padding-top:24px}.email-draft h2{font-size:26px;margin-bottom:14px}.email-draft p{font-size:16px}.email-draft label{margin-top:22px}.copy-enquiry{background:transparent;border:0;border-bottom:1px solid var(--brass);margin-top:8px}.approach-supporting-sketch{max-width:1000px;margin:50px auto 0}.page-approach .alternative-approach-intro h1{max-width:1100px;font-size:clamp(38px,4vw,58px)}
@media(max-width:800px){.enquiry{grid-template-columns:1fr;gap:30px;padding-block:38px}.enquiry-form{padding:24px}.enquiry-contact{margin-top:22px}.enquiry-intro .enquiry-switch{margin-top:20px}}
@media(max-width:480px){.enquiry-form{grid-template-columns:1fr;padding:20px;gap:18px}.enquiry h1{font-size:38px}}

/* Partnership region selections and contact address. */
.enquiry-intro>h2{font-size:clamp(36px,4vw,54px);margin-bottom:28px}.region-options{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px;min-width:0}.region-options legend{font:600 12px/1.5 Manrope,sans-serif;color:var(--teal);margin-bottom:12px}.enquiry-form .region-options label{display:flex;align-items:center;gap:9px;margin:0;min-height:32px;cursor:pointer}.enquiry-form .region-options input{width:18px;height:18px;min-height:0;padding:0;margin:0;accent-color:var(--teal);flex-shrink:0}.enquiry-contact address{font-style:normal;line-height:1.6;margin:8px 0}.page-partners #enquiry{border-top:1px solid var(--brass);scroll-margin-top:160px}
.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{margin:0;font-size:17px;line-height:1.5}.form-status:empty,.form-security:empty{display:none}.form-status[data-state=success],.form-status[data-state=preview]{border-left:3px solid var(--brass);padding:16px;background:var(--paper)}.form-status[data-state=error]{color:#8b332b}.review-form-note{font-size:14px;line-height:1.5;border-bottom:1px solid var(--line);padding-bottom:14px;margin:0;color:#526b64}.enquiry-form button:disabled{opacity:.6;cursor:wait}

/* Keep the logo beside the navigation in compact review windows too. */
.header .header-inner{flex-wrap:nowrap;justify-content:space-between;gap:24px}
.header #navigation,.header #navigation.open{width:auto;flex:1;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(10px,1.2vw,19px)}
@media(max-width:1100px){.header .header-inner{padding-block:16px}.header .brand img{width:170px}.header #navigation{font-size:10px;gap:12px}.header #navigation .button{padding:8px 12px}}
@media(max-width:850px){.header .header-inner{width:100%;padding-inline:20px;gap:22px;overflow-x:auto;justify-content:flex-start}.header .brand img{width:150px}.header #navigation,.header #navigation.open{flex:0 0 auto;justify-content:flex-start;gap:16px}.header #navigation>a{flex-shrink:0}}
@media(max-width:850px){.header .header-inner{overflow:visible}.header #navigation,.header #navigation.open{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding-block:3px}.header #navigation::-webkit-scrollbar{display:none}}