/* One restrained palette across every state: ink, white and cool paper. */
:root{--navy:#0c2946;--deep:#071d32;--blue:#365873;--muted:#50677c;--line:#dbe4eb;--paper:#f4f7fa;--ice:#e9eff4;--cinema-ink:#071d32;--cinema-ice:#d7e4ef;--ease-polish:cubic-bezier(.22,.7,.2,1)}
html{background:#fff;scrollbar-color:#9babb9 #edf2f6;scrollbar-gutter:stable;overflow-x:clip}
body{background:#fff;color:var(--navy)}
main{overflow-x:clip}
::selection{background:#d5e2ed;color:#0c2946}
a,button{transition-timing-function:var(--ease-polish)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #7897af;outline-offset:5px}
.button,.button.secondary{border-radius:7px;transition:transform .35s var(--ease-polish),background .3s,color .3s,box-shadow .35s}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #071d3210}
.button:active{transform:translateY(0)}
.text-link{border-bottom-color:#a6bacb;transition:border-color .35s,color .35s}
.button:after,.text-link:after,.site-header .portal-link:after{content:none!important;display:none!important}
.cinema-arrow{display:none!important}
.site-header{background:#fffffff5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #e2e9ef}
.site-header.is-scrolled{background:#fffffff7;box-shadow:0 10px 34px #071d3208}
.site-header .portal-link{padding:11px 19px;border-radius:7px;min-height:44px;font-size:11px;background:#0c2946;color:#fff;box-shadow:0 3px 0 #071d3208;transition:background .3s,box-shadow .3s}
.site-header .portal-link:hover{background:#1c405f;box-shadow:0 7px 20px #071d3212}
.site-header .nav a:after{display:block;content:'';height:1px;background:var(--navy);left:0;right:0;bottom:5px;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-polish)}
.site-header .nav a:hover:after,.site-header .nav a[aria-current=page]:after{transform:scaleX(1)}
.reading-progress{height:2px;background:#557a98}

/* Poster and film share their colour treatment, preventing a colour jump. */
.cinema-hero,.cinema-head,.cinema-thanks{isolation:isolate;position:relative;overflow:hidden;background:#071d32;color:#fff}
.cinema-media{inset:-24px 0;filter:saturate(.42) contrast(.98);transform:translate3d(0,var(--film-shift,0px),0);will-change:transform;background-position:var(--film-position,center);background-size:cover}
.cinema-media video{filter:none;object-position:var(--film-position,center);transition:opacity .8s ease;transform:none}
.cinema-hero:before,.cinema-head:before,.cinema-thanks:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#051a2ff0 0%,#071d32cc 43%,#071d326b 77%,#071d3252);pointer-events:none}
.cinema-hero:after,.cinema-head:after,.cinema-thanks:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071d32ee,transparent 44%,#071d3220);pointer-events:none}
body.mtb-signature .cinema-head:before{background:linear-gradient(90deg,#051a2ff5,#071d32ce 45%,#071d3266)}
body.mtb-signature .cinema-hero .hero-grid{min-height:650px;padding-block:72px 58px;grid-template-columns:minmax(0,1fr) 292px;gap:6%}
.cinema-hero .cinema-overline{font-size:9px;letter-spacing:.17em;color:#e0eaf2;margin-bottom:33px}
body.mtb-signature .cinema-hero h1{font-size:clamp(65px,7.1vw,106px);letter-spacing:-.065em;line-height:1.05;font-weight:500;color:#fff}
body.mtb-signature .cinema-hero h1 em{color:#d7e4ef}
body.mtb-signature .cinema-hero .hero-copy>p{color:#e1e9f0;max-width:435px;font-size:15px;line-height:1.9}
.cinema-hero .button{border-radius:7px;padding-inline:23px;font-size:11px;min-height:50px;box-shadow:none}
.cinema-hero .button.secondary{border-color:#ffffff75;background:#ffffff07}
.cinema-hero .button.secondary:hover{background:#ffffff15;border-color:#ffffffad}
.cinema-client{border-color:#ffffff40;background:linear-gradient(145deg,#ffffff18,#ffffff09);border-radius:14px;padding:26px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 70px #03142620;transition:transform .7s var(--ease-polish),border-color .5s,box-shadow .7s;transform:translate3d(0,var(--client-shift,0px),0)}
.cinema-client:hover{border-color:#ffffff70;box-shadow:0 24px 70px #03142635}
.cinema-client .client-kicker{font-size:8px;letter-spacing:.15em;color:#e0eaf2}
.cinema-client h2{font-size:30px;line-height:1.18;letter-spacing:-.035em;font-weight:500}
.cinema-client p{color:#e1eaf2;font-size:11px;line-height:1.9}
.cinema-client a{justify-content:center;background:#ffffffed;color:#0c2946;border:1px solid #ffffffed;border-radius:6px;padding:12px 16px;min-height:44px;font-size:11px;font-weight:700;transition:background .3s,box-shadow .3s}
.cinema-client a:hover{background:#fff;box-shadow:0 8px 25px #03142612}
.cinema-bottom{padding-block:23px 27px;border-top-color:#ffffff35}
.cinema-caption{color:#d5e2ec;font-size:8px;letter-spacing:.15em}
.cinema-disciplines{color:#e0e8ef;font-size:9px;gap:19px}
.cinema-scroll{font-size:8px;gap:13px;color:#d3e1ec}
.cinema-scroll:before{content:'';width:1px;height:24px;background:#d3e1ec80;transform-origin:top;animation:mtb-scroll-cue 2.8s var(--ease-polish) infinite}
@keyframes mtb-scroll-cue{0%,100%{transform:scaleY(.65);opacity:.45}50%{transform:scaleY(1);opacity:1}}
.video-control{border-radius:6px;min-height:38px;border-color:#ffffff4d;background:#071d3229;font-size:9px}
.video-control:hover{background:#ffffff14}
body.mtb-signature .cinema-head{min-height:386px;padding:45px 0 74px}
.cinema-head h1{font-size:clamp(43px,4.8vw,68px);line-height:1.11;letter-spacing:-.05em;max-width:1000px}
.cinema-head p{color:#e0e8ef;font-size:14px;max-width:630px;line-height:1.85;margin-top:23px}
.cinema-head .eyebrow{color:#d0dfeb;letter-spacing:.17em;font-size:9px}
.cinema-head .breadcrumbs{opacity:.8;margin-bottom:31px;color:#d5e2ec}
.cinema-head .breadcrumbs a{color:#d5e2ec}
.cinema-head .head-video-tools{bottom:-46px}
.page-scene-index{position:absolute;right:0;top:0;color:#d7e4ee;font-size:8px;letter-spacing:.16em;display:flex;align-items:center;gap:11px}
.page-scene-index:before{content:'';display:block;width:22px;height:1px;background:#d7e4ee77}

/* Every section keeps its palette as hover and scroll states change. */
.section,.page-body{background:#fff}
.financial-story,.industry-section,.firm-faq,.framework-strip,.firm-founder{background:#f4f7fa;border-color:#e0e7ed}
.story-scene{background:radial-gradient(ellipse at 45% 55%,#fff,#edf2f6 47%,#f4f7fa 73%)}
.story-index:before{background:#f4f7fa}
.section-title span,.story-intro h2 span{color:#647f95}
.mtb-signature .credibility-section{background:#fff;padding-bottom:0}
.mtb-signature .credibility-card{padding:52px 0 58px;background:#fff}
.credibility-value{color:#0c2946}
.mtb-signature .firm-service-card{padding:38px 20px 38px 0;transition:background .5s,box-shadow .5s,border-color .5s;border-top-color:#d8e3eb;position:relative}
.mtb-signature .firm-service-card:before{content:'';position:absolute;inset:0 -22px;z-index:-1;background:#f5f8fa;border-radius:12px;opacity:0;transition:opacity .5s}
.mtb-signature .firm-service-card:hover{background:#f9fbfc;border-color:#adc0cf;box-shadow:12px 0 0 #f9fbfc,-12px 0 0 #f9fbfc}
.mtb-signature .firm-service-card h3{font-size:31px;line-height:1.18;transition:transform .6s var(--ease-polish)}
.mtb-signature .firm-service-card:hover h3{transform:translateX(4px)}
.mtb-signature .client-showroom{background:#fff}
.client-showroom .product-copy .pill,.client-showroom .product-points li{color:#37566e;border-color:#cad8e3;background:#f3f7fa}
.client-showroom .product-copy :is(h2,h3,h4){color:#0c2946}
.client-showroom .product-copy p,.client-showroom .showroom-footer{color:#50677c}
.client-showroom .showroom-footer .text-link{color:#0c2946}
.client-showroom .app-window{box-shadow:9px 11px 0 #e7edf3,0 25px 55px #071d3214}
.showroom.light:not(.client-showroom){background:#0c2946}
.showroom.light:not(.client-showroom) :is(h2,h3){color:#fff}
.showroom.light:not(.client-showroom) :is(.eyebrow,.product-copy p,.section-head>p,.showroom-footer){color:#d2e0eb}
.showroom.light:not(.client-showroom) .product-copy .pill{color:#d7e4ee;border-color:#58758c}
.product-tabs{gap:9px;scrollbar-color:#b0c1ce transparent}
.product-tabs button{border-radius:7px;transition:background .35s,color .35s,border-color .35s;min-height:43px}
.industry-tabs button,.filter-group button{border-radius:7px;transition:background .4s,color .4s,border-color .4s;min-height:44px}
.industry-tabs button[aria-pressed=true],.filter-group button[aria-pressed=true]{background:#0c2946;border-color:#0c2946;color:#fff}
.paper-layer{background:#dfe8f0;border-color:#c4d1dc}.paper-layer.mid{background:#edf2f6}.paper-front{border-color:#ccd9e3}
.industry-art .small-label{background:#0c2946;box-shadow:0 12px 35px #071d3214}
.paper-lines i{background:#d7e2eb}.paper-lines i:nth-child(4){background:#55758e}.paper-lines i:nth-child(5){background:#0c2946}
.catalog-card,.product-card,.leader-card{border-radius:16px;border-color:#dbe5ed;background:#fff;transition:transform .55s var(--ease-polish),box-shadow .55s,border-color .5s}
.catalog-card:hover,.product-card:hover{transform:translateY(-4px);border-color:#a4b9c9;box-shadow:0 20px 50px #071d320b}
.catalog-card .text-link,.product-card .text-link{margin-top:auto}
.catalog-card h2{font-size:29px;line-height:1.18}
.catalog-card li{color:#4b657b;border-color:#e2eaf0}
.service-tools{padding:20px 0 24px;margin-bottom:25px;background:#fff;border-bottom:1px solid #dbe5ed}
.search-field input{border-radius:7px;border-color:#c1d1dd;min-height:44px}
.catalog-card[data-spot],.product-card[data-spot]{background:radial-gradient(500px circle at var(--spot-x,50%) var(--spot-y,30%),#dbe7f130,transparent 65%),#fff}
.final-section{background:#fff;padding-top:42px}
.final-card{background:#0c2946;color:#fff;border-color:#0c2946;border-radius:17px;padding:66px;box-shadow:0 20px 70px #071d320d}
.final-card h2{color:#fff;font-size:clamp(35px,4.4vw,59px)}
.final-card .eyebrow,.final-card p{color:#d7e4ee}
.final-card .button{background:#fff;color:#0c2946;border-color:#fff;min-height:50px;border-radius:7px}
.final-card .text-link{color:#fff;border-bottom-color:#bacfdf}
.volunteer-intro{background:#f4f7fa;border-top:1px solid #e0e8ef}
.site-footer{background:#071d32;color:#fff;border-top:0;padding-top:66px}
.site-footer .footer-brand img{filter:brightness(0) invert(1);opacity:.95}
.site-footer .footer-brand p,.site-footer .footer-col a,.site-footer .footer-bottom{color:#ccdae5}
.site-footer .footer-col h3{color:#f0f5f9;font-size:9px;letter-spacing:.13em}
.site-footer .footer-col a{font-size:11px;transition:color .35s,transform .35s}
.site-footer .footer-col a:hover{color:#fff;transform:translateX(2px)}
.site-footer .footer-bottom{border-top-color:#d1dfeb26;font-size:9px}
.form{border-radius:17px;box-shadow:0 15px 65px #071d3206;border-color:#dce5ed;background:#fff}
.form h2{font-size:32px;letter-spacing:-.04em}
[data-enquiry-form] :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){border-radius:7px;border-color:#aebfcd;box-shadow:none;transition:border-color .3s,box-shadow .3s;background:#fff;color:#0c2946;min-height:49px}
[data-enquiry-form] :is(input,textarea,select):focus{outline:0;border-color:#557b99;box-shadow:0 0 0 3px #557b9912}
.form [type=submit]{border-radius:7px;min-height:49px}
.brief-context,.selection-brief{border-radius:10px;background:#f3f7fa;border-color:#d5e0e8}
.plan-service-choice{border-radius:11px;transition:background .35s,border-color .35s,box-shadow .35s}
.plan-service-choice:has(input:checked){background:#f1f6fa;box-shadow:inset 0 0 0 1px #0c2946}
.planner-progress li,.consultation-progress li{transition:color .3s,background .3s}
.planner-layout aside{border-radius:14px;background:#f4f7fa;border-color:#dbe5ed}

/* Confirmation still depends on the signed receipt; the visual is decorative. */
.cinema-thanks .thanks-layout{position:relative;padding-top:10px}
.cinema-thanks h1{color:#fff;max-width:760px}
.cinema-thanks :is(.eyebrow,.thanks-lead,.thanks-small,.breadcrumbs,.breadcrumbs a){color:#dbe7f0}
.cinema-thanks .thanks-seal{color:#dbe7f0}
.cinema-thanks .seal-ring{background:#ffffff0b;border-color:#ffffff38}
.cinema-thanks .seal-satellite{background:#c8dce9}
.cinema-thanks .thanks-followup{background:#ffffff10;border:1px solid #ffffff35;color:#fff;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.cinema-thanks .thanks-followup :is(p,a,.eyebrow,.followup-index,.followup-foot){color:#dbe7f0}
.cinema-thanks .thanks-followup h2{color:#fff}
.cinema-thanks .followup-foot{border-color:#ffffff30}
.cinema-thanks .thanks-content .button{background:#fff;color:#0c2946;border-color:#fff}
.cinema-thanks .thanks-content .button.secondary{background:transparent;color:#fff;border-color:#ffffff75}
.cinema-thanks .thanks-video-tools{position:relative;display:flex;justify-content:flex-end;margin-top:28px}
.thanks-next{background:#f4f7fa}
.cinema-thanks .thanks-seal{border-color:#ffffff35;box-shadow:8px 8px 0 #ffffff0c,16px 16px 0 #ffffff06}
.cinema-thanks .thanks-followup{box-shadow:0 22px 65px #03142624}
.film-credits h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin-bottom:25px}
.film-credits>p{max-width:760px;font-size:13px}
.film-credits table{border-collapse:collapse;width:min(100%,850px);margin-top:35px;font-size:12px;text-align:left}
.film-credits th,.film-credits td{padding:14px 16px;border-bottom:1px solid #dbe5ed}
.film-credits th{background:#f4f7fa;color:#0c2946;font-weight:650}
.film-credits td a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b9cbd9}

/* Keep the outgoing page underneath the new one throughout the transition. */
::view-transition-old(mtb-content){animation:mtb-page-hold .5s linear both;mix-blend-mode:normal}
::view-transition-new(mtb-content){animation:mtb-page-settle .5s var(--ease-polish) both;mix-blend-mode:normal}
@keyframes mtb-page-hold{from,to{opacity:1;transform:none}}
@keyframes mtb-page-settle{from{opacity:0;transform:none}to{opacity:1;transform:none}}

@media(min-width:1100px){.service-tools{position:sticky;top:83px;z-index:8}.cinema-head .wrap{min-height:268px}}
@media(min-width:1500px){body.mtb-signature .cinema-hero .hero-grid{min-height:710px}}
@media(max-width:1100px){body.mtb-signature .cinema-hero .hero-grid{grid-template-columns:minmax(0,1fr) 255px;gap:4%;min-height:620px}.cinema-client{padding:23px}.cinema-client h2{font-size:26px}.cinema-disciplines{gap:13px}.final-card{padding:46px}}
@media(max-width:760px){.site-header .portal-link{padding:9px 14px;font-size:10px;min-height:43px}.cinema-media{inset:-10px 0;transform:none}.cinema-hero:before{background:linear-gradient(90deg,#051a2fed,#071d32bc),linear-gradient(0deg,#071d3270,transparent)}body.mtb-signature .cinema-hero .hero-grid{display:block;min-height:0;padding:55px 0 29px}.cinema-hero .cinema-overline{font-size:7px;letter-spacing:.12em;gap:9px;margin-bottom:30px}body.mtb-signature .cinema-hero h1{font-size:clamp(49px,10vw,72px);line-height:1.09}body.mtb-signature .cinema-hero .hero-copy>p{font-size:13px;line-height:1.85;max-width:430px;margin-top:24px}.cinema-hero .button{font-size:10px;min-height:47px;padding-inline:17px}.cinema-caption{font-size:7px;line-height:1.8;margin-top:27px}.cinema-hero .cinema-client{margin-top:31px;padding:19px;grid-template-columns:1fr auto;gap:0 12px;border-radius:11px;transform:none}.cinema-client .client-kicker{font-size:7px;margin-bottom:10px;letter-spacing:.1em}.cinema-client h2{font-size:20px;max-width:220px}.cinema-client a{grid-row:1/3;align-self:center;min-width:92px;padding:10px 13px;min-height:43px;font-size:9px;border:1px solid #ffffffed}.cinema-bottom{padding:19px 0 22px}.cinema-disciplines{font-size:7px;gap:8px;max-width:265px}.video-control{min-height:37px;min-width:37px}.cinema-scroll{display:none}body.mtb-signature .cinema-head{min-height:0;padding:34px 0 64px}.cinema-head h1{font-size:clamp(37px,7.5vw,54px);line-height:1.14}.cinema-head p{font-size:12px;line-height:1.85;margin-top:20px;max-width:520px}.cinema-head .breadcrumbs{margin-bottom:25px;font-size:9px}.cinema-head .eyebrow{font-size:8px}.page-scene-index{font-size:7px;top:0;letter-spacing:.1em;gap:7px}.page-scene-index:before{width:13px}.cinema-head .head-video-tools{bottom:-48px}.mtb-signature .credibility-card{padding:36px 0 42px}.mtb-signature .firm-service-card{padding:28px 0}.mtb-signature .firm-service-card h3{font-size:30px}.mtb-signature .firm-service-card:hover h3{transform:none}.catalog-card{padding:29px 26px}.catalog-card h2{font-size:26px}.catalog-card:hover,.product-card:hover{transform:none}.service-tools{padding:0 0 22px;margin-bottom:22px}.final-section{padding-top:15px}.final-card{padding:35px 26px;border-radius:14px;gap:28px}.final-card h2{font-size:36px}.final-card .actions{align-items:flex-start}.site-footer{padding-top:52px}.form{padding:26px 22px}.form h2{font-size:29px}.cinema-thanks .thanks-layout{padding-top:5px}.cinema-thanks .thanks-video-tools{margin-top:23px}}
@media(max-width:390px){.cinema-hero .cinema-overline{font-size:6px;gap:8px}.site-header .portal-link{padding-inline:12px}.cinema-hero .button{font-size:9px;padding-inline:14px}.cinema-hero .cinema-client{padding:17px}.cinema-client h2{font-size:18px}.cinema-client a{min-width:85px;padding-inline:10px}.page-scene-index{display:none}}
@media(prefers-reduced-motion:reduce){.cinema-media{will-change:auto;transform:none}.cinema-scroll:before{animation:none}.cinema-client{transform:none}.catalog-card,.product-card,.mtb-signature .firm-service-card h3{transform:none!important;transition:none}.button:hover{transform:none}::view-transition-old(*),::view-transition-new(*){animation:none!important}}
@media print{.cinema-media,.video-control,.page-scene-index{display:none!important}.cinema-hero,.cinema-head,.cinema-thanks{background:#fff!important;color:#000!important}.cinema-hero:before,.cinema-hero:after,.cinema-head:before,.cinema-head:after,.cinema-thanks:before,.cinema-thanks:after{display:none}body.mtb-signature :is(.cinema-hero,.cinema-head,.cinema-thanks) :is(h1,h2,p,.eyebrow){color:#000!important}.cinema-client{display:none}.cinema-hero .hero-grid{display:block!important;min-height:0!important;padding:20px 0!important}}

@media(max-width:900px){.planner-layout>aside{order:2}.planner-layout>div{order:1}}
