.bio-matiere-hero{--bio-hero-title: clamp(3.125rem, 2.35vw + 2.15rem, 5rem);--bio-hero-pad-x: clamp(22px, 3.6vw, 54px);--bio-hero-shell: min(100% - clamp(28px, 6vw, 120px), 1320px);position:relative;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:#f8f4eb}.bio-matiere-nav{position:absolute;z-index:4;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:72px;padding-inline:var(--bio-hero-pad-x);color:#f8f4ebe6}.bio-matiere-nav__logo{justify-self:start;font-family:var(--bio-font-display, "Cormorant Garamond", Georgia, serif);font-size:clamp(18px,1.45vw,24px);font-weight:400;letter-spacing:.16em;line-height:1;text-transform:uppercase;color:#f8f4eb}.bio-matiere-nav__links{display:flex;gap:clamp(22px,3vw,46px);align-items:center}.bio-matiere-nav__links a,.bio-matiere-nav__cta{font-family:var(--bio-font-sans, "DM Sans", system-ui, sans-serif);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f8f4ebc7}.bio-matiere-nav__links a.is-active{position:relative;color:#f8f4eb}.bio-matiere-nav__links a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:currentColor}.bio-matiere-nav__cta{justify-self:end;display:inline-flex;min-height:34px;align-items:center;padding-inline:18px;border:1px solid rgba(248,244,235,.32);color:#f8f4eb}.bio-matiere-hero__media,.bio-matiere-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0}.bio-matiere-hero__media img,.bio-matiere-hero__media video{width:100%;height:100%;object-fit:cover;object-position:center}.bio-matiere-hero__poster,.bio-matiere-hero__video{position:absolute;top:0;right:0;bottom:0;left:0}.bio-matiere-hero__poster{z-index:0}.bio-matiere-hero__video{z-index:1}.bio-matiere-hero__media--video.is-playing .bio-matiere-hero__poster{opacity:0;transition:opacity .6s ease}.bio-matiere-hero__video-toggle{position:absolute;right:clamp(.75rem,2vw,1.25rem);bottom:clamp(.75rem,2vw,1.25rem);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(248,244,235,.35);border-radius:50%;background:#0c0b0a59;color:#f8f4eb;font-size:.65rem;cursor:pointer}.bio-matiere-hero__shade{background:linear-gradient(90deg,#1f1b17a3,#1f1b172e 48%,#1f1b170f),linear-gradient(180deg,#1f1b1738,#1f1b1708 46%,#1f1b1770)}.bio-matiere-hero__content{position:relative;z-index:2;display:flex;flex:1;align-items:center;width:var(--bio-hero-shell);margin-inline:auto;padding-block:96px 72px;padding-inline:0}.bio-matiere-hero__inner{width:min(100%,52rem)}.bio-matiere-hero .bio-matiere-kicker{margin:0 0 20px;font-family:var(--bio-font-sans, "DM Sans", system-ui, sans-serif);font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#f8f4eb9e}.bio-matiere-hero h1{margin:0;max-width:11ch;font-family:var(--bio-font-display, "Cormorant Garamond", Georgia, serif);font-size:var(--bio-hero-title);font-weight:400;line-height:.95;letter-spacing:-.02em;color:#f8f4eb}.bio-matiere-hero__lead{margin:28px 0 0;max-width:36ch;font-family:var(--bio-font-sans, "DM Sans", system-ui, sans-serif);font-size:clamp(.9375rem,.9rem + .15vw,1.0625rem);font-weight:300;line-height:1.65;color:#f8f4ebb8}.bio-matiere-hero__proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(880px,100%);margin-top:48px;padding-top:14px;border-top:1px solid rgba(248,244,235,.28)}.bio-matiere-hero__proof span{display:flex;min-height:32px;align-items:center;gap:10px;padding-inline:clamp(8px,1.2vw,16px);font-family:var(--bio-font-sans, "DM Sans", system-ui, sans-serif);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f8f4ebd1}.bio-matiere-hero__proof span:first-child{padding-left:0}.bio-matiere-hero__proof svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4}.bio-matiere-hero__actions{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin-top:40px}.bio-matiere-hero .bio-matiere-btn{display:inline-flex;min-width:auto;width:auto;min-height:54px;padding-inline:clamp(24px,3vw,36px);border:1px solid transparent;border-radius:2px;font-family:var(--bio-font-sans, "DM Sans", system-ui, sans-serif);font-size:9px;font-weight:700;letter-spacing:.16em;line-height:1;text-transform:uppercase;white-space:nowrap;transition:transform .25s ease,background .25s ease}.bio-matiere-hero .bio-matiere-btn:hover{transform:translateY(-2px)}.bio-matiere-hero .bio-matiere-btn--dark{background:#1a1613;border-color:#1a1613;color:#f8f4eb!important;box-shadow:0 12px 32px #0003}.bio-matiere-hero .bio-matiere-btn--dark:hover{background:#252019}.bio-matiere-hero .bio-matiere-btn--light{background:#f8f4ebf5;border-color:#f8f4eb80;color:#171310!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bio-matiere-hero .bio-matiere-btn--ghost{background:#1a161359;border-color:#f8f4eb6b;color:#f8f4eb!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bio-matiere-hero .bio-matiere-btn--ghost:hover{background:#1a16138c;border-color:#f8f4eba6}.bio-matiere-hero__scroll{display:none}.bio-matiere.is-ready .bio-matiere-hero [data-bio-fade]:not(.is-in){opacity:0;transform:translateY(14px)}@media(max-width:1100px){.bio-matiere-nav{grid-template-columns:1fr auto}.bio-matiere-nav__links{display:none}}@media(max-width:900px){.bio-matiere-hero__proof{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px;width:100%}.bio-matiere-hero__actions{flex-wrap:wrap}}@media(max-width:760px){.bio-matiere-nav__cta{display:none}.bio-matiere-hero__content{align-items:flex-end;padding-block:88px 48px}.bio-matiere-hero__media img,.bio-matiere-hero__poster{object-position:58% center}.bio-matiere-hero__shade{background:linear-gradient(180deg,#0c0a081f,#0c0a0814 28%,#0c0a08c2),linear-gradient(90deg,#1f1b177a,#1f1b1714)}.bio-matiere-hero h1{max-width:none;font-size:clamp(2.5rem,9vw,3.25rem)}.bio-matiere-hero__actions .bio-matiere-btn{width:100%}}@media(prefers-reduced-motion:reduce){.bio-matiere-hero__video,.bio-matiere-hero__video-toggle{display:none!important}.bio-matiere-hero__media--video .bio-matiere-hero__poster{opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/biocemento-matiere-hero.css.map */