.cc-techno{--techno-accent: #c4e8fe}.techno-banner{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:var(--techno-banner-height, 620px);padding-block:calc(10 * var(--space-unit));overflow:hidden;background-color:#111;color:#fff}.techno-banner__media,.techno-banner__media:after{position:absolute;top:0;right:0;bottom:0;left:0}.techno-banner__media:after{content:"";background-color:rgb(0 0 0 / var(--techno-banner-overlay, .45))}.techno-banner__image{width:100%;height:100%;object-fit:cover}.techno-banner__image--mobile{display:none}.techno-banner__inner{position:relative;z-index:1}.techno-banner__breadcrumb{margin:0 0 calc(6 * var(--space-unit));opacity:.75;font-size:var(--font-size-small, 12px);letter-spacing:.08em;text-transform:uppercase}.techno-banner__head{display:flex;align-items:center;gap:calc(3 * var(--space-unit));margin-bottom:calc(3 * var(--space-unit))}.techno-banner__picto{display:inline-flex;width:var(--techno-picto-size, 40px)}.techno-banner__picto img{width:100%;height:auto}.techno-banner__eyebrow{margin:0;padding:calc(1.5 * var(--space-unit)) calc(3 * var(--space-unit));border:1px solid rgba(255,255,255,.5);border-radius:999px;color:var(--techno-accent);font-size:var(--font-size-small, 12px);letter-spacing:.08em;text-transform:uppercase}.techno-banner__heading{margin:0 0 calc(4 * var(--space-unit));color:#fff;text-transform:uppercase}.techno-banner__text{max-width:46ch;margin-bottom:calc(6 * var(--space-unit))}.techno-banner__buttons{display:flex;flex-wrap:wrap;gap:calc(3 * var(--space-unit));margin-bottom:calc(4 * var(--space-unit))}.techno-banner .btn--primary{border-color:var(--techno-accent);background:var(--techno-accent);color:#000}.techno-banner .btn--secondary{border-color:#fff;background:transparent;color:#fff}.techno-banner:has(.techno-banner__stats-row){padding-bottom:0}.techno-banner__stats-row{position:relative;z-index:1;background-color:rgb(0 0 0 / var(--techno-stats-bg, .1));margin-top:auto}.techno-banner__stats-row.container{max-width:none;padding-inline:0}.techno-banner__stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,25%);justify-content:center;margin:0;padding:0;border-top:1px solid rgb(255 255 255 / .25);list-style:none}.techno-banner__stat{display:flex;flex-direction:column;gap:var(--space-unit);padding:calc(5 * var(--space-unit)) calc(4 * var(--space-unit));border-inline-start:1px solid rgb(255 255 255 / .25)}.techno-banner__stat:first-child{border-inline-start:0}.techno-banner__stats:has(>.techno-banner__stat:nth-child(4)) .techno-banner__stat:first-child{padding-inline-start:var(--gutter)}.techno-banner__stats:has(>.techno-banner__stat:nth-child(4)) .techno-banner__stat:last-child{padding-inline-end:var(--gutter)}.techno-banner__stat-value{font-size:var(--h4-font-size, 2.4rem);line-height:1.1;color:#fff}.techno-banner__stat-label{opacity:.75;font-size:var(--font-size-small, 12px);letter-spacing:.08em;text-transform:uppercase}@media(max-width:768.98px){.techno-banner{min-height:var(--techno-banner-height-mobile, 480px)}.techno-banner__image--mobile{display:block}.techno-banner__media:has(.techno-banner__image--mobile) .techno-banner__image:not(.techno-banner__image--mobile){display:none}.techno-banner__stats{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.techno-banner__stat{border-inline-start:0}.techno-banner__stat:nth-child(odd){padding-inline-start:var(--gutter);padding-inline-end:calc(4 * var(--space-unit))}.techno-banner__stat:nth-child(2n){padding-inline-start:calc(4 * var(--space-unit));padding-inline-end:var(--gutter);border-inline-start:1px solid rgb(255 255 255 / .25)}.techno-banner__stat:nth-child(n+3){border-top:1px solid rgb(255 255 255 / .25)}.techno-banner__stat:last-child:nth-child(odd){grid-column:1 / -1;padding-inline:var(--gutter)}}.techno-banner__breadcrumb-list{display:flex;flex-wrap:wrap;gap:calc(1.5 * var(--space-unit));margin:0;padding:0;list-style:none}.techno-banner__breadcrumb-list li+li:before{content:"/";margin-inline-end:calc(1.5 * var(--space-unit));opacity:.5}.techno-banner__breadcrumb a{color:inherit;text-decoration:none}.techno-banner__breadcrumb a:hover,.techno-banner__breadcrumb a:focus-visible{color:var(--techno-accent);text-decoration:underline}.techno-banner__breadcrumb [aria-current=page]{color:var(--techno-accent);opacity:1}.techno-head{display:flex;align-items:baseline;gap:calc(3 * var(--space-unit));margin-bottom:calc(8 * var(--space-unit))}.techno-head__number{flex:none;opacity:.5;font-size:var(--font-size-small, 12px);letter-spacing:.08em}.techno-head__title{margin:0;text-transform:uppercase}@media(max-width:768.98px){.techno-head{margin-bottom:calc(6 * var(--space-unit))}}.techno-video{position:relative}.techno-video__media{position:relative;padding-top:var(--techno-video-ratio, 75%);overflow:hidden;border-radius:var(--techno-video-radius, 16px);background-color:#0a0a0a}.techno-video__deferred,.techno-video__poster,.techno-video__overlay,.techno-video__play{position:absolute;top:0;right:0;bottom:0;left:0}.techno-video__poster{z-index:0}.techno-video__poster-image{width:100%;height:100%;object-fit:cover}.techno-video__deferred{z-index:1;display:block}.techno-video__deferred video,.techno-video__deferred iframe{position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}.techno-video__overlay{z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:calc(5 * var(--space-unit));pointer-events:none;color:#fff}.techno-video__badge{align-self:flex-start;margin:0;padding:calc(1.5 * var(--space-unit)) calc(3 * var(--space-unit));border-radius:999px;background-color:#ffffff26;font-size:var(--font-size-small, 12px);letter-spacing:.08em;text-transform:uppercase}.techno-video__footer{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:calc(3 * var(--space-unit)) calc(6 * var(--space-unit));padding:calc(5 * var(--space-unit));pointer-events:none;color:#fff}.techno-video__caption{display:flex;flex-direction:column;gap:var(--space-unit)}.techno-video__title{margin:0;font-size:var(--h5-font-size, 1.5rem);line-height:1.2;text-transform:uppercase}.techno-video__text{margin:0;opacity:.8;font-size:var(--font-size-small, 12px)}.techno-video__badge--outline{border:1px solid currentColor;background-color:transparent}.techno-video__play{z-index:3;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#fff;cursor:pointer;transition:opacity .4s;filter:drop-shadow(0 3px 3px rgb(0 0 0 / .4))}.techno-video__play>.icon{width:72px;height:auto}.techno-video:has(deferred-media[loaded]) .video-played-hidden{transition:opacity .3s;opacity:0;pointer-events:none}@media(max-width:768.98px){.techno-video__play>.icon{width:56px}.techno-video__footer{position:static;padding:calc(4 * var(--space-unit)) 0 0;color:inherit;pointer-events:auto}.techno-video .techno-video__footer.video-played-hidden,.techno-video.video-section--played .techno-video__footer.video-played-hidden,.techno-video.video-section:has(deferred-media[loaded]) .techno-video__footer.video-played-hidden{opacity:1;pointer-events:auto}.techno-video__text{opacity:.7}}
/*# sourceMappingURL=/cdn/shop/t/156/assets/techno.css.map */