/* PETRO / HEROic. A continuous saturated color field, never boxed image panels. */
.device-color-bbl{--bbl-ink:#fff;--bbl-sky:#78edff;--bbl-rule:rgba(174,224,255,.45);--ink:#fff;--muted:#def4ff;--jade:#fff;--rule:var(--bbl-rule);background:#0642ce;background-image:radial-gradient(ellipse at 90% 0%,rgba(49,211,255,.38),transparent 42%),radial-gradient(ellipse at 5% 55%,rgba(10,152,255,.3),transparent 50%),linear-gradient(145deg,#075edc 0%,#123ac9 47%,#0737bb 76%,#005fda 100%);background-attachment:fixed;color:#fff}
.device-color-bbl :is(.site-page,.site-header,.site-mast,.site-nav,.site-footer,.footer-panel,.petro-breadcrumb,.chapter,.prose,.faqs,.device-story,.skin-light-story,.petro-review-ribbon){background:transparent;color:#fff}
.device-color-bbl :is(.site-header,.site-footer,.petro-breadcrumb,.footer-panel) :is(a,p,span,h2,h3,address),.device-color-bbl #main :is(h1,h2,h3,p,a,li,summary,figcaption,caption,th,td,button,.device-eyebrow){color:#fff}
.device-color-bbl .petro-utility-links{background:transparent!important;color:#fff}.device-color-bbl .petro-utility-links a{color:#fff!important}
.device-color-bbl #main{max-width:none;padding:0;overflow:clip}.device-color-bbl #main>section{box-sizing:border-box}
.device-color-bbl .petro-glass{color:#fff!important;background:radial-gradient(ellipse at 25% 0%,rgba(225,255,255,.42),transparent 63%),linear-gradient(170deg,rgba(90,207,255,.3),rgba(20,71,222,.25))!important;border:1px solid rgba(202,243,255,.7)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.65),inset 0 -2px 5px rgba(0,40,180,.2),0 7px 20px rgba(0,32,141,.14)}
.device-color-bbl :is(a,button,summary,input):focus-visible{outline:3px solid #b0f6ff!important;outline-offset:5px}.device-color-bbl .site-nav a:focus-visible{outline-color:#fff!important}
.heroic-cover{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;max-width:1320px;padding:56px 56px 96px;margin:0 auto;min-height:710px;box-sizing:border-box;align-items:center;gap:20px}
.heroic-cover:before{content:"";position:absolute;z-index:-1;inset:8% -35% -10% 38%;background:radial-gradient(ellipse,rgba(31,166,255,.34),transparent 66%);pointer-events:none}
.heroic-cover-kicker{grid-column:1/-1;font:500 12px/1.5 'Instrument Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px}
.heroic-cover h1{font:500 clamp(86px,9.6vw,145px)/.86 'Cormorant Garamond',Georgia,serif;letter-spacing:-.055em;margin:0 0 34px;position:relative;z-index:1}.heroic-cover h1>span{display:block;white-space:nowrap}.heroic-cover h1 i{font-weight:400;color:#abf7ff}
.heroic-cover-deck{font:400 clamp(25px,2.6vw,37px)/1.18 'Instrument Sans',Arial,sans-serif;letter-spacing:-.035em;margin:0 0 24px}.heroic-cover-deck em{font:500 1.27em/1.1 'Cormorant Garamond',Georgia,serif;font-style:italic;letter-spacing:-.02em}
.heroic-cover-intro{font:400 17px/1.65 'Instrument Sans',Arial,sans-serif;max-width:450px;margin:0 0 24px}.heroic-cover-link{display:flex;align-items:center;gap:18px;width:fit-content;font:500 15px/1.5 'Instrument Sans',Arial,sans-serif;min-height:44px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.65)}.heroic-cover-link>span{font-size:24px}.heroic-secondary-link{font-size:13px;border:0;margin-top:10px;opacity:.9}
.heroic-cover-machine{position:relative;margin:0 -50px 0 -20px;align-self:center;transform:translateY(-25px)}.heroic-cover-machine img{width:100%;height:auto;display:block;filter:drop-shadow(0 16px 20px rgba(0,23,131,.18))}.heroic-cover-machine figcaption{display:flex;align-items:center;gap:16px;margin:30px 20px 0;font:400 13px/1.5 'Instrument Sans',Arial,sans-serif;letter-spacing:.03em}.heroic-cover-machine figcaption span{font:500 31px/1 'Cormorant Garamond',Georgia,serif;border-right:1px solid var(--bbl-rule);padding-right:16px}.heroic-cover-machine figcaption i{color:#abf7ff}
.heroic-lineage{display:grid;grid-template-columns:.85fr 1.4fr;gap:80px;max-width:1200px;margin:auto;padding:60px 40px 80px;border-top:1px solid var(--bbl-rule)}
.heroic-eyebrow{font:500 11px/1.5 'Instrument Sans',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px;color:#baf2ff!important}
.heroic-lineage h2,.heroic-motion h2{font:500 clamp(44px,5vw,68px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;margin:0}.heroic-lineage h2 em,.heroic-motion h2 em{font:inherit;font-style:italic;color:#a5f2ff}
.heroic-lineage-rows article{display:grid;grid-template-columns:50px 135px 1fr;align-items:baseline;gap:18px;padding:23px 0;border-top:1px solid var(--bbl-rule)}.heroic-lineage-rows article:first-child{padding-top:0;border:0}.heroic-lineage-rows article>span{font:400 12px/1.5 'Instrument Sans',Arial,sans-serif;color:#baf2ff}.heroic-lineage h3{font:500 34px/1 'Cormorant Garamond',Georgia,serif;margin:0;white-space:nowrap}.heroic-lineage p:not(.heroic-eyebrow){font:400 15px/1.55 'Instrument Sans',Arial,sans-serif;margin:0}
.heroic-motion{max-width:1320px;margin:0 auto;padding:72px 40px 64px;border-top:1px solid var(--bbl-rule);scroll-margin-top:24px}.heroic-motion-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:end;margin:0 0 42px}.heroic-motion-heading>p{font:400 18px/1.6 'Instrument Sans',Arial,sans-serif;max-width:430px;margin:0 0 4px}
.heroic-motion-tabs{display:flex;gap:35px;border-bottom:1px solid var(--bbl-rule);margin-bottom:20px}.heroic-motion-tabs button{flex:1;min-height:72px;padding:10px 0 18px;background:transparent;border:0;border-bottom:3px solid transparent;color:#fff;text-align:left;font:400 18px/1.3 'Instrument Sans',Arial,sans-serif;cursor:pointer}.heroic-motion-tabs button>span{display:block;font:500 10px/1.5 'Instrument Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#baf2ff;margin-bottom:7px}.heroic-motion-tabs button[aria-pressed=true]{border-bottom-color:#a3f7ff}.heroic-motion-tabs button:hover{color:#baf2ff!important}
.heroic-motion-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.85fr);gap:35px;align-items:center}.heroic-motion-art{margin:0 -18px 0 0;min-width:0}.heroic-motion-art svg{display:block;width:100%;height:auto;overflow:visible}.heroic-tracking path{fill:none;stroke:#bdfaff;stroke-width:2;stroke-dasharray:5 8;opacity:.8}.heroic-tracking circle{fill:#c5ffff;opacity:.7}.heroic-art-label path{stroke:#a5e8ff;stroke-width:1;opacity:.65;fill:none}.heroic-art-label text{fill:#d0f6ff;font:500 16px 'Instrument Sans',Arial,sans-serif;letter-spacing:2px}.heroic-coverage rect{fill:url(#heroic-pulse-glass);stroke:#b7fbff;stroke-width:2}
.heroic-motion-playback{display:flex;align-items:center;gap:25px;padding:4px 16px 12px}.heroic-motion-playback button{font:500 13px/1.2 'Instrument Sans',Arial,sans-serif;min-height:48px;padding:12px 22px;cursor:pointer;white-space:nowrap}.heroic-motion-playback label{flex:1;display:flex;flex-direction:column;gap:10px;font:400 10px/1.4 'Instrument Sans',Arial,sans-serif;letter-spacing:.06em}.heroic-motion-playback input{width:100%;accent-color:#a8f5ff;cursor:pointer}
.heroic-motion-explanation h3{font:500 clamp(30px,3.5vw,46px)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:8px 0 22px}.heroic-motion-explanation>p:not(.heroic-eyebrow){font:400 16px/1.65 'Instrument Sans',Arial,sans-serif}.heroic-motion-explanation .heroic-motion-detail{font-size:13px!important;line-height:1.65!important;color:#caedff!important;padding-top:18px;border-top:1px solid var(--bbl-rule)}.heroic-motion-readout{display:grid;grid-template-columns:1fr auto;gap:9px 20px;margin-top:26px;font:400 11px/1.5 'Instrument Sans',Arial,sans-serif;letter-spacing:.04em}.heroic-motion-readout strong{font-weight:500;color:#a6f8ff}
.heroic-dr-petro{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center;border-top:1px solid var(--bbl-rule);margin-top:54px;padding-top:36px}.heroic-dr-petro h3{font:500 36px/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 14px}.heroic-dr-petro p:not(.heroic-eyebrow){font:400 16px/1.65 'Instrument Sans',Arial,sans-serif;margin:0;max-width:550px}.heroic-film-trigger{display:flex;align-items:center;gap:20px;font:400 19px/1.5 'Instrument Sans',Arial,sans-serif;background:none;border:0;text-align:left;cursor:pointer;padding:16px 0}.heroic-film-trigger small{display:block;font-size:12px;color:#c3efff}.heroic-film-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #a3ecff;border-radius:50%;font:300 37px/1 Arial;color:#d1f9ff;background:linear-gradient(150deg,rgba(174,245,255,.22),rgba(0,79,205,.1));box-shadow:inset 0 1px 2px rgba(255,255,255,.5);flex:none}.heroic-film iframe{width:100%;aspect-ratio:16/9;border:0;display:block;margin-top:16px}
.device-color-bbl .skin-light-story{--skin-jade:#fff;--skin-pink:#8af1ff;--skin-blue:#a2ecff;--skin-rule:var(--bbl-rule)}.device-color-bbl .skin-light-story :is(strong,h2 em,.skin-kicker,.skin-option-label,[data-skin-band],.skin-specific,.skin-play-line>span,.skin-concerns button>span,.skin-steps button>span){color:#d0f6ff}.device-color-bbl .skin-concerns button[aria-pressed=true],.device-color-bbl .skin-filter-options button[aria-pressed=true],.device-color-bbl .skin-steps button[aria-pressed=true]{border-color:#adf9ff}.device-color-bbl .skin-surface{border-color:#9beeff}.device-color-bbl .skin-image-frame{background:none}.device-color-bbl .skin-all-filters :is(button,summary){background:none;color:white}.device-color-bbl .skin-all-filters button:hover{background:rgba(100,205,255,.15)}
.device-color-bbl .device-story{--de-jade:#fff;--de-line:var(--bbl-rule)}.device-color-bbl .device-story :is(video,.device-step-controls button){background:transparent}.device-color-bbl .petro-treatment-results,.device-color-bbl .petro-treatment-results figure,.device-color-bbl .treatment-result-card{background:transparent}
.device-color-bbl .petro-review-ribbon .patient-voice,.device-color-bbl .petro-review-ribbon .patient-voice:nth-child(even){background:rgba(71,167,255,.12);color:#fff;border:1px solid rgba(180,230,255,.3);box-shadow:none;--review-accent:#a3f4ff}.device-color-bbl .petro-review-ribbon .patient-voice:before{background:none;color:#a3f4ff}.device-color-bbl .petro-review-ribbon .patient-voice cite{color:#fff;border-color:#a3f4ff}.device-color-bbl .petro-review-ribbon .patient-voice:after,.device-color-bbl .petro-review-ribbon .patient-voice cite:before{background:#a3f4ff}.device-color-bbl .footer-bottom{color:#fff}
@media(max-width:900px){.heroic-cover{padding:45px 30px 70px;gap:0;min-height:620px}.heroic-cover h1{font-size:108px}.heroic-cover-machine{margin-right:-20px}.heroic-lineage{gap:35px;padding:50px 30px}.heroic-lineage-rows article{grid-template-columns:38px 105px 1fr;gap:10px}.heroic-lineage h3{font-size:29px}.heroic-motion{padding:55px 30px}.heroic-motion-layout{grid-template-columns:1.5fr 1fr;gap:22px}.heroic-motion-heading{gap:30px}}
@media(max-width:700px){.device-color-bbl .site-nav.is-open{background:#073fc4!important}.device-color-bbl .site-nav.is-open:before{color:#fff;background:transparent!important}.device-color-bbl .site-nav.is-open a{color:#fff!important}.device-color-bbl .site-nav.is-open a.petro-glass{background:rgba(68,174,255,.25)!important}.heroic-cover{display:flex;flex-direction:column;align-items:stretch;padding:40px 23px 48px;min-height:0}.heroic-cover-kicker{font-size:10px;margin-bottom:26px}.heroic-cover h1{font-size:clamp(92px,25vw,130px);line-height:.86;margin-bottom:25px}.heroic-cover h1>span{display:inline}.heroic-cover-deck{font-size:26px}.heroic-cover-intro{font-size:16px;line-height:1.6}.heroic-cover-machine{margin:32px -12px 0;transform:none}.heroic-cover-machine figcaption{margin:18px 10px 0;justify-content:center;font-size:11px}.heroic-cover-machine figcaption span{font-size:26px}.heroic-cover-link{font-size:14px}.heroic-secondary-link{font-size:12px}.heroic-lineage{display:block;padding:40px 23px 46px}.heroic-lineage h2{font-size:49px;margin-bottom:30px}.heroic-lineage-rows article{grid-template-columns:38px 1fr;gap:7px 17px;padding:20px 0}.heroic-lineage h3{font-size:35px}.heroic-lineage-rows article p{grid-column:2;font-size:14px;line-height:1.6;max-width:300px}.heroic-motion{padding:44px 23px}.heroic-motion-heading{display:block;margin-bottom:26px}.heroic-motion h2{font-size:47px}.heroic-motion-heading>p{font-size:16px;margin-top:24px}.heroic-motion-tabs{gap:15px;margin:0}.heroic-motion-tabs button{font-size:13px;min-height:80px;padding:12px 0}.heroic-motion-tabs button>span{font-size:8px;letter-spacing:.08em}.heroic-motion-layout{display:flex;flex-direction:column;gap:22px}.heroic-motion-art{width:calc(100% + 46px);margin:0 -23px}.heroic-motion-playback{padding:4px 23px 12px;gap:18px}.heroic-motion-playback button{font-size:12px;padding:12px 15px}.heroic-motion-playback label{font-size:9px}.heroic-motion-explanation h3{font-size:37px}.heroic-motion-explanation>p:not(.heroic-eyebrow){font-size:16px}.heroic-motion-readout{max-width:330px}.heroic-dr-petro{display:block;margin-top:30px;padding-top:30px}.heroic-dr-petro h3{font-size:33px}.heroic-film{margin-top:22px}.heroic-film-trigger{font-size:17px}.heroic-film-trigger small{font-size:11px}.heroic-film-icon{width:53px;height:53px;font-size:30px}}
@media(prefers-reduced-motion:reduce){.heroic-motion *{scroll-behavior:auto;animation:none!important;transition:none!important}}

/* Blue glass continues through the floating navigation. */
.device-color-bbl .vg-launch{color:#fff!important;background:linear-gradient(150deg,rgba(88,208,255,.48),rgba(10,69,222,.7))!important;border:1px solid #8de9ff;box-shadow:inset 0 1px 2px rgba(255,255,255,.55),0 7px 24px rgba(0,30,150,.2);backdrop-filter:blur(14px)}
.device-color-bbl .petro-rail-panel{background:linear-gradient(150deg,rgba(94,215,255,.32),rgba(12,62,214,.65))!important;border:1px solid rgba(184,240,255,.55);box-shadow:inset 0 1px 2px rgba(255,255,255,.55),0 7px 24px rgba(0,30,150,.2);backdrop-filter:blur(14px)}
.device-color-bbl .petro-rail-panel:before,.device-color-bbl .petro-rail-panel:after{background:none!important}
.device-color-bbl .petro-rail-panel .petro-icon-action--email,.device-color-bbl .petro-rail-panel .petro-icon-action--share{color:#fff!important}
.device-color-bbl .petro-rail-panel svg{filter:none}
.device-color-bbl{background-image:radial-gradient(ellipse at 102% -15%,rgba(0,235,255,.52),transparent 51%),radial-gradient(ellipse at -22% 110%,rgba(0,193,255,.46),transparent 48%),linear-gradient(125deg,#005cea 0%,#0735d1 47%,#0832ca 75%,#0059ed 100%)}

.device-color-bbl .skin-steps button{min-height:88px;padding:18px 0;text-align:left;background:transparent}.device-color-bbl .skin-steps button strong{font:500 27px/1.2 'Cormorant Garamond',Georgia,serif;display:block;margin-top:10px;color:#fff}.device-color-bbl .skin-steps button[aria-pressed=true] strong{color:#a5f2ff}

.device-color-bbl .skin-dimmer{display:none}

body.device-color-bbl .site-header .site-nav a.petro-glass,body.device-color-bbl a.petro-book-now{color:#fff!important}
body.device-color-bbl .petro-rail-panel .petro-icon-action,body.device-color-bbl .petro-rail-share>summary{color:#fff!important}
body.device-color-bbl .petro-rail-panel img.petro-social-icon{filter:brightness(0) invert(1)}
body.device-color-bbl .petro-rail-panel .petro-social-icon--spotify path{stroke:#0643d6}
.heroic-art-label text{font-size:24px;letter-spacing:1px}
@media(max-width:700px){.heroic-art-label{display:none}}

body.device-color-bbl .petro-rail-panel .petro-icon-action--facebook img{filter:none}

/* Keep the original portrait separate from the reading surface. */
body.device-color-bbl .petro-photo-footer{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:0;max-width:1280px;margin:auto;padding:70px 56px;background:transparent}
body.device-color-bbl .petro-photo-footer:before{display:none}
body.device-color-bbl .petro-photo-footer .footer-photo{position:static;order:2;width:100%;height:640px;object-fit:cover;object-position:68% center;z-index:auto;opacity:1}
body.device-color-bbl .petro-photo-footer .footer-panel{order:1;width:100%;padding:0;background:transparent}
body.device-color-bbl .footer-panel h2{font:500 64px/1.03 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em}
body.device-color-bbl .footer-panel h2 em{font:inherit;font-style:italic;color:#a5f2ff;display:inline;padding:0}
body.device-color-bbl .footer-panel nav a{border-color:var(--bbl-rule)}
@media(max-width:700px){body.device-color-bbl .petro-photo-footer{display:flex;flex-direction:column;gap:30px;padding:44px 23px}body.device-color-bbl .petro-photo-footer .footer-photo{height:420px}body.device-color-bbl .footer-panel h2{font-size:52px}}

html.petro-menu-open body.device-color-bbl .site-header .site-nav.is-open:before,html.petro-menu-open body.device-color-bbl .site-header .petro-menu-toggle,html.petro-menu-open body.device-color-bbl .site-header .petro-menu-toggle [data-menu-icon]{color:#fff!important}
