/* MTB — a connected financial story, in navy and white. */
@view-transition{navigation:auto}
main{view-transition-name:mtb-content}.site-header{view-transition-name:mtb-header;transition:background .35s,box-shadow .35s,border-color .35s}
.site-header.is-scrolled{background:#fffffff5;box-shadow:0 8px 32px #08264908;backdrop-filter:blur(18px)}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-old(mtb-content){animation:mtb-page-out .18s ease both}
::view-transition-new(mtb-content){animation:mtb-page-in .48s cubic-bezier(.2,.7,.2,1) .06s both}
::view-transition-group(mtb-header){animation-duration:.4s}
@keyframes mtb-page-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes mtb-page-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:#234e7d;transform:scaleX(var(--reading-progress,0));transform-origin:left;z-index:120;pointer-events:none}
.hero-art{transform:translate3d(0,var(--hero-depth,0px),0)}.hero-line{display:block}.hero-line em{font-style:normal}
.hero-rail{border-top-color:#d7e2ef}.hero-footnote{letter-spacing:.13em}
.mtb-signature .credibility-card{border:0;border-radius:0;box-shadow:none;background:#fff;padding:44px 0 56px;gap:8%}
.mtb-signature .credibility-section{padding:0 0 30px}.credibility-copy h2{max-width:500px}
.financial-story{position:relative;padding:95px 0 60px;background:#f5f8fc;border-block:1px solid #e1e9f3}
.story-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;margin-bottom:55px}
.story-intro h2{font-size:clamp(42px,5vw,72px);line-height:1.06;letter-spacing:-.06em}.story-intro h2 span{color:#5b7593}
.story-intro>p{font-size:14px;max-width:410px;padding-bottom:5px}
.story-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8%;align-items:start}
.story-visual{position:sticky;top:115px;margin:0;min-width:0;align-self:start;padding-top:25px}
.story-scene{position:relative;border-radius:50%;background:radial-gradient(ellipse at 45% 55%,#fff 0,#eaf0f8 45%,#f5f8fc 72%);aspect-ratio:1.08;max-height:620px}
.story-scene:before,.story-scene:after{content:'';position:absolute;inset:9% 3%;border:1px solid #d4e0ef;border-radius:50%;transform:rotate(-24deg);pointer-events:none}
.story-scene:after{inset:17% 12%;transform:rotate(24deg);border-color:#e1e8f2}
.story-scene .scene-fallback{object-fit:contain;width:100%;height:100%}
.story-caption{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid #cddbea;padding:22px 4px 0;margin:10px 8px 0}
.story-caption small{display:block;letter-spacing:.13em;font-size:8px;color:#536b88}
.story-caption strong{display:block;color:#082649;font-size:18px;letter-spacing:-.025em;margin-top:9px;font-weight:600}
.story-caption>span{align-self:end;font-size:10px;color:#4d6380;font-variant-numeric:tabular-nums}
.story-chapters{position:relative;min-width:0}
.story-chapters:before{content:'';position:absolute;inset:30px auto 90px -34px;width:1px;background:#d2deed}
.story-chapters:after{content:'';position:absolute;top:30px;bottom:90px;left:-34px;width:1px;background:#234e7d;transform-origin:top;transform:scaleY(var(--story-progress,0));transition:transform .12s linear}
.story-chapter{min-height:520px;display:flex;flex-direction:column;justify-content:center;padding:55px 0;position:relative}
.story-index{display:block;color:#526f90;letter-spacing:.12em;font-size:9px;font-weight:700;margin-bottom:27px}
.story-index:before{content:'';position:absolute;left:-38px;margin-top:4px;width:9px;height:9px;border-radius:50%;background:#f5f8fc;border:1px solid #9bb0cb;transition:background .45s,box-shadow .45s}
.story-chapter.is-current .story-index:before{background:#082649;border-color:#082649;box-shadow:0 0 0 5px #e3ebf6}
.story-chapter h3{font-size:clamp(34px,3.8vw,52px);letter-spacing:-.055em;max-width:460px;line-height:1.12;color:#082649}
.story-chapter>p{font-size:14px;margin-top:25px;max-width:420px}.story-chapter>.text-link{align-self:flex-start;margin-top:27px;font-size:12px}
.story-chapter .story-detail{font-size:10px;color:#526a86;margin-top:28px;border-top:1px solid #d5e0ee;padding-top:15px;max-width:420px}
.mtb-signature .firm-service-grid{display:block}.mtb-signature .firm-service-card{display:grid;grid-template-columns:145px 1fr 1.12fr;gap:20px 38px;border:0;border-top:1px solid #cdd9e8;border-radius:0;padding:38px 0;background:#fff;box-shadow:none;transform:none}
.mtb-signature .firm-service-card:hover{transform:none;box-shadow:none;border-color:#9ab0ca}
.mtb-signature .firm-service-number{grid-column:1;grid-row:1/3;font-size:8px;margin:7px 0 0;line-height:1.8;max-width:130px;color:#536f90}
.mtb-signature .firm-service-card h3{grid-column:2;font-size:34px;margin:0;max-width:350px}
.mtb-signature .firm-service-card>p{grid-column:3;margin:0;font-size:13px}
.mtb-signature .firm-service-card ul{grid-column:3;grid-row:2;margin:0;font-size:11px;max-width:480px}
.mtb-signature .firm-service-card .text-link{grid-column:2;grid-row:2;align-self:start;justify-self:start;border-top:0;border-bottom:1px solid #bacbe1;padding:0 0 6px;margin:0;font-size:12px;display:inline-block}
.mtb-signature .firm-service-card .text-link:after{content:none}
.mtb-signature .client-showroom{background:#fff;padding-block:90px}
.client-showroom .section-head{padding-bottom:50px;margin-bottom:0;border-bottom:1px solid #d6e1ed}
.client-showroom .product-panel{padding:70px 0;min-height:0;border-bottom:1px solid #d6e1ed;gap:8%}
.client-showroom .product-panel:nth-child(even) .product-copy{order:2}.client-showroom .product-panel:nth-child(even) .app-stage{order:1}
.client-showroom .product-copy{max-width:450px}.client-showroom .product-copy h3{font-size:clamp(34px,4.2vw,56px)}
.client-showroom .app-window{box-shadow:10px 12px 0 #e1eaf6,0 35px 65px #08264916;transform:perspective(1100px) rotateY(-7deg) rotateX(3deg);transition:transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .8s}
.client-showroom .product-panel:hover .app-window{transform:perspective(1100px) rotateY(-2deg) rotateX(1deg)}
.client-showroom .visual-caption{color:#4d6380}
.about-perspective{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.about-perspective h2{font-size:clamp(36px,4.3vw,58px);letter-spacing:-.05em;line-height:1.1;margin-bottom:28px}
.about-perspective p{font-size:14px;margin-top:20px}.about-perspective .text-link{margin-top:27px}
.about-brand{display:grid;place-items:center;aspect-ratio:1.15;position:relative;background:radial-gradient(ellipse,#e7eff9,#fff 70%)}
.about-brand img{width:66%;filter:drop-shadow(12px 18px 0 #b9cde44d);transform:perspective(1000px) rotateY(-12deg) rotateX(5deg)}
.about-brand:before,.about-brand:after{content:'';position:absolute;inset:12%;border:1px solid #cad9eb;border-radius:50%;transform:rotate(-24deg)}
.about-brand:after{inset:21%;transform:rotate(24deg);border-color:#dde7f3}
.text-link{transition:color .25s,border-color .25s}.text-link:hover{border-color:#082649}.button{transition:background .25s,box-shadow .25s,transform .3s}.button:hover{box-shadow:0 8px 22px #08264912}
[data-reveal]{scroll-margin-top:115px}
@media(min-width:1600px){.story-chapter{min-height:610px}}
@media(max-width:1000px){.story-intro{gap:40px}.story-layout{gap:8%;grid-template-columns:1fr 1fr}.story-visual{top:105px}.story-chapter{min-height:460px}.story-chapter h3{font-size:38px}.mtb-signature .firm-service-card{grid-template-columns:110px 1fr 1fr;gap:20px}.mtb-signature .firm-service-card h3{font-size:29px}}
@media(max-width:760px){
 .financial-story{padding:60px 0 35px}.story-intro{grid-template-columns:1fr;gap:22px;margin-bottom:10px}.story-intro h2{font-size:44px}.story-intro>p{font-size:13px}
 .story-layout{grid-template-columns:1fr;gap:15px}.story-visual{position:relative;top:auto;padding-top:0;max-width:500px;margin-inline:auto;width:100%}.story-scene{max-height:430px;aspect-ratio:1.2}.story-caption{padding-top:16px;margin-top:0}.story-caption strong{font-size:17px}
 .story-chapters{padding-left:22px}.story-chapters:before,.story-chapters:after{left:0;top:35px;bottom:45px}.story-index:before{left:-26px}
 .story-chapter{min-height:0;padding:42px 0}.story-index{margin-bottom:20px}.story-chapter h3{font-size:37px;max-width:410px}.story-chapter>p{font-size:13px;margin-top:20px}.story-chapter .story-detail{margin-top:20px}
 .mtb-signature .credibility-card{padding:30px 0 45px}.mtb-signature .firm-service-card{grid-template-columns:1fr;gap:20px;padding:30px 0}.mtb-signature .firm-service-card :is(.firm-service-number,h3,p,ul,.text-link){grid-column:1;grid-row:auto}.mtb-signature .firm-service-number{margin:0;max-width:none}.mtb-signature .firm-service-card h3{font-size:33px}.mtb-signature .firm-service-card .text-link{order:5}
 .mtb-signature .client-showroom{padding-block:60px}.client-showroom .section-head{padding-bottom:32px}.client-showroom .product-panel{padding:42px 0;gap:30px}.client-showroom .product-panel:nth-child(even) .product-copy,.client-showroom .product-panel:nth-child(even) .app-stage{order:initial}.client-showroom .app-stage{padding-left:0;padding-right:10px}.client-showroom .product-copy h3{font-size:38px}
 .about-perspective{grid-template-columns:1fr;gap:25px}.about-brand{max-height:280px;order:2}.about-perspective h2{font-size:39px}
}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.hero-art{transform:none}.story-chapters:after{transition:none}.client-showroom .app-window,.about-brand img{transform:none;transition:none}::view-transition-old(*),::view-transition-new(*){animation:none}}
@media print{.reading-progress,.story-visual{display:none}.financial-story,.client-showroom{background:#fff;padding:20px 0}.story-layout,.story-intro,.about-perspective{display:block}.story-chapter{min-height:0;padding:20px 0}.story-chapters:before,.story-chapters:after{display:none}.story-index:before{display:none}.mtb-signature .firm-service-card{display:block;break-inside:avoid}.client-showroom .product-panel{display:block;padding:20px 0}.about-brand{display:none}}


/* The layered illustration also responds to the story without WebGL. */
.story-ledger{position:absolute;inset:0;display:grid;place-items:center;perspective:1100px;pointer-events:none}
.story-stack{position:relative;width:72%;height:51%;transform-style:preserve-3d;transform:rotateX(48deg) rotateZ(-25deg);margin-top:8%}
.story-sheet{position:absolute;inset:0;background:linear-gradient(130deg,#fff,#edf3fb);border:1px solid #bdcfe4;border-radius:12px;box-shadow:4px 6px 0 #c2d3e8;transform:translateZ(calc(var(--layer) * (18px + var(--story-progress,0) * 25px)));transition:transform .16s linear}
.story-sheet:nth-child(even){background:#082649;border-color:#234e7d;box-shadow:4px 6px 0 #aabfd9}
.story-sheet:last-child{padding:10% 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13%}
.story-sheet img{width:35%;height:auto;margin-bottom:3%}.story-sheet i{height:3px;width:83%;background:#577b9f;display:block}.story-sheet i:last-child{width:58%}
@media(prefers-reduced-motion:reduce){.story-sheet{transform:translateZ(calc(var(--layer)*28px));transition:none}}

.story-sheet:last-child{background:linear-gradient(130deg,#fff,#edf3fb);border-color:#b9cde4;box-shadow:4px 6px 0 #b4c8e0}