/* Bedrock Financial Bank - unified presentation theme
   Base palette: navy #293967, burgundy #922d3c, pale blue #dce4ff and white. */
:root{--navy:#293967;--burgundy:#922d3c;--blue:#dce4ff;--ink:#172c59;--border:#d6dff1;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-width:280px;background:#fff;color:var(--ink);font-family:Montserrat,'Century Gothic',Arial,sans-serif;font-weight:400}
a{text-decoration:none;color:inherit}
button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid #b59119;outline-offset:3px}
img{max-width:100%;height:auto}
.skip-link{position:fixed;top:-100px;left:10px;background:#fff;padding:12px;z-index:99999;color:#182b55;border:2px solid #922d3c}
.skip-link:focus{top:10px}
.site-header{background:#fff;position:relative;z-index:20;min-height:128px;isolation:isolate}
.header-inner{max-width:1350px;min-height:128px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px clamp(18px,4.3vw,65px);position:relative;z-index:3}
.brand{flex:none;display:flex;align-items:center;width:clamp(155px,19vw,226px)}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.header-art{position:absolute;right:0;top:-148px;width:400px;height:335px;border:24px solid #aaa;border-radius:50%;opacity:.10;transform:rotate(25deg);z-index:-1;pointer-events:none}
.header-art:after{content:"";position:absolute;inset:22px;border:18px solid #aaa;border-radius:50%}
#primary-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(10px,1.2vw,22px);font-weight:700;font-size:clamp(11px,.9vw,13px)}
#primary-nav>a,#primary-nav .nav-trigger{display:inline-block;color:var(--ink);padding:8px 0;white-space:nowrap}
#primary-nav>a:hover,#primary-nav .nav-trigger:hover,#primary-nav .nav-item.open .nav-trigger{color:var(--burgundy)}
.nav-trigger{border:none;background:transparent}
.nav-item{position:relative}
.dropdown{display:none;min-width:235px;max-height:73vh;overflow:auto;position:absolute;top:100%;left:-16px;background:var(--navy);color:#fff;padding:13px 17px;border-radius:12px;box-shadow:0 12px 34px #1f2a4b55;z-index:99}
.dropdown a{display:block;color:#fff;font-size:12px;font-weight:500;padding:9px 0;line-height:1.35}
.dropdown a:hover{text-decoration:underline}
.dropdown .dropdown-heading{font-weight:700;border-bottom:1px solid #ffffff50;padding-bottom:12px;margin-bottom:4px}
.nav-item:hover>.dropdown,.nav-item:focus-within>.dropdown,.nav-item.open>.dropdown{display:block}
.menu-toggle{display:none;border:none;background:none;color:var(--ink);font-size:28px;padding:8px;line-height:1.1}
/* =============================================================
   PRESENTATION MENU CONFIGURATION - ONLY TEMPORARY CHANGE
   Hide exactly five groups and their children. All HTML pages remain.
   To restore the full menu, remove this block or the body class
   presentation-mode from the HTML files.
   ============================================================= */
.presentation-mode #primary-nav>.nav-item[data-menu="personal"],
.presentation-mode #primary-nav>.nav-item[data-menu="business"],
.presentation-mode #primary-nav>.nav-item[data-menu="capital-solutions"],
.presentation-mode #primary-nav>.nav-item[data-menu="digital-bank"],
.presentation-mode #primary-nav>.nav-item[data-menu="premium"]{display:none!important}

/* Original four composed hero artboards, including white frame and text. */
.hero{background:#142852}
.hero-frame{position:relative;width:100%;max-width:1920px;aspect-ratio:16/9;margin:0 auto;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;background-repeat:no-repeat;background-position:center;background-size:100% 100%;transition:opacity .65s ease;pointer-events:none}
.hero-slide[data-slide="1"]{background-image:url('images/hero-1.png')}
.hero-slide[data-slide="2"]{background-image:url('images/hero-2.png')}
.hero-slide[data-slide="3"]{background-image:url('images/hero-3.png')}
.hero-slide[data-slide="4"]{background-image:url('images/hero-4.png')}
.hero-slide.active{opacity:1}
.hero-dots{position:absolute;left:9%;bottom:5%;z-index:5;display:flex;gap:7px}
.hero-dots button{width:9px;height:9px;border:0;background:#9a9ead;border-radius:50%;padding:0}
.hero-dots button.active{background:#fff}
.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;border:0;border-radius:50%;width:35px;height:35px;font-size:27px;background:#14244a9c;color:#fff;opacity:0;transition:opacity .25s ease}
.hero:hover .slide-arrow,.slide-arrow:focus-visible{opacity:1}
.slide-arrow.prev{left:14px}.slide-arrow.next{right:14px}
.intro{position:relative;z-index:4;max-width:960px;margin:-16px auto 0;padding:0 18px}
.intro-box{background:var(--burgundy);color:#fff;padding:21px 36px 26px 40px;border-radius:12px;position:relative;min-height:132px}
.intro h2{font-size:clamp(21px,2.5vw,27px);margin:0 0 8px;letter-spacing:.04em}
.intro p{font-size:clamp(12px,1.05vw,14px);max-width:710px;line-height:1.52;margin:0}
.learn{position:absolute;right:20px;bottom:-13px;background:var(--navy);border-radius:4px;color:white;min-width:150px;height:36px;font-size:12px;display:inline-flex;align-items:center;gap:17px}
.learn span{height:36px;width:35px;background:#eee;color:var(--burgundy);display:grid;place-items:center;font-size:23px}
.services{max-width:1100px;margin:31px auto 0;padding:16px 18px 31px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,3vw,45px);background:#fff;text-align:center}
.service-tab{border:0;background:transparent;color:var(--ink);padding:10px 6px 17px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:15px;position:relative;font-size:clamp(12px,1.4vw,19px);line-height:1.2;font-weight:700;min-width:0}
.service-tab img{height:clamp(65px,9vw,121px);width:100%;max-width:190px;object-fit:contain}
.service-tab.active,.service-tab:hover{color:var(--burgundy)}
.service-tab.active::after{content:"";position:absolute;bottom:-29px;left:50%;transform:translateX(-50%);border:11px solid transparent;border-bottom:17px solid #fff;border-top:0;z-index:5}
.products{position:relative;isolation:isolate;background:#fff;padding:clamp(22px,2.2vw,35px) max(18px,8.55vw) clamp(70px,10vw,125px)}
.products::before{content:"";position:absolute;inset:0 0 auto;height:clamp(380px,39.45vw,550px);background:var(--navy);z-index:-1}
.feature{width:100%;max-width:1260px;height:clamp(182px,17.25vw,258px);margin:0 auto clamp(22px,2.2vw,32px);border:1.3px solid #e2e8fc;border-radius:clamp(16px,1.8vw,25px);padding:18px clamp(30px,8vw,120px);display:grid;grid-template-columns:clamp(120px,12vw,178px) minmax(0,1fr);gap:clamp(30px,12vw,190px);align-items:center;background:var(--navy);color:#fff}
.feature-icon{display:block;width:clamp(120px,11.8vw,175px);height:clamp(120px,12.3vw,183px);flex:none}
.feature-icon img{display:block;width:100%;height:100%;object-fit:contain}
.feature-copy{width:100%;max-width:430px}
.feature h2{font-size:clamp(27px,2.65vw,38px);font-weight:400;line-height:1.18;letter-spacing:.015em;margin:0 0 16px}
.feature p{font-size:clamp(12px,1.15vw,16px);line-height:1.29;max-width:365px;margin:0}
.product-grid{width:100%;max-width:1260px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(25px,3.7vw,54px);margin:0 auto}
.product-card{min-width:0}
.product-card img{width:100%;display:block;aspect-ratio:1.065/1;object-fit:cover;object-position:top center;border-radius:clamp(23px,2.8vw,38px)}
.product-card h3{margin:clamp(23px,2.8vw,37px) clamp(15px,2.65vw,38px) 20px;font-weight:400;font-size:clamp(25px,2.8vw,38px);line-height:1.1;letter-spacing:.012em}
.product-card p{font-size:clamp(13px,1.48vw,18px);line-height:1.23;margin:0 clamp(15px,2.65vw,38px) 30px;min-height:44px}
.product-link,.cta{color:#fff;background:var(--burgundy);font-size:12px;font-weight:600;min-height:35px;display:inline-flex;gap:17px;align-items:center;padding-right:20px}
.product-link{margin-left:clamp(15px,2.65vw,38px)}
.product-link span,.cta span{display:grid;place-items:center;align-self:stretch;background:#eee;color:var(--burgundy);min-width:37px;font-size:22px;font-weight:400}
.product-link:hover,.cta:hover{background:#7b2431}
footer{background:var(--burgundy);color:#fff;padding:45px 25px 26px}
.footer-inner{display:grid;grid-template-columns:minmax(0,2.5fr) repeat(3,minmax(0,1fr));gap:25px;max-width:1150px;margin:auto}
.footer-about h2{font-size:22px;line-height:1.14;margin:0 0 26px}
.footer-about p,footer p{font-size:11px;line-height:1.65}
footer h3{font-size:14px;margin:0 0 14px}
footer a{font-size:12px;display:block;margin:8px 0}
footer a:hover{text-decoration:underline}
.footer-about a{display:inline}
.copyright{max-width:1150px;margin:34px auto 0;font-size:11px;line-height:1.5}

/* Interior page styles */
.subhero{position:relative;isolation:isolate;background:var(--navy);color:#fff;overflow:hidden;min-height:255px;padding:clamp(60px,7vw,108px) 24px}
.subhero-inner{max-width:1190px;margin:0 auto;position:relative;z-index:2}
.eyebrow{color:var(--burgundy);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0 0 12px}
.subhero .eyebrow{color:#e1ccdb}
.subhero h1{font-size:clamp(34px,4.6vw,62px);line-height:1.13;font-weight:400;margin:0 0 16px;max-width:900px}
.subhero-inner>p:last-child{font-size:clamp(14px,1.45vw,19px);max-width:710px;line-height:1.6;margin:0}
.subhero-ring{border:70px solid #ffffff13;position:absolute;right:-130px;top:-230px;width:680px;height:680px;border-radius:50%;pointer-events:none;z-index:-1}
.subhero-ring:after{content:"";position:absolute;inset:35px;border:38px solid #ffffff10;border-radius:50%}
.content-shell{max-width:1190px;width:calc(100% - 40px);margin:auto;padding-bottom:95px}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:#596583;padding:25px 0 38px}
.breadcrumbs a{color:var(--burgundy)}.breadcrumbs a:hover{text-decoration:underline}
.category-heading{margin:0 0 43px;max-width:800px}
.category-heading h2,.principles>h2{font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.15;margin:0 0 17px}
.category-heading>p:last-child{font-size:16px;line-height:1.6;margin:0}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}
.detail-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;background:#fff;border:1px solid #e1e5f1;border-radius:22px;box-shadow:0 12px 30px #1520440b}
.detail-card>img{width:100%;aspect-ratio:1.4/1;object-fit:cover}
.detail-card-body{padding:25px 25px 29px;display:flex;flex-direction:column;flex:1}
.detail-card h3{font-size:clamp(21px,2.1vw,29px);font-weight:500;line-height:1.2;margin:0 0 16px}
.detail-card h3 a:hover{color:var(--burgundy)}
.detail-card-body>p:not(.eyebrow){line-height:1.7;font-size:13px;flex:1;margin:0 0 23px}
.detail-card .cta{align-self:flex-start}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:45px}
.detail-main{min-width:0}
.content-panel{padding:clamp(23px,3.4vw,47px);margin:0 0 27px;border-radius:22px;border:1px solid #e2e7f0;box-shadow:0 10px 28px #11234c08;background:#fff}
.content-panel h2{font-size:clamp(24px,2.6vw,34px);font-weight:400;line-height:1.2;margin:0 0 20px}
.content-panel h3{font-size:18px;font-weight:500;line-height:1.35;margin:8px 0}
.content-panel p{font-size:15px;line-height:1.8;margin:0 0 16px}
.content-panel p:last-child{margin-bottom:0}
.benefits,.requirements{padding-left:23px;margin:0}
.benefits li,.requirements li{font-size:15px;line-height:1.75;margin:0 0 12px;padding-left:7px}
.benefits li::marker,.requirements li::marker{color:var(--burgundy)}
.aside-panel{background:var(--navy);color:#fff;border-radius:22px;padding:30px 25px}
.aside-panel h2{font-size:24px;font-weight:400;line-height:1.2;margin:0 0 16px}
.aside-panel p{font-size:13px;line-height:1.65;margin:0 0 22px}
.aside-panel ul{padding-left:20px;font-size:14px;line-height:1.8}
.aside-panel li{margin:0 0 12px}
.detail-aside{position:sticky;top:25px}
.back-link{color:var(--burgundy);display:block;font-size:13px;margin:24px 0}
.about-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:start}
.duo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}
.with-accent{border-top:6px solid var(--burgundy)}
.principles{padding:34px 0 48px}
.principles>p:not(.eyebrow){max-width:690px;line-height:1.7}
.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:27px}
.principle{border:1px solid #e3e8f0;border-radius:20px;padding:25px}
.principle h3{font-size:19px;font-weight:500;line-height:1.3;margin:0 0 13px}
.principle p{line-height:1.7;font-size:13px;margin:0}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.contact-grid .content-panel{margin:0}
.contact-grid a{color:var(--burgundy);text-decoration:underline}
.tariffs{max-width:880px}
.notice{background:#f1f3f8;border-left:5px solid var(--burgundy);padding:19px 22px;margin:27px 0}
.notice p{font-size:14px;margin:8px 0 0}
@media(min-width:1400px){.products{padding-left:max(calc((100% - 1260px)/2),60px);padding-right:max(calc((100% - 1260px)/2),60px)}.products::before{height:550px}}
@media(max-width:1100px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header,.header-inner{min-height:100px}.brand{width:180px}}
@media(max-width:900px){.header-inner{min-height:84px;padding:12px 20px}.site-header{min-height:84px}.menu-toggle{display:block}.brand{width:clamp(145px,23vw,195px)}#primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:12px 24px 22px;box-shadow:0 12px 30px #142a572a;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;max-height:80vh;overflow:auto;font-size:14px}#primary-nav.open{display:flex}#primary-nav>a,#primary-nav .nav-trigger{width:100%;padding:13px 0;text-align:left}.nav-item{width:100%}.dropdown{position:static;max-height:none;overflow:visible;width:100%;margin:0 0 12px}.detail-layout{grid-template-columns:1fr;gap:0}.detail-aside{position:static;max-width:450px}.about-grid{grid-template-columns:1fr}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{gap:clamp(26px,5vw,64px);grid-template-columns:clamp(105px,14vw,140px) minmax(0,1fr);padding:20px clamp(22px,4vw,54px)}.feature-icon{width:clamp(105px,14vw,140px);height:clamp(105px,14vw,140px)}.feature p{line-height:1.42}.products{padding-left:5vw;padding-right:5vw}.product-grid{gap:24px}}
@media(max-width:650px){.brand{width:150px}.site-header,.header-inner{min-height:78px}.hero-frame{aspect-ratio:16/9}.slide-arrow{display:none}.hero-dots{bottom:5%;gap:4px}.hero-dots button{width:6px;height:6px}.intro{margin:-6px auto 0;padding:0 12px}.intro-box{border-radius:10px;padding:16px 18px 36px}.intro p{font-size:12px}.services{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:10px 7px 21px;margin-top:24px}.service-tab{padding:8px 1px 13px;gap:8px;font-size:clamp(9px,2.35vw,13px)}.service-tab img{height:clamp(35px,12vw,68px)}.service-tab.active::after{bottom:-21px;border-left-width:8px;border-right-width:8px;border-bottom-width:13px}.products{padding:20px 16px 58px}.products::before{height:395px}.feature{height:auto;min-height:195px;grid-template-columns:80px minmax(0,1fr);gap:17px;padding:21px 16px;border-radius:18px;margin-bottom:26px}.feature-icon{width:80px;height:85px}.feature h2{font-size:clamp(20px,4.8vw,27px);margin:0 0 11px}.feature p{font-size:clamp(11px,2.5vw,13px);line-height:1.39}.product-grid{grid-template-columns:1fr;max-width:445px;gap:30px}.product-card img{aspect-ratio:1.065/1;border-radius:29px}.product-card h3{font-size:29px;margin:17px 9px 13px}.product-card p{font-size:14px;margin:0 9px 17px;min-height:0}.product-link{margin-left:9px}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-about{grid-column:1/-1}.subhero{padding:55px 18px 65px;min-height:0}.subhero h1{font-size:34px}.subhero-ring{width:400px;height:400px;right:-240px;top:-155px}.content-shell{width:calc(100% - 32px);padding-bottom:65px}.breadcrumbs{padding:21px 0 28px}.detail-grid,.duo-grid,.principles-grid,.contact-grid{grid-template-columns:1fr}.detail-card-body{padding:22px}.detail-card>img{aspect-ratio:1.65/1}.content-panel{padding:23px;margin-bottom:18px}.content-panel p,.benefits li,.requirements li{font-size:14px}.aside-panel{padding:25px}.principles{padding:20px 0 35px}}
@media(max-width:370px){.products::before{height:375px}.feature{grid-template-columns:62px minmax(0,1fr);gap:11px;padding:16px 11px}.feature-icon{width:62px;height:70px}.feature h2{font-size:20px}.feature p{font-size:10.5px;line-height:1.39}}
@media(hover:none){.slide-arrow{opacity:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide{transition:none}}


/* ===== BFB approved image integration: presentation release 2026-10 =====
   Visual banners supplied as 1920x618 artboards, with text and framing in the image.
   Never overlay duplicate text or stretch these artboards. */
.hero-frame{aspect-ratio:1920 / 618;max-width:1920px}
.hero-slide{background-size:contain;background-position:center;background-color:#172854}
.hero-slide[data-slide="1"]{background-image:url('images/home-banner-digital.png')}
.hero-slide[data-slide="2"]{background-image:url('images/home-banner-premium.png')}
.hero-slide[data-slide="3"]{background-image:url('images/home-banner-sme.png')}
/* Old slide 4 remains an unused image asset, not part of the new three-slide carousel. */
.product-card img{object-position:50% 33%}

/* About page: our story photography and source narrative side by side */
.about-story-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;margin:6px 0 32px}
.about-story-hero .story-copy{padding:0;border:0;border-radius:0;box-shadow:none;margin:0;min-width:0}
.story-copy>.eyebrow{margin:0 0 23px}
.story-copy h1{font-size:clamp(35px,4.3vw,61px);color:var(--navy);font-weight:700;line-height:1.16;letter-spacing:-.028em;margin:0 0 48px;max-width:650px}
.story-copy h1::after{content:"";display:block;width:72px;height:5px;background:var(--burgundy);border-radius:5px;margin-top:26px}
.story-copy p:not(.eyebrow){font-size:clamp(14px,1.25vw,17px);line-height:1.75;color:#677186;margin-bottom:19px}
.story-image{margin:0;min-width:0;align-self:stretch}
.story-image img{display:block;width:100%;height:100%;min-height:470px;max-height:645px;object-fit:cover;object-position:43% center;border-radius:22px}
.about-commitments{margin:10px 0 48px;padding:30px 38px}
.about-commitments ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px}
.about-commitments li{margin-bottom:4px}
.mission-vision-card{padding:0 0 30px;border:0;border-radius:0;box-shadow:none;border-top:0;background:transparent;overflow:hidden}
.mission-vision-card .section-card-art{display:block;width:100%;height:auto;aspect-ratio:900 / 672;object-fit:cover;margin-bottom:24px}
.mission-vision-card h2,.mission-vision-card p{margin-left:10px;margin-right:10px}
.mission-vision-card h2{font-weight:650;color:var(--navy);font-size:clamp(25px,2.7vw,34px)}
.mission-vision-card p{color:#667286;line-height:1.85}
.core-values-banner{display:block;width:100%;height:auto;aspect-ratio:1620/600;object-fit:cover;border-radius:10px;margin:12px 0 38px}
.ethics-section{padding-bottom:36px}
.ethics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.ethics-card{min-width:0}
.ethics-card .ethics-art{display:block;width:100%;height:auto;aspect-ratio:900/672;object-fit:cover;border-radius:14px;margin-bottom:18px}
.ethics-card h3,.ethics-card p{padding:0 5px}
.ethics-card h3{font-size:clamp(17px,1.65vw,22px);margin:0 0 10px}
.ethics-card p{font-size:14px;line-height:1.7;color:#657086}
.ethics-standard{grid-column:1/-1;background:#f4f5fa;border-left:4px solid var(--burgundy);padding:22px 25px;border-radius:0 12px 12px 0;margin-top:12px}
.ethics-standard h3{margin:0 0 7px}
.ethics-standard p{margin:0}

/* Invest cards with their original 900x672px images */
.invest-landing .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:970px}
.invest-landing .detail-card>img{aspect-ratio:900/672;object-fit:cover}

/* Internal 1920x618 page banners include headings, white frames and logos.
   Keep the entire artboard visible, and retain a hidden semantic heading. */
.page-image-banner{width:100%;max-width:1920px;aspect-ratio:1920 / 618;margin:0 auto;background:#172854;overflow:hidden}
.page-image-banner>img{width:100%;height:100%;display:block;object-fit:contain}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){
 .about-story-hero{grid-template-columns:1fr 1fr;gap:28px}
 .story-copy h1{font-size:clamp(31px,4.5vw,45px);margin-bottom:27px}
 .story-copy h1::after{margin-top:20px}
 .story-image img{min-height:350px}
 .ethics-grid{gap:15px}
}
@media(max-width:650px){
 /* Mobile: use a navy backdrop and contain rather than crop the embedded logo/text. */
 .hero-frame{aspect-ratio:auto;height:clamp(175px,51vw,280px)}
 .hero-slide{background-size:contain}
 .page-image-banner{aspect-ratio:auto;height:clamp(160px,49vw,305px)}
 .about-story-hero{grid-template-columns:1fr;gap:25px;margin:0 0 26px}
 .story-copy h1{font-size:clamp(34px,9vw,44px);margin-bottom:24px}
 .story-copy p:not(.eyebrow){font-size:14px}
 .story-image img{height:auto;min-height:0;aspect-ratio:4/3;object-position:center 28%}
 .about-commitments{padding:23px 24px;margin-bottom:35px}
 .about-commitments ul{grid-template-columns:1fr;gap:1px}
 .mission-vision-card{padding-bottom:18px}
 .core-values-banner{margin:8px 0 22px;border-radius:7px}
 .ethics-grid{grid-template-columns:1fr;gap:25px}
 .ethics-standard{grid-column:auto}
 .invest-landing .detail-grid{grid-template-columns:1fr}
}