/* BioNovo editorial brand pages. Scoped to the corporate homepage and About. */
.bn-brand { --bn-ink:#163e33; --bn-muted:#617168; --bn-action:#b7430f; --bn-line:#dfe5dd; color:var(--bn-ink); background:#fff; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
.bn-brand *, .bn-brand *::before, .bn-brand *::after { box-sizing:border-box; }
.bn-brand :is(h1,h2,h3,p,figure) { margin:0; color:inherit; font-family:inherit; }
.bn-brand a { color:inherit; text-decoration:none; }
.bn-brand img { display:block; max-width:100%; height:auto; }
.bn-brand svg { width:24px; height:24px; flex:none; }
.bn-container { width:calc(100% - var(--bn-gutter,60px) * 2); max-width:1392px; padding:0 24px; margin:0 auto; }
.bn-section { padding:100px 0; }
.bn-brand h2 { font-size:clamp(30px,3.2vw,48px); font-weight:500; line-height:1.35; letter-spacing:-.04em; text-wrap:balance; }
.bn-brand h3 { font-size:20px; line-height:1.4; font-weight:600; letter-spacing:-.025em; }
.bn-brand p { font-size:15px; line-height:1.9; color:var(--bn-muted); }
.bn-eyebrow { display:block; font-size:11px; line-height:1.6; letter-spacing:.12em; font-weight:600; margin-bottom:20px; color:var(--bn-action); }
.bn-brand-link { display:inline-flex; align-items:center; gap:30px; border-bottom:1px solid #a7b9ab; padding:12px 0; font-size:13px; font-weight:500; transition:color .2s; }
.bn-brand-link:hover { color:var(--bn-action); border-color:currentColor; }
.bn-brand-link > span { font-size:19px; }
.bn-brand-button { display:inline-flex; align-items:center; justify-content:space-between; gap:40px; border-radius:999px; padding:18px 27px; background:#fff; color:#173e34!important; font-size:14px; font-weight:600; box-shadow:0 6px 18px #15352d0d; transition:transform .2s; }
.bn-brand-button:hover { transform:translateY(-3px); }
.bn-section-title { max-width:720px; text-align:center; margin:0 auto 48px; }
.bn-section-title p { max-width:650px; margin:22px auto 0; }
.bn-feature-section { background:#faf7f3; border-top:1px solid #f0eae3; }
.bn-capability-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.bn-capability { border-radius:22px; background:#fff; padding:10px; border:1px solid #eae7df; }
.bn-cap-visual { height:210px; border-radius:14px; background:#f0f2e9; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.bn-cap-erp { background:#eef1e9; }.bn-cap-mall { background:#f9ece0; }.bn-cap-member { background:#edf1ed; }.bn-cap-care { background:#f5ede5; }
.bn-cap-content { padding:22px 12px 18px; position:relative; }.bn-cap-content h3 { font-size:18px; margin:9px 0 12px; }.bn-cap-content p { font-size:12px; line-height:1.9; }.bn-cap-num { font-size:10px; color:#8a988e; letter-spacing:2px; }
.bn-mini-sheet { width:83%; max-width:230px; background:#fff; border-radius:10px; padding:18px; transform:rotate(-5deg) translateY(5px); box-shadow:0 16px 24px -15px #25492d55; font-size:10px; }
.bn-mini-top { display:flex; align-items:center; gap:8px; font-weight:600; padding-bottom:15px; }.bn-mini-top svg { width:17px; height:17px; }.bn-mini-top i { width:5px; height:5px; border-radius:100%; background:#ff893e; margin-left:auto; }
.bn-mini-row { display:flex; gap:10px; align-items:center; padding:10px 0; border-top:1px solid #edf0e8; }.bn-mini-row i { width:27%; height:4px; background:#e8eee1; border-radius:10px; margin-left:auto; }.bn-mini-row b { background:#edf5e9; border-radius:50%; padding:2px 4px; font-size:8px; }
.bn-mini-store { width:78%; text-align:center; position:relative; background:#fffdf8; border-radius:12px; padding:20px; box-shadow:0 14px 20px -16px #95653055; transform:rotate(4deg); }.bn-mini-store > svg { margin:auto auto 6px; color:#c95113; }.bn-mini-store > span { font-family:Georgia,serif; font-size:20px; }.bn-mini-store > div { display:flex; gap:9px; justify-content:center; margin-top:15px; }.bn-mini-store i { width:28px; height:43px; background:linear-gradient(#efe7ce 25%,#fdfaf1 25% 65%,#cdd7be 65%); border-radius:5px 5px 3px 3px; border:1px solid #d2d3c9; }.bn-mini-store i:nth-child(2) { background:linear-gradient(#e4c494 25%,#fff5db 25% 65%,#d59963 65%); transform:translateY(-4px); }
.bn-mini-tag { position:absolute; bottom:20px; left:16px; background:#fff; font-size:9px; border-radius:30px; padding:8px 14px; box-shadow:0 4px 12px #b7834312; }
.bn-member-pass { width:84%; padding:22px; border-radius:13px; background:#204738; color:#fff9e9; transform:rotate(-6deg); position:relative; box-shadow:6px 12px 0 #cbd5c3; }.bn-member-pass > span { font-family:Georgia,serif; font-size:20px; }.bn-member-pass > svg { position:absolute; top:25px; right:18px; width:18px; height:18px; color:#d9d8a6; }.bn-member-pass strong { display:block; font-size:15px; margin-top:23px; font-weight:500; }.bn-member-pass small { font-size:11px; }.bn-member-pass > div { margin-top:16px; font-size:9px; letter-spacing:3px; opacity:.65; }
.bn-care-orbit { width:166px; height:166px; border-radius:50%; border:1px solid #d9ccba; position:relative; display:grid; place-items:center; }.bn-care-orbit::before { content:""; position:absolute; inset:21px; border-radius:50%; border:1px dashed #dbd1c5; }.bn-care-orbit > span { width:76px; height:76px; border-radius:25px; background:#fff; box-shadow:0 8px 20px #6c4e3c14; display:grid; place-items:center; }.bn-care-orbit > span svg { width:34px; height:34px; color:#b74b1e; }.bn-care-orbit i { width:43px; height:43px; border-radius:14px; background:#fff; display:grid; place-items:center; position:absolute; top:0; left:0; }.bn-care-orbit i:last-child { top:auto; left:auto; bottom:0; right:0; color:#aa5d27; }.bn-care-orbit i svg { width:19px; height:19px; }
.bn-section-tail { text-align:center; margin-top:32px; }
.bn-workflow { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:8%; }
.bn-workflow-copy > p { margin-top:22px; }.bn-steps { padding:0; list-style:none; margin:28px 0 24px; }.bn-steps li { display:flex; gap:20px; padding:20px 0; border-top:1px solid var(--bn-line); }.bn-steps li > span { color:#bb4e1b; font-size:11px; padding-top:3px; }.bn-steps h3 { font-size:17px; margin-bottom:8px; }.bn-steps p { font-size:13px; }
.bn-brand .bn-workflow-image { border-radius:28px; overflow:hidden; position:relative; align-self:stretch; min-height:620px; background:#e9eddf; }
.bn-workflow-image > img { width:100%; height:100%; position:absolute; object-fit:cover; object-position:38% center; }
.bn-workflow-image::after { content:""; position:absolute; inset:40% 0 0; background:linear-gradient(transparent,#123629dc); }
.bn-workflow-image figcaption { position:absolute; inset:auto 32px 35px; z-index:1; color:#fff; }.bn-workflow-image figcaption span { font-size:10px; letter-spacing:1px; }.bn-workflow-image figcaption strong { display:block; font-weight:500; font-size:30px; line-height:1.4; margin-top:16px; }
.bn-connection-section { background:#f7f5ee; }.bn-connection { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:center; }.bn-connection header p { margin:22px 0; }
.bn-hub { position:relative; height:410px; min-width:0; }.bn-hub-ring { position:absolute; inset:32px 13%; border:1px solid #d9dfce; border-radius:50%; }.bn-hub-ring::after { content:""; position:absolute; inset:38px; border:1px dashed #dce1d4; border-radius:50%; }
.bn-hub-core { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:142px; height:142px; border-radius:32px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#224735; box-shadow:0 0 0 12px #e9ecdd,0 14px 30px #183e3322; color:#fff6e0; }.bn-hub-core > svg { color:#ff9d58; margin-bottom:9px; }.bn-hub-core strong { font-family:Georgia,serif; font-size:22px; font-weight:400; }.bn-hub-core span { font-size:10px; margin-top:7px; opacity:.8; }
.bn-hub-node { position:absolute; display:flex; align-items:center; gap:12px; background:#fff; border:1px solid #e9ece4; padding:16px 19px; font-size:12px; border-radius:15px; box-shadow:0 14px 25px -15px #27462c33; }.bn-hub-node svg { width:20px; height:20px; color:#b34c19; }.bn-node-0 { left:1%; top:17%; }.bn-node-1 { right:0; top:10%; }.bn-node-2 { left:0; bottom:12%; }.bn-node-3 { right:0; bottom:20%; }
.bn-faq { display:grid; grid-template-columns:1fr 1.2fr; gap:10%; }.bn-faq header > a { margin-top:25px; }.bn-faq-list { border-top:1px solid var(--bn-line); }.bn-faq-list details { border-bottom:1px solid var(--bn-line); }.bn-faq-list summary { cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:22px; padding:25px 0; font-size:16px; font-weight:500; list-style:none; }.bn-faq-list summary::-webkit-details-marker { display:none; }.bn-faq-list summary > span { width:25px; height:25px; border:1px solid #c9d5c8; border-radius:50%; text-align:center; line-height:22px; flex:none; font-size:18px; font-weight:400; transition:transform .2s; }.bn-faq-list details[open] summary > span { transform:rotate(45deg); }.bn-faq-list details > p { font-size:13px; padding:0 35px 24px 0; }
.bn-home-cta { background:#f7b58c; padding:66px 0; }.bn-home-cta > .bn-container { display:flex; align-items:center; justify-content:space-between; gap:40px; }.bn-home-cta .bn-eyebrow { color:#78411e; }.bn-home-cta .bn-brand-button { flex:none; }
/* Editorial About: open typography, panoramic imagery and restrained warm colour. */
.bn-about-intro { padding-top:80px; padding-bottom:62px; }.bn-about-title-row { display:grid; grid-template-columns:1.1fr .9fr; gap:10%; align-items:end; }.bn-about-title-row h1 { font-size:clamp(46px,5.4vw,78px); font-weight:500; letter-spacing:-.055em; line-height:1.25; text-wrap:balance; }.bn-about-title-row p { font-size:16px; line-height:1.9; }.bn-about-title-row .bn-brand-link { margin-top:18px; }
.bn-brand .bn-about-panorama { margin:0 24px; position:relative; background:#e8e9dc; }.bn-about-panorama > img { width:100%; aspect-ratio:2.8/1; object-fit:cover; object-position:center 55%; }.bn-about-panorama figcaption { display:flex; justify-content:space-between; gap:20px; position:absolute; inset:auto 40px 25px; font-size:10px; color:#fff; text-shadow:0 1px 8px #072719; letter-spacing:.09em; }.bn-about-panorama::after { content:""; position:absolute; inset:80% 0 0; background:linear-gradient(transparent,#193d2955); pointer-events:none; }.bn-about-panorama figcaption { z-index:1; }
.bn-about-story { display:grid; grid-template-columns:1fr 1fr; gap:10%; }.bn-story-copy p + p { margin-top:24px; }.bn-story-copy > a { margin-top:22px; }
.bn-about-ecosystem { background:#f3f5ef; }.bn-editorial-header { display:flex; justify-content:space-between; gap:60px; align-items:end; margin-bottom:55px; }.bn-editorial-header > p { max-width:430px; width:40%; }.bn-about-cap-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #ced9ca; border-bottom:1px solid #ced9ca; }.bn-about-cap-grid > article { padding:30px 24px 32px; border-right:1px solid #ced9ca; }.bn-about-cap-grid > article:first-child { padding-left:0; }.bn-about-cap-grid > article:last-child { padding-right:0; border-right:0; }.bn-about-cap-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:35px; color:#456b51; }.bn-about-cap-top > span { font-size:10px; letter-spacing:2px; color:#7d917b; }.bn-about-cap-grid h3 { font-size:19px; margin-bottom:14px; }.bn-about-cap-grid p { font-size:13px; }
.bn-ai-foundation { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-top:30px; }.bn-ai-foundation > span { display:flex; gap:12px; align-items:center; flex:none; }.bn-ai-foundation svg { color:#b95120; width:20px; height:20px; }.bn-ai-foundation strong { font-size:14px; font-weight:500; }.bn-ai-foundation p { font-size:12px; }
.bn-about-human { display:grid; grid-template-columns:1.1fr .9fr; gap:8%; align-items:center; }.bn-about-human > figure { position:relative; }.bn-about-human img { width:100%; aspect-ratio:1/1.06; object-fit:cover; object-position:35% center; }.bn-about-human figcaption { font-size:9px; margin-top:12px; color:#788476; }.bn-about-human h2 { font-size:clamp(28px,2.8vw,42px); }.bn-about-human p { margin:24px 0 28px; }.bn-value-lines { display:grid; }.bn-value-lines span { border-top:1px solid var(--bn-line); padding:16px 0; font-size:13px; }.bn-value-lines span::before { content:"↗"; color:#bd5626; margin-right:18px; }
.bn-about-invitation { position:relative; isolation:isolate; padding:90px 0; color:#fff; background:#153f33; overflow:hidden; }.bn-brand .bn-invitation-image { position:absolute; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center; inset:0; opacity:.38; }.bn-about-invitation::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#103329ed,#153f3370); }.bn-about-invitation > .bn-container { display:grid; grid-template-columns:1.1fr .9fr; gap:10%; align-items:center; }.bn-about-invitation .bn-eyebrow { color:#ffbf84; }.bn-about-invitation p { color:#e5ede3; margin-bottom:26px; }
.bn-about-contact { background:#f5c4a6; padding:90px 0; }.bn-about-contact > .bn-container { display:grid; grid-template-columns:1.1fr .9fr; gap:10%; align-items:center; }.bn-about-contact h2 { font-size:clamp(30px,3vw,44px); }.bn-about-contact p { margin-top:22px; color:#5c614d; }.bn-about-contact .bn-eyebrow { color:#865132; }.bn-contact-details > a { display:grid; grid-template-columns:1fr auto; position:relative; padding:23px 0; border-bottom:1px solid #c9977880; }.bn-contact-details > a > span:first-child { font-size:10px; color:#7b6853; margin-bottom:7px; }.bn-contact-details > a > strong { font-size:23px; font-weight:400; grid-row:2; overflow-wrap:anywhere; }.bn-contact-details > a > span:last-child { grid-column:2; grid-row:2; font-size:23px; }.bn-contact-details .bn-contact-action { display:flex; justify-content:space-between; align-items:center; padding:22px 0 0; border:0; font-size:14px; font-weight:600; }
.bn-brand :focus-visible { outline:3px solid #a53c10; outline-offset:5px; }
@media(min-width:1600px) { .bn-section { padding:120px 0; }.bn-cap-visual { height:245px; } }
@media(max-width:1199px) { .bn-container { padding:0 12px; }.bn-capability-grid { gap:12px; }.bn-cap-visual { height:180px; }.bn-cap-content { padding:18px 8px; }.bn-cap-content h3 { font-size:16px; }.bn-cap-content p { font-size:11px; }.bn-mini-sheet { padding:13px; }.bn-member-pass { padding:17px; }.bn-member-pass > span { font-size:18px; }.bn-member-pass > svg { right:12px; top:20px; }.bn-member-pass strong { font-size:13px; }.bn-hub-node { padding:13px 12px; gap:7px; font-size:11px; }.bn-hub-core { width:120px; height:120px; border-radius:28px; }.bn-about-cap-grid h3 { font-size:16px; }.bn-about-cap-grid article { padding-left:18px; padding-right:18px; }.bn-about-title-row { gap:7%; }.bn-workflow { gap:6%; } }
@media(max-width:991px) { .bn-container { width:100%; padding:0 32px; max-width:800px; }.bn-section { padding:72px 0; }.bn-brand h2 { font-size:34px; }.bn-capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.bn-cap-visual { height:230px; }.bn-cap-content { padding:22px 14px; }.bn-cap-content h3 { font-size:20px; }.bn-cap-content p { font-size:13px; }.bn-workflow { gap:35px; }.bn-brand .bn-workflow-image { min-height:600px; }.bn-workflow-copy > h2 { font-size:29px; }.bn-workflow-image figcaption { inset:auto 24px 30px; }.bn-workflow-image figcaption strong { font-size:25px; }.bn-connection { grid-template-columns:1fr; gap:25px; }.bn-connection header { max-width:520px; }.bn-hub { width:100%; max-width:520px; margin:auto; }.bn-hub-node { padding:18px; font-size:13px; }.bn-hub-core { width:145px; height:145px; }.bn-faq { grid-template-columns:1fr; gap:35px; }.bn-faq header > a { margin-top:12px; }.bn-home-cta { padding:50px 0; }.bn-home-cta h2 { font-size:29px; }.bn-home-cta > .bn-container { gap:25px; }.bn-about-intro { padding-top:55px; padding-bottom:48px; }.bn-about-title-row { grid-template-columns:1fr; gap:28px; }.bn-about-title-row h1 { font-size:59px; }.bn-about-title-row > div { max-width:540px; }.bn-about-title-row p { font-size:15px; }.bn-brand .bn-about-panorama { margin:0 16px; }.bn-about-panorama > img { aspect-ratio:2.2/1; }.bn-about-panorama figcaption { inset:auto 22px 18px; font-size:8px; }.bn-about-story { gap:30px; }.bn-about-story h2 { font-size:29px; }.bn-story-copy p { font-size:13px; }.bn-editorial-header { gap:35px; align-items:start; }.bn-editorial-header p { font-size:13px; }.bn-about-cap-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bn-about-cap-grid > article { padding:24px; border-bottom:1px solid #ced9ca; }.bn-about-cap-grid > article:nth-child(odd) { padding-left:0; }.bn-about-cap-grid > article:nth-child(even) { padding-right:0; border-right:0; }.bn-about-cap-grid > article:nth-child(n+3) { border-bottom:0; }.bn-about-cap-grid h3 { font-size:20px; }.bn-ai-foundation { flex-direction:column; gap:15px; align-items:start; }.bn-about-human { gap:35px; }.bn-about-human h2 { font-size:28px; }.bn-about-human p { font-size:13px; }.bn-about-human img { aspect-ratio:1/1.7; }.bn-about-invitation,.bn-about-contact { padding:65px 0; }.bn-about-invitation > .bn-container,.bn-about-contact > .bn-container { gap:35px; grid-template-columns:1fr 1fr; }.bn-about-invitation p { font-size:13px; }.bn-contact-details > a > strong { font-size:20px; } }
@media(max-width:575px) { .bn-container { padding:0 24px; }.bn-section { padding:58px 0; }.bn-brand h2 { font-size:29px; }.bn-brand p { font-size:13px; }.bn-eyebrow { font-size:9px; margin-bottom:16px; letter-spacing:.08em; }.bn-section-title { margin-bottom:30px; }.bn-section-title p { margin-top:18px; }.bn-capability-grid { gap:12px; }.bn-capability { padding:7px; border-radius:16px; }.bn-cap-visual { height:145px; border-radius:10px; }.bn-cap-content { padding:15px 5px 12px; }.bn-cap-content h3 { font-size:15px; margin:7px 0 9px; }.bn-cap-content p { font-size:12px; }.bn-mini-sheet { width:88%; padding:10px; font-size:8px; }.bn-mini-top { gap:5px; padding-bottom:7px; }.bn-mini-top svg { width:12px; height:12px; }.bn-mini-row { padding:6px 0; gap:5px; }.bn-mini-store { width:83%; padding:12px 9px; }.bn-mini-store > span { font-size:17px; }.bn-mini-store svg { width:19px; height:19px; }.bn-mini-store i { width:20px; height:31px; }.bn-mini-store > div { gap:5px; margin-top:10px; }.bn-mini-tag { font-size:7px; padding:5px 8px; bottom:11px; left:4px; }.bn-member-pass { padding:13px; width:88%; border-radius:10px; box-shadow:4px 8px 0 #cbd5c3; }.bn-member-pass > span { font-size:17px; }.bn-member-pass > svg { display:none; }.bn-member-pass strong { font-size:11px; margin-top:14px; }.bn-member-pass small { font-size:9px; }.bn-member-pass > div { margin-top:8px; font-size:7px; }.bn-care-orbit { width:114px; height:114px; }.bn-care-orbit > span { width:56px; height:56px; border-radius:18px; }.bn-care-orbit > span svg { width:27px; height:27px; }.bn-care-orbit i { width:31px; height:31px; border-radius:10px; }.bn-care-orbit i svg { width:15px; height:15px; }.bn-section-tail { margin-top:20px; }.bn-brand-link { font-size:12px; gap:25px; }.bn-workflow { grid-template-columns:1fr; gap:32px; }.bn-brand .bn-workflow-image { min-height:430px; }.bn-steps { margin-top:24px; }.bn-steps li { padding:17px 0; gap:16px; }.bn-steps h3 { font-size:16px; }.bn-steps p { font-size:12px; }.bn-workflow-copy > p { margin-top:18px; }.bn-hub { height:350px; }.bn-hub-core { width:116px; height:116px; border-radius:26px; }.bn-hub-core strong { font-size:20px; }.bn-hub-node { padding:13px 10px; font-size:10px; gap:6px; border-radius:12px; }.bn-hub-node svg { width:17px; height:17px; }.bn-hub-ring { inset:35px 8%; }.bn-node-0 { top:13%; left:0; }.bn-node-1 { top:3%; right:0; }.bn-node-2 { bottom:5%; left:0; }.bn-node-3 { bottom:15%; right:0; }.bn-faq-list summary { padding:22px 0; font-size:14px; }.bn-faq-list details > p { font-size:12px; padding-right:15px; }.bn-faq { gap:26px; }.bn-home-cta > .bn-container { flex-direction:column; align-items:start; gap:28px; }.bn-brand-button { padding:15px 23px; font-size:12px; }.bn-about-intro { padding-top:45px; padding-bottom:36px; }.bn-about-title-row h1 { font-size:44px; line-height:1.25; }.bn-about-title-row { gap:22px; }.bn-about-title-row p { font-size:13px; }.bn-about-title-row .bn-brand-link { margin-top:12px; }.bn-brand .bn-about-panorama { margin:0 12px; }.bn-about-panorama > img { aspect-ratio:1.45/1; object-position:45% center; }.bn-about-panorama figcaption { inset:auto 14px 14px; letter-spacing:0; font-size:7px; }.bn-about-story { grid-template-columns:1fr; gap:24px; }.bn-story-copy p+p { margin-top:18px; }.bn-story-copy > a { margin-top:15px; }.bn-editorial-header { flex-direction:column; gap:20px; margin-bottom:26px; }.bn-editorial-header > p { width:100%; max-width:100%; }.bn-about-cap-grid > article { padding:20px 16px 24px; }.bn-about-cap-grid h3 { font-size:16px; }.bn-about-cap-grid p { font-size:12px; }.bn-about-cap-top { margin-bottom:25px; }.bn-about-cap-top svg { width:23px; height:23px; }.bn-ai-foundation { padding-top:24px; }.bn-ai-foundation p { font-size:10px; }.bn-about-human { grid-template-columns:1fr; gap:32px; }.bn-about-human img { aspect-ratio:1/1.05; }.bn-about-human > div { grid-row:1; }.bn-about-human p { margin:20px 0; }.bn-value-lines span { font-size:12px; padding:13px 0; }.bn-about-invitation > .bn-container,.bn-about-contact > .bn-container { grid-template-columns:1fr; gap:28px; }.bn-about-invitation,.bn-about-contact { padding:56px 0; }.bn-about-invitation p { margin-bottom:22px; }.bn-contact-details > a { padding:18px 0; }.bn-contact-details > a > strong { font-size:22px; }.bn-about-contact p { margin-top:18px; } }
@media(max-width:359px) { .bn-container { padding:0 18px; }.bn-about-title-row h1 { font-size:38px; }.bn-capability-grid { gap:10px; }.bn-cap-visual { height:135px; }.bn-cap-content h3 { font-size:14px; }.bn-mini-sheet { padding:8px; }.bn-cap-content p { font-size:12px; }.bn-about-panorama figcaption > span:last-child { display:none; } }
@media(prefers-reduced-motion:reduce) { .bn-brand *, .bn-brand *::before, .bn-brand *::after { transition:none!important; scroll-behavior:auto!important; } }
/* Odoo theme heading rules otherwise override the inherited light text. */
.bn-site-home #wrap .bn-about-invitation h2 { color:#fff !important; }