/* S2-R2 reference-fidelity layer. Scoped to four Brand pilots only. */
.bs-fidelity{--ink:#4a263f;--accent:#69445e;--surface:#f6f0f4;--muted:#665466;--line:#d7c7d2;font-weight:300}
.bs-fidelity.bs-p198{--paper:#fffdf8;--surface:#f6efe3;--ink:#3b342b;--muted:#6b6052;--accent:#93784d;--line:#e5d2ae}
.bs-fidelity.bs-clabiane{--paper:#fff;--surface:#edf5fc;--ink:#132c5b;--muted:#465d7e;--accent:#152e65;--line:#ccdbe8}
.bs-fidelity.bs-aesku{--paper:#fff;--surface:#eaf6f9;--ink:#102f43;--muted:#385a6c;--accent:#00899b;--line:#bfdce3}
.bs-fidelity .bs-wrap{width:min(1320px,calc(100% - 96px))}
.bs-fidelity h1{font-size:clamp(34px,3.15vw,49px);line-height:1.32;font-weight:500;letter-spacing:-.02em;overflow-wrap:normal}
.bs-fidelity h2{font-size:clamp(28px,2.75vw,42px);line-height:1.38;font-weight:500;letter-spacing:-.016em;overflow-wrap:normal}
.bs-fidelity p{font-size:17px;line-height:1.85}
.bs-fidelity .bs-section{padding-block:80px;scroll-margin-top:calc(var(--bs-header,82px) + 12px)}
.bs-fidelity .bs-reading h2{margin-bottom:24px}
.bs-fidelity .bs-eyebrow{font-size:11px!important;letter-spacing:.18em;font-weight:500}
.bs-fidelity .bs-depth-figure{padding:0;border:0;background:none}
.bs-fidelity .bs-figure img{max-height:560px;width:100%}
.bs-fidelity .bs-figure figcaption{font-size:12px;max-width:95%;margin:14px auto 0}
.bs-fidelity .bs-hero{min-height:0}
.bs2-hero-grid{position:relative;display:grid;grid-template-columns:44% 56%;grid-template-rows:auto 1fr;column-gap:0;align-items:center;min-height:620px;padding-block:60px}
.bs2-hero-brand{grid-column:1;grid-row:1;align-self:end;z-index:2}
.bs-fidelity .bs-wordmark{max-width:250px!important;max-height:78px;margin-bottom:30px;background:none;padding:0}
.bs2-hero-grid .bs-hero-copy{grid-column:1;grid-row:2;align-self:start;padding-right:32px}
.bs2-hero-grid .bs-hero-stage{grid-column:2;grid-row:1/3;height:530px;min-width:0}
.bs-fidelity .bs-hero-stage figure{max-height:none;display:block;width:100%}
.bs-fidelity .bs-hero-stage .bs-hero-product{width:100%!important;height:470px;max-height:none;object-fit:contain}
.bs-fidelity .bs-hero-stage{display:flex;flex-direction:column;justify-content:center}
.bs-fidelity .bs-hero-stage figure{flex:none}
.bs-fidelity .bs-stage-caption{position:static;flex:none;margin-top:16px;border:0;padding:0;font-size:10px;letter-spacing:.22em;justify-content:center}
.bs-fidelity .bs-hero-stage figcaption{font-size:11px;margin-top:8px}
.bs-fidelity .bs-lead{font-size:16px;line-height:1.85;max-width:500px;margin-top:22px!important}
.bs-fidelity .bs-actions{gap:18px;margin-top:25px}
.bs-fidelity .bs-hero .br-motion{margin-top:22px;border-color:currentColor;opacity:.8;font-size:11px!important}
.bs-fidelity .bs-button{font-size:15px;min-height:48px;padding:11px 25px}
.bs-fidelity .bs-chapter-nav a{min-height:56px;font-size:13px}
.bs-fidelity .bs-hero-field{background:none;inset:-20px}
.bs-fidelity.bs-collaju .bs-hero{background:#68445e;color:#fff7ed}
.bs-fidelity.bs-collaju .bs-hero-field{background:radial-gradient(ellipse at 76% 40%,#a4779c88,transparent 70%),linear-gradient(155deg,#593b54,#805c78)}
.bs-fidelity.bs-collaju .bs-hero .bs-lead,.bs-fidelity.bs-collaju .bs-hero figcaption,.bs-fidelity.bs-collaju .bs-stage-caption{color:#f0e2ed}
.bs-fidelity.bs-collaju .bs-hero .bs-button{background:#fff7ed;border-color:#fff7ed;color:#65405b!important}
.bs-fidelity.bs-collaju .bs-hero .bs-text-link{border-color:#bba6b5}
.bs-fidelity.bs-collaju .bs-hero .br-motion{color:#fff7ed}
.bs-fidelity.bs-collaju .bs-hero-stage{margin-left:20px;width:calc(100% + 15px)}
.bs-fidelity.bs-collaju .bs-wordmark{max-width:270px!important;max-height:110px;background:#fff7ed;padding:12px 18px;border-radius:3px}
.bs-fidelity.bs-p198 .bs-hero{background:#fffdf8}
.bs-fidelity.bs-p198 .bs-hero-field{background:radial-gradient(ellipse at 50% 77%,#e5d2ae66,transparent 55%),linear-gradient(110deg,#fffdf8,#faf3e7 53%,#fffdf8)}
.bs-fidelity.bs-p198 .bs2-hero-grid{grid-template-columns:24% 43% 33%;grid-template-rows:1fr;min-height:600px}
.bs-fidelity.bs-p198 .bs2-hero-brand{align-self:center;grid-column:1;grid-row:1}
.bs-fidelity.bs-p198 .bs-hero-stage{grid-column:2;grid-row:1;height:510px}
.bs-fidelity.bs-p198 .bs-hero-copy{grid-column:3;grid-row:1;align-self:center;padding:0 0 0 26px}
.bs-fidelity.bs-p198 h1{font-size:clamp(27px,2.35vw,36px);font-weight:400}
.bs-fidelity.bs-p198 .bs-wordmark{max-width:100%!important;width:260px;max-height:150px;background:#fffdf8;padding:10px 0;filter:drop-shadow(0 .6px 0 #6f5426aa)}
.bs-fidelity.bs-p198 .bs-button{background:#e5d2ae;border-color:#d5bc93;color:#3b342b!important;border-radius:3px}
.bs-fidelity.bs-p198 .bs2-hero .bs-actions{display:block}
.bs-fidelity.bs-p198 .bs2-hero .bs-text-link{margin-top:15px;display:flex;width:max-content}
.bs-fidelity.bs-clabiane .bs-hero{background:#eaf3fb}
.bs-fidelity.bs-clabiane .bs-hero-field{background:linear-gradient(90deg,#eaf3fb00 30%,#eaf3fb 73%),url('/wp-content/mu-plugins/innobelle-brand-story-r1/assets/hydrogel-macro.png') left center/70% 100% no-repeat}
.bs-fidelity.bs-clabiane .bs2-hero-grid{grid-template-columns:53% 47%;min-height:670px;padding-block:58px}
.bs-fidelity.bs-clabiane .bs2-hero-brand{grid-column:2;padding-left:38px}
.bs-fidelity.bs-clabiane .bs-wordmark{padding:14px 18px;max-height:95px;background:#16356d;border-radius:2px}
.bs-fidelity.bs-clabiane .bs-hero-copy{grid-column:2;padding:0 0 0 38px}
.bs-fidelity.bs-clabiane .bs-hero-stage{grid-column:1;height:570px;margin-left:-30px;width:calc(100% + 40px)}
.bs-fidelity.bs-clabiane .bs-hero-stage .bs-hero-product{height:535px}
.bs-fidelity.bs-clabiane .bs-stage-caption{bottom:-15px}
.bs-fidelity.bs-aesku .bs-hero{background:linear-gradient(110deg,#fff 15%,#e9f6fa)}
.bs-fidelity.bs-aesku .bs-wordmark{background:#102f43;padding:12px 18px;max-height:96px;border-radius:2px}
.bs-fidelity.bs-aesku .bs-hero-stage .bs-hero-product{height:480px}
.bs2-editorial{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.bs2-editorial .bs-reading{max-width:none}
.bs2-editorial .bs-chapter-media,.bs2-story-image{min-width:0}
.bs2-editorial.bs2-media-left .bs-reading{grid-column:2;grid-row:1}
.bs2-editorial.bs2-media-left .bs-chapter-media{grid-column:1;grid-row:1}
.bs2-story{background:var(--paper)}
.bs2-story-image .bs-figure img{height:330px;object-fit:contain}
.bs2-story-image .bs2-macro img{object-fit:cover;height:340px}
.bs-fidelity .bs2-document img{max-height:330px}
.bs-fidelity .bs2-macro img{width:100%;height:480px;max-height:none;object-fit:cover;border-radius:14px}
.bs-fidelity .bs2-collagen{background:#f5eef3}
.bs2-collagen .bs2-editorial{grid-template-columns:44% 1fr;gap:52px;align-items:start}
.bs2-collagen h2{font-size:clamp(36px,4.2vw,64px);font-weight:500;color:#602a50}
.bs2-collagen .bs2-macro img{height:700px;object-position:center}
.bs2-collagen .bs-reading{padding-top:22px}
.bs2-collagen .bs-button{background:transparent;color:var(--accent)!important}
.bs2-collagen .bs-original{margin-top:32px}
.bs-fidelity .bs-original-inner{border-left-width:2px}
.bs-fidelity .bs-original summary{font-size:15px}
.bs-fidelity .bs-original-part p{font-size:16px}
.bs-fidelity .bs-original-part h1,.bs-fidelity .bs-original-part h2,.bs-fidelity .bs-original-part h3{overflow-wrap:anywhere}
.bs-fidelity.bs-clabiane .bs-chapter{border:0}
.bs-fidelity.bs-clabiane .bs-chapter:nth-of-type(even){background:#f4f8fc}
.bs-fidelity.bs-clabiane .bs2-editorial{gap:62px}
.bs-fidelity.bs-clabiane .bs-chapter-media .bs-figure:not(.bs2-macro) img{height:470px}
.bs-fidelity.bs-clabiane .bs-chapter-2 .bs2-macro img{object-position:right;transform:scaleX(-1)}
.bs2-range-photos{display:flex;gap:14px;padding-bottom:26px}
.bs2-range-photos img{width:calc((100% - 28px)/3);aspect-ratio:1;object-fit:contain}
.bs-fidelity .bs-care-range>div{font-size:15px;padding-block:12px}
.bs2-line-grid{display:grid;grid-template-columns:21% 36% 1fr;gap:34px;align-items:center}
.bs2-line-strip .bs-reading h2{font-size:28px}
.bs2-p198-mark{font:300 clamp(55px,6.5vw,95px)/1.05 var(--ib-ui)!important;letter-spacing:-.06em}
.bs2-line-name{font-size:30px!important;font-weight:300;line-height:1.5!important;margin-top:10px!important}
.bs2-line-brand{color:#896936}
.bs-nature .bs2-line-brand{color:#155b49}
.bs-nature .bs2-line-brand .bs-nature-logo{margin-top:22px;max-width:240px!important}
.bs-fidelity.bs-p198 .bs2-line-strip{background:#fcf7ee;border-color:#e8d9be}
.bs2-line-strip .bs-chapter-media img{height:370px;object-fit:contain}
.bs-fidelity.bs-p198 .bs-nature{background:#f5faf7!important}
.bs2-line-brand .bs-nature-logo{width:100%;max-width:240px!important;padding:12px;box-sizing:border-box!important;margin:0}
.bs2-line-strip.bs-nature .bs-chapter-media img{height:360px;object-fit:contain}
.bs2-line-strip .bs-exonature-gallery{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.bs-fidelity .bs-variant-panel{min-height:340px;grid-template-columns:45% 1fr;padding:24px 0;gap:50px}
.bs-fidelity .bs-variant-panel img{height:300px}
.bs-fidelity .bs-tabs{justify-content:center}
.bs-fidelity .bs-tabs button{padding-inline:20px}
.bs-fidelity .bs-tabs [aria-selected=true]{color:#765d35}
.bs2-workflow{background:#eaf6f9}
.bs2-workflow h2{max-width:1000px;font-size:clamp(34px,3.3vw,50px)}
.bs2-workflow h2::after{content:'';display:block;width:120px;height:2px;background:#00899b;margin-top:22px}
.bs2-workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:42px 0 0;gap:42px}
.bs2-workflow-steps li{display:flex;align-items:center;gap:22px;position:relative}
.bs2-workflow-steps li:not(:last-child)::after{content:'';position:absolute;right:-30px;top:30%;width:27px;height:1px;background:#81b9c4}
.bs2-step-photo{width:145px;aspect-ratio:1;border-radius:50%;overflow:hidden;flex:none;border:2px solid white}
.bs2-step-photo img{width:100%;height:100%;object-fit:cover;max-width:none;object-position:left}
.bs2-workflow-steps li:nth-child(2) img{object-position:center}
.bs2-workflow-steps li:nth-child(3) img{object-position:right}
.bs2-step-number{font-size:40px;font-weight:300;line-height:1.4;color:#579caf}
.bs2-workflow-steps h3{font-size:21px;line-height:1.5}
.bs2-workflow .bs-note{font-size:12px!important;text-align:center;max-width:none;margin-top:36px!important}
.bs2-instruments{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.bs2-instruments>.bs-chapter{border:0;background:white!important;padding-block:65px}
.bs2-instruments>.bs-chapter+ .bs-chapter{position:relative}
.bs2-instruments>.bs-chapter+ .bs-chapter::before{content:'';position:absolute;left:-30px;top:65px;bottom:65px;width:1px;background:#bfdce3}
.bs2-instrument-top{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.bs2-instrument-top .bs-reading p{font-size:15px}
.bs2-instrument-top h2{font-size:23px;line-height:1.5}
.bs2-system-name{font-size:36px!important;font-weight:600;line-height:1.3!important;color:#cf006b!important;margin-bottom:22px!important}
.bs-chapter-2 .bs2-system-name{color:#0758bd!important}
.bs2-system-name span{font-size:18px;font-weight:400;color:#17394c;white-space:nowrap}
.bs2-instruments .bs-figure img{height:330px;max-height:none;width:100%;object-fit:contain}
.bs2-instruments .bs-figure figcaption{font-size:11px}
.bs-fidelity .bs-resources{background:var(--paper);border-block:1px solid var(--line)}
.bs-fidelity .bs-faq{padding-block:65px}
.bs-fidelity .bs-product-story{border-top:1px solid var(--line)}
.bs2-close-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.bs-fidelity .bs-close h2{font-size:34px;max-width:750px}
.bs-fidelity.bs-collaju .bs-close{background:#6e4b66;--ink:#fff5ee;--muted:#ebdeE7;--accent:#fff5ee;--line:#b69aaa;color:#fff5ee}
.bs-fidelity.bs-collaju .bs-close .bs-button{color:#65405b!important}
.bs-fidelity.bs-clabiane .bs-close{background:linear-gradient(90deg,#edf5fcde,#edf5fc),url('/wp-content/mu-plugins/innobelle-brand-story-r1/assets/hydrogel-macro.png') center/cover}
.bs-fidelity .bs-product-grid{grid-template-columns:repeat(3,1fr)}
.bs-fidelity .bs-product-media{border:0}
@media(min-width:1500px){.bs2-instrument-top h2{font-size:26px}}
@media(max-width:767px){.bs-fidelity.bs-p198 .bs2-hero-brand .bs-wordmark{width:240px;max-width:100%!important;max-height:90px}.bs-fidelity.bs-clabiane .bs-hero-stage figcaption{color:#132c5b;background:#edf5fcee;padding:3px 8px;border-radius:2px;align-self:center;display:table;margin-inline:auto}}
@media(min-width:768px) and (max-width:1100px){.bs2-instruments>.bs-chapter+ .bs-chapter::before{left:-17px}}
@media(max-width:767px){.bs2-instruments>.bs-chapter+ .bs-chapter::before{display:none}}
@media(max-width:1100px){.bs-fidelity .bs-wrap{width:calc(100% - 56px)}.bs2-editorial{gap:38px}.bs2-hero-grid{min-height:600px}.bs-fidelity.bs-p198 .bs2-hero-grid{grid-template-columns:23% 39% 38%}.bs-fidelity.bs-p198 .bs-hero-copy{padding-left:15px}.bs2-workflow-steps{gap:28px}.bs2-workflow-steps li{flex-direction:column;align-items:start;gap:12px}.bs2-step-photo{width:170px}.bs2-line-grid{grid-template-columns:23% 1fr;gap:30px}.bs2-line-grid>.bs-chapter-media{grid-column:1/3}.bs2-instruments{gap:35px}.bs2-instrument-top{grid-template-columns:1fr}.bs2-instrument-top .bs-chapter-media{grid-row:1}.bs-fidelity .bs-chapter-nav .bs-wrap{gap:24px}.bs2-close-grid{gap:32px}}
@media(max-width:767px){.bs-fidelity .bs-wrap{width:calc(100% - 40px)}.bs-fidelity .bs-section{padding-block:52px}.bs-fidelity h1{font-size:30px;line-height:1.45}.bs-fidelity h2{font-size:27px;line-height:1.48}.bs-fidelity p{font-size:16px;line-height:1.85}.bs-fidelity .bs-lead{font-size:16px}.bs2-hero-grid,.bs-fidelity.bs-p198 .bs2-hero-grid,.bs-fidelity.bs-clabiane .bs2-hero-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;padding-block:34px;gap:22px}.bs2-hero-grid .bs2-hero-brand,.bs-fidelity.bs-p198 .bs2-hero-brand,.bs-fidelity.bs-clabiane .bs2-hero-brand{grid-column:1;grid-row:1;padding:0}.bs-fidelity .bs-wordmark{max-width:220px!important;max-height:55px;margin:0}.bs2-hero-grid .bs-hero-copy,.bs-fidelity.bs-p198 .bs-hero-copy,.bs-fidelity.bs-clabiane .bs-hero-copy{grid-column:1;grid-row:3;padding:0;align-self:start}.bs2-hero-grid .bs-hero-stage,.bs-fidelity.bs-p198 .bs-hero-stage,.bs-fidelity.bs-clabiane .bs-hero-stage,.bs-fidelity.bs-collaju .bs-hero-stage{grid-column:1;grid-row:2;height:300px;width:100%;margin:0;max-width:none}.bs-fidelity .bs-hero-stage .bs-hero-product,.bs-fidelity.bs-clabiane .bs-hero-stage .bs-hero-product,.bs-fidelity.bs-aesku .bs-hero-stage .bs-hero-product{height:265px;max-height:none!important}.bs-fidelity .bs-stage-caption{display:none}.bs-fidelity .bs-hero-stage figcaption{font-size:10px}.bs-fidelity .bs-hero-stage figure{max-height:none}.bs-fidelity .bs-hero h1{font-size:30px}.bs-fidelity .bs-hero .br-motion{margin-top:16px}.bs-fidelity .bs-hero .bs-actions{gap:12px}.bs-fidelity.bs-collaju .bs-wordmark{max-width:250px!important;max-height:60px}.bs-fidelity.bs-p198 .bs-wordmark{width:185px;max-height:80px}.bs-fidelity.bs-clabiane .bs-hero-field{background:linear-gradient(0deg,#eaf3fb 35%,#eaf3fb00 90%),url('/wp-content/mu-plugins/innobelle-brand-story-r1/assets/hydrogel-macro.png') left top/auto 55% no-repeat}.bs2-editorial,.bs2-collagen .bs2-editorial,.bs-fidelity.bs-clabiane .bs2-editorial,.bs2-close-grid{grid-template-columns:1fr;gap:28px}.bs2-editorial .bs-reading,.bs2-editorial.bs2-media-left .bs-reading{grid-column:1;grid-row:2}.bs2-editorial .bs-chapter-media,.bs2-editorial.bs2-media-left .bs-chapter-media,.bs2-story-image{grid-column:1;grid-row:1}.bs-fidelity.bs-p198 .bs2-editorial .bs-reading{grid-row:1}.bs-fidelity.bs-p198 .bs2-editorial .bs-chapter-media{grid-row:2}.bs-fidelity .bs2-macro img,.bs2-collagen .bs2-macro img{height:auto;aspect-ratio:1;max-height:none}.bs2-collagen h2{font-size:34px}.bs2-collagen .bs-reading{padding:0}.bs2-story-image .bs-figure img{height:280px}.bs2-story-image .bs2-macro img{aspect-ratio:4/3;height:auto}.bs2-line-grid{grid-template-columns:1fr;gap:28px}.bs2-line-grid>.bs-chapter-media{grid-column:1}.bs2-line-strip .bs-reading h2{font-size:26px}.bs2-p198-mark{font-size:68px!important}.bs2-line-name{font-size:26px!important}.bs2-line-brand .bs-nature-logo{max-width:230px!important}.bs2-line-strip .bs-chapter-media img,.bs2-line-strip.bs-nature .bs-chapter-media img{height:300px}.bs-fidelity .bs-variant-panel{grid-template-columns:1fr;gap:22px;padding:24px 0}.bs-fidelity .bs-tabs{justify-content:flex-start;gap:12px;scroll-snap-type:x proximity}.bs-fidelity .bs-tabs button{padding-inline:12px;scroll-snap-align:start;flex:none}.bs2-workflow-steps{grid-template-columns:1fr;gap:26px;margin-top:30px}.bs2-workflow-steps li{display:flex;flex-direction:row;align-items:center;gap:24px}.bs2-step-photo{width:116px}.bs2-step-number{font-size:34px}.bs2-workflow-steps h3{font-size:19px}.bs2-workflow-steps li:not(:last-child)::after{left:57px;top:100%;width:1px;height:26px}.bs2-workflow .bs-note{text-align:left}.bs2-instruments{grid-template-columns:1fr;gap:0}.bs2-instruments>.bs-chapter{padding-block:48px;border-bottom:1px solid var(--line)}.bs2-instrument-top{grid-template-columns:1fr;gap:28px}.bs2-instrument-top .bs-chapter-media{grid-row:2}.bs2-instrument-top .bs-reading p{font-size:16px}.bs2-instrument-top h2{font-size:27px}.bs2-instrument-top .bs2-system-name{font-size:40px!important}.bs2-instruments .bs-figure img{height:300px}.bs-fidelity.bs-clabiane .bs-chapter-media .bs-figure:not(.bs2-macro) img{height:340px}.bs-fidelity .bs-product-grid{grid-template-columns:repeat(2,1fr)}.bs-fidelity .bs-close h2{font-size:28px}.bs-fidelity .bs-chapter-nav .bs-wrap{width:100%;padding-right:68px}.bs-fidelity .bs-nav-more svg{width:18px}.bs-fidelity .bs-faq{padding-block:50px}.bs2-range-photos{gap:8px}.bs2-range-photos img{width:calc((100% - 16px)/3)}.bs2-close-grid{gap:8px}}
