/* ===== embedded-main-styles ===== */ html{scrollbar-width:none!important}body{-ms-overflow-style:none}body::-webkit-scrollbar{width:0!important;height:0!important}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1}ol,ul{list-style-type:none}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}a{text-decoration:none;color:currentColor}sub{bottom:-.25em}address{font-style:normal}a:active,a:hover,button,input,select,textarea{outline:0}button{border:none;background-color:transparent}svg{width:100%;height:100%}table{border-collapse:collapse;border-spacing:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;width:100%;max-width:100%;height:auto}article,aside,details,figure,footer,header,main,nav,section,summary{display:block}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{max-width:100%!important}}@-webkit-keyframes arrowAnimate{0%{stroke-dashoffset:18}to{stroke-dashoffset:0}}@keyframes arrowAnimate{0%{stroke-dashoffset:18}to{stroke-dashoffset:0}}.container{display:flex;margin-right:auto;margin-left:auto;max-width:100%;padding-left:2rem;padding-right:2rem}@media (min-width:768px){.container{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.container{padding-left:2rem;padding-right:2rem}}@media (min-width:1240px){.container{padding-left:5rem;padding-right:5rem}}@media (min-width:1920px){.container{padding-left:5rem;padding-right:5rem}}.cols{display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem;flex:1}@media (min-width:768px){.cols{margin-left:-.5rem;margin-right:-.5rem}}@media (min-width:1024px){.cols{margin-left:-.5rem;margin-right:-.5rem}}@media (min-width:1240px){.cols{margin-left:-2rem;margin-right:-2rem}}@media (min-width:1920px){.cols{margin-left:-2rem;margin-right:-2rem}}.col{flex-basis:0;flex-grow:1;max-width:100%;padding-left:.5rem;padding-right:.5rem}.col-m--17{flex:0 0 94.4445%;max-width:94.4445%}.col-m--18{flex:0 0 100%;max-width:100%}@media (min-width:768px){.col{padding-left:.5rem;padding-right:.5rem}.col-tp--7{flex:0 0 38.8889%;max-width:38.8889%}.col-tp--10{flex:0 0 55.5556%;max-width:55.5556%}}@media (min-width:1024px){.col{padding-left:.5rem;padding-right:.5rem}.col-tl--5{flex:0 0 27.7778%;max-width:27.7778%}.col-tl--6{flex:0 0 33.3334%;max-width:33.3334%}.col-tl--8{flex:0 0 44.4445%;max-width:44.4445%}}@media (min-width:1240px){.col{padding-left:2rem;padding-right:2rem}.col-d--6{flex:0 0 33.3334%;max-width:33.3334%}}@media (min-width:1920px){.col{padding-left:2rem;padding-right:2rem}}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0;font-weight:400}.h1,h1{font-size:5.2rem;line-height:1}@media (min-width:1240px){.h1,h1{font-size:7.29167vw;line-height:1.0428}}.h2,h2{font-size:4rem;line-height:1.2}@media (min-width:1240px){.h2,h2{font-size:6.25vw;line-height:.9}}.h3,h3{font-size:2.4rem;line-height:1.2}@media (min-width:1240px){.h3,h3{font-size:4.01042vw;line-height:.9}}@media (min-width:1240px){.h3--l,h3--l{line-height:1.1688}}.h4,h4{font-size:2.2rem;line-height:1.2}@media (min-width:1240px){.h4,h4{font-size:2.60417vw;line-height:1}}.h5,h5{font-size:2rem;line-height:1}@media (min-width:1240px){.h5,h5{font-size:2.08333vw;line-height:1.15}}.p1{font-size:1.8rem;line-height:1.4}@media (min-width:1240px){.p1{font-size:1.5625vw;line-height:1.2}}.p2{font-size:1.4rem;line-height:1.4;font-weight:500}@media (min-width:1240px){.p2{font-size:1.25vw;line-height:1.333;font-weight:400}}.p3{font-size:1.4rem;line-height:1.4}@media (min-width:1240px){.p3{font-size:1.04167vw;line-height:1.6}}.fh{height:100%}.fw{width:100%}input::-moz-placeholder{color:#fff;opacity:1}input:-ms-input-placeholder{color:#fff;opacity:1}input::-ms-input-placeholder{color:#fff;opacity:1}input::placeholder{color:#fff;opacity:1}.section{position:relative}.section:first-child{z-index:2}.section:nth-child(2){z-index:3}.section:nth-child(3){z-index:4}.section:nth-child(4){z-index:5}.section:nth-child(5){z-index:6}.asscroll-container{overflow-y:hidden!important}.asscroll-wrapper{overflow-y:visible!important;overflow-x:hidden;scrollbar-width:none!important;-ms-overflow-style:none}.asscroll-wrapper::-webkit-scrollbar{width:0!important;height:0!important}.asscroll-touch .asscroll-wrapper{overflow:hidden!important}.asscroll-touch .asscroll-container{position:absolute!important;top:0;left:0;right:0;bottom:0;overflow-y:auto!important;overflow-x:hidden}::-moz-selection{background-color:#161616;color:#fff;text-shadow:none}::selection{background-color:#161616;color:#fff;text-shadow:none}html{box-sizing:border-box;font-size:62.5%}body,html{padding:0;margin:0}body{position:relative;width:100%;height:100%;font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.8rem;font-style:normal;font-weight:400;color:#fff}@media (min-width:1240px){body{font-size:.9375vw}}.asscroll-touch{position:fixed;overflow:hidden;width:100%;height:100%}.asscroll-touch body,.loader{overflow:hidden}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:99999;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loader>div{position:absolute;width:350vh;height:350vh}@media (min-width:1024px){.loader>div{width:300vw;height:300vw}}.loader svg{transform:scale(.03)}.loader .loader__grey{fill:#161616}.loader .loader__orange{fill:#ff5043}.header{position:fixed;top:2.3rem;left:0;right:0;z-index:700}@media (min-width:1024px){.header{top:4rem}}@media (min-width:1240px){.header{top:2.08333vw}}.header__container{position:relative;display:flex;justify-content:space-between;align-items:center}@media (min-width:1240px){.header__container{padding-left:2.60417vw;padding-right:2.60417vw}}.header__home-link{display:flex;margin-right:5.6rem;opacity:0;transform:translateY(2rem);transition:transform .6s cubic-bezier(.32,.94,.6,1),opacity .6s cubic-bezier(.32,.94,.6,1)}[data-visible=true] .header__home-link{opacity:1;transform:translateY(0)}@media (min-width:1240px){.header__home-link{margin-right:2.91667vw}}.header__home-link svg{width:12.1rem;height:2.9rem;transform:scale(1);transform-origin:left center;transition:fill .6s cubic-bezier(.32,.94,.6,1),transform .8s cubic-bezier(.32,.94,.6,1)}@media (min-width:1024px){.header__home-link svg{width:14.1rem;height:3.4rem}}@media (min-width:1240px){.header__home-link svg{width:7.34375vw;height:1.77083vw}}[data-nav-theme=light] .header__home-link svg{fill:#fff}[data-nav-theme=dark] .header__home-link svg{fill:#161616}[data-shrink=true] .header__home-link svg{transform:scale(.64)}@media (min-width:768px){[data-shrink=true] .header__home-link svg{transform:scale(1)}}.header__col{display:flex;align-items:flex-end}.header__nav{display:none}@media (min-width:768px){.header__nav{display:block;padding-bottom:.5rem}}@media (min-width:1240px){.header__nav{padding-bottom:.26042vw}}.header__list{display:flex}.header__list-item{opacity:0;transform:translateY(2rem);transition:transform .6s cubic-bezier(.32,.94,.6,1),opacity .6s cubic-bezier(.32,.94,.6,1)}[data-visible=true] .header__list-item{opacity:1;transform:translateY(0)}.header__list-item[data-active=true] .header__list-item-link{color:#ff5043}.header__list-item[data-active=true] .header__list-item-link:hover:before{transform:scaleX(0)}.header__list-item:first-child{transition-delay:.1s}.header__list-item:nth-child(2){transition-delay:.2s}.header__list-item:nth-child(3){transition-delay:.3s}.header__list-item:nth-child(4){transition-delay:.4s}.header__list-item:not(:last-child){margin-right:2.9rem}@media (min-width:1240px){.header__list-item:not(:last-child){margin-right:1.51042vw}}.header__list-item-link{position:relative;transition:color .6s cubic-bezier(.32,.94,.6,1);cursor:pointer}.header__list-item-link:hover:before{transform-origin:left;transform:scaleX(1)}[data-nav-theme=light] .header__list-item-link{color:#fff}[data-nav-theme=dark] .header__list-item-link{color:#161616}.header__pill-wrap{position:relative;z-index:3}.header__pill{position:relative;display:flex;align-items:center;color:#fff;background:linear-gradient(270deg,#222322 3.48%,#131311);box-shadow:inset -2px -1px 3px 1px hsla(0,0%,100%,.07);border-radius:8.2rem;cursor:pointer;width:15.4rem;height:4.2rem;font-family:Inter,Arial,Helvetica,sans-serif;opacity:0;transform:translateY(2rem);transition:transform .6s cubic-bezier(.32,.94,.6,1) .1s,opacity .6s cubic-bezier(.32,.94,.6,1) .1s,width .6s cubic-bezier(.77,0,.18,1)}[data-visible=true] .header__pill{opacity:1;transform:translateY(0)}@media (min-width:1024px){.header__pill{height:6.9rem;width:21.3rem;transition:transform .6s cubic-bezier(.32,.94,.6,1) .5s,opacity .6s cubic-bezier(.32,.94,.6,1) .5s,width .6s cubic-bezier(.77,0,.18,1)}}@media (min-width:1240px){.header__pill{height:3.59375vw;width:11.09375vw}}[data-aside-open=true] .header__pill,[data-shrink=true] .header__pill{width:4.2rem}@media (min-width:1024px){[data-aside-open=true] .header__pill,[data-shrink=true] .header__pill{width:7rem}}@media (min-width:1240px){[data-aside-open=true] .header__pill,[data-shrink=true] .header__pill{width:3.4375vw}}.header__pill-label{display:block;padding-left:2.2rem;white-space:nowrap;transition:opacity .5s cubic-bezier(.32,.94,.6,1);transition-delay:.4s;font-size:1.4rem}@media (min-width:1024px){.header__pill-label{padding-left:3.4rem;font-size:1.8rem}}@media (min-width:1240px){.header__pill-label{padding-left:1.77083vw;font-size:.9375vw}}[data-aside-open=true] .header__pill-label,[data-shrink=true] .header__pill-label{opacity:0;transition-delay:0s}.header__canvas-wrap{display:block;position:absolute;right:0;top:calc(50% - 2.1rem);width:4.2rem;height:4.2rem}@media (min-width:1024px){.header__canvas-wrap{width:7rem;height:7rem;top:calc(50% - 3.5rem)}}@media (min-width:1240px){.header__canvas-wrap{width:3.54167vw;height:3.54167vw;top:calc(50% - 1.77083vw)}}.header__canvas-wrap canvas{display:block;width:100%;height:100%}.header__panel{position:fixed;top:0;bottom:0;right:0;width:100%;z-index:2;overflow:hidden;transition:transform .8s cubic-bezier(.77,0,.18,1)}@media (min-width:1024px){.header__panel{width:45rem}}@media (min-width:1240px){.header__panel{width:29.73958vw}}[data-aside-open=false] .header__panel{transform:translateX(101%)}[data-aside-open=true] .header__panel{transform:translateX(0)}[data-panel-theme=light] .header__panel{background-color:#161616}[data-panel-theme=dark] .header__panel{background-color:#ff5043}.header__panel-container{display:flex;flex-direction:column;justify-content:center;height:100%;transition:transform .8s cubic-bezier(.77,0,.18,1)}[data-aside-open=false] .header__panel-container{transform:translateX(-100%)}[data-aside-open=true] .header__panel-container{transform:translateX(0)}.header__panel-wrapper{display:flex;flex-direction:column;justify-content:center;height:100%;text-align:center;opacity:0;transition:opacity .8s cubic-bezier(.32,.94,.6,1);transition-delay:0s}[data-aside-open=true] .header__panel-wrapper{opacity:1}@media (min-width:1024px){[data-aside-open=true] .header__panel-wrapper{transition-delay:.3s}}.header__panel-title{padding-bottom:5.6rem}@media (min-width:1024px){.header__panel-title{padding-bottom:6rem}}@media (min-width:1240px){.header__panel-title{padding-bottom:3.125vw;font-size:6.25vw;line-height:.9}}.header__panel-form{position:relative;margin:0 3.5rem 1.8rem}@media (min-width:1024px){.header__panel-form{margin:0 auto 3.2rem;max-width:32rem}}@media (min-width:1240px){.header__panel-form{max-width:21.66667vw;margin-bottom:.72917vw}}.header__panel-form-message{display:flex;align-items:center;justify-content:center;position:absolute;top:300%;left:50%;transform:translateX(-50%)}.header__panel-form-message .pill{visibility:hidden;position:absolute;white-space:nowrap}.header__panel-input{border:.2rem solid #fff;padding:1.9rem 5.2rem 1.9rem 2.4rem;border-radius:4.5rem;width:100%;background-color:transparent;color:#fff}@media (min-width:1024px){.header__panel-input{padding:2.3rem 16.5rem 2.3rem 4rem}}@media (min-width:1240px){.header__panel-input{padding:1.19792vw 4.6875vw 1.19792vw 2.08333vw;min-width:21.71875vw;border-radius:2.34375vw}}.header__panel-button{position:absolute;right:.7rem;top:calc(50% - 2.25rem);width:4.5rem;height:4.5rem;border-radius:50%;background-color:#ff5043;cursor:pointer;display:flex;align-items:center;justify-content:center}[data-panel-theme=dark] .header__panel-button{background-color:#161616}@media (min-width:1024px){.header__panel-button{width:5.7rem;height:5.7rem;top:calc(50% - 2.85rem)}}@media (min-width:1240px){.header__panel-button{width:2.96875vw;height:2.96875vw;top:calc(50% - 1.48438vw);right:.57292vw}}.header__panel-button:hover svg{-webkit-animation:arrowAnimate .5s cubic-bezier(.48,.04,.52,.96);animation:arrowAnimate .5s cubic-bezier(.48,.04,.52,.96)}.header__panel-button svg{width:1.5rem;height:1.3rem;stroke:#fff;stroke-dasharray:18}@media (min-width:1024px){.header__panel-button svg{width:1.7rem;height:1.4rem}}@media (min-width:1240px){.header__panel-button svg{width:.88542vw;height:.72917vw}}.header__panel-message{font-size:1.2rem;line-height:1.4}@media (min-width:1024px){.header__panel-message{font-size:1.6rem}}@media (min-width:1240px){.header__panel-message{margin-top:1.66667vw}}.header__panel-message a{position:relative}.header__panel-message a:before{content:"";position:absolute;left:0;right:0;bottom:0;height:.1rem;background-color:#fff;transform-origin:left;transform:scaleX(1);transition:transform .6s cubic-bezier(.32,.94,.6,1)}.header__panel-message a:hover:before{transform-origin:right;transform:scaleX(0)}.header__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(22,22,22,.4);z-index:1;transition:opacity .6s cubic-bezier(.77,0,.18,1),visibility .6s cubic-bezier(.77,0,.18,1);cursor:pointer}[data-aside-open=false] .header__overlay{opacity:0;visibility:hidden;pointer-events:none}@media (min-width:1024px){[data-aside-open=true] .header__overlay{pointer-events:unset;opacity:1;visibility:visible;transition-delay:.1s}}.bookmark{position:fixed;top:0;right:17vw;width:6rem;height:16rem}@media (min-width:1240px){.bookmark{right:14.5vw;width:3.4vw;height:8vw}}.hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;color:#fff;margin-bottom:25vh}[data-background=hero]{background-color:#ff5043}[data-background=hero-fade]{opacity:0;background-color:#161616}.hero__title{margin:-4rem 0 2.6rem;font-weight:500}@media (min-width:768px){.hero__title{margin:0 0 2.6rem;padding-top:7.7rem}}@media (min-width:1024px){.hero__title{padding-top:0;margin-top:0;margin-bottom:2rem}}@media (min-width:1240px){.hero__title{margin-bottom:1.04167vw}}.hero__subtitle{padding:0 4rem;margin-bottom:3.9rem}@media (min-width:1024px){.hero__subtitle{padding:0}}@media (min-width:1240px){.hero__subtitle{margin-bottom:2.03125vw}}.hero__subtitle br{display:none}@media (min-width:768px){.hero__subtitle br{display:block}}.hero__scroll{position:absolute;width:3.4rem;height:3.4rem;display:flex;align-items:center;justify-content:center;bottom:25vh;cursor:pointer;overflow:hidden;border-radius:50%}@media (min-width:768px){.hero__scroll{bottom:9.3rem}}.hero__scroll:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#fff;transform:scale(0);transition:transform .6s cubic-bezier(.32,.94,.6,1) 1.5s}[data-visible=true] .hero__scroll:before{transform:scale(1)}.hero__scroll:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#161616;transform:scale(0);transition:transform .3s cubic-bezier(.32,.94,.6,1);z-index:1}@media (min-width:1024px){.hero__scroll{position:relative;width:5rem;height:5rem;margin:0 auto;bottom:auto}}@media (min-width:1240px){.hero__scroll{width:3.85417vw;height:3.85417vw}}.hero__scroll svg{position:relative;width:.8rem;height:1.4rem;stroke:#000;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .6s cubic-bezier(.32,.94,.6,1) 1.8s,stroke .6s cubic-bezier(.32,.94,.6,1);z-index:2}[data-visible=true] .hero__scroll svg{stroke-dashoffset:0}@media (min-width:1024px){.hero__scroll svg{width:1.2rem;height:1.5rem}}@media (min-width:1240px){.hero__scroll svg{width:.625vw;height:.78125vw}}.hero__scroll:hover:before{transform:scale(.97)}.hero__scroll:hover:after{transform:scale(1.02);transition:transform .6s cubic-bezier(.32,.94,.6,1)}.hero__scroll:hover svg{stroke:#fff}.button{display:inline-flex;height:4.2rem;border-radius:5.8rem;background-color:#000;color:#fff;padding:0 .6rem 0 2.2rem;font-size:1.8rem}@media (min-width:1024px){.button{height:5.8rem;padding-right:.8rem}}@media (min-width:1240px){.button{font-size:.9375vw;height:3.02083vw;padding-left:1.35417vw;padding-right:.41667vw}}.button:hover .button__svg svg{-webkit-animation:arrowAnimate .5s cubic-bezier(.48,.04,.52,.96);animation:arrowAnimate .5s cubic-bezier(.48,.04,.52,.96)}.button__link{display:flex;align-items:center}.button__label{white-space:nowrap;margin-right:2rem}@media (min-width:1024px){.button__label{margin-right:3rem}}@media (min-width:1240px){.button__label{margin-right:1.5625vw}}.button__svg{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:#ff5043}@media (min-width:1024px){.button__svg{width:4.2rem;height:4.2rem}}@media (min-width:1240px){.button__svg{width:2.1875vw;height:2.1875vw}}.button__svg svg{width:1rem;height:.8rem;stroke:currentColor;stroke-dasharray:18}@media (min-width:1024px){.button__svg svg{width:1.7rem;height:1.4rem}}@media (min-width:1240px){.button__svg svg{width:.88542vw;height:.72917vw}}.news{padding:6.4rem 0}@media (min-width:768px){.news{min-height:100vh;padding:30vh 0 10vh}}@media (min-width:1024px){.news{padding:10vh 0 50vh}}@media (min-width:1240px){.news{padding:5vh 0 24.63542vw}}[data-background=news]{background-color:#161616}.news__cols{flex-direction:column}@media (min-width:768px){.news__cols{align-items:center}}.news__title{color:#ff5043;margin-bottom:6.2rem}@media (min-width:768px){.news__title{flex:0}}@media (min-width:1024px){.news__title{margin-bottom:10.4rem}}@media (min-width:1240px){.news__title{margin-bottom:10.57292vw}}.news__title br{display:none}@media (min-width:1024px){.news__title br{display:block}}@media (min-width:768px){.news__list{display:flex}}@media (min-width:1240px){.news__list{margin-left:2.70833vw}}@media (min-width:1240px){.news__list-item{min-width:22.08333vw}}.news__list-item:not(:last-child){margin-bottom:6.4rem}@media (min-width:768px){.news__list-item:not(:last-child){margin-bottom:0;margin-right:10rem}}@media (min-width:1240px){.news__list-item:not(:last-child){margin-right:10.20833vw}}.news__list-item-date{display:flex;align-items:center;color:#646464;font-weight:500;margin-bottom:1.7rem;opacity:0}@media (min-width:1240px){.news__list-item-date{margin-bottom:.88542vw}}.news__list-item-date svg{width:14rem;height:2.6rem;fill:currentColor}.news__list-item-title{color:#fff;margin-bottom:3.2rem}@media (max-width:1239px){.news__list-item-title{font-size:2.2rem;line-height:1.2}}@media (min-width:1240px){.news__list-item-title{margin-bottom:1.66667vw}}.news__list-item-title br{display:none}@media (min-width:768px){.news__list-item-title br{display:block}}.news__postbox-wrap{display:flex;align-items:flex-end;justify-content:center;position:absolute;bottom:0;height:85%;width:100%;pointer-events:none}.news__postbox{width:100%;padding-top:100%}@media (min-width:1024px){.news__postbox{width:45%;padding-top:45%}}.manifesto{min-height:100vh;padding:14rem 0 55rem;pointer-events:none}@media (min-width:1024px){.manifesto{padding:26rem 0 45rem}}[data-background=manifesto]{background-color:#161616}.manifesto__title{font-size:4rem}@media (min-width:1240px){.manifesto__title{font-size:4.01042vw;line-height:1.1}}@media (min-width:1920px){.manifesto__title{margin-top:4%}}@media (min-width:1024px){.manifesto__title-col{margin-left:11.1111111111%}}.manifesto__copy-col{margin-top:-10rem;position:relative;margin-bottom:150vh}@media (min-width:1024px){.manifesto__copy-col{margin-top:50rem;margin-bottom:10vh}}.manifesto__copy-wrapper{position:absolute;top:12rem;opacity:0}@media (min-width:1024px){.manifesto__copy-wrapper{margin-bottom:40rem;position:relative;top:0;opacity:1}}@media (min-width:1240px){.manifesto__copy-wrapper{margin-bottom:15.625vw}}.manifesto__copy-wrapper:last-child{position:relative}@media (min-width:1240px){.manifesto__copy-wrapper:last-child{margin-bottom:5.20833vw}}.manifesto__copy-title{padding-bottom:1.2rem;line-height:1.2}@media (min-width:1024px){.manifesto__copy-title{padding-bottom:4rem}}.manifesto__copy-content{line-height:1.4;font-size:1.4rem}@media (min-width:768px){.manifesto__copy-content{font-size:1.6rem}}@media (min-width:1240px){.manifesto__copy-content{font-size:.9375vw}}.manifesto__animation{width:100%;padding-top:100%;position:absolute}@media (min-width:768px){.manifesto__animation{position:relative;width:75%;padding-top:75%}}.founders{color:#ababab;overflow:hidden;padding-bottom:16rem}@media (min-width:1024px){.founders{padding-bottom:25.7rem;overflow:initial}}@media (min-width:1240px){.founders{padding-bottom:8.17708vw}}[data-background=founders]{background-color:#f5f5f5}.founders__cols{position:relative;margin-top:6.4rem}@media (min-width:1240px){.founders__cols{margin-bottom:8.17708vw}}@media (min-width:1024px){.founders__col{display:flex;flex-direction:column;justify-content:center;margin-left:5.5555555556%}}.founders__col--title{order:-1}@media (min-width:1024px){.founders__col--title{order:unset}}.founders__title{color:#ff5043;text-align:center}@media (min-width:1024px){.founders__title{text-align:left;margin-bottom:11.3rem}}@media (min-width:1240px){.founders__title{margin-bottom:5.88542vw}}.founders__list-wrapper{position:relative;height:3.6rem}@media (min-width:1024px){.founders__list-wrapper{height:auto}}.founders__list{position:absolute;top:0;left:0;display:flex}@media (min-width:1024px){.founders__list{position:static;top:unset;left:unset;width:auto;flex-direction:column}}@media (min-width:1240px){.founders__list{padding-bottom:8.17708vw}}.founders__list-item{position:relative;padding-bottom:1.6rem;white-space:nowrap;cursor:pointer;opacity:0;transition:color .6s cubic-bezier(.32,.94,.6,1)}@media (min-width:1024px){.founders__list-item{padding-bottom:3rem}}@media (min-width:1240px){.founders__list-item{padding-bottom:1.5625vw}}.founders__list-item:not(:last-child){margin-right:1.6rem}@media (min-width:1024px){.founders__list-item:not(:last-child){margin-right:0;margin-bottom:2.8rem}}@media (min-width:1240px){.founders__list-item:not(:last-child){margin-bottom:1.45833vw}}.founders__list-item:hover .founders__list-item-label{color:#161616}.founders__list-item[data-active=true] .founders__list-item-divider:after{transform:scaleX(1)}.founders__list-item[data-active=true] .founders__list-item-label{color:#161616}@media (min-width:1024px){.founders__list-item[data-active=true] .founders__list-item-label{transform:scale(1.25)}}.founders__list-item-label{display:inline-block;transform-origin:center left;transition:transform .6s cubic-bezier(.32,.94,.6,1),color .6s cubic-bezier(.32,.94,.6,1)}.founders__list-item-divider{position:absolute;bottom:0;left:0;right:0;height:.2rem;background-color:#ededed}.founders__list-item-divider:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff5043;transform-origin:left;transform:scaleX(0);transition:transform .8s cubic-bezier(.77,0,.18,1)}@media (min-width:1920px){.founders__list-item-divider{height:.3rem}}.founders__col-bio{position:relative;margin-top:4rem}@media (min-width:1024px){.founders__col-bio{margin-left:16.6666666667%;margin-top:10rem}}@media (min-width:1240px){.founders__col-bio{margin-top:5.46875vw}}.founders__title-bio{font-size:1.8rem;font-weight:500;margin-bottom:1.6rem;opacity:0}@media (min-width:1240px){.founders__title-bio{font-size:.9375vw;margin-bottom:.83333vw}}.founders__list-bio{position:relative}.founders__list-bio-item{color:#161616;line-height:1.4;max-width:40rem}@media (min-width:1240px){.founders__list-bio-item{max-width:21.35417vw}}.founders__list-bio-item:not(:first-child){position:absolute;top:0;left:0}.founders__list-bio-item[data-active=true]{opacity:1;visibility:visible}.founders__list-bio-item[data-active=false]{opacity:0;visibility:hidden;pointer-events:none}.founders__list-bio-item a{display:inline-block;font-weight:400;color:#ff5043}.founders__list-bio-item p:not(:last-child){margin-bottom:1em}.founders__images{order:-1;width:100%;margin:-5rem 3rem -2rem;pointer-events:none}@media (min-width:768px){.founders__images{margin:0 10rem}}@media (min-width:1024px){.founders__images{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);order:unset;width:unset;margin:0}}@media (min-width:1024px){.founders__svg{width:35rem;height:48rem}}@media (min-width:1240px){.founders__svg{width:35.57292vw;height:47.08333vw}}.founders__svg-image[data-active=true]{opacity:1;visibility:visible}.founders__svg-image[data-active=false]{opacity:0;visibility:hidden}.founders__model-wrap{display:flex;align-items:flex-end;justify-content:center;position:absolute;top:0;right:0;width:100%;pointer-events:none}@media (min-width:1024px){.founders__model-wrap{top:-40%;right:-34%}}.founders__model{width:80%;padding-top:80%}@media (min-width:1024px){.founders__model{width:100%;padding-top:100%}}.jobs{min-height:100vh;color:#161616;padding-top:6.4rem;padding-bottom:6.4rem;display:flex;flex-direction:column;justify-content:center}@media (min-width:1024px){.jobs{padding-top:0;padding-bottom:0}}@media (min-width:1240px){.jobs{padding-bottom:8.07292vw}}[data-background=jobs]{background-color:#f5f5f5}.jobs__benefits{font-size:1.4rem;line-height:1.4}@media (min-width:768px){.jobs__benefits{font-size:1.6rem}}@media (min-width:1240px){.jobs__benefits{font-size:1.04167vw;line-height:1.6}}.jobs__title{color:#ff5043;margin-bottom:4rem}@media (min-width:1024px){.jobs__title{margin-bottom:8rem}}@media (min-width:1240px){.jobs__title{margin-bottom:5.05208vw}}@media (min-width:1024px){.jobs__col-title{margin-left:5.5555555556%}}.jobs__col-benefits{position:relative}@media (min-width:1024px){.jobs__col-benefits{margin-left:16.6666666667%;margin-top:8.7rem}}@media (min-width:1240px){.jobs__col-benefits{margin-left:27.7777777778%;margin-top:4.53125vw}}.jobs__col-links{margin-top:4.8rem}@media (min-width:1024px){.jobs__col-links{margin-top:0;margin-left:11.1111111111%}}@media (min-width:1240px){.jobs__col-links{margin-left:0;padding-bottom:8.07292vw}}.jobs__subtitle{font-weight:500;font-size:1.4rem;margin-bottom:1.6rem;color:#ababab}@media (min-width:768px){.jobs__subtitle{font-size:1.6rem}}@media (min-width:1240px){.jobs__subtitle{font-size:.9375vw;margin-bottom:.83333vw}}.jobs__list{margin-bottom:4rem}@media (min-width:1024px){.jobs__list{margin-bottom:8rem}}@media (min-width:1240px){.jobs__list{margin-bottom:4.16667vw}}.jobs__list-item{position:relative;opacity:0}.jobs__list-item:before{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#e3e3e3;height:.2rem}@media (min-width:1920px){.jobs__list-item:before{height:.3rem}}.jobs__list-item:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:#646464;height:.2rem;transform:scaleX(0);transform-origin:right;transition:transform .8s cubic-bezier(.77,0,.18,1);z-index:1}@media (min-width:1920px){.jobs__list-item:after{height:.3rem}}.jobs__list-item:hover:after{transform:scaleX(1);transform-origin:left}.jobs__list-item:hover .jobs__list-item-link-svg .circle circle.hover{stroke-dashoffset:0}.jobs__list-item:hover .jobs__list-item-label{transform:translateX(3rem)}.jobs__list-item:not(:first-child) .jobs__list-item-link{padding-top:2.2rem}@media (min-width:1240px){.jobs__list-item:not(:first-child) .jobs__list-item-link{padding-top:1.30208vw}}.jobs__list-item-link{display:flex;align-items:center;padding-bottom:2.2rem}@media (min-width:1240px){.jobs__list-item-link{padding-bottom:1.82292vw}.os-wn .jobs__list-item-link{padding-bottom:1.5625vw}}.jobs__list-item-label{display:block;transition:transform .4s cubic-bezier(.77,0,.18,1)}.jobs__list-item-link-svg{position:relative;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;margin-left:auto}@media (min-width:1024px){.jobs__list-item-link-svg{width:4.2rem;height:4.2rem}}@media (min-width:1240px){.jobs__list-item-link-svg{width:2.1875vw;height:2.1875vw}}.jobs__list-item-link-svg .circle{position:absolute;top:0;left:0;width:100%;height:100%}.jobs__list-item-link-svg .circle svg{stroke:#e3e3e3}.jobs__list-item-link-svg .circle circle.hover{stroke:#161616;stroke-dasharray:130;stroke-dashoffset:130;transition:stroke-dashoffset .8s cubic-bezier(.77,0,.18,1)}.jobs__list-item-link-svg .arrow{display:flex;width:1rem;height:.9rem}@media (min-width:1024px){.jobs__list-item-link-svg .arrow{width:1.7rem;height:1.4rem}}@media (min-width:1240px){.jobs__list-item-link-svg .arrow{width:.88542vw;height:.72917vw}}.jobs__list-item-link-svg .arrow svg{stroke:currentColor}.jobs__model-wrap{display:flex;align-items:flex-end;justify-content:center;position:absolute;top:-40%;right:-40%;width:100%;pointer-events:none}@media (min-width:1024px){.jobs__model-wrap{top:-60%;left:-100%;right:auto}}.jobs__model{width:80%;padding-top:80%}@media (min-width:1024px){.jobs__model{width:100%;padding-top:100%}}.footer{position:relative;z-index:7;background-color:#ff5043}@media (min-width:1240px){.footer{z-index:auto}}.footer__title{color:#fff;padding-bottom:5.5rem}@media (min-width:1240px){.footer__title{padding-bottom:5.67708vw}}.footer__content{position:relative;padding-top:6.4rem;text-align:center;z-index:1}@media (min-width:1024px){.footer__content{padding-top:10rem}}@media (min-width:1240px){.footer__content{padding-top:9.32292vw}}.footer__bg-wrapper{display:none}@media (min-width:1024px){.footer__bg-wrapper{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;z-index:0}}@media (min-width:1024px){.footer__bg-svg{position:absolute;top:-13.2rem;left:-55rem;width:157.1rem;height:179.2rem}}@media (min-width:1240px){.footer__bg-svg{top:-6.875vw;left:-25.88542vw;width:81.82292vw;height:93.33333vw}}.footer__bg-svg svg{fill:#ed4439}.footer__form-wrapper{display:flex;flex-direction:column;margin-bottom:12.7rem}@media (min-width:1024px){.footer__form-wrapper{margin-bottom:10rem}}@media (min-width:1240px){.footer__form-wrapper{margin-bottom:9.84375vw}}.footer__form[data-message=true] .footer__message p{visibility:hidden}.footer__input-wrap{position:relative;display:inline-block}.footer__input{background-color:transparent;border:.2rem solid #fff;border-radius:12.3rem;color:#fff;padding:2.2rem 7.7rem 2.2rem 2.4rem}@media (max-width:1239px){.footer__input{font-size:1.4rem;line-height:1.2}}@media (min-width:1240px){.footer__input{padding:1.97917vw 7.8125vw 1.77083vw 3.38542vw}}.footer__canvas-wrap{display:block;position:absolute;right:.9rem;top:.7rem;width:5rem;height:5rem;cursor:pointer}@media (min-width:1240px){.footer__canvas-wrap{width:4.6875vw;height:4.6875vw;top:calc(50% - 2.34375vw);right:1.1rem}}.footer__canvas-wrap canvas{display:block;width:100%;height:100%}.footer__message{position:relative;color:#161616;padding-top:1.4rem;display:flex;align-items:center;justify-content:center}@media (min-width:1024px){.footer__message{padding-top:2.4rem}}@media (max-width:1239px){.footer__message{font-size:1.4rem;line-height:1.2}}@media (min-width:1240px){.footer__message{padding-top:1.25vw}}.footer__message .pill{position:absolute;visibility:hidden}.footer__nav{position:relative;padding:3.2rem 0;background-color:#161616}@media (min-width:1024px){.footer__nav{padding:0 0 4.6rem;background-color:transparent}}@media (min-width:1240px){.footer__nav{padding-bottom:2.39583vw}}.footer__fig-wrapper{position:absolute;top:-75%;left:50%;width:30rem;margin-left:-15rem;z-index:-1;pointer-events:none}@media (min-width:768px){.footer__fig-wrapper{top:auto;bottom:14.1rem;width:58.95833vw;margin-left:-29.47917vw}}@media (min-width:1024px){.footer__fig-wrapper{z-index:unset;bottom:2rem;width:50rem;margin-left:-25rem}}@media (min-width:1240px){.footer__fig-wrapper{bottom:0;width:58.95833vw;margin-left:-29.47917vw}}.footer__fig{position:relative;height:0}.footer__fig-desktop{display:none}@media (min-width:768px){.footer__fig-desktop{display:block}}.footer__fig-mobile{display:block}@media (min-width:768px){.footer__fig-mobile{display:none}}.footer__fig img{position:absolute;top:0;left:0}@media (min-width:768px){.footer__fig img{top:auto;bottom:-1px}}.footer__nav-container{position:relative;justify-content:space-between}@media (min-width:1240px){.footer__nav-container{padding-left:2.60417vw;padding-right:2.60417vw}}.footer__nav-svg--xs{display:flex;margin-right:1.4rem;width:1.7rem;height:2rem}@media (min-width:1024px){.footer__nav-svg--xs{display:none}}.footer__nav-svg--tl{display:none}@media (min-width:1024px){.footer__nav-svg--tl{position:absolute;top:calc(50% - 1.2rem);left:1rem;display:flex;width:2.1rem;height:2.4rem}}@media (min-width:1240px){.footer__nav-svg--tl{width:1.09375vw;height:1.25vw;top:calc(50% - .625vw);left:calc(2.60417vw - 1rem)}}@media (min-width:1920px){.footer__nav-svg{margin-left:-1rem}}.footer__nav-svg svg{fill:#fff}.footer__nav-list{display:flex;flex-wrap:wrap;justify-content:center;width:100%}@media (min-width:1024px){.footer__nav-list-item{margin-left:3.8rem}}@media (min-width:1240px){.footer__nav-list-item{margin-left:1.97917vw}}.footer__nav-list-item:not(:first-child){margin-left:4.2rem}.footer__nav-list-item:not(:last-child){margin-bottom:2.4rem}@media (min-width:1024px){.footer__nav-list-item:not(:last-child){margin-bottom:0}}@media (min-width:1024px){.footer__nav-list-item:nth-child(4){margin-left:auto}}.footer__nav-list-item:last-child{display:flex;flex:100%;justify-content:center;margin-left:0}@media (min-width:1024px){.footer__nav-list-item:last-child{flex:unset;justify-content:unset;margin-left:3.8rem}}@media (min-width:1240px){.footer__nav-list-item:last-child{margin-left:1.97917vw}}.footer__nav-label{display:flex;align-items:center}.footer__nav-link{position:relative;cursor:pointer}.footer__nav-link:before{content:"";position:absolute;bottom:0;left:0;right:0;height:.1rem;background-color:currentColor;transform-origin:right;transform:scaleX(0);transition:transform .6s cubic-bezier(.32,.94,.6,1)}.footer__nav-link:hover:before,.footer__nav-link[data-modal-open=true]:before{transform-origin:left;transform:scaleX(1)}.footer__nav-link--modal-trigger{cursor:unset}.footer__nav-link--modal-trigger .modal__trigger{cursor:pointer}.cookie-banner{position:fixed;bottom:5rem;right:50%;background-color:#fff;white-space:nowrap;color:#161616;border-radius:6rem;padding:1rem 1.4rem 1.2rem;z-index:500;transition:transform .8s cubic-bezier(.32,.94,.6,1)}.cookie-banner[data-visible=false]{transform:translateX(50%) translateY(calc(100% + 8rem))}@media (min-width:1024px){.cookie-banner[data-visible=false]{transform:translateY(200%)}}.cookie-banner[data-visible=true]{transform:translateX(50%) translateY(0)}@media (min-width:1024px){.cookie-banner[data-visible=true]{transform:translateY(0)}}@media (min-width:1024px){.cookie-banner{bottom:5rem;right:5rem;font-size:1.8rem;line-height:1.4;padding:.8rem 3.6rem}}@media (min-width:1240px){.cookie-banner{bottom:2.60417vw;right:2.60417vw;font-size:.9375vw;padding:.78125vw 1.66667vw}}.cookie-banner__btn{border:.1rem solid #161616;border-radius:8.2rem;margin-left:1.8rem;padding:.3rem 1.2rem .2rem;cursor:pointer;transition:background-color .6s cubic-bezier(.32,.94,.6,1),color .6s cubic-bezier(.32,.94,.6,1)}.cookie-banner__btn:hover{background-color:#161616;color:#fff}@media (min-width:1024px){.cookie-banner__btn{font-size:1.8rem}}@media (min-width:1240px){.cookie-banner__btn{font-size:.9375vw;margin-left:.9375vw;padding:.15625vw .625vw .10417vw}}.cookie-banner__link{position:relative}.cookie-banner__link:before{content:"";position:absolute;bottom:0;left:0;right:0;background-color:currentColor;height:.1rem;transform-origin:left;transition:transform .6s cubic-bezier(.32,.94,.6,1)}.cookie-banner__link:hover:before{transform:scaleX(0);transform-origin:right}.rectangle{display:none}@media (min-width:1024px){.rectangle{display:block;position:absolute;top:-25vh;left:-20vh;right:-20vh;height:35vh;transform-origin:center right;transform:rotate(-12deg);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#161616;z-index:-1}.rectangle--g{background-color:#f5f5f5}}#webgl{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#webgl,.background{position:fixed;top:0;left:0;width:100%;height:100%}.background{z-index:0;overflow:hidden;contain:strict}.background>div{position:absolute;width:100%;height:100%}.background>div:not([data-background=hero]):not([data-background=hero-fade]){top:100%}[dom2webgl]{visibility:hidden}[dom2webgl].visible{visibility:visible}.modal{position:absolute;bottom:calc(100% + 2rem);left:50%;transform:translateX(-50%);background-color:#fff;border-radius:1.5rem;padding:4rem;width:28.3rem;color:#161616;text-align:left;visibility:hidden;opacity:0;transition:opacity .2s cubic-bezier(.32,.94,.6,1),visibility .2s cubic-bezier(.32,.94,.6,1);z-index:5}@media (min-width:1024px){.modal{transform:translateX(-50%);bottom:calc(100% + 3rem)}}@media (min-width:1240px){.modal{padding:2.08333vw;border-radius:.78125vw;bottom:calc(100% + 1.5625vw)}}@media (min-width:1920px){.modal{width:14.73958vw}}.modal[data-open=true]{visibility:visible;opacity:1}.modal__inner{display:flex;flex-direction:column}.modal__inner h4{font-size:2rem;font-weight:600;margin-bottom:1rem}@media (min-width:1240px){.modal__inner h4{font-size:responsizeSize(20,1920);margin-bottom:responsizeSize(10,1920)}}.modal__inner p{font-size:1.2rem;line-height:1.7}@media (min-width:1240px){.modal__inner p{font-size:responsizeSize(12,1920)}}.modal__inner div:not(:last-child){margin-bottom:1.8rem}@media (min-width:1240px){.modal__inner div:not(:last-child){margin-bottom:responsizeSize(18,1920)}}.modal__inner a{color:red;text-decoration:underline}.modal__close{position:absolute;top:1.8rem;right:1.8rem;width:1.2rem;height:1.2rem;outline:0;background:0 0;border:none;opacity:.2;cursor:pointer;transition:opacity .4s cubic-bezier(.32,.94,.6,1)}@media (min-width:1240px){.modal__close{top:responsizeSize(18,1920);right:responsizeSize(18,1920);width:responsizeSize(12,1920);height:responsizeSize(12,1920)}}.modal__close:hover{opacity:1}.modal__close svg{stroke:#161616}.build-on .target{opacity:0;transform:translateY(5rem);transition:opacity .6s cubic-bezier(.32,.94,.6,1),transform .6s cubic-bezier(.32,.94,.6,1)}.build-on[data-anim=true] .target{opacity:1;transform:translateY(0)}.news__list-item:first-child .news__list-item-date{transition-delay:0s}.news__list-item:first-child .news__list-item-title .target:first-child{transition-delay:.1s}.news__list-item:first-child .news__list-item-title .target:nth-child(2){transition-delay:.2s}.news__list-item:first-child .news__list-item-title .target:nth-child(3){transition-delay:.3s}.news__list-item:first-child .news__list-item-button{transition-delay:.5s}.news__list-item:last-child .news__list-item-date{transition-delay:.2s}.news__list-item:last-child .news__list-item-title .target:first-child{transition-delay:.3s}.news__list-item:last-child .news__list-item-title .target:nth-child(2){transition-delay:.4s}.news__list-item:last-child .news__list-item-title .target:nth-child(3){transition-delay:.5s}.news__list-item:last-child .news__list-item-button{transition-delay:.7s}.jobs__subtitle{transition-delay:0s}.jobs__benefits .target:first-child{transition-delay:.2s}.jobs__benefits .target:nth-child(2){transition-delay:.3s}.jobs__benefits .target:nth-child(3){transition-delay:.4s}.jobs__benefits .target:nth-child(4){transition-delay:.5s}.jobs__benefits .target:nth-child(5){transition-delay:.6s}.jobs__benefits .target:nth-child(6){transition-delay:.7s}.jobs__benefits .target:nth-child(7){transition-delay:.8s}.jobs__benefits .target:nth-child(8){transition-delay:.9s}.jobs__benefits .target:nth-child(9){transition-delay:1s}.jobs__benefits .target:nth-child(10){transition-delay:1.1s}.jobs__list .target:first-child{transition-delay:.1s}.jobs__list .target:nth-child(2){transition-delay:.2s}.jobs__list .target:nth-child(3){transition-delay:.3s}.jobs__list-button.target{transition-delay:.4s}.founders__list .target:first-child{transition-delay:0s}.founders__list .target:nth-child(2){transition-delay:.1s}.founders__list .target:nth-child(3){transition-delay:.2s}.founders__list .target:nth-child(4){transition-delay:.3s}.founders__list .target:nth-child(5){transition-delay:.4s}.founders__list .target:nth-child(6){transition-delay:.5s}.pill{display:block;padding:1.8rem 2.5rem;font-size:1.5rem;font-weight:500;color:#fff;border-radius:10px}.pill--green{background-color:#7ed377}.pill--red{background-color:#ed4439}.page{margin:15rem auto;padding:0 2rem;color:#161616}@media (min-width:1240px){.page{margin:20rem auto;padding-left:2.60417vw;padding-right:2.60417vw;max-width:66.66667vw}}.page .h1,.page .h2,.page .h3,.page .h4,.page .h5,.page .h6,.page h1,.page h2,.page h3,.page h4,.page h5,.page h6{margin:3rem 0;font-weight:700}.page .h1,.page h1{font-size:5.2rem;line-height:1}@media (min-width:1240px){.page .h1,.page h1{font-size:3.125vw;line-height:1.0428}}.page .h2,.page h2{font-size:4rem;line-height:1.2}@media (min-width:1240px){.page .h2,.page h2{font-size:2.08333vw;line-height:.9}}.page .h3,.page h3{font-size:2.4rem;line-height:1.2}@media (min-width:1240px){.page .h3,.page h3{font-size:1.5625vw;line-height:.9}}@media (min-width:1240px){.page .h3--l,.page h3--l{line-height:1.1688}}.page .h4,.page h4{font-size:2.2rem;line-height:1.2}@media (min-width:1240px){.page .h4,.page h4{font-size:1.30208vw;line-height:1}}@media (min-width:1240px){.page .h5,.page h5{font-size:.9375vw;line-height:1.15}}.page .h5,.page h5{font-size:2rem;line-height:1}@media (min-width:1240px){.page .h5,.page h5{font-size:.83333vw;line-height:1.15}}.page p{margin-bottom:2.5rem;line-height:1.2}.page p+h1,.page p+h2,.page p+h3,.page p+h4,.page p+h5,.page p+h6{margin-top:6rem}.page ul{list-style:disc}.page ol{list-style:decimal}.page ol,.page ul{padding-left:2rem;margin-bottom:2rem}.page ol+h1,.page ol+h2,.page ol+h3,.page ol+h4,.page ol+h5,.page ol+h6,.page ul+h1,.page ul+h2,.page ul+h3,.page ul+h4,.page ul+h5,.page ul+h6{margin-top:6rem}.page li{line-height:1.2;margin-bottom:1.5rem}.page a{color:#ff5043}.p-cover{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:600} /* ===== inline-style-2 ===== */ :root { --bbc-navy: #111111; --bbc-blue: #2563eb; --bbc-cyan: #2dd4bf; --bbc-gold: #d9ff3f; --bbc-slate: #1f2933; --bbc-offwhite: #f8f7f2; } ::selection { background-color: var(--bbc-coral); color: var(--bbc-navy); } .loader .js-loader-svg { shape-rendering: geometricPrecision; overflow: visible; } .loader .loader__grey { fill: #16070d; stroke: #4a0b20; stroke-width: .16; } .loader .loader__orange { fill: url(#loader-bolt-fill); filter: url(#loader-bolt-glow); } .loader .loader__bolt-highlight { fill: none; stroke: rgba(255, 255, 255, .22); stroke-width: .13; stroke-linecap: square; clip-path: url(#loader-clip); } .header__pill { background: linear-gradient(120deg, #111111 0%, #2563eb 58%, #d9ff3f 100%); box-shadow: 0 12px 34px rgba(37, 99, 235, 0.34); } .header__brand-wordmark { display: inline-block; font-weight: 600; font-size: 1.8rem; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1; } @media (min-width: 1240px) { .header__brand-wordmark { font-size: 1.04167vw; } } [data-nav-theme="light"] .header__brand-wordmark { color: #fff; } [data-nav-theme="dark"] .header__brand-wordmark { color: var(--bbc-navy); } .header__list-item[data-active=true] .header__list-item-link, .news__title, .jobs__title, .founders__list-bio-item a { color: var(--bbc-coral); } [data-background="hero"] { background-color: #1557ff; } [data-background="hero-fade"] { background-color: var(--bbc-slate); } [data-background="news"] { background: linear-gradient(180deg, #111111 0%, #1f2933 58%, #0f172a 100%); } [data-background="jobs"] { background: linear-gradient(180deg, #f8f7f2 0%, #e9f5ff 100%); } [data-background="founders"] { background-color: var(--bbc-offwhite); } .button { background-color: var(--bbc-slate); } .button__svg, .header__panel-button { background-color: var(--bbc-gold); color: var(--bbc-navy); } [data-panel-theme="dark"] .header__panel { background-color: var(--bbc-blue); } [data-panel-theme="dark"] .header__panel-button { background-color: var(--bbc-navy); color: #fff; } .footer { background: linear-gradient(165deg, #2563eb 0%, #1f2933 48%, #111111 100%); } .footer__bg-svg svg { fill: var(--bbc-coral); opacity: 0.55; } .footer__nav { background-color: rgba(16, 24, 32, 0.92); } .jobs, .founders, .manifesto { position: relative; z-index: 1; } .jobs__list-item:after, .founders__list-item-divider:after { background-color: var(--bbc-blue); } .founders__title { color: var(--bbc-coral); font-size: 3.4rem; line-height: 0.95; } .founders__svg { transform: scale(1.14); transform-origin: center center; } @media (min-width: 1240px) { .founders__title { font-size: 5.2vw; } } .pill--red { background-color: var(--bbc-coral) !important; color: var(--bbc-navy) !important; } .modal__inner a, .page a { color: var(--bbc-gold) !important; } /* ===== bbc-ui-corrections ===== */ /* ========================================================= Biz Bridge Connect — precision UI corrections Preserves the original visual direction and 3D experience. ========================================================= */ :root{ --bbc-ink:#0b0c0f; --bbc-paper:#f7f4ee; --bbc-violet:#4324ff; --bbc-blue:#4385f4; --bbc-acid:#d9ff24; --bbc-muted:#5d625f; --bbc-header-light:rgba(255,255,255,.94); --bbc-header-dark:rgba(11,12,15,.94); } html{scroll-behavior:auto!important;overflow-x:hidden;overscroll-behavior-y:none} body{overflow-x:hidden;text-rendering:optimizeLegibility} .container{width:100%;max-width:1600px;margin-inline:auto} .header{top:0!important;padding:18px 0;transition:background-color .3s ease,backdrop-filter .3s ease,box-shadow .3s ease} .header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(11,12,15,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.09)} .header[data-nav-theme="dark"]::before{background:rgba(247,244,238,.82);border-bottom-color:rgba(11,12,15,.08)} .header__container{align-items:center!important} .header__col{align-items:center!important} .header__brand-wordmark{font-size:clamp(1.35rem,1.05vw,1.75rem)!important;letter-spacing:-.02em!important;white-space:nowrap} .header__nav{padding-bottom:0!important} .header__list{align-items:center;gap:clamp(1.6rem,2vw,3.2rem)} .header__list-item{margin-right:0!important} .header__list-item-link{font-size:clamp(1.4rem,.95vw,1.7rem);font-weight:500;white-space:nowrap} .header__list-item[data-active=true] .header__list-item-link{color:var(--bbc-acid)!important} .header__pill{background:linear-gradient(180deg,#17181c,#090a0c)!important;box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.1)!important} .header__pill-label{font-weight:500} .header__home-link:focus-visible,.header__list-item-link:focus-visible,.button__link:focus-visible,.jobs__list-item-link:focus-visible,.footer__nav-link:focus-visible,.header__pill:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--bbc-acid)!important;outline-offset:4px} /* Hero: retain composition, prevent overlap and broken wrapping */ .hero{min-height:100svh;height:auto!important;padding:clamp(13rem,16vh,18rem) 4rem clamp(12rem,16vh,18rem);margin-bottom:18vh!important} .hero__title{position:relative;z-index:3;width:min(1120px,82vw);font-size:clamp(6.2rem,8.5vw,13rem)!important;line-height:.84!important;overflow-wrap:normal;word-break:keep-all;text-wrap:balance} .hero__subtitle{position:relative;z-index:3;width:min(760px,82vw);padding:0!important;color:#f2f5f3!important;font-size:clamp(1.65rem,1.18vw,2.2rem)!important;line-height:1.45!important;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.35)} .hero__scroll{z-index:5;background:var(--bbc-acid)} .hero__scroll:before{background:var(--bbc-acid)!important} .hero__scroll svg{stroke:var(--bbc-ink)!important} .hero__scroll:hover svg{stroke:#fff!important} /* Services/manifesto */ .manifesto{padding-top:clamp(11rem,14vw,20rem);padding-bottom:clamp(12rem,16vw,22rem)} .manifesto__title{font-size:clamp(5.6rem,6.8vw,10rem)!important;line-height:.92!important;letter-spacing:-.055em;overflow-wrap:normal;word-break:keep-all;text-wrap:balance;max-width:8.8ch} .manifesto__copy-col{padding-top:clamp(2rem,7vw,10rem)} .manifesto__copy-title{font-size:clamp(3rem,2.6vw,4.6rem)!important;line-height:1.02!important;letter-spacing:-.035em} .manifesto__copy-content{color:#30352d!important;font-size:clamp(1.55rem,1.03vw,1.95rem)!important;line-height:1.52!important;max-width:42ch} .manifesto__copy-wrapper{margin-bottom:clamp(7rem,9vw,13rem)!important} .manifesto__animation{max-width:34vw} /* Leadership */ .founders{padding-top:clamp(12rem,12vw,19rem);padding-bottom:clamp(12rem,14vw,20rem);overflow:hidden} .founders__cols{align-items:center} .founders__title{font-size:clamp(6rem,7vw,10.5rem)!important;line-height:.9!important;letter-spacing:-.055em;color:var(--bbc-violet)!important;position:relative;z-index:3} .founders__list-item-label{font-size:clamp(3.6rem,3vw,5.5rem);line-height:1} .founders__images{z-index:2;pointer-events:none} .founders__svg{transform:scale(.94)!important} .founders__col-bio{position:relative;z-index:4;min-width:0} .founders__title-bio{color:#656565!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase} .founders__list-bio-item{font-size:clamp(1.5rem,1vw,1.9rem)!important;line-height:1.5!important;max-width:34ch;color:#1a1a1a!important} .founders__model-wrap{right:-22%!important;transform:scale(.72);transform-origin:right center;opacity:.86;pointer-events:none} /* Insights */ .news{min-height:100svh;height:auto!important;padding-top:clamp(13rem,15vh,18rem);padding-bottom:clamp(12rem,15vh,18rem);overflow:hidden} .news__title{position:relative!important;top:auto!important;z-index:4;font-size:clamp(6rem,7.8vw,12rem)!important;line-height:.88!important;letter-spacing:-.055em;color:var(--bbc-acid)!important;text-align:center;white-space:normal;text-wrap:balance} .news__list{z-index:4;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5rem,8vw,12rem);align-items:start;max-width:1050px;margin:clamp(11rem,12vh,16rem) auto 0!important} .news__list-item{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;max-width:42rem} .news__list-item-title{font-size:clamp(3rem,2.5vw,4.4rem)!important;line-height:1.02!important;letter-spacing:-.035em;text-wrap:balance} .news__postbox-wrap{opacity:.72;pointer-events:none} .news__list-item-date{opacity:.76} .button{background:#fff!important;color:var(--bbc-ink)!important;box-shadow:none!important} .button__svg{background:var(--bbc-acid)!important;color:var(--bbc-ink)!important} .button__svg svg{stroke:var(--bbc-ink)!important} /* Careers */ .jobs{padding-top:clamp(13rem,14vw,20rem);padding-bottom:clamp(12rem,15vw,21rem);overflow:hidden} .jobs__title{font-size:clamp(6rem,7vw,10.5rem)!important;line-height:.86!important;letter-spacing:-.06em;max-width:11ch;overflow-wrap:normal;word-break:keep-all;text-wrap:balance;color:var(--bbc-violet)!important} .jobs__col-benefits,.jobs__col-links{position:relative;z-index:4} .jobs__subtitle{color:#60635e!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase} .jobs__benefits{color:#181a18!important;font-size:clamp(1.55rem,1vw,1.9rem)!important;line-height:1.55!important} .jobs__benefits li{margin-bottom:.4rem} .jobs__model-wrap{left:-22%!important;transform:scale(.7);transform-origin:left center;opacity:.9;pointer-events:none} .jobs__list-item-link{color:#111!important} .jobs__list-item-label{padding-right:2rem} .jobs__list-item-link-svg{background:var(--bbc-acid)} .jobs__list-item-link-svg .arrow svg{stroke:#0b0c0f!important} .jobs__list-item-link-svg .circle svg{stroke:#0b0c0f!important} /* Footer */ .footer{min-height:100svh;height:auto!important;padding-top:clamp(13rem,16vh,20rem);overflow:hidden} .footer__title{position:relative;z-index:4;font-size:clamp(6rem,7.8vw,12rem)!important;line-height:.9!important;letter-spacing:-.06em;text-wrap:balance;max-width:14ch;margin-inline:auto;text-align:center} .footer__form-wrapper{position:relative;z-index:5} .footer__input{color:#fff!important;background:rgba(11,12,15,.56)!important;border-color:rgba(255,255,255,.82)!important} .footer__input::placeholder{color:rgba(255,255,255,.82)!important} .footer__message,.footer__message p{color:rgba(255,255,255,.78)!important} .footer__nav{position:relative;z-index:6;background:rgba(11,12,15,.94)!important} .footer__fig-wrapper{pointer-events:none;opacity:.9} .footer__fig img{object-fit:contain} .footer__nav-label{white-space:nowrap} .footer__bg-svg svg{fill:var(--bbc-violet)!important;opacity:.72!important} /* Modal, cookie and basic contrast */ .cookie-banner{background:#111!important;color:#fff!important} .cookie-banner__btn{background:var(--bbc-acid)!important;color:#111!important} .modal__inner{color:#111} .modal__inner a,.page a{color:var(--bbc-violet)!important} /* Stop animation wrappers from clipping split characters */ .hero__title,.manifesto__title,.founders__title,.news__title,.jobs__title,.footer__title{overflow:visible!important} .hero__title .line,.manifesto__title .line,.founders__title .line,.news__title .line,.jobs__title .line,.footer__title .line{overflow:visible!important} @media (max-width:1239px){ .header{padding:14px 0} .header__home-link{margin-right:3rem!important} .hero{margin-bottom:10vh!important} .manifesto__animation{max-width:48vw} .founders__model-wrap{opacity:.3;right:-32%!important} .jobs__model-wrap{opacity:.35;left:-30%!important} } @media (max-width:1023px){ .container{padding-inline:2.4rem!important} .header__nav{display:none!important} .header__pill{width:16rem!important;height:5.4rem!important} .header__canvas-wrap{width:5.4rem!important;height:5.4rem!important;top:0!important} .header__pill-label{opacity:1!important;padding-left:2.2rem!important;font-size:1.45rem!important} .hero{padding-inline:2.4rem} .hero__title{width:min(92vw,760px)} .hero__subtitle{width:min(88vw,620px)} .manifesto__title{max-width:10ch} .manifesto__animation{max-width:66vw} .founders__images{position:relative!important;inset:auto!important;width:min(76vw,560px)!important;margin:2rem auto!important} .founders__col-bio{margin-top:4rem} .founders__model-wrap{display:none!important} .news__list{grid-template-columns:1fr;max-width:560px;margin-top:8rem!important;gap:7rem} .news__list-item{max-width:none} .news__postbox-wrap{opacity:.28} .jobs__model-wrap{display:none!important} .jobs__col-benefits,.jobs__col-links{margin-top:6rem} .footer__fig-wrapper{opacity:.35} } @media (max-width:767px){ .header__brand-wordmark{font-size:1.25rem!important;max-width:13rem;white-space:normal;line-height:1.1} .header__pill{width:5.2rem!important;height:5.2rem!important} .header__pill-label{display:none!important} .header__canvas-wrap{width:5.2rem!important;height:5.2rem!important} .hero{min-height:100svh;padding-top:12rem;padding-bottom:11rem;margin-bottom:4rem!important} .hero__title{font-size:clamp(5.2rem,17vw,7.8rem)!important;line-height:.88!important;width:94vw} .hero__subtitle{font-size:1.65rem!important;width:88vw} .hero__subtitle br{display:none!important} .hero__scroll{bottom:3rem!important} .manifesto,.founders,.news,.jobs{padding-top:10rem;padding-bottom:10rem} .manifesto__title,.founders__title,.news__title,.jobs__title,.footer__title{font-size:clamp(4.8rem,15vw,7rem)!important;line-height:.9!important} .manifesto__copy-title{font-size:3rem!important} .manifesto__copy-wrapper{margin-bottom:7rem!important} .manifesto__animation{max-width:88vw} .founders__list-item-label{font-size:3.3rem} .founders__svg{transform:scale(1)!important} .founders__list-bio-item{max-width:none;font-size:1.65rem!important} .news__list{margin-top:6rem!important;gap:6rem} .news__list-item-title{font-size:3rem!important} .jobs__title{max-width:9ch} .jobs__col-benefits,.jobs__col-links{margin-top:5rem} .jobs__list-item-link{font-size:2.6rem!important;line-height:1.05!important} .footer{padding-top:10rem} .footer__title{padding-inline:2rem} .footer__input-wrap{width:min(90vw,520px)!important} .footer__nav-container{padding-block:2.4rem;align-items:flex-start!important} .footer__nav-list{display:flex!important;flex-wrap:wrap;gap:1.4rem 2rem!important} .footer__fig-wrapper{display:none!important} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} } /* ===== bbc-final-precision-fixes ===== */ /* Preserve the original concept while correcting production UI defects. */ :root{--bbc-accent:#d8ff24;--bbc-ink:#111315;--bbc-purple:#4020ff;--bbc-paper:#f4f2ed} html,body{font-family:Inter,Arial,Helvetica,sans-serif!important} /* Transparent global header — no surface/background panel. */ .header,.header:before,.header:after,.header__container,.header__nav-wrap{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .header { top: clamp(1px, 1.4vw, 2px) !important; } .header__container{align-items:center!important} .header__col{align-items:center!important} .header__nav{padding-bottom:0!important} .header__brand-wordmark,.header__list-item-link{font-family:inherit!important;font-weight:bold!important;text-shadow:0 1px 14px rgba(0,0,0,.18)} .header__brand-wordmark{font-size: clamp(13px, 2vw, 50px) !important;letter-spacing:.015em!important} .header__list-item-link{font-size:clamp(13px,.94vw,16px)!important} .header.bbc-header-on-light .header__brand-wordmark,.header.bbc-header-on-light .header__list-item-link{color:#111315!important;text-shadow:0 1px 12px rgba(255,255,255,.45)} .header.bbc-header-on-dark .header__brand-wordmark,.header.bbc-header-on-dark .header__list-item-link{color:#fff!important} .header__list-item[data-active=true] .header__list-item-link{color:var(--bbc-accent)!important;text-shadow:0 1px 12px rgba(0,0,0,.3)} .header.bbc-header-on-light .header__list-item[data-active=true] .header__list-item-link{color:#4020ff!important} .header__pill{background:#101114!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important} /* Prevent split-animation wrappers from breaking words into fragments. */ .hero__title,.manifesto__title,.founders__title,.news__title,.jobs__title,.footer__title{ font-family:inherit!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important } .hero__title span,.manifesto__title span,.founders__title span,.news__title span,.jobs__title span,.footer__title span{word-break:normal!important} /* Services / manifesto */ .manifesto{color:#fff!important} .manifesto__title-col{flex:0 0 50%!important;max-width:50%!important} .manifesto__title{font-size:clamp(54px,5.1vw,92px)!important;line-height:.96!important;max-width:8.8ch!important;letter-spacing:-.045em!important;white-space:normal!important} .manifesto__copy-col{flex:0 0 34%!important;max-width:34%!important;margin-left:auto!important} .manifesto__copy-title{font-family:inherit!important;font-size:clamp(30px,2.55vw,48px)!important;line-height:1.02!important;color:#fff!important} .manifesto__copy-content{font-family:inherit!important;color:rgba(255,255,255,.68)!important;font-size:clamp(15px,1.05vw,19px)!important;line-height:1.55!important;max-width:38ch!important} .manifesto__animation{opacity:.78!important} /* Careers */ .jobs{overflow:hidden!important} .jobs__title{font-size:clamp(62px,6.1vw,112px)!important;line-height:.91!important;max-width:9.8ch!important;letter-spacing:-.055em!important;white-space:normal!important} .jobs__cols{align-items:center!important} .jobs__copy{position:relative!important;z-index:2!important} .jobs__copy-content{font-family:inherit!important;font-size:clamp(15px,1vw,18px)!important;line-height:1.55!important} .jobs__list-item-label{font-family:inherit!important;font-size:clamp(29px,2.15vw,42px)!important;line-height:1.08!important} .jobs__model{opacity:.72!important;transform:scale(.88)!important} /* Footer/contact */ .footer{overflow:hidden!important} .footer__title{font-size:clamp(64px,6.5vw,118px)!important;line-height:.93!important;max-width:13ch!important;margin:0 auto!important;letter-spacing:-.055em!important} .footer__message{color:rgba(255,255,255,.72)!important} .footer__input{font-family:inherit!important;font-size:clamp(18px,1.35vw,25px)!important} .footer__form-wrapper{margin-bottom:clamp(160px,18vw,340px)!important} .footer__nav{z-index:5!important;background:rgba(8,10,13,.92)!important;padding-top:20px!important} .footer__nav-list,.footer__nav-label,.footer__nav-link{font-family:inherit!important} /* Original device mockup replaced by an original Biz Bridge Connect panel. */ .bbc-footer-panel-wrap{display:block!important;position:absolute!important;left:50%!important;bottom:clamp(44px,4vw,76px)!important;top:auto!important;width:min(58vw,900px)!important;margin:0!important;transform:translateX(-50%)!important;z-index:2!important;pointer-events:none!important} .bbc-footer-panel{height:clamp(190px,20vw,320px);border:1px solid rgba(255,255,255,.13);border-radius:26px 26px 0 0;background:linear-gradient(160deg,rgba(29,32,39,.98),rgba(11,13,17,.98));box-shadow:0 -20px 70px rgba(0,0,0,.28);overflow:hidden;color:#fff;font-family:inherit} .bbc-footer-panel__top{height:58px;display:flex;align-items:center;gap:13px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08)} .bbc-footer-panel__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--bbc-accent);color:#111;font-weight:700} .bbc-footer-panel__top strong{font-size:16px;letter-spacing:-.01em} .bbc-footer-panel__status{margin-left:auto;font-size:12px;color:rgba(255,255,255,.58);display:flex;align-items:center;gap:7px} .bbc-footer-panel__status i{width:7px;height:7px;border-radius:50%;background:var(--bbc-accent);box-shadow:0 0 0 4px rgba(216,255,36,.1)} .bbc-footer-panel__body{display:flex;height:calc(100% - 58px)} .bbc-footer-panel__sidebar{width:64px;border-right:1px solid rgba(255,255,255,.07);padding:23px 18px;display:flex;flex-direction:column;gap:18px} .bbc-footer-panel__sidebar span{height:8px;border-radius:999px;background:rgba(255,255,255,.14)} .bbc-footer-panel__workspace{padding:25px 30px;flex:1} .bbc-footer-panel__eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--bbc-accent)} .bbc-footer-panel__headline{font-size:clamp(23px,2.2vw,40px);letter-spacing:-.045em;margin-top:8px} .bbc-footer-panel__grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:12px;margin-top:24px} .bbc-footer-panel__grid span{height:65px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))} @media(max-width:1023px){ .manifesto__title-col,.manifesto__copy-col{flex:0 0 100%!important;max-width:100%!important} .manifesto__title{max-width:10ch!important;font-size:clamp(48px,10vw,76px)!important} .manifesto__copy-col{padding-top:50px!important} .jobs__title{max-width:10ch!important;font-size:clamp(52px,10vw,82px)!important} .bbc-footer-panel-wrap{width:78vw!important} } @media(max-width:767px){ .header__brand-wordmark{font-size:12px!important} .header__pill{width:52px!important} .manifesto__title,.jobs__title,.footer__title{font-size:clamp(42px,13vw,64px)!important;line-height:.96!important} .manifesto__title{max-width:9ch!important} .footer__form-wrapper{margin-bottom:190px!important} .bbc-footer-panel-wrap{width:88vw!important;bottom:92px!important} .bbc-footer-panel{height:180px;border-radius:18px 18px 0 0} .bbc-footer-panel__top{height:48px;padding:0 14px} .bbc-footer-panel__body{height:calc(100% - 48px)} .bbc-footer-panel__sidebar{display:none} .bbc-footer-panel__workspace{padding:18px} .bbc-footer-panel__grid{margin-top:15px} .bbc-footer-panel__grid span{height:42px} } /* ===== bbc-brand-completion-2026 ===== */ :root{--bbc-section-blue:#4020ff;--bbc-footer-black:#050506} /* Fully transparent header: retain adaptive text only. */ .header,.header__container,.header__nav-wrap,.header__col{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} /* Footer: true black canvas and section-one blue bolt. */ .footer,[data-background="footer"]{background:#050506!important;background-color:#050506!important} .footer:before,.footer:after{background:#050506!important} .footer__bg-svg svg{fill:var(--bbc-section-blue)!important;opacity:1!important} .footer__content{background:transparent!important} .footer__nav{background:rgba(5,5,6,.94)!important;border-top:1px solid rgba(255,255,255,.09)!important} .footer__title{max-width:1040px!important;margin-inline:auto!important;letter-spacing:-.055em!important} .footer__message,.footer__message p{color:rgba(255,255,255,.72)!important} /* Superlist-equivalent device panel geometry, fully original BBC branding. */ .bbc-footer-panel-wrap{width:min(59vw,920px)!important;bottom:0!important;z-index:4!important} .bbc-footer-panel--superlist-layout{height:clamp(190px,19vw,300px)!important;border-radius:27px 27px 0 0!important;background:linear-gradient(180deg,#18191c 0%,#0a0a0c 100%)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 -24px 70px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.06)!important;overflow:hidden!important} .bbc-panel-toolbar{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(9,9,11,.52)} .bbc-panel-brand{font-size:clamp(16px,1.45vw,24px);letter-spacing:-.035em;color:#fff;text-align:center;white-space:nowrap} .bbc-panel-tools{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,.38);font-size:16px}.bbc-panel-tools--right{justify-content:flex-end} .bbc-panel-content{padding:23px 34px 28px;text-align:left}.bbc-panel-kicker{font-size:10px;font-weight:600;letter-spacing:.18em;color:#9ea3ad}.bbc-panel-heading{font-size:clamp(22px,2.25vw,38px);line-height:1.02;letter-spacing:-.045em;color:#fff;margin-top:8px} .bbc-panel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.bbc-panel-metrics>div{padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035)}.bbc-panel-metrics b,.bbc-panel-metrics small{display:block}.bbc-panel-metrics b{font-size:14px;color:#fff}.bbc-panel-metrics small{font-size:10px;color:rgba(255,255,255,.48);margin-top:3px} /* BBC-owned insight labels and clearer article hierarchy. */ .bbc-insight-label{font-size:11px!important;line-height:1.2!important;letter-spacing:.14em!important;font-weight:600!important;color:rgba(255,255,255,.5)!important;text-transform:uppercase!important;min-height:20px!important} .news__title{max-width:9ch!important}.news__list-item-title{max-width:16ch!important;letter-spacing:-.035em!important}.news__list-item{position:relative!important}.news__list-item:before{content:"";position:absolute;left:0;top:-20px;width:36px;height:2px;background:var(--bbc-accent)} /* Improve service copy legibility without changing composition. */ .manifesto__copy-content{color:rgba(255,255,255,.65)!important;max-width:42ch!important}.manifesto__copy-title{color:#fff!important}.manifesto__title{max-width:11ch!important} /* Stronger brand completeness. */ .founders__title-bio{color:rgba(17,17,17,.55)!important;letter-spacing:.12em!important}.founders__list-bio-item{color:#151515!important;line-height:1.48!important} @media(max-width:1023px){.bbc-footer-panel-wrap{width:76vw!important}.bbc-panel-content{padding:20px 24px}.bbc-panel-toolbar{padding-inline:20px}} @media(max-width:767px){.bbc-footer-panel-wrap{width:90vw!important;bottom:72px!important}.bbc-footer-panel--superlist-layout{height:178px!important;border-radius:18px 18px 0 0!important}.bbc-panel-toolbar{height:48px;padding-inline:14px}.bbc-panel-tools{gap:9px;font-size:12px}.bbc-panel-brand{font-size:14px}.bbc-panel-content{padding:14px 16px}.bbc-panel-heading{font-size:22px}.bbc-panel-metrics{margin-top:12px}.bbc-panel-metrics>div{padding:8px}.bbc-panel-metrics b{font-size:11px}.bbc-panel-metrics small{font-size:8px}.news__title{max-width:100%!important}.news__list-item-title{max-width:100%!important}} /* ===== bbc-final-polish-2026 ===== */ /* ================================================================ Biz Bridge Connect — final alignment, visibility and careers polish ================================================================ */ :root{ --bbc-theme-violet:#4020ff; --bbc-theme-blue:#2563eb; --bbc-theme-acid:#d8ff24; --bbc-theme-ink:#090a0d; --bbc-theme-paper:#f6f7fb; --bbc-theme-line:rgba(14,18,30,.10); } /* Production typography safety: never fragment whole words. */ h1,h2,h3,h4,h5,.hero__title,.manifesto__title,.founders__title,.news__title,.jobs__title,.footer__title{ word-break:normal!important; overflow-wrap:normal!important; hyphens:none!important; } /* Keep the global navigation transparent while making the CTA reliable. */ .header,.header__container,.header__nav-wrap,.header__col{ background:transparent!important; background-color:transparent!important; box-shadow:none!important; border:0!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .header{top:clamp(22px,2.4vw,42px)!important} .header__container{align-items:center!important} .header__col{align-items:center!important} .header__pill-wrap{display:flex!important;opacity:1!important;visibility:visible!important} .header__pill, [data-shrink=true] .header__pill, [data-aside-open=true] .header__pill{ width: clamp(156px, 13.2vw, 214px) !important; height: clamp(50px, 4.6vw, 70px) !important; min-width:156px!important; display:flex!important; opacity:1!important; visibility:visible!important; transform:none!important; overflow:visible!important; color:#fff!important; background:linear-gradient(180deg,#121419 0%,#090a0d 100%)!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:999px!important; box-shadow:0 14px 30px rgba(5,7,14,.18),inset 0 1px 0 rgba(255,255,255,.06)!important; } .header__pill:hover{transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(5,7,14,.25),inset 0 1px 0 rgba(255,255,255,.08)!important} .header__pill-label, [data-shrink=true] .header__pill-label, [data-aside-open=true] .header__pill-label{ opacity:1!important; visibility:visible!important; padding-left:clamp(24px,1.75vw,34px)!important; padding-right:clamp(56px,4vw,76px)!important; color:#fff!important; font-size:clamp(14px,.95vw,18px)!important; line-height:1!important; white-space:nowrap!important; } .header__pill-fallback{ position:absolute; right:5px; top:50%; translate:0 -50%; z-index:3; width:calc(clamp(50px,3.6vw,70px) - 10px); height:calc(clamp(50px,3.6vw,70px) - 10px); display:grid; place-items:center; border-radius:50%; color:#101216; background:var(--bbc-theme-acid); border:1px solid rgba(255,255,255,.5); box-shadow:0 0 0 4px rgba(8,10,14,.78),inset 0 1px 6px rgba(255,255,255,.6); pointer-events:none; } .header__pill-fallback svg{width:31%;height:42%;fill:currentColor} .header__canvas-wrap{z-index:2!important;opacity:0!important;pointer-events:none!important} /* Careers — premium light surface with a dark capability card and clear roles. */ [data-background="jobs"]{ background: radial-gradient(circle at 88% 16%,rgba(64,32,255,.10),transparent 30%), radial-gradient(circle at 8% 92%,rgba(37,99,235,.09),transparent 34%), linear-gradient(135deg,#fbfcff 0%,#f0f5ff 52%,#f6f2ff 100%)!important; } .jobs{ min-height:100vh!important; padding:clamp(138px,11vw,205px) 0 clamp(90px,7vw,140px)!important; justify-content:flex-start!important; color:var(--bbc-theme-ink)!important; overflow:hidden!important; } .jobs:before{ content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(23,28,43,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,28,43,.035) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.26),transparent 62%); } .jobs>.container{width:100%!important;max-width:1440px!important;margin-inline:auto!important;position:relative!important;z-index:2!important} .jobs .cols{ display:grid!important; grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important; grid-template-areas:"title title" "benefits links"!important; gap:clamp(46px,5vw,82px) clamp(42px,6vw,96px)!important; margin:0!important; } .jobs .col{padding:0!important;max-width:none!important;flex:none!important} .jobs__col-title{grid-area:title!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,430px)!important;align-items:end!important;gap:42px!important} .jobs__title{ margin:0!important; max-width:none!important; color:var(--bbc-theme-ink)!important; font-size:clamp(64px,6.6vw,112px)!important; line-height:.84!important; letter-spacing:-.07em!important; font-weight:500!important; } .jobs__title-line{display:block!important;white-space:nowrap!important} .jobs__title-line--brand{ color:var(--bbc-theme-violet)!important; margin-top:.13em!important; } .jobs__lead{ max-width:430px; margin:0 0 4px auto; color:#51586a; font-size:clamp(16px,1.16vw,20px); line-height:1.5; letter-spacing:-.015em; } .jobs__col-benefits{ grid-area:benefits!important; position:relative!important; min-height:clamp(390px,33vw,520px)!important; margin:0!important; padding:clamp(34px,3.2vw,54px)!important; border-radius:clamp(25px,2.2vw,34px)!important; color:#fff!important; background: radial-gradient(circle at 85% 25%,rgba(216,255,36,.13),transparent 30%), linear-gradient(145deg,#17213b 0%,#11162a 48%,#251483 100%)!important; border:1px solid rgba(255,255,255,.13)!important; box-shadow:0 28px 70px rgba(31,39,82,.20),inset 0 1px 0 rgba(255,255,255,.08)!important; overflow:hidden!important; } .jobs__col-benefits:before{ content:"CAREERS AT BB&C"; display:inline-flex; align-items:center; min-height:28px; padding:0 12px; margin-bottom:24px; border:1px solid rgba(216,255,36,.34); border-radius:999px; color:var(--bbc-theme-acid); background:rgba(216,255,36,.07); font-size:10px; font-weight:600; letter-spacing:.16em; } .jobs__subtitle{ position:relative!important; z-index:3!important; max-width:18ch!important; margin:0 0 24px!important; color:#fff!important; font-size:clamp(23px,2vw,34px)!important; line-height:1.08!important; letter-spacing:-.035em!important; font-weight:500!important; text-transform:none!important; } .jobs__benefits{ position:relative!important; z-index:3!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:13px 22px!important; max-width:660px!important; color:rgba(255,255,255,.78)!important; font-size:clamp(13px,.9vw,16px)!important; line-height:1.35!important; } .jobs__benefits li{position:relative!important;padding-left:17px!important} .jobs__benefits li:before{ content:""; position:absolute; left:0; top:.46em; width:7px; height:7px; border-radius:50%; background:var(--bbc-theme-acid); box-shadow:0 0 0 3px rgba(216,255,36,.10); } .jobs__model-wrap{ display:flex!important; top:auto!important; left:auto!important; right:-14%!important; bottom:-30%!important; width:72%!important; opacity:.48!important; z-index:1!important; filter:drop-shadow(0 30px 45px rgba(0,0,0,.34))!important; } .jobs__model{width:100%!important;padding-top:100%!important} .jobs__col-links{ grid-area:links!important; margin:0!important; padding:clamp(31px,3vw,48px)!important; border-radius:clamp(25px,2.2vw,34px)!important; background:rgba(255,255,255,.80)!important; border:1px solid rgba(34,40,60,.10)!important; box-shadow:0 28px 70px rgba(48,56,96,.12),inset 0 1px 0 rgba(255,255,255,.9)!important; backdrop-filter:blur(15px)!important; -webkit-backdrop-filter:blur(15px)!important; } .jobs__roles-header{margin-bottom:22px!important} .jobs__roles-header>span{ display:block; color:var(--bbc-theme-violet); font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; } .jobs__roles-header p{max-width:43ch;margin-top:10px;color:#616879;font-size:14px;line-height:1.45} .jobs__list{margin:0 0 28px!important} .jobs__list-item{opacity:1!important} .jobs__list-item:before{background:rgba(17,21,35,.10)!important;height:1px!important} .jobs__list-item:after{background:var(--bbc-theme-violet)!important;height:2px!important} .jobs__list-item-link{ min-height:102px!important; padding:23px 0!important; gap:22px!important; align-items:center!important; } .jobs__list-item-label{ max-width:15ch!important; color:#10131b!important; font-size:clamp(25px,2vw,34px)!important; line-height:1.03!important; letter-spacing:-.045em!important; font-weight:500!important; } .jobs__list-item:hover .jobs__list-item-label{transform:translateX(8px)!important;color:var(--bbc-theme-violet)!important} .jobs__list-item-link-svg{ flex:0 0 48px!important; width:48px!important; height:48px!important; color:#10131b!important; background:var(--bbc-theme-acid)!important; border:1px solid rgba(16,19,27,.22)!important; border-radius:50%!important; box-shadow:0 8px 18px rgba(123,149,0,.16)!important; } .jobs__list-item-link-svg .circle{display:none!important} .jobs__list-item-link-svg .arrow{width:17px!important;height:14px!important} .jobs__list-button .button{ background:#10131b!important; box-shadow:0 12px 26px rgba(16,19,27,.18)!important; } .jobs__list-button .button__label{color:#fff!important} .jobs__list-button .button__svg{background:var(--bbc-theme-acid)!important;color:#10131b!important} .jobs__list-button .button__svg svg{stroke:#10131b!important} .jobs .rectangle{display:block!important;position:absolute!important;right:-10vw!important;top:7%!important;left:auto!important;width:27vw!important;height:27vw!important;border-radius:50%!important;background:linear-gradient(145deg,rgba(64,32,255,.13),rgba(37,99,235,.03))!important;filter:blur(2px)!important;opacity:1!important} /* Footer: true black, visible submit control, and a toolbar-only panel. */ .footer,[data-background="footer"]{background:#030304!important;background-color:#030304!important} .footer__content{min-height:100vh!important;padding-top:clamp(140px,10vw,190px)!important} .footer__title{ max-width:1160px!important; margin-inline:auto!important; padding-inline:32px!important; color:#fff!important; font-size:clamp(62px,6.4vw,112px)!important; line-height:.9!important; letter-spacing:-.06em!important; text-wrap:balance!important; } .footer__form-wrapper{margin-bottom:clamp(190px,18vw,310px)!important} .footer__input-wrap{width:min(560px,82vw)!important;display:inline-block!important} .footer__input{ width:100%!important; min-height:clamp(72px,5.8vw,96px)!important; padding:0 clamp(92px,7vw,120px) 0 clamp(28px,2.6vw,44px)!important; color:#fff!important; background:rgba(255,255,255,.025)!important; border:2px solid rgba(255,255,255,.86)!important; border-radius:999px!important; font-size:clamp(18px,1.35vw,24px)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 46px rgba(0,0,0,.28)!important; } .footer__input::placeholder{color:rgba(255,255,255,.82)!important} .footer__canvas-wrap{ position:absolute!important; right:8px!important; top:50%!important; translate:0 -50%!important; width:calc(clamp(72px,5.8vw,96px) - 16px)!important; height:calc(clamp(72px,5.8vw,96px) - 16px)!important; display:grid!important; place-items:center!important; opacity:1!important; visibility:visible!important; overflow:hidden!important; border-radius:50%!important; color:#111318!important; background:var(--bbc-theme-acid)!important; border:1px solid rgba(255,255,255,.60)!important; box-shadow:0 0 0 5px rgba(10,11,14,.88),inset 0 2px 8px rgba(255,255,255,.62),0 10px 26px rgba(114,139,0,.28)!important; cursor:pointer!important; z-index:4!important; } .footer__canvas-wrap:hover{transform:scale(1.04)!important} .footer-submit-fallback{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none} .footer-submit-fallback svg{width:25%;height:25%;stroke:currentColor!important} .footer__canvas-wrap canvas{opacity:0!important;pointer-events:none!important} .footer__message,.footer__message p{color:rgba(255,255,255,.68)!important} .footer__bg-svg svg{fill:var(--bbc-theme-violet)!important} .footer__nav{ position:relative!important; z-index:20!important; min-height:72px!important; padding:0!important; display:flex!important; align-items:center!important; background:#07080a!important; border-top:1px solid rgba(255,255,255,.10)!important; } .footer__nav-container{min-height:72px!important;align-items:center!important;z-index:5!important} .footer__nav-list{align-items:center!important} .footer__nav-list-item:not(:last-child){margin-bottom:0!important} /* Panel header sits exactly above the black footer strip; its lower UI is hidden. */ .bbc-footer-panel-wrap{ display:block!important; position:absolute!important; left:50%!important; top:0!important; bottom:auto!important; width:min(66vw,1040px)!important; height:72px!important; margin:0!important; transform:translate(-50%,-100%)!important; z-index:2!important; overflow:visible!important; pointer-events:none!important; } .bbc-footer-panel--superlist-layout{ height:72px!important; min-height:72px!important; border-radius:24px 24px 0 0!important; background:linear-gradient(180deg,#1b1c20 0%,#0d0e11 100%)!important; border:1px solid rgba(255,255,255,.14)!important; border-bottom:0!important; box-shadow:0 -24px 68px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.07)!important; overflow:hidden!important; } .bbc-panel-toolbar{ height:72px!important; grid-template-columns:1fr auto 1fr!important; padding:0 clamp(26px,2.1vw,38px)!important; border:0!important; background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0))!important; } .bbc-panel-content{display:none!important} .bbc-panel-brand{ color:#fff!important; font-size:clamp(18px,1.4vw,24px)!important; font-weight:500!important; letter-spacing:-.035em!important; } .bbc-panel-brand:after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:var(--bbc-theme-violet);box-shadow:0 0 0 4px rgba(64,32,255,.14)} .bbc-panel-tools{gap:clamp(13px,1.2vw,20px)!important;color:rgba(255,255,255,.42)!important;font-size:15px!important} .bbc-tool-dot{font-size:10px!important;color:rgba(255,255,255,.48)!important} .bbc-tool-bolt{color:var(--bbc-theme-acid)!important} /* Focus and interaction visibility. */ .header__pill:focus-within,.footer__canvas-wrap:focus-visible,.jobs__list-item-link:focus-visible,.button__link:focus-visible{ outline:3px solid rgba(216,255,36,.72)!important; outline-offset:4px!important; } @media(max-width:1199px){ .jobs .cols{grid-template-columns:1fr!important;grid-template-areas:"title" "benefits" "links"!important} .jobs__col-title{grid-template-columns:1fr!important} .jobs__lead{margin:22px 0 0!important;max-width:620px!important} .jobs__title{font-size:clamp(58px,9vw,92px)!important} .jobs__col-benefits{min-height:430px!important} .bbc-footer-panel-wrap{width:min(78vw,920px)!important} } @media(max-width:767px){ .header{top:18px!important} .header__pill,[data-shrink=true] .header__pill,[data-aside-open=true] .header__pill{width:54px!important;min-width:54px!important;height:54px!important} .header__pill-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;padding:0!important} .header__pill-fallback{width:44px!important;height:44px!important} .jobs{padding-top:116px!important;padding-bottom:72px!important} .jobs__title{font-size:clamp(48px,14vw,70px)!important;line-height:.88!important} .jobs__title-line{white-space:normal!important} .jobs__lead{font-size:16px!important} .jobs__col-benefits,.jobs__col-links{padding:28px!important;border-radius:24px!important} .jobs__benefits{grid-template-columns:1fr!important} .jobs__model-wrap{right:-27%!important;bottom:-12%!important;width:95%!important;opacity:.28!important} .jobs__list-item-link{min-height:88px!important} .jobs__list-item-label{font-size:25px!important} .footer__content{padding-top:118px!important} .footer__title{font-size:clamp(50px,15vw,72px)!important;padding-inline:20px!important} .footer__form-wrapper{margin-bottom:170px!important} .footer__input-wrap{width:calc(100vw - 36px)!important} .footer__input{min-height:70px!important;padding-right:82px!important;font-size:17px!important} .footer__canvas-wrap{width:54px!important;height:54px!important;right:8px!important} .footer__nav{min-height:126px!important;padding:22px 0!important} .footer__nav-container{min-height:auto!important} .bbc-footer-panel-wrap{width:90vw!important;height:60px!important;transform:translate(-50%,-100%)!important} .bbc-footer-panel--superlist-layout,.bbc-panel-toolbar{height:60px!important;min-height:60px!important} .bbc-footer-panel--superlist-layout{border-radius:18px 18px 0 0!important} .bbc-panel-toolbar{padding:0 16px!important} .bbc-panel-tools{gap:9px!important;font-size:12px!important} .bbc-panel-brand{font-size:16px!important} } /* ===== bbc-leadership-reference-implementation ===== */ .bbc-leadership{ --leadership-accent:#5428ff; --leadership-ink:#0b0b10; position:relative!important; z-index:5!important; min-height:100svh!important; overflow:hidden!important; color:var(--leadership-ink)!important; background:#fff!important; isolation:isolate; } .bbc-leadership::before{ content:""; position:absolute; inset:0; z-index:-1; background: radial-gradient(circle at 52% 46%,rgba(84,40,255,.045),transparent 34%), linear-gradient(180deg,#fff,#fff); } .bbc-leadership__shell{ width:min(100%,1536px); min-height:100svh; margin:auto; padding:clamp(142px,10vw,164px) clamp(44px,5.55vw,86px) clamp(72px,6.5vw,100px); display:grid; grid-template-columns:minmax(360px,470px) minmax(470px,643px) minmax(260px,1fr); gap:clamp(24px,1.8vw,32px); align-items:start; } .bbc-leadership__intro{padding-top:clamp(112px,9vw,145px);position:relative;z-index:3} .bbc-leadership__eyebrow{ color:var(--leadership-accent); font-size:clamp(13px,.98vw,16px); line-height:1; font-weight:500; letter-spacing:.18em; text-transform:uppercase; } .bbc-leadership__name{ margin-top:clamp(42px,3.2vw,52px); color:var(--leadership-ink); font-size:clamp(57px,4.83vw,74px); line-height:.96; font-weight:400; letter-spacing:-.055em; white-space:nowrap; } .bbc-leadership__rule{ position:relative; width:100%; height:2px; margin-top:clamp(20px,1.45vw,23px); background:linear-gradient(90deg,var(--leadership-accent) 0%,#6e45ff 96%,transparent 96%); } .bbc-leadership__rule::after{ content:"";position:absolute;right:0;top:-2px;width:17px;height:6px; background:var(--leadership-accent);clip-path:polygon(0 0,100% 0,72% 100%); } .bbc-leadership__card{ margin-top:clamp(40px,2.85vw,44px); overflow:hidden; border:1px solid rgba(20,20,30,.085); border-radius:16px; background:rgba(255,255,255,.97); box-shadow:0 18px 34px rgba(22,18,45,.095),0 2px 7px rgba(22,18,45,.035); } .bbc-leadership__summary{ min-height:119px; display:grid; grid-template-columns:51.2% 48.8%; align-items:center; border-bottom:1px solid rgba(20,20,30,.085); } .bbc-leadership__summary-item{ min-width:0;height:60px;padding:0 clamp(21px,1.5vw,27px); display:flex;align-items:center;gap:14px; } .bbc-leadership__summary-item+.bbc-leadership__summary-item{border-left:1px solid rgba(20,20,30,.10)} .bbc-leadership__summary-copy{display:flex;flex-direction:column;gap:12px} .bbc-leadership__summary-copy strong{color:#17171b;font-size:clamp(14px,1vw,16px);font-weight:400;white-space:nowrap} .bbc-leadership__label,.bbc-leadership__principle h3{ color:var(--leadership-accent);font-size:clamp(10px,.74vw,12px); font-weight:500;letter-spacing:.055em;text-transform:uppercase; } .bbc-leadership__principles{min-height:216px;display:grid;grid-template-columns:repeat(3,1fr)} .bbc-leadership__principle{padding:26px 12px 23px;display:flex;flex-direction:column;align-items:center;text-align:center} .bbc-leadership__principle+.bbc-leadership__principle{border-left:1px solid rgba(20,20,30,.09)} .bbc-leadership__principle h3{margin-top:16px;white-space:nowrap;letter-spacing:.015em} .bbc-leadership__principle p{margin-top:12px;color:#24242a;font-size:clamp(13px,.91vw,15px);line-height:1.48} .bbc-leadership__icon{ width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center; color:var(--leadership-accent);border-radius:50%; background:linear-gradient(145deg,#f0ecff,#fbfaff); } .bbc-leadership__icon svg{width:30px;height:30px} .bbc-leadership__icon--summary{width:56px;height:56px;flex-basis:56px} .bbc-leadership__visual{ width:100%;max-width:675px;position:relative;z-index:2;pointer-events:none; filter:drop-shadow(0 18px 30px rgba(58,20,130,.055)); } .bbc-leadership__visual img{display:block;width:100%;height:auto;user-select:none} .bbc-leadership__about{ padding-top:clamp(380px,27.5vw,422px); padding-left:clamp(18px,1.65vw,28px); position:relative;z-index:4; } .bbc-leadership__bio{ width:min(100%,292px);margin-top:clamp(31px,2.2vw,36px); color:#24242a;font-size:clamp(14px,1vw,16px);line-height:1.52; } .bbc-leadership__cta{ min-width:216px;height:50px;margin-top:28px;padding:0 18px 0 21px; display:inline-flex;align-items:center;justify-content:space-between;gap:22px; color:#17171b;font:400 15px/1 AeonikWeb,sans-serif; border:1.5px solid var(--leadership-accent);border-radius:15px;background:#fff; transition:.3s ease; } .bbc-leadership__cta svg{width:20px;height:20px;transition:transform .3s ease} .bbc-leadership__cta:hover{color:#fff;background:var(--leadership-accent);transform:translateY(-2px);box-shadow:0 14px 28px rgba(84,40,255,.20)} .bbc-leadership__cta:hover svg{transform:translateX(3px)} .bbc-leadership__eyebrow,.bbc-leadership__name,.bbc-leadership__rule,.bbc-leadership__card,.bbc-leadership__visual,.bbc-leadership__about{ opacity:0;transform:translateY(24px); transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1); } .bbc-leadership__visual{transform:translateY(28px) scale(.975)} .bbc-leadership.is-visible .bbc-leadership__eyebrow, .bbc-leadership.is-visible .bbc-leadership__name, .bbc-leadership.is-visible .bbc-leadership__rule, .bbc-leadership.is-visible .bbc-leadership__card, .bbc-leadership.is-visible .bbc-leadership__visual, .bbc-leadership.is-visible .bbc-leadership__about{opacity:1;transform:none} .bbc-leadership.is-visible .bbc-leadership__name{transition-delay:.08s} .bbc-leadership.is-visible .bbc-leadership__rule{transition-delay:.14s} .bbc-leadership.is-visible .bbc-leadership__card{transition-delay:.22s} .bbc-leadership.is-visible .bbc-leadership__about{transition-delay:.28s} body.bbc-leadership-active .header::before{background:rgba(255,255,255,.94)!important;border-bottom-color:rgba(15,15,20,.08)!important} body.bbc-leadership-active .header__brand-wordmark, body.bbc-leadership-active .header__list-item-link{color:#111116!important} body.bbc-leadership-active .header__list-item:nth-child(2) .header__list-item-link{color:#5428ff!important} body.bbc-leadership-active .header__list-item:nth-child(2) .header__list-item-link::before{background:#5428ff!important;transform:scaleX(1)!important} @media(max-width:1240px){ .bbc-leadership__shell{ min-height:auto;padding:132px 42px 88px; grid-template-columns:minmax(330px,.85fr) minmax(430px,1.15fr); grid-template-areas:"intro visual" "about about";gap:54px 28px; } .bbc-leadership__intro{grid-area:intro;padding-top:96px} .bbc-leadership__visual{grid-area:visual;max-width:570px;margin:auto} .bbc-leadership__about{ grid-area:about;width:min(100%,760px);padding:0; display:grid;grid-template-columns:120px 1fr auto;gap:26px; } .bbc-leadership__bio{width:auto;max-width:520px;margin:0} .bbc-leadership__cta{margin:0} } @media(max-width:820px){ .bbc-leadership__shell{padding:118px 24px 76px;display:flex;flex-direction:column} .bbc-leadership__intro{padding-top:22px} .bbc-leadership__name{margin-top:26px;font-size:clamp(48px,11vw,68px);white-space:normal} .bbc-leadership__visual{order:2;width:min(100%,610px);margin:48px auto 0} .bbc-leadership__card{margin-top:36px} .bbc-leadership__about{order:4;width:100%;margin-top:62px;padding:0;display:block} .bbc-leadership__bio{max-width:620px;margin-top:24px;font-size:16px} .bbc-leadership__cta{margin-top:26px} } @media(max-width:560px){ .bbc-leadership__shell{padding:105px 18px 66px} .bbc-leadership__name{font-size:clamp(43px,13vw,58px)} .bbc-leadership__summary{grid-template-columns:1fr} .bbc-leadership__summary-item{height:88px} .bbc-leadership__summary-item+.bbc-leadership__summary-item{border-left:0;border-top:1px solid rgba(20,20,30,.09)} .bbc-leadership__principles{grid-template-columns:1fr} .bbc-leadership__principle+.bbc-leadership__principle{border-left:0;border-top:1px solid rgba(20,20,30,.09)} .bbc-leadership__cta{width:100%} } @media(prefers-reduced-motion:reduce){ .bbc-leadership *{transition:none!important} .bbc-leadership__eyebrow,.bbc-leadership__name,.bbc-leadership__rule,.bbc-leadership__card,.bbc-leadership__visual,.bbc-leadership__about{opacity:1!important;transform:none!important} } /* ===== bbc-scroll-stability-fix ===== */ /* ASScroll already provides interpolation. Native CSS smooth scrolling must remain disabled, otherwise both systems compete and cause a rebound/jump after wheel or trackpad input stops. */ html, body { scroll-behavior: auto !important; overscroll-behavior-y: none; } /* ===== bbc-leadership-final-background-fix ===== */ .bbc-leadership { background: #ffffff !important; isolation: isolate !important; } .bbc-leadership::before { background: radial-gradient(circle at 52% 46%, rgba(84,40,255,.045), transparent 34%), #ffffff !important; } .bbc-leadership__visual { overflow: hidden; } .bbc-leadership__visual img { display: block; width: 100%; height: auto; } /* ===== bbc-global-background-state-fix ===== */ /* Prevent the removed legacy founders component from leaving its fixed white layer active. */ .background [data-background="founders"]{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;} /* Establish deterministic initial states for the first two sections. */ .background [data-background="hero"]{background:#1557ff!important;opacity:1!important;visibility:visible!important;} .background [data-background="hero-fade"]{background:#1557ff!important;} .background [data-background="manifesto"]{background:#161616!important;} /* White is local to Leadership only. */ .bbc-leadership{background:#fff!important;isolation:isolate!important;} /* ===== Careers reference recreation ===== */ .background [data-background="jobs"]{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:transparent!important} .bbc-careers{position:relative;isolation:isolate;z-index:1;overflow:hidden;min-height:100vh;height:max(720px,100vh);padding:0;color:#08080c;background:#5135f1;display:flex;align-items:stretch} .bbc-careers__ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 20% 58%,rgba(137,105,255,.74) 0,rgba(106,70,255,.34) 27%,transparent 54%),radial-gradient(circle at 75% 49%,rgba(95,55,255,.58) 0,rgba(63,34,226,.38) 42%,transparent 68%),linear-gradient(112deg,#704fff 0%,#5938f5 43%,#3519d7 100%)} .bbc-careers__ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 38%,rgba(15,0,82,.1));opacity:.7} .bbc-careers__inner{position:relative;width:100%;max-width:none;margin:0;display:grid;grid-template-columns:51.2% 48.8%;align-items:stretch} .bbc-careers__intro{position:relative;z-index:2;align-self:center;padding:clamp(132px,15vh,188px) 0 clamp(54px,6vh,80px) clamp(46px,4.65vw,78px)} .bbc-careers__eyebrow{position:relative;margin:0 0 clamp(34px,4.7vh,47px);width:max-content;color:#dfff00;font-size:clamp(14px,1.04vw,18px);line-height:1;font-weight:500;letter-spacing:0;text-transform:uppercase} .bbc-careers__eyebrow:after{content:"";position:absolute;left:0;top:30px;width:40px;height:2px;background:#dfff00} .bbc-careers__title{margin:0!important;color:#050508!important;font-size:clamp(62px,5.7vw,96px)!important;line-height:.98!important;font-weight:400!important;letter-spacing:-.052em!important;max-width:690px!important;text-wrap:nowrap} .bbc-careers__copy{margin:clamp(27px,3.6vh,38px) 0 clamp(42px,5.8vh,58px);font-size:clamp(16px,1.14vw,19px);line-height:1.55;color:#0a0912;letter-spacing:-.01em} .bbc-careers__actions{display:flex;align-items:center;gap:clamp(42px,3.7vw,64px)} .bbc-careers__primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;width:286px;height:67px;padding:5px 7px 5px 36px;border-radius:999px;background:#050508;color:#fff;font-size:17px;font-weight:400;box-shadow:0 16px 28px rgba(34,12,139,.16);transition:transform .25s ease,box-shadow .25s ease} .bbc-careers__primary-icon{flex:0 0 54px;width:54px;height:54px;border:1.5px solid #dfff00;border-radius:50%;display:grid;place-items:center;color:#dfff00} .bbc-careers__primary svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease} .bbc-careers__primary:hover{transform:translateY(-3px);box-shadow:0 20px 34px rgba(23,7,108,.26)} .bbc-careers__primary:hover svg{transform:translateX(4px)} .bbc-careers__video{display:flex;align-items:center;gap:16px;color:#09090d;cursor:pointer;font:inherit;text-align:left} .bbc-careers__play{width:60px;height:60px;border:1.5px solid #dfff00;border-radius:50%;display:grid;place-items:center;color:#dfff00;transition:background .25s ease,color .25s ease,transform .25s ease} .bbc-careers__play svg{width:26px;height:26px;fill:currentColor;stroke:none} .bbc-careers__video:hover .bbc-careers__play{background:#dfff00;color:#171120;transform:scale(1.04)} .bbc-careers__video-copy{display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.1;white-space:nowrap} .bbc-careers__video-copy strong{color:#dfff00;font-weight:500} .bbc-careers__visual{position:absolute;z-index:1;right:-3.7%;bottom:0;width:58.5%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none} .bbc-careers__visual svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(-28px 18px 28px rgba(24,3,111,.12))} .bbc-careers__anchor{position:absolute;left:0;bottom:1px} .bbc-careers a:focus-visible,.bbc-careers button:focus-visible{outline:3px solid #dfff00!important;outline-offset:5px} @media(max-width:1100px){.bbc-careers{height:auto;min-height:100vh}.bbc-careers__inner{grid-template-columns:1fr;min-height:100vh}.bbc-careers__intro{align-self:start;padding:145px 42px 500px}.bbc-careers__title{font-size:clamp(60px,8.7vw,88px)!important}.bbc-careers__visual{right:-10%;width:76%;height:68%}} @media(max-width:700px){.bbc-careers__intro{padding:116px 22px 420px}.bbc-careers__eyebrow{margin-bottom:34px}.bbc-careers__title{font-size:clamp(46px,13.2vw,70px)!important;line-height:1!important;text-wrap:wrap}.bbc-careers__copy{font-size:15px;margin:24px 0 32px}.bbc-careers__desktop-break{display:none}.bbc-careers__actions{align-items:flex-start;flex-direction:column;gap:23px}.bbc-careers__primary{width:270px;height:60px;padding-left:28px;font-size:16px}.bbc-careers__primary-icon{width:48px;height:48px;flex-basis:48px}.bbc-careers__play{width:50px;height:50px}.bbc-careers__visual{right:-24%;width:115%;height:53%}} @media(max-width:430px){.bbc-careers__intro{padding-bottom:360px}.bbc-careers__title{font-size:12.4vw!important}.bbc-careers__visual{right:-34%;width:135%;height:48%}} @media(prefers-reduced-motion:reduce){.bbc-careers *{scroll-behavior:auto!important;transition:none!important}} /* ===== bbc-header-clean-final ===== */ /* Final header cleanup: fully transparent header, no backdrop, border, or shadow. */ .header, .header::before, .header::after, .header__container, .header__col, .header__nav, .header__list, .header__list-item, .header__list-item-link { background: transparent !important; background-color: transparent !important; box-shadow: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 0 !important; } .header::before, .header::after { content: none !important; display: none !important; } .header__pill { box-shadow: none !important; filter: none !important; } /* ===== bbc-careers-header-refinement ===== */ /* Careers header refinement — cleaner navigation on blue section only */ .header.bbc-header-on-careers .header__brand-wordmark, .header.bbc-header-on-careers .header__list-item-link, .header.bbc-header-on-careers .header__pill-label{ text-shadow:none !important; filter:none !important; } .header.bbc-header-on-careers .header__container{ align-items:center !important; } .header.bbc-header-on-careers .header__brand-wordmark{ color:#ffffff !important; font-weight:600 !important; letter-spacing:-0.02em !important; } .header.bbc-header-on-careers .header__nav{ display:block !important; } .header.bbc-header-on-careers .header__list{ align-items:center !important; gap:clamp(22px,2vw,34px) !important; } .header.bbc-header-on-careers .header__list-item{ margin-right:0 !important; } .header.bbc-header-on-careers .header__list-item-link{ color:rgba(255,255,255,.92) !important; font-size:clamp(14px,.94vw,16px) !important; font-weight:500 !important; letter-spacing:-0.01em !important; } .header.bbc-header-on-careers .header__list-item-link:before{ display:none !important; } .header.bbc-header-on-careers .header__list-item[data-active=true] .header__list-item-link{ color:#d8ff24 !important; } .header.bbc-header-on-careers .header__list-item[data-active=true] .header__list-item-link::after{ content:""; position:absolute; left:0; right:0; bottom:-10px; height:2px; border-radius:999px; background:#d8ff24; } .header.bbc-header-on-careers .header__pill, .header.bbc-header-on-careers [data-shrink=true] .header__pill, .header.bbc-header-on-careers [data-aside-open=true] .header__pill{ background:#0a0b0f !important; border:1px solid rgba(255,255,255,.14) !important; box-shadow:none !important; } .header.bbc-header-on-careers .header__pill:hover{ transform:none !important; box-shadow:none !important; } .header.bbc-header-on-careers .header__pill-label{ color:#ffffff !important; font-weight:500 !important; } .header.bbc-header-on-careers .header__pill-fallback{ background:#d8ff24 !important; color:#0b0d12 !important; border:1px solid rgba(255,255,255,.35) !important; box-shadow:none !important; } @media (max-width: 767px){ .header.bbc-header-on-careers .header__brand-wordmark{ font-size:12px !important; } .header.bbc-header-on-careers .header__list-item[data-active=true] .header__list-item-link::after{ bottom:-7px; } } /* ===== bbc-news-layout-fix-2026 ===== */ /* Insights section — balanced editorial layout and corrected title */ .news{ min-height:100vh !important; padding:clamp(150px,11vw,210px) 0 clamp(72px,7vw,120px) !important; overflow:hidden !important; } .news>.container{ width:100% !important; max-width:1440px !important; margin-inline:auto !important; position:relative !important; z-index:3 !important; } .news__cols{ position:relative !important; width:100% !important; min-height:calc(100vh - clamp(222px,18vw,330px)) !important; margin:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; } .news__title{ flex:none !important; width:min(760px,72vw) !important; max-width:none !important; margin:0 auto !important; padding:0 !important; position:relative !important; z-index:5 !important; color:#d8ff24 !important; text-align:center !important; font-size:clamp(64px,6.3vw,112px) !important; line-height:.84 !important; letter-spacing:-.065em !important; font-weight:400 !important; text-wrap:balance !important; } .news__title span{ display:block !important; white-space:nowrap !important; } .news__title span:last-child{ margin-top:.08em !important; } .news__list{ position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; column-gap:clamp(300px,34vw,560px) !important; align-items:end !important; z-index:6 !important; } .news__list-item{ min-width:0 !important; width:100% !important; max-width:360px !important; margin:0 !important; opacity:1 !important; } .news__list-item:first-child{ justify-self:start !important; text-align:left !important; } .news__list-item:last-child{ justify-self:end !important; text-align:left !important; } .news__list-item-date{ margin:0 0 18px !important; opacity:1 !important; color:rgba(255,255,255,.46) !important; font-size:clamp(9px,.65vw,11px) !important; line-height:1.35 !important; letter-spacing:.14em !important; white-space:nowrap !important; } .news__list-item-title{ max-width:12ch !important; margin:0 0 26px !important; color:#fff !important; font-size:clamp(28px,2.15vw,40px) !important; line-height:1.02 !important; letter-spacing:-.045em !important; font-weight:400 !important; } .news__list-item-button .button{ box-shadow:none !important; } .news__postbox-wrap{ z-index:2 !important; height:82% !important; align-items:flex-end !important; } .news__postbox{ width:min(47vw,720px) !important; padding-top:min(47vw,720px) !important; } @media (max-width:1023px){ .news{ min-height:auto !important; padding:130px 0 100px !important; } .news__cols{ min-height:0 !important; } .news__title{ width:100% !important; font-size:clamp(54px,10vw,82px) !important; } .news__list{ position:relative !important; margin-top:clamp(300px,47vw,440px) !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; column-gap:clamp(36px,7vw,80px) !important; } .news__postbox-wrap{ top:150px !important; bottom:auto !important; height:520px !important; } .news__postbox{ width:min(68vw,560px) !important; padding-top:min(68vw,560px) !important; } } @media (max-width:767px){ .news{ padding:110px 0 84px !important; } .news__title{ font-size:clamp(48px,14vw,68px) !important; line-height:.9 !important; } .news__title span{ white-space:normal !important; } .news__list{ margin-top:300px !important; grid-template-columns:1fr !important; row-gap:54px !important; } .news__list-item, .news__list-item:first-child, .news__list-item:last-child{ width:100% !important; max-width:100% !important; justify-self:stretch !important; } .news__list-item-title{ max-width:15ch !important; } .news__postbox-wrap{ top:160px !important; height:360px !important; } .news__postbox{ width:90vw !important; padding-top:90vw !important; } } /* ===== bbc-news-final-alignment-2026 ===== */ /* Final Insights alignment: one-line section title and symmetrical article columns */ @media (min-width:1024px){ .news>.container{ max-width:1360px !important; padding-left:clamp(48px,5vw,84px) !important; padding-right:clamp(48px,5vw,84px) !important; } .news__cols{ min-height:calc(100vh - 250px) !important; } .news__title{ width:100% !important; max-width:1180px !important; font-size:clamp(56px,5.35vw,86px) !important; line-height:.92 !important; letter-spacing:-.055em !important; white-space:nowrap !important; text-wrap:nowrap !important; } .news__title span{ display:inline !important; white-space:inherit !important; margin:0 !important; } .news__title span + span::before{ content:" " !important; } .news__list{ left:0 !important; right:0 !important; bottom:clamp(18px,2vw,36px) !important; display:grid !important; grid-template-columns:360px 360px !important; justify-content:space-between !important; column-gap:0 !important; align-items:start !important; } .news__list-item{ width:360px !important; max-width:360px !important; justify-self:auto !important; align-self:start !important; } .news__list-item:first-child, .news__list-item:last-child{ justify-self:auto !important; } .news__list-item-date{ min-height:16px !important; margin-bottom:17px !important; } .news__list-item-title{ width:100% !important; max-width:15ch !important; min-height:3.12em !important; margin-bottom:24px !important; font-size:clamp(27px,1.9vw,34px) !important; line-height:1.04 !important; } .news__postbox-wrap{ height:78% !important; } .news__postbox{ width:min(43vw,660px) !important; padding-top:min(43vw,660px) !important; } } @media (min-width:1024px) and (max-width:1240px){ .news__list{ grid-template-columns:310px 310px !important; } .news__list-item{ width:310px !important; max-width:310px !important; } .news__title{ font-size:clamp(52px,5.6vw,70px) !important; } } @media (max-width:1023px){ .news__title{ max-width:11ch !important; margin-inline:auto !important; line-height:.92 !important; } .news__title span{ display:inline !important; white-space:normal !important; } .news__title span + span::before{content:" " !important;} .news__list-item-title{ max-width:16ch !important; min-height:0 !important; } } /* ===== bbc-news-verified-alignment-2026 ===== */ /* Verified Insights alignment: both editorial items share the exact same grid, top line, title height and CTA baseline. */ @media (min-width:1024px){ .news>.container{ max-width:1440px !important; padding-left:clamp(56px,5.2vw,88px) !important; padding-right:clamp(56px,5.2vw,88px) !important; } .news__cols{ min-height:calc(100vh - 245px) !important; } .news__title{ width:auto !important; max-width:none !important; margin-inline:auto !important; font-size:clamp(58px,5.1vw,84px) !important; line-height:.9 !important; letter-spacing:-.06em !important; text-align:center !important; white-space:nowrap !important; } .news__title span{ display:inline !important; white-space:nowrap !important; margin:0 !important; } .news__title span + span::before{ content:" " !important; } .news__list{ position:absolute !important; left:50% !important; right:auto !important; bottom:clamp(28px,3.3vh,48px) !important; transform:translateX(-50%) !important; width:min(1120px,calc(100% - 64px)) !important; display:grid !important; grid-template-columns:320px 320px !important; justify-content:space-between !important; align-items:start !important; column-gap:0 !important; margin:0 !important; } .news__list-item, .news__list-item:first-child, .news__list-item:last-child{ position:relative !important; inset:auto !important; width:320px !important; max-width:320px !important; min-width:320px !important; margin:0 !important; padding:0 !important; align-self:start !important; justify-self:auto !important; display:grid !important; grid-template-rows:16px minmax(146px,auto) 48px !important; row-gap:18px !important; transform:none !important; translate:none !important; opacity:1 !important; text-align:left !important; } .news__list-item-date{ align-self:start !important; width:100% !important; height:16px !important; min-height:16px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:flex-start !important; transform:none !important; translate:none !important; opacity:1 !important; } .news__list-item-title{ align-self:start !important; width:100% !important; max-width:320px !important; min-height:146px !important; margin:0 !important; padding:0 !important; font-size:clamp(27px,1.9vw,34px) !important; line-height:1.03 !important; letter-spacing:-.045em !important; transform:none !important; translate:none !important; } .news__list-item-title .line, .news__list-item-title .target{ transform:none !important; translate:none !important; } .news__list-item-button{ align-self:end !important; height:48px !important; margin:0 !important; transform:none !important; translate:none !important; opacity:1 !important; } .news__list-item-button .button{ height:48px !important; margin:0 !important; } .news__postbox-wrap{ height:79% !important; } .news__postbox{ width:min(43vw,650px) !important; padding-top:min(43vw,650px) !important; } } @media (min-width:1024px) and (max-width:1240px){ .news__list{ width:min(900px,calc(100% - 48px)) !important; grid-template-columns:280px 280px !important; } .news__list-item, .news__list-item:first-child, .news__list-item:last-child{ width:280px !important; max-width:280px !important; min-width:280px !important; grid-template-rows:16px minmax(138px,auto) 48px !important; } .news__list-item-title{ max-width:280px !important; min-height:138px !important; } } /* ===== bbc-news-subgrid-alignment-final ===== */ /* Final structural alignment: both articles participate in the same row grid. */ @media (min-width:1024px){ .news__title{ width:100% !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; white-space:nowrap !important; font-size:clamp(54px,4.85vw,78px) !important; line-height:.92 !important; letter-spacing:-.055em !important; } .news__title span{ display:inline !important; white-space:nowrap !important; } .news__title span + span::before{content:" " !important;} .news__list{ position:absolute !important; left:50% !important; right:auto !important; bottom:clamp(38px,4.8vh,64px) !important; transform:translateX(-50%) !important; width:min(1110px,calc(100% - 80px)) !important; margin:0 !important; display:grid !important; grid-template-columns:320px 320px !important; grid-template-rows:auto auto 48px !important; justify-content:space-between !important; align-items:start !important; column-gap:0 !important; row-gap:0 !important; } .news__list-item, .news__list-item:first-child, .news__list-item:last-child{ position:relative !important; inset:auto !important; width:320px !important; min-width:320px !important; max-width:320px !important; height:auto !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-rows:subgrid !important; grid-row:1 / 4 !important; align-self:stretch !important; transform:none !important; translate:none !important; opacity:1 !important; } .news__list-item-date{ grid-row:1 !important; align-self:start !important; width:100% !important; min-height:18px !important; height:18px !important; margin:0 0 20px !important; padding:0 !important; opacity:1 !important; transform:none !important; } .news__list-item-title{ grid-row:2 !important; align-self:start !important; width:100% !important; max-width:320px !important; min-height:0 !important; margin:0 0 24px !important; padding:0 !important; font-size:clamp(27px,1.88vw,33px) !important; line-height:1.04 !important; letter-spacing:-.045em !important; transform:none !important; } .news__list-item-button{ grid-row:3 !important; align-self:end !important; height:48px !important; margin:0 !important; padding:0 !important; opacity:1 !important; transform:none !important; } .news__list-item-button .button{ height:48px !important; margin:0 !important; } .news__postbox-wrap{height:78% !important;} .news__postbox{width:min(43vw,650px) !important;padding-top:min(43vw,650px) !important;} } @media (min-width:1024px) and (max-width:1240px){ .news__list{ width:min(900px,calc(100% - 56px)) !important; grid-template-columns:280px 280px !important; } .news__list-item, .news__list-item:first-child, .news__list-item:last-child{ width:280px !important; min-width:280px !important; max-width:280px !important; } .news__list-item-title{max-width:280px !important;} } /* ===== bbc-news-hard-alignment-final ===== */ /* Final hard alignment: identical geometry for both insight blocks. */ @media (min-width:1024px){ #news.news{position:relative!important;overflow:hidden!important} #news .news__cols{position:relative!important;display:block!important;margin:0!important;width:100%!important} #news .news__title{ position:absolute!important; top:clamp(105px,10.5vh,150px)!important; left:50%!important; transform:translateX(-50%)!important; width:max-content!important; max-width:calc(100vw - 160px)!important; margin:0!important; padding:0!important; white-space:nowrap!important; text-align:center!important; font-size:clamp(58px,5vw,82px)!important; line-height:.92!important; letter-spacing:-.06em!important; } #news .news__title span{display:inline!important;white-space:nowrap!important} #news .news__title span+span:before{content:" "!important} #news .news__list{ position:absolute!important; left:50%!important; bottom:clamp(54px,6vh,88px)!important; transform:translateX(-50%)!important; width:min(1120px,calc(100vw - 180px))!important; height:250px!important; display:grid!important; grid-template-columns:320px 320px!important; justify-content:space-between!important; align-items:stretch!important; margin:0!important; padding:0!important; } #news .news__list-item, #news .news__list-item:first-child, #news .news__list-item:last-child{ position:relative!important; inset:auto!important; width:320px!important; height:250px!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; display:grid!important; grid-template-rows:18px 1fr 48px!important; row-gap:18px!important; align-self:stretch!important; opacity:1!important; transform:none!important; } #news .news__list-item-date{ width:100%!important; height:18px!important; min-height:18px!important; margin:0!important; padding:0!important; display:flex!important; align-items:flex-start!important; opacity:1!important; transform:none!important; white-space:nowrap!important; } #news .news__list-item-title{ width:100%!important; max-width:none!important; min-height:0!important; height:auto!important; margin:0!important; padding:0!important; align-self:start!important; font-size:clamp(28px,2vw,34px)!important; line-height:1.02!important; letter-spacing:-.045em!important; opacity:1!important; transform:none!important; } #news .news__list-item-title br{display:block!important} #news .news__list-item-title .line, #news .news__list-item-title .target{transform:none!important} #news .news__list-item-button{ width:100%!important; height:48px!important; margin:0!important; padding:0!important; align-self:end!important; opacity:1!important; transform:none!important; } #news .news__list-item-button .button{height:48px!important;margin:0!important} #news .news__postbox-wrap{height:78%!important} #news .news__postbox{width:min(43vw,650px)!important;padding-top:min(43vw,650px)!important} } @media (min-width:1024px) and (max-width:1240px){ #news .news__list{width:min(900px,calc(100vw - 100px))!important;grid-template-columns:280px 280px!important} #news .news__list-item, #news .news__list-item:first-child, #news .news__list-item:last-child{width:280px!important} #news .news__list-item-title{font-size:28px!important} } /* Biz Bridge Connect loader refinement — crisp vector output without bloom. */ .loader .js-loader-svg{ shape-rendering:geometricPrecision; backface-visibility:hidden; transform-origin:50% 50%; } .loader .loader__grey{ fill:#111214; } .loader .loader__orange{ fill:url(#loader-bolt-fill); stroke:rgba(255,76,86,.32); stroke-width:.025; stroke-linejoin:miter; vector-effect:non-scaling-stroke; } /* Keep the animated manifesto copy on intentional lines. The splitter turns every character into an inline block, which otherwise permits mid-word wraps. */ #manifesto-title{ white-space:nowrap!important; } /* Careers availability notice — echoes the compact cookie notification. */ .bbc-careers-notice{ position:fixed; right:clamp(18px,2.6vw,50px); bottom:clamp(18px,2.6vw,50px); z-index:850; width:min(470px,calc(100vw - 36px)); display:grid; grid-template-columns:42px minmax(0,1fr) 34px; gap:14px; align-items:start; padding:18px 18px 18px 20px; color:#fff; background:#111; border:1px solid rgba(255,255,255,.12); border-radius:22px; box-shadow:0 20px 54px rgba(0,18,72,.24); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(calc(100% + 70px)); transition:transform .72s cubic-bezier(.32,.94,.6,1),opacity .3s ease,visibility .3s ease; } .bbc-careers-notice[data-visible="true"]{ opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); } .bbc-careers-notice__mark{ width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:#0a0b0f; background:#d8ff24; font-size:22px; line-height:1; font-weight:700; } .bbc-careers-notice__content{padding-top:1px} .bbc-careers-notice__content strong{ display:block; margin-bottom:7px; color:#fff; font-size:16px; line-height:1.25; font-weight:600; letter-spacing:-.01em; } .bbc-careers-notice__content p{ margin:0; color:rgba(255,255,255,.72); font-size:14px; line-height:1.48; } .bbc-careers-notice__content a{ position:relative; color:#d8ff24; font-weight:600; white-space:nowrap; } .bbc-careers-notice__content a:after{ content:""; position:absolute; left:0; right:0; bottom:-2px; height:1px; background:currentColor; transform-origin:left; transition:transform .25s ease; } .bbc-careers-notice__content a:hover:after{transform:scaleX(0);transform-origin:right} .bbc-careers-notice__close{ width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:50%; color:rgba(255,255,255,.7); font:400 22px/1 Arial,sans-serif; cursor:pointer; transition:color .2s ease,border-color .2s ease,background .2s ease; } .bbc-careers-notice__close:hover{ color:#111; border-color:#d8ff24; background:#d8ff24; } .bbc-careers-notice :focus-visible{ outline:2px solid #d8ff24!important; outline-offset:3px; } @media(max-width:560px){ .bbc-careers-notice{ grid-template-columns:36px minmax(0,1fr) 30px; gap:11px; padding:15px; border-radius:18px; } .bbc-careers-notice__mark{width:36px;height:36px;font-size:19px} .bbc-careers-notice__close{width:30px;height:30px} .bbc-careers-notice__content strong{font-size:15px} .bbc-careers-notice__content p{font-size:13px} } @media(prefers-reduced-motion:reduce){ .bbc-careers-notice{transition:opacity .15s ease,visibility .15s ease} } /* Blend the fixed navigation into Careers even while the smooth-scroll offset briefly leaves the preceding section underneath the header. */ .header.bbc-header-on-careers{ top:0!important; padding:42px 0 26px!important; background:linear-gradient(90deg,#0752ec 0%,#0a5cf2 58%,#0647df 100%)!important; border:0!important; box-shadow:none!important; filter:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } @media(max-width:767px){ .header.bbc-header-on-careers{padding:22px 0 16px!important} } /* ===== Insights editorial composition ===== */ /* A protected center stage for the 3D mailbox, with matched editorial cards on a shared baseline and a heading that reads as one intentional unit. */ @media(min-width:1280px){ #news.news{ min-height:max(100vh,1000px)!important; height:auto!important; padding:0!important; } #news>.container{ width:100%!important; max-width:1540px!important; min-height:max(100vh,1000px)!important; margin:0 auto!important; padding:0 70px!important; } #news .news__cols{ position:relative!important; display:block!important; width:100%!important; min-height:max(100vh,1000px)!important; margin:0!important; } #news .news__title{ position:absolute!important; top:170px!important; left:50%!important; z-index:7!important; width:max-content!important; max-width:calc(100vw - 140px)!important; margin:0!important; padding:0!important; transform:translateX(-50%)!important; color:#d8ff24!important; font-size:clamp(58px,4.6vw,78px)!important; line-height:.94!important; letter-spacing:-.058em!important; text-align:center!important; white-space:nowrap!important; } #news .news__title span{display:inline!important;white-space:nowrap!important} #news .news__title span+span:before{content:" "!important} #news .news__intro{ position:absolute!important; top:260px!important; left:50%!important; z-index:7!important; width:min(650px,55vw)!important; margin:0!important; transform:translateX(-50%)!important; color:rgba(255,255,255,.62)!important; font-size:15px!important; line-height:1.5!important; text-align:center!important; } #news .news__list{ position:absolute!important; top:445px!important; bottom:auto!important; left:50%!important; right:auto!important; z-index:8!important; width:min(1420px,calc(100vw - 120px))!important; max-width:none!important; height:auto!important; margin:0!important; padding:0!important; transform:translateX(-50%)!important; display:grid!important; grid-template-columns:370px 370px!important; justify-content:space-between!important; align-items:stretch!important; gap:0!important; } #news .news__list-item, #news .news__list-item:first-child, #news .news__list-item:last-child{ position:relative!important; inset:auto!important; width:370px!important; min-width:0!important; max-width:none!important; height:374px!important; min-height:374px!important; margin:0!important; padding:25px 26px 24px!important; display:grid!important; grid-template-rows:18px 136px 72px 48px!important; row-gap:17px!important; align-self:stretch!important; text-align:left!important; background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:16px!important; box-shadow:none!important; opacity:1!important; transform:none!important; } #news .news__list-item:before{ top:-1px!important; left:26px!important; width:44px!important; height:2px!important; background:#d8ff24!important; } #news .news__list-item-date{ grid-row:1!important; width:100%!important; height:18px!important; min-height:18px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; color:rgba(255,255,255,.56)!important; font-size:10px!important; line-height:1!important; letter-spacing:.14em!important; white-space:nowrap!important; opacity:1!important; transform:none!important; } #news .news__list-item-title{ grid-row:2!important; width:100%!important; max-width:none!important; min-height:0!important; margin:0!important; padding:0!important; color:#fff!important; font-size:clamp(28px,1.8vw,32px)!important; line-height:1.04!important; letter-spacing:-.045em!important; opacity:1!important; transform:none!important; } #news .news__list-item-summary{ grid-row:3!important; width:100%!important; margin:0!important; color:rgba(255,255,255,.62)!important; font-size:14px!important; line-height:1.5!important; } #news .news__list-item-button{ grid-row:4!important; width:100%!important; height:48px!important; margin:0!important; padding:0!important; align-self:end!important; opacity:1!important; transform:none!important; } #news .news__list-item-button .button{height:48px!important;margin:0!important} #news .news__postbox-wrap{ position:absolute!important; top:340px!important; bottom:auto!important; left:50%!important; right:auto!important; z-index:3!important; width:650px!important; height:650px!important; display:flex!important; align-items:flex-start!important; justify-content:center!important; transform:translateX(-50%)!important; opacity:.78!important; pointer-events:none!important; } #news .news__postbox{ width:620px!important; padding-top:620px!important; } } @media(min-width:768px) and (max-width:1279px){ #news.news{min-height:1040px!important;padding:130px 0 90px!important} #news>.container{max-width:1100px!important;padding:0 48px!important} #news .news__cols{display:flex!important;flex-direction:column!important;min-height:820px!important} #news .news__title{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:none!important;font-size:clamp(52px,6.4vw,70px)!important;text-align:center!important;white-space:nowrap!important} #news .news__title span{display:inline!important;white-space:nowrap!important} #news .news__title span+span:before{content:" "!important} #news .news__intro{width:min(620px,80vw)!important;margin:22px auto 0!important;color:rgba(255,255,255,.62)!important;font-size:15px!important;line-height:1.5!important;text-align:center!important} #news .news__list{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;margin:390px auto 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px!important} #news .news__list-item,#news .news__list-item:first-child,#news .news__list-item:last-child{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:330px!important;padding:24px!important;display:grid!important;grid-template-rows:18px minmax(96px,auto) minmax(66px,auto) 48px!important;row-gap:16px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:15px!important;opacity:1!important;transform:none!important} #news .news__list-item-date{grid-row:1!important;height:18px!important;margin:0!important;font-size:10px!important;white-space:nowrap!important;opacity:1!important;transform:none!important} #news .news__list-item-title{grid-row:2!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;font-size:clamp(26px,3vw,31px)!important;line-height:1.04!important;opacity:1!important;transform:none!important} #news .news__list-item-summary{grid-row:3!important;margin:0!important;color:rgba(255,255,255,.62)!important;font-size:14px!important;line-height:1.5!important} #news .news__list-item-button{grid-row:4!important;height:48px!important;margin:0!important;align-self:end!important;opacity:1!important;transform:none!important} #news .news__postbox-wrap{position:absolute!important;top:265px!important;bottom:auto!important;left:50%!important;right:auto!important;width:520px!important;height:510px!important;transform:translateX(-50%)!important;opacity:.58!important} #news .news__postbox{width:500px!important;padding-top:500px!important} } @media(max-width:767px){ #news.news{min-height:auto!important;padding:110px 0 80px!important} #news>.container{padding:0 20px!important} #news .news__cols{display:flex!important;flex-direction:column!important;min-height:0!important} #news .news__title{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:12ch!important;margin:0 auto!important;font-size:clamp(46px,13vw,64px)!important;line-height:.92!important;text-align:center!important;white-space:normal!important} #news .news__title span{display:inline!important;white-space:normal!important} #news .news__title span+span:before{content:" "!important} #news .news__intro{width:100%!important;max-width:36ch!important;margin:20px auto 0!important;color:rgba(255,255,255,.62)!important;font-size:14px!important;line-height:1.5!important;text-align:center!important} #news .news__list{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;margin:290px 0 0!important;display:grid!important;grid-template-columns:1fr!important;gap:24px!important} #news .news__list-item,#news .news__list-item:first-child,#news .news__list-item:last-child{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;padding:22px!important;display:grid!important;grid-template-rows:auto!important;row-gap:16px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;opacity:1!important;transform:none!important} #news .news__list-item-date{height:auto!important;min-height:0!important;margin:0!important;font-size:9px!important;white-space:normal!important;opacity:1!important;transform:none!important} #news .news__list-item-title{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;font-size:clamp(27px,8vw,34px)!important;line-height:1.04!important;opacity:1!important;transform:none!important} #news .news__list-item-summary{margin:0!important;color:rgba(255,255,255,.62)!important;font-size:14px!important;line-height:1.5!important} #news .news__list-item-button{height:48px!important;margin:4px 0 0!important;opacity:1!important;transform:none!important} #news .news__postbox-wrap{position:absolute!important;top:245px!important;bottom:auto!important;left:50%!important;right:auto!important;width:330px!important;height:320px!important;transform:translateX(-50%)!important;opacity:.42!important} #news .news__postbox{width:320px!important;padding-top:320px!important} } /* ===== Insights premium editorial pass ===== */ .header.bbc-header-on-insights{ top:0!important; padding:42px 0 26px!important; background:linear-gradient(90deg,#11161d 0%,#151c24 52%,#10161d 100%)!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .header.bbc-header-on-insights .header__brand-wordmark, .header.bbc-header-on-insights .header__list-item-link, .header.bbc-header-on-insights .header__pill-label{ color:rgba(255,255,255,.94)!important; text-shadow:none!important; filter:none!important; } .header.bbc-header-on-insights .header__list-item[data-active=true] .header__list-item-link{ color:#d8ff24!important; } .header.bbc-header-on-insights .header__pill{ background:#090b0e!important; border:1px solid rgba(255,255,255,.14)!important; box-shadow:none!important; } #news.news:after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:radial-gradient(circle at 50% 54%,rgba(78,102,129,.12),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 32%); } @media(min-width:1280px){ #news .news__eyebrow{ position:absolute!important; top:146px!important; left:50%!important; z-index:8!important; display:flex!important; align-items:center!important; gap:11px!important; margin:0!important; transform:translateX(-50%)!important; color:rgba(255,255,255,.48)!important; font-size:10px!important; line-height:1!important; font-weight:600!important; letter-spacing:.16em!important; text-transform:uppercase!important; white-space:nowrap!important; } #news .news__eyebrow i{width:28px;height:1px;background:#d8ff24} #news .news__title{ top:181px!important; font-size:clamp(56px,4.25vw,72px)!important; line-height:.96!important; letter-spacing:-.052em!important; } #news .news__intro{ top:265px!important; width:min(620px,52vw)!important; color:rgba(255,255,255,.58)!important; font-size:14px!important; line-height:1.55!important; } #news .news__postbox-wrap{ top:350px!important; width:620px!important; height:620px!important; opacity:.72!important; } #news .news__postbox{width:590px!important;padding-top:590px!important} #news .news__list{ top:455px!important; width:min(1480px,calc(100vw - 90px))!important; grid-template-columns:390px 390px!important; } #news .news__list-item, #news .news__list-item:first-child, #news .news__list-item:last-child{ width:390px!important; height:340px!important; min-height:340px!important; padding:22px 24px!important; grid-template-rows:18px 126px 64px 46px!important; row-gap:13px!important; overflow:hidden!important; background:linear-gradient(145deg,rgba(38,49,61,.88),rgba(24,33,44,.82))!important; border:1px solid rgba(255,255,255,.105)!important; border-radius:14px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important; transition:transform .3s cubic-bezier(.2,.75,.3,1),border-color .3s ease,background .3s ease!important; } #news .news__list-item:hover{ transform:translateY(-5px)!important; border-color:rgba(216,255,36,.28)!important; background:linear-gradient(145deg,rgba(42,55,68,.94),rgba(25,35,46,.9))!important; } #news .news__list-item:after{ content:""; position:absolute; right:-46px; bottom:-58px; width:150px; height:150px; border:1px solid rgba(216,255,36,.06); border-radius:50%; pointer-events:none; } #news .news__list-item:before{left:24px!important;width:38px!important} #news .news__list-item-date{ justify-content:space-between!important; gap:14px!important; font-size:9px!important; letter-spacing:.13em!important; } #news .news__list-item-date>span:last-child{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #news .news__list-item-index{ flex:0 0 auto; color:#d8ff24; font-size:10px; letter-spacing:.08em; } #news .news__list-item-title{ align-self:start!important; font-size:clamp(27px,1.65vw,30px)!important; line-height:1.02!important; letter-spacing:-.042em!important; } #news .news__list-item-summary{ align-self:start!important; color:rgba(255,255,255,.58)!important; font-size:13px!important; line-height:1.42!important; } #news .news__list-item-button, #news .news__list-item-button .button{height:46px!important} #news .news__list-item-button .button__link{ min-width:0!important; width:max-content!important; height:46px!important; padding-left:20px!important; } } @media(min-width:768px) and (max-width:1279px){ .header.bbc-header-on-insights{padding:30px 0 20px!important} #news .news__eyebrow{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:0 0 22px!important;color:rgba(255,255,255,.5)!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important} #news .news__eyebrow i{width:24px;height:1px;background:#d8ff24} } @media(max-width:767px){ .header.bbc-header-on-insights{padding:22px 0 16px!important} #news .news__eyebrow{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:0 0 18px!important;color:rgba(255,255,255,.48)!important;font-size:9px!important;line-height:1.3!important;letter-spacing:.12em!important;text-align:center!important;text-transform:uppercase!important} #news .news__eyebrow i{display:none} #news .news__list-item-index{color:#d8ff24;margin-right:8px} } /* ===== Insights gallery contrast theme ===== */ .header.bbc-header-on-insights{ background:rgba(239,240,232,.96)!important; border-bottom:1px solid rgba(17,22,29,.09)!important; } .header.bbc-header-on-insights .header__brand-wordmark, .header.bbc-header-on-insights .header__list-item-link{ color:#151a20!important; } .header.bbc-header-on-insights .header__list-item[data-active=true] .header__list-item-link{ color:#151a20!important; } .header.bbc-header-on-insights .header__list-item[data-active=true] .header__list-item-link:after{ background:#a8ca00!important; } .header.bbc-header-on-insights .header__pill{ background:#151a20!important; border-color:#151a20!important; } .header.bbc-header-on-insights .header__pill-label{color:#fff!important} #news.news{ background:transparent!important; color:#f5f6ef!important; } #news.news .rectangle{ background:linear-gradient(145deg,#102021 0%,#111820 48%,#0b1116 100%)!important; } #news.news:before{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.38; background-image:linear-gradient(rgba(216,255,36,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(216,255,36,.045) 1px,transparent 1px); background-size:80px 80px; -webkit-mask-image:linear-gradient(180deg,transparent 4%,#000 26%,#000 82%,transparent 100%); mask-image:linear-gradient(180deg,transparent 4%,#000 26%,#000 82%,transparent 100%); } #news.news:after{ background:linear-gradient(115deg,rgba(6,40,38,.56) 0%,rgba(14,24,31,.16) 48%,rgba(5,15,21,.48) 100%)!important; -webkit-mask-image:none!important; mask-image:none!important; } #news .news__eyebrow{color:rgba(255,255,255,.5)!important} #news .news__eyebrow i{background:#9fbd00!important} #news .news__title{color:#f5f6ef!important} #news .news__title span:last-child{color:#d8ff24!important} #news .news__intro{color:rgba(255,255,255,.62)!important} #news .news__postbox-wrap{ opacity:.88!important; filter:drop-shadow(0 30px 34px rgba(28,34,40,.18)); } #news .news__list-item, #news .news__list-item:first-child, #news .news__list-item:last-child{ color:#f8f9f3!important; background:linear-gradient(145deg,rgba(29,48,49,.94) 0%,rgba(15,24,29,.94) 100%)!important; border-color:rgba(216,255,36,.12)!important; box-shadow:0 18px 45px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06)!important; } #news .news__list-item:nth-child(2){ background:linear-gradient(145deg,rgba(34,45,52,.96) 0%,rgba(16,25,31,.95) 100%)!important; } #news .news__list-item:hover{ border-color:rgba(118,142,0,.5)!important; background:linear-gradient(145deg,#27323c 0%,#171e25 100%)!important; box-shadow:0 24px 58px rgba(34,42,49,.18),inset 0 1px 0 rgba(255,255,255,.08)!important; } #news .news__list-item:before{background:#d8ff24!important} #news .news__list-item:after{border-color:rgba(216,255,36,.09)!important} #news .news__list-item-date{color:rgba(255,255,255,.56)!important} #news .news__list-item-index{color:#d8ff24!important} #news .news__list-item-title{color:#fff!important} #news .news__list-item-summary{color:rgba(255,255,255,.62)!important} #news .news__list-item-button .button__link{ background:#f4f5ed!important; color:#151a20!important; border:1px solid rgba(255,255,255,.18)!important; } #news .news__list-item-button .button__svg{background:#d8ff24!important} @media(min-width:1280px){ #news .news__title{top:176px!important} #news .news__intro{top:266px!important} #news .news__postbox-wrap{top:342px!important} #news .news__list{top:468px!important} #news .news__list-item, #news .news__list-item:first-child, #news .news__list-item:last-child{border-radius:18px!important} } @media(max-width:1279px){ #news.news{background:transparent!important} #news .news__eyebrow, #news .news__intro{color:rgba(255,255,255,.62)!important} #news .news__title{color:#f5f6ef!important} } /* ===== Insights landscape cards and CTA pills ===== */ #news .news__list-item, #news .news__list-item:first-child, #news .news__list-item:last-child{ border-radius:24px!important; } @media(min-width:1280px){ #news .news__list{ width:min(1540px,calc(100vw - 72px))!important; grid-template-columns:440px 440px!important; } #news .news__list-item, #news .news__list-item:first-child, #news .news__list-item:last-child{ width:440px!important; height:320px!important; min-height:320px!important; padding:22px 26px!important; grid-template-rows:18px 112px 56px 50px!important; row-gap:12px!important; border-radius:24px!important; } #news .news__list-item:before{left:26px!important;width:44px!important} } #news .news__list-item-button, #news .news__list-item-button .button{ width:280px!important; max-width:100%!important; height:50px!important; border-radius:999px!important; } #news .news__list-item-button .button{ display:block!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important; } #news .news__list-item-button .button__link{ display:flex!important; align-items:center!important; justify-content:space-between!important; width:280px!important; min-width:280px!important; max-width:100%!important; height:50px!important; padding:4px 4px 4px 22px!important; border-radius:999px!important; overflow:hidden!important; box-sizing:border-box!important; } #news .news__list-item-button .button__label{ flex:1 1 auto!important; min-width:0!important; padding-right:14px!important; text-align:left!important; white-space:nowrap!important; } #news .news__list-item-button .button__svg{ flex:0 0 42px!important; width:42px!important; height:42px!important; margin:0!important; border-radius:50%!important; } @media(max-width:767px){ #news .news__list-item, #news .news__list-item:first-child, #news .news__list-item:last-child{border-radius:20px!important} #news .news__list-item-button, #news .news__list-item-button .button, #news .news__list-item-button .button__link{ width:100%!important; min-width:0!important; } } /* ===== Careers reference final overrides ===== */ .bbc-careers__intro{align-self:start;padding-top:203px;padding-bottom:0} .bbc-careers__visual{right:0;width:68%} @media(max-width:1100px){ .bbc-careers__intro{padding:145px 42px 500px} .bbc-careers__visual{right:-10%;width:76%} } @media(max-width:700px){ .bbc-careers__intro{padding:116px 22px 420px} .bbc-careers__visual{right:-24%;width:115%} } @media(max-width:430px){ .bbc-careers__intro{padding-bottom:360px} .bbc-careers__visual{right:-34%;width:135%} } /* Global header: keep the existing controls, but let every section show through. */ .header, .header.bbc-header-on-careers, .header.bbc-header-on-insights, .header.bbc-header-on-light, .header.bbc-header-on-dark, .header.bbc-header-on-careers.bbc-header-on-insights{ background:transparent!important; background-color:transparent!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .header:before, .header:after{ content:none!important; display:none!important; background:transparent!important; } /* Header contrast by section — flat text only, with no glow or shadow. */ .header .header__brand-wordmark, .header .header__list-item-link, .header .header__pill-label{ text-shadow:none!important; box-shadow:none!important; filter:none!important; } /* Hero, Services, Insights and Footer use dark backgrounds. */ .header.bbc-header-on-dark .header__brand-wordmark, .header.bbc-header-on-insights .header__brand-wordmark{ color:#ffffff!important; } .header.bbc-header-on-dark .header__list-item-link, .header.bbc-header-on-insights .header__list-item-link{ color:rgba(255,255,255,.72)!important; } .header.bbc-header-on-dark .header__list-item[data-active=true] .header__list-item-link, .header.bbc-header-on-insights .header__list-item[data-active=true] .header__list-item-link{ color:#d8ff24!important; } /* Leadership uses a light background. */ .header.bbc-header-on-light .header__brand-wordmark{ color:#111111!important; } .header.bbc-header-on-light .header__list-item-link{ color:rgba(17,17,17,.66)!important; } .header.bbc-header-on-light .header__list-item[data-active=true] .header__list-item-link{ color:#3d2ae8!important; } /* Careers uses the bright violet background from the supplied reference. */ .header.bbc-header-on-careers .header__brand-wordmark{ color:#08080c!important; } .header.bbc-header-on-careers .header__list-item-link{ color:rgba(8,8,12,.68)!important; } .header.bbc-header-on-careers .header__list-item[data-active=true] .header__list-item-link{ color:#dfff00!important; } /* Inactive links become fully legible on hover without changing the active color. */ .header.bbc-header-on-dark .header__list-item:not([data-active=true]) .header__list-item-link:hover, .header.bbc-header-on-insights .header__list-item:not([data-active=true]) .header__list-item-link:hover{ color:#ffffff!important; } .header.bbc-header-on-light .header__list-item:not([data-active=true]) .header__list-item-link:hover, .header.bbc-header-on-careers .header__list-item:not([data-active=true]) .header__list-item-link:hover{ color:#111111!important; } /* The contact label sits on a black pill in every section. */ .header .header__pill-label{ color:#ffffff!important; } /* Suspend decorative CSS motion while the page is not visible. */ html.bbc-tab-hidden *, html.bbc-tab-hidden *:before, html.bbc-tab-hidden *:after{ animation-play-state:paused!important; } html.bbc-tab-hidden #webgl, html.bbc-tab-hidden .header__canvas-wrap canvas, html.bbc-tab-hidden .footer__canvas-wrap canvas{ visibility:hidden!important; } /* Expanded footer destinations retain the original left/right grouping. */ @media(min-width:1024px){ .footer__nav-list-item:nth-child(4){margin-left:3.8rem!important} .footer__nav-list-item:nth-child(6){margin-left:auto!important} } @media(min-width:1240px){ .footer__nav-list-item:nth-child(4){margin-left:1.97917vw!important} } /* Search and accessibility layer for the legacy WebGL home page. */ .bbc-skip-link{ position:fixed; top:1rem; left:1rem; z-index:100000; padding:1rem 1.3rem; color:#09090c; background:#dfff19; border-radius:.5rem; transform:translateY(-180%); } .bbc-skip-link:focus{transform:translateY(0)} .visually-hidden{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{ outline:3px solid #dfff19!important; outline-offset:4px!important; } .header__pill{font:inherit} .manifesto__copy-content a{ display:inline-block; margin-top:1rem; color:#dfff19; text-decoration:underline; text-underline-offset:.35rem; } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto!important} .bbc-skip-link{transition:none!important} } /* ===== Landing services showcase: stable CSS composition ===== Replaces the legacy pinned WebGL manifesto, which could desynchronise its scene, title and copy when the service list changed height. */ .bbc-services-showcase{ position:relative!important; min-height:0!important; padding:clamp(150px,12vw,220px) 0 clamp(110px,10vw,180px)!important; color:#f7f6f2!important; background:#151515!important; pointer-events:auto!important; isolation:isolate; } .bbc-services-showcase:before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background: linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/25% 100%, linear-gradient(180deg,rgba(223,255,25,.04),transparent 22%); } .bbc-services-showcase__shell{ display:grid; grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr); gap:clamp(60px,8vw,150px); width:min(calc(100% - 80px),1600px); margin:0 auto; } .bbc-services-showcase__intro{ position:sticky; top:clamp(130px,10vw,180px); align-self:start; min-width:0; } .bbc-services-showcase__eyebrow{ display:flex; align-items:center; gap:12px; margin:0 0 28px; color:#dfff19; font-size:12px; font-weight:600; letter-spacing:.16em; line-height:1; text-transform:uppercase; } .bbc-services-showcase__eyebrow span{ width:34px; height:1px; background:currentColor; } .bbc-services-showcase__title{ max-width:8.4ch; margin:0; font-size:clamp(60px,5.8vw,106px)!important; font-weight:400!important; line-height:.88!important; letter-spacing:-.065em; text-wrap:balance; } .bbc-services-showcase__summary{ max-width:38ch; margin:32px 0 0; color:rgba(255,255,255,.58); font-size:clamp(16px,1.05vw,20px); line-height:1.55; } .bbc-services-showcase__visual{ position:relative; width:min(100%,520px); aspect-ratio:1.42; margin-top:clamp(42px,5vw,80px); overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:28px; background: linear-gradient(145deg,rgba(73,48,255,.2),transparent 48%), #0c0c0f; } .bbc-services-showcase__visual:before, .bbc-services-showcase__visual:after{ content:""; position:absolute; background:#dfff19; } .bbc-services-showcase__visual:before{ top:28px; left:28px; width:9px; height:9px; border-radius:50%; } .bbc-services-showcase__visual:after{ top:32px; right:28px; width:42px; height:1px; opacity:.7; } .bbc-services-showcase__orbit{ position:absolute; top:50%; left:50%; border:1px solid rgba(223,255,25,.34); border-radius:50%; transform:translate(-50%,-50%); transition:transform 900ms cubic-bezier(.32,.94,.6,1),border-color 400ms ease; } .bbc-services-showcase__orbit--one{width:62%;aspect-ratio:1} .bbc-services-showcase__orbit--two{width:88%;aspect-ratio:1} .bbc-services-showcase__core{ position:absolute; top:50%; left:50%; display:grid; place-items:center; width:24%; aspect-ratio:1; background:#4930ff; border-radius:24%; transform:translate(-50%,-50%) rotate(45deg); transition:transform 900ms cubic-bezier(.32,.94,.6,1),border-radius 600ms ease; } .bbc-services-showcase__core i{ width:34%; aspect-ratio:1; background:#dfff19; border-radius:50%; } .bbc-services-showcase__visual:hover .bbc-services-showcase__orbit--one{ border-color:rgba(223,255,25,.78); transform:translate(-50%,-50%) rotate(22deg) scale(1.08); } .bbc-services-showcase__visual:hover .bbc-services-showcase__orbit--two{ transform:translate(-50%,-50%) rotate(-18deg) scale(.94); } .bbc-services-showcase__visual:hover .bbc-services-showcase__core{ border-radius:50%; transform:translate(-50%,-50%) rotate(135deg) scale(1.08); } .bbc-services-showcase__signal{ position:absolute; right:24px; bottom:22px; color:rgba(255,255,255,.46); font-size:10px; letter-spacing:.14em; } .bbc-services-showcase__list{ min-width:0; border-top:1px solid rgba(255,255,255,.15); } .bbc-service-card{ position:relative; z-index:0; isolation:isolate; display:grid; grid-template-columns:52px minmax(0,1fr) 88px; gap:clamp(18px,2vw,34px); min-height:clamp(260px,20vw,350px); overflow:hidden; padding:clamp(34px,4vw,66px) clamp(24px,3vw,48px); border-bottom:1px solid rgba(255,255,255,.15); transition: color 450ms ease, background 450ms ease, transform 650ms cubic-bezier(.32,.94,.6,1); } .bbc-service-card:before{ content:""; position:absolute; inset:0; z-index:-1; background:#f4f2ed; transform:scaleY(0); transform-origin:bottom; transition:transform 650ms cubic-bezier(.77,0,.18,1); } .bbc-service-card:hover, .bbc-service-card:focus-within{ color:#09090c; transform:translateX(-10px); } .bbc-service-card:hover:before, .bbc-service-card:focus-within:before{transform:scaleY(1)} .bbc-service-card__number{ padding-top:7px; color:#dfff19; font-size:12px; font-weight:600; letter-spacing:.12em; transition:color 350ms ease; } .bbc-service-card__type{ margin:0 0 18px; color:#dfff19; font-size:11px; font-weight:600; letter-spacing:.13em; line-height:1.2; text-transform:uppercase; transition:color 350ms ease; } .bbc-service-card h3{ max-width:12ch; margin:0; font-size:clamp(38px,3.3vw,64px)!important; font-weight:400!important; line-height:.92!important; letter-spacing:-.05em; } .bbc-service-card__body>p:not(.bbc-service-card__type){ max-width:43ch; margin:24px 0 0; color:rgba(255,255,255,.56); font-size:clamp(15px,.95vw,18px); line-height:1.55; transition:color 350ms ease; } .bbc-service-card a{ display:inline-flex; align-items:center; gap:18px; margin-top:28px; padding-bottom:6px; color:#dfff19; border-bottom:1px solid currentColor; font-size:14px; line-height:1; } .bbc-service-card a span{ transition:transform 400ms cubic-bezier(.32,.94,.6,1); } .bbc-service-card:hover .bbc-service-card__number, .bbc-service-card:hover .bbc-service-card__type, .bbc-service-card:hover a, .bbc-service-card:focus-within .bbc-service-card__number, .bbc-service-card:focus-within .bbc-service-card__type, .bbc-service-card:focus-within a{color:#4930ff} .bbc-service-card:hover .bbc-service-card__body>p:not(.bbc-service-card__type), .bbc-service-card:focus-within .bbc-service-card__body>p:not(.bbc-service-card__type){color:rgba(9,9,12,.62)} .bbc-service-card:hover a span, .bbc-service-card:focus-within a span{transform:translate(4px,-4px)} .bbc-service-card__mark{ display:grid; place-items:center; align-self:start; width:70px; aspect-ratio:1; color:#09090c; background:#dfff19; border-radius:50%; font-size:18px; font-weight:600; transform:rotate(-12deg); transition:color 400ms ease,background 400ms ease,transform 650ms cubic-bezier(.32,.94,.6,1); } .bbc-service-card:hover .bbc-service-card__mark, .bbc-service-card:focus-within .bbc-service-card__mark{ color:#fff; background:#4930ff; transform:rotate(0) scale(1.08); } .bbc-service-card--ai:before{transform-origin:left} .bbc-service-card--design:before{transform-origin:top} .bbc-service-card--systems:before{transform-origin:right} .bbc-service-card--bugence:before{ background:#4930ff; transform-origin:bottom right; } .bbc-service-card--bugence:hover, .bbc-service-card--bugence:focus-within{color:#fff} .bbc-service-card--bugence:hover .bbc-service-card__number, .bbc-service-card--bugence:hover .bbc-service-card__type, .bbc-service-card--bugence:hover a, .bbc-service-card--bugence:focus-within .bbc-service-card__number, .bbc-service-card--bugence:focus-within .bbc-service-card__type, .bbc-service-card--bugence:focus-within a{color:#dfff19} .bbc-service-card--bugence:hover .bbc-service-card__body>p:not(.bbc-service-card__type), .bbc-service-card--bugence:focus-within .bbc-service-card__body>p:not(.bbc-service-card__type){color:rgba(255,255,255,.68)} @media(max-width:1100px){ .bbc-services-showcase__shell{ grid-template-columns:minmax(300px,.78fr) minmax(430px,1.22fr); gap:50px; width:min(calc(100% - 48px),1200px); } .bbc-services-showcase__title{font-size:clamp(54px,6vw,72px)!important} .bbc-service-card{grid-template-columns:40px minmax(0,1fr) 60px;padding-inline:24px} .bbc-service-card__mark{width:54px;font-size:14px} } @media(max-width:820px){ .bbc-services-showcase{padding:120px 0 90px!important} .bbc-services-showcase__shell{ display:block; width:min(calc(100% - 40px),720px); } .bbc-services-showcase__intro{position:relative;top:auto} .bbc-services-showcase__title{max-width:9ch} .bbc-services-showcase__visual{margin-bottom:72px} .bbc-service-card:hover, .bbc-service-card:focus-within{transform:none} } @media(max-width:560px){ .bbc-services-showcase{padding:100px 0 72px!important} .bbc-services-showcase__shell{width:min(calc(100% - 28px),520px)} .bbc-services-showcase__title{font-size:clamp(48px,15vw,66px)!important} .bbc-services-showcase__summary{font-size:16px} .bbc-services-showcase__visual{aspect-ratio:1.15;border-radius:22px} .bbc-service-card{ grid-template-columns:32px minmax(0,1fr); min-height:0; padding:36px 8px 42px; } .bbc-service-card__mark{display:none} .bbc-service-card h3{font-size:clamp(34px,11vw,50px)!important} .bbc-service-card__body>p:not(.bbc-service-card__type){font-size:15px} } @media(prefers-reduced-motion:reduce){ .bbc-services-showcase *, .bbc-services-showcase *:before, .bbc-services-showcase *:after{transition-duration:.01ms!important} } /* Manifesto refinement: retain the original 3D model sequence while the editorial service rail uses predictable, non-overlapping geometry. */ .bbc-services-showcase{ overflow:clip!important; padding-top:clamp(170px,13vw,240px)!important; background:transparent!important; isolation:auto!important; } .bbc-services-showcase:before{ content:none!important; display:none!important; } .bbc-services-showcase__shell{ grid-template-columns:minmax(390px,.9fr) minmax(560px,1.1fr); gap:clamp(72px,7vw,132px); align-items:start; width:min(calc(100% - 96px),1540px); } .bbc-services-showcase__intro{ top:clamp(150px,11vw,205px); width:100%; max-width:650px; } .bbc-services-showcase__title{ width:100%!important; max-width:7.4ch!important; font-size:clamp(58px,4.8vw,88px)!important; line-height:.91!important; letter-spacing:-.058em!important; overflow-wrap:normal!important; word-break:keep-all!important; white-space:normal!important; text-wrap:initial!important; } .bbc-services-showcase__summary{ max-width:34ch; margin-top:28px; } .bbc-services-showcase__visual.manifesto__animation{ position:relative!important; display:block!important; width:min(100%,560px)!important; height:auto!important; aspect-ratio:1!important; margin:clamp(38px,4vw,64px) 0 0!important; padding:0!important; padding-top:0!important; overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; opacity:1!important; } .bbc-services-showcase__visual.manifesto__animation:before, .bbc-services-showcase__visual.manifesto__animation:after{ content:none!important; display:none!important; } .bbc-services-showcase__list{ width:100%; margin:0; align-self:start; } .bbc-service-card{ grid-template-columns:42px minmax(0,1fr) 70px; gap:clamp(18px,2vw,30px); min-height:clamp(270px,17vw,326px); padding:clamp(38px,3.2vw,58px) clamp(24px,2.4vw,42px); } .bbc-service-card h3{ max-width:10.5ch; font-size:clamp(40px,2.85vw,56px)!important; line-height:.94!important; } .bbc-service-card__mark{width:60px;font-size:15px} .bbc-service-card__body>p:not(.bbc-service-card__type){ max-width:39ch; margin-top:20px; } .bbc-service-card a{margin-top:24px} @media(max-width:1100px){ .bbc-services-showcase__shell{ grid-template-columns:minmax(300px,.78fr) minmax(430px,1.22fr); gap:46px; width:min(calc(100% - 52px),1100px); } .bbc-services-showcase__title{ max-width:7.2ch!important; font-size:clamp(52px,5.6vw,68px)!important; } .bbc-services-showcase__visual.manifesto__animation{width:min(100%,440px)!important} .bbc-service-card{grid-template-columns:34px minmax(0,1fr) 52px} .bbc-service-card__mark{width:50px;font-size:13px} } @media(max-width:820px){ .bbc-services-showcase{padding-top:130px!important} .bbc-services-showcase__shell{width:min(calc(100% - 40px),720px)} .bbc-services-showcase__intro{top:auto;max-width:none} .bbc-services-showcase__title{ max-width:7.4ch!important; font-size:clamp(52px,10vw,76px)!important; } .bbc-services-showcase__summary{max-width:42ch} .bbc-services-showcase__visual.manifesto__animation{ width:min(100%,520px)!important; margin-bottom:60px!important; } } @media(max-width:560px){ .bbc-services-showcase{padding-top:110px!important} .bbc-services-showcase__title{font-size:clamp(46px,13vw,62px)!important} .bbc-services-showcase__visual.manifesto__animation{ width:100%!important; margin-top:28px!important; margin-bottom:42px!important; } }