.bn-about-page .bn-about-section{padding:59px 0}
.bn-about-page .bn-about-soft{background:linear-gradient(130deg,#f0f8ff,#fbfdff)}
.bn-about-page .bn-about-split{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:65px}
.bn-about-page .bn-about-copy>p:not(.overline){font-size:15px;color:#4c678a;line-height:1.85;margin-top:21px}
.bn-about-page .bn-about-copy h2{font-size:clamp(30px,3vw,41px)}
.bn-about-page .bn-about-icon{width:31px;height:31px;flex:none}
.bn-about-page .bn-about-icon img{display:block;width:100%;height:100%;object-fit:contain}
.bn-about-page .bn-about-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.bn-about-page .bn-about-identity{border:1px solid #cfe5fb;border-radius:23px;background:linear-gradient(140deg,#e9f5ff,#fff);padding:35px}
.bn-about-page .bn-about-logo{padding:23px 0 30px;border-bottom:1px solid #cfe4f8;margin-bottom:26px}
.bn-about-page .bn-about-logo img{display:block;width:100%;height:auto;max-width:380px;margin:0 auto}
.bn-about-page .bn-about-domain{display:flex;align-items:center;gap:15px;margin-top:17px}
.bn-about-page .bn-about-domain p{font-size:14px;font-weight:650;color:#284f7d}
.bn-about-page .bn-about-quote-wrap{padding:0 0 53px}
.bn-about-page .bn-about-quote{position:relative;margin:0;padding:37px 40px 31px 67px;background:linear-gradient(120deg,#102b60,#174b90);border:1px solid #25558c;border-radius:22px;color:#fff}
.bn-about-page .bn-about-quote::before{content:'“';position:absolute;left:23px;top:15px;font-size:65px;line-height:1;color:#83d0ff}
.bn-about-page .bn-about-quote p{font-size:clamp(19px,2vw,25px);line-height:1.65;letter-spacing:-.02em;color:#fff;margin:0 0 16px}
.bn-about-page .bn-about-quote p:last-of-type{color:#b8e7ff}
.bn-about-page .bn-about-quote cite{font-size:12px;font-weight:650;font-style:normal;color:#cce8ff}
.bn-about-page .bn-about-heading{max-width:820px;margin-bottom:31px}
.bn-about-page .bn-about-heading>p:not(.overline){font-size:15px;line-height:1.85;color:#4b678b;margin-top:20px}
.bn-about-page .bn-about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.bn-about-page .bn-about-value{min-width:0;padding:28px;background:#fff;border:1px solid #d6e7f9;border-radius:18px}
.bn-about-page .bn-about-value>.bn-about-icon{width:30px;height:30px;padding:12px;background:#edf7ff;border-radius:13px;box-sizing:content-box;margin-bottom:23px}
.bn-about-page .bn-about-value h3{font-size:21px;margin-bottom:12px}
.bn-about-page .bn-about-value p{font-size:14px;color:#4b678b;line-height:1.85}
.bn-about-page .bn-about-partner-logo{max-width:240px;margin:0 auto;padding:35px 10px}
.bn-about-page .bn-about-partner-logo img{display:block;width:100%;height:auto}
.bn-about-page .bn-about-partner-panel{padding:26px;border:1px solid #d3e7fb;border-radius:21px;background:linear-gradient(145deg,#edf7ff,#fff)}
.bn-about-page .bn-about-partner-panel>p{text-align:center;font-size:12px;line-height:1.7;color:#4c6d93;padding-top:10px}
.bn-about-page .bn-about-references-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.bn-about-page .bn-reference-card{position:relative;background:#fff;border:1px solid #d3e6f9;border-radius:17px;padding:14px;min-width:0;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}
.bn-about-page .bn-reference-card:hover{border-color:#7ebeff;box-shadow:0 12px 30px #1c5fae12}
.bn-about-page .bn-reference-image{background:#edf6ff;border-radius:10px;overflow:hidden}
.bn-about-page .bn-reference-image a{display:flex;align-items:center;justify-content:center;min-height:210px;padding:8px}
.bn-about-page .bn-reference-image img{display:block;width:auto;max-width:100%;height:210px;object-fit:contain;object-position:center}
.bn-about-page .bn-reference-card h3{font-size:17px;line-height:1.45;letter-spacing:-.02em;padding:19px 7px 11px}
.bn-about-page .bn-reference-card .bn-reference-category{font-size:11px;color:#59789d;line-height:1.6;padding:0 7px 16px}
.bn-about-page .bn-reference-card .bn-reference-link{font-size:12px;font-weight:700;line-height:1.7;margin-top:auto;padding:0 7px 5px}
.bn-about-page .bn-reference-link a{color:#0669d5;text-decoration:none}
.bn-about-page .bn-reference-card a:focus-visible{outline:3px solid #087cf5;outline-offset:3px}
.bn-about-page .bn-about-google{padding:45px 0 20px}
.bn-about-page .bn-about-google-box{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;border:1px solid #bdddfb;background:linear-gradient(125deg,#edf8ff,#fff);padding:35px;border-radius:21px}
.bn-about-page .bn-about-google-box h2{font-size:clamp(27px,2.8vw,36px);margin-bottom:17px}
.bn-about-page .bn-about-google-box p:not(.overline){font-size:14px;color:#4b688d;line-height:1.85}
.bn-about-page .bn-about-google-box .bn-about-actions{margin:0;justify-content:flex-end}
.bn-about-page .bn-about-contact{padding:35px 0 60px}
.bn-about-page .bn-about-contact-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;border-top:1px solid #d9e9f9;padding-top:35px}
.bn-about-page .bn-about-contact h2{font-size:clamp(28px,2.8vw,37px)}
.bn-about-page .bn-about-contact-inner p:not(.overline){font-size:14px;line-height:1.85;color:#4c688b;margin-top:18px}
.bn-about-page .bn-about-contact-links{display:flex;flex-direction:column;gap:13px;align-items:flex-start;overflow-wrap:anywhere}
.bn-about-page .bn-about-contact-links a{font-size:19px;font-weight:750;color:#0873db;text-underline-offset:5px}
@media(max-width:1100px){.bn-about-page .bn-about-split{gap:35px}.bn-about-page .bn-about-values{gap:16px}.bn-about-page .bn-about-identity{padding:25px}}
@media(max-width:900px){.bn-about-page .bn-about-references-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bn-about-page .bn-about-values{grid-template-columns:1fr}.bn-about-page .bn-about-value{padding:25px}.bn-about-page .bn-about-value>.bn-about-icon{margin-bottom:17px}}
@media(max-width:760px){.bn-about-page .bn-about-section{padding:40px 0}.bn-about-page .bn-about-split,.bn-about-page .bn-about-google-box,.bn-about-page .bn-about-contact-inner{grid-template-columns:1fr;gap:26px}.bn-about-page .bn-about-quote{padding:30px 25px 25px 44px}.bn-about-page .bn-about-quote::before{left:12px;font-size:48px}.bn-about-page .bn-about-quote-wrap{padding-bottom:35px}.bn-about-page .bn-about-google-box{padding:26px}.bn-about-page .bn-about-google-box .bn-about-actions{justify-content:flex-start}.bn-about-page .bn-about-contact-links a{font-size:17px}.bn-about-page .bn-reference-image a{min-height:170px}.bn-about-page .bn-reference-image img{height:170px}.bn-about-page .bn-about-references-grid{gap:14px}}
@media(max-width:520px){.bn-about-page .bn-about-references-grid{grid-template-columns:1fr}.bn-about-page .bn-reference-image a{min-height:220px}.bn-about-page .bn-reference-image img{height:220px}.bn-about-page .bn-about-actions>div{width:100%}}
@media(prefers-reduced-motion:reduce){.bn-about-page .bn-reference-card{transition:none}}

/* v39: photography, original partner badge, and aligned contact cards. */
.bn-about-page .bn-about-identity.bn-about-visual{padding:15px;background:linear-gradient(145deg,#eaf5ff,#fff);position:relative}
.bn-about-page .bn-about-photo-frame{position:relative;overflow:hidden;border-radius:15px;isolation:isolate}
.bn-about-page .bn-about-work-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.bn-about-page .bn-about-photo-label{position:absolute;bottom:14px;left:14px;padding:7px 11px;border:1px solid #ffffffa0;border-radius:8px;background:#ffffffdf;color:#184977;font-size:10px;font-weight:650;letter-spacing:.06em;backdrop-filter:blur(8px)}
.bn-about-page .bn-about-photo-frame::after{content:'';position:absolute;inset:-20%;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#dff5ff65 49%,transparent 63%);transform:translateX(-120%);opacity:0}
.bn-about-page .bn-about-photo-frame.bn-v39-in-view::after{animation:bn-about-photo-shine 2.8s ease-out both}
@keyframes bn-about-photo-shine{0%{transform:translateX(-120%);opacity:0}20%{opacity:1}100%{transform:translateX(120%);opacity:0}}
.bn-about-page .bn-about-visual-bottom{padding:21px 12px 10px}
.bn-about-page .bn-about-visual-bottom .bn-about-logo{padding:0 0 18px;margin:0 0 15px;max-width:280px}
.bn-about-page .bn-about-visual-domains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.bn-about-page .bn-about-visual-domains .bn-about-domain{display:flex;align-items:center;gap:7px;margin:0}
.bn-about-page .bn-about-visual-domains .bn-about-icon{width:21px;height:21px}
.bn-about-page .bn-about-visual-domains p{font-size:11px;line-height:1.55}
.bn-about-page .bn-about-quote-panel{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:30px;align-items:center;padding:34px 35px;border:1px solid #25558c;border-radius:22px;background:linear-gradient(120deg,#102b60,#174b90)}
.bn-about-page .bn-about-quote-panel .bn-about-quote{margin:0;padding:0 0 0 24px;border:0;border-radius:0;background:none}
.bn-about-page .bn-about-quote-panel .bn-about-quote::before{left:-4px;top:-8px;font-size:56px}
.bn-about-page .bn-about-quote-panel .bn-about-quote p{font-size:clamp(18px,1.7vw,24px)}
.bn-about-page .bn-about-person{width:100px;margin:0;align-self:center}
.bn-about-page .bn-about-person img{display:block;width:100px;height:100px;object-fit:contain;border-radius:50%;border:1px solid #b1dbff;box-sizing:border-box;background:#fff}
.bn-about-page .bn-about-person figcaption{color:#d8edff;text-align:center;font-size:10px;line-height:1.65;margin-top:10px}
.bn-about-page .bn-about-partner-panel{display:grid;place-items:center;gap:18px;padding:30px;background:radial-gradient(ellipse at 50% 20%,#dcefff,#fff 75%)}
.bn-about-page .bn-about-partner-badge-wrap{position:relative;display:grid;place-items:center;width:230px;height:200px;isolation:isolate}
.bn-about-page .bn-about-partner-badge-wrap::before{content:'';position:absolute;inset:19px 3px;border:1px solid #8cc8fa70;border-radius:50%;transform:rotate(-24deg);z-index:-1}
.bn-about-page .bn-about-partner-badge-wrap::after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#24a9ff;box-shadow:0 0 15px 5px #40baff65;left:0;top:0;opacity:0;offset-path:ellipse(104px 78px at 50% 50%);offset-rotate:0deg;offset-distance:0%}
.bn-about-page .bn-about-partner-badge-wrap.bn-v39-in-view::after{animation:bn-about-badge-light 3.6s cubic-bezier(.4,0,.6,1) both}
@keyframes bn-about-badge-light{0%{opacity:0;offset-distance:0%}10%{opacity:1}90%{opacity:1}100%{opacity:0;offset-distance:100%}}
.bn-about-page .bn-about-partner-badge{width:160px;height:160px;margin:0}
.bn-about-page .bn-about-partner-badge img{display:block;width:100%;height:100%;object-fit:contain}
.bn-about-page .bn-about-partner-panel .bn-about-partner-logo{width:180px;padding:0;margin:0}
.bn-about-page .bn-about-partner-panel>p{padding:0}
.bn-about-page .bn-about-contact-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:45px;align-items:start;border:1px solid #cfe3f7;border-radius:21px;background:linear-gradient(125deg,#f0f8ff,#fff);padding:32px}
.bn-about-page .bn-about-contact-inner>div{min-width:0}
.bn-about-page .bn-about-contact-links{display:grid;grid-template-columns:1fr;gap:13px;align-items:stretch;width:100%}
.bn-about-page .bn-about-contact-inner .bn-about-contact-links p{margin:0}
.bn-about-page .bn-about-contact-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:13px;padding:20px;background:#fff;border:1px solid #d6e8f9;border-radius:13px;min-width:0}
.bn-about-page .bn-about-contact-card .bn-about-icon{width:25px;height:25px;align-self:center}
.bn-about-page .bn-about-contact-card .bn-about-contact-label{font-size:10px;color:#597a9e;text-transform:uppercase;letter-spacing:.12em;line-height:1.5;margin-bottom:7px}
.bn-about-page .bn-about-contact-card a{display:inline-block;font-size:clamp(14px,4vw,18px);line-height:1.5;overflow-wrap:anywhere}
@media(max-width:1100px){.bn-about-page .bn-about-visual-domains{grid-template-columns:1fr}.bn-about-page .bn-about-visual-domains p{font-size:12px}.bn-about-page .bn-about-contact-inner{gap:28px}}
@media(max-width:760px){.bn-about-page .bn-about-quote-panel{grid-template-columns:1fr;padding:27px;gap:23px}.bn-about-page .bn-about-person{justify-self:end}.bn-about-page .bn-about-contact-inner{grid-template-columns:1fr;padding:24px;gap:26px}.bn-about-page .bn-about-contact-card{padding:17px;gap:9px;grid-template-columns:30px minmax(0,1fr)}.bn-about-page .bn-about-visual-domains{grid-template-columns:repeat(3,minmax(0,1fr))}.bn-about-page .bn-about-visual-domains .bn-about-domain{flex-direction:column;align-items:flex-start;gap:8px}.bn-about-page .bn-about-visual-domains p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bn-about-page .bn-about-photo-frame::after,.bn-about-page .bn-about-partner-badge-wrap::after{animation:none!important;opacity:0!important}}

.bn-about-page .bn-about-contact-card-copy{display:grid;gap:5px;min-width:0}

/* v40: larger portrait from the supplied photograph. */
.bn-about-page .bn-about-quote-panel{grid-template-columns:minmax(0,1fr) 150px}
.bn-about-page .bn-about-person{width:150px}
.bn-about-page .bn-about-person img{width:150px;height:150px;object-fit:cover}
.bn-about-page .bn-about-person figcaption{font-size:11px}
@media(max-width:760px){.bn-about-page .bn-about-quote-panel{grid-template-columns:1fr}}