@import url("../basics/commons.css");

@font-face {
    font-family: "Prototype";
    src: url("../../fonts/Prototype.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.site-lang--equilibrium {
    --site-lang-border-color: #ef1742;
    --site-lang-divider-color: rgba(35, 35, 35, .2);
    --site-lang-text-color: var(--site-lang-border-color);
    --site-lang-surface: #fff;
    --site-lang-active-background: #ef1742;
    --site-lang-active-foreground: #fff;
    --site-lang-hover-background: rgba(239, 23, 66, .09);
    --site-lang-shadow: 0 2px 8px rgba(35, 35, 35, .18);
}
.HR { z-index: 5; }
.view-right.eq-page { z-index: 1; }
@media (max-width: 1024px) {
    .menu .site-lang--equilibrium {
        position: absolute;
        top: max(.65rem, env(safe-area-inset-top, 0px));
        right: 4.25rem;
        z-index: 252;
        display: inline-flex;
        align-self: auto;
        max-height: none;
        margin: 0;
        opacity: 1;
        overflow: visible;
        pointer-events: auto;
        background: transparent;
        box-shadow: none;
        border-color: rgba(255, 255, 255, 0.75);
    }
}
.eq-page,
.eq-page * { box-sizing: border-box; }
.view-right.eq-page { position: relative; width: 88vw; max-width: calc(100vw - 12vw); min-height: 100vh; min-height: 100dvh; height: auto; overflow: hidden; color: #262626; background: #fff; font-family: "Colaborate", sans-serif; font-size: 1rem; line-height: 1.6; }
.eq-page p,.eq-page h1,.eq-page h2,.eq-page h3 { width: auto; margin: 0; padding: 0; text-align: left; color: inherit; }
.eq-page h1,.eq-page h2,.eq-page h3 { font-family: "Prototype", "Colaborate", sans-serif; font-weight: 400; }
.eq-visually-hidden { position: absolute; width: 1px !important; height: 1px; padding: 0 !important; margin: -1px !important; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.eq-page img { display: block; max-width: 100%; }
.eq-hero { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(20rem,.9fr); gap: clamp(2rem,5vw,5rem); align-items: center; min-height: 39rem; padding: clamp(3rem,7vw,6.5rem) max(1.5rem,calc((100% - 70rem)/2)); overflow: hidden; color: #fff; background: #232323; isolation: isolate; }
.eq-hero::before { position: absolute; z-index: -1; top: -18rem; right: -14rem; width: 45rem; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; content: ""; box-shadow: 0 0 0 5rem rgba(255,255,255,.018),0 0 0 11rem rgba(255,255,255,.015); }
.eq-hero__copy { position: relative; z-index: 1; max-width: 37rem; }
.eq-eyebrow { margin-bottom: .8rem !important; color: #ff1744 !important; font-size: .82rem !important; font-weight: 900; letter-spacing: .16em; line-height: 1.3; text-transform: uppercase; }
.eq-hero h1 { font-size: clamp(3.4rem,7vw,7rem); font-weight: 900; line-height: .95; }
.eq-hero h1 span { color: #ff1744; }
.eq-hero__tagline { max-width: 32rem; margin-top: 1.25rem !important; color: #fff !important; font-size: clamp(1.2rem,2vw,1.55rem) !important; font-weight: 700; line-height: 1.35; }
.eq-hero__description { max-width: 34rem; margin-top: .9rem !important; color: rgba(255,255,255,.74) !important; font-size: clamp(1.05rem,1.35vw,1.2rem) !important; line-height: 1.7; }
.eq-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.6rem; }
.eq-button { display: inline-flex; min-height: 3.1rem; align-items: center; justify-content: center; padding: .75rem 1.1rem; border: 1px solid transparent; border-radius: 5px; font-size: .95rem; font-weight: 800; letter-spacing: .025em; line-height: 1.3; text-align: center; text-decoration: none; transition: transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease; }
.eq-button:hover,.eq-button:focus-visible { transform: translateY(-2px); }
.eq-button--primary { color: #fff; background: #ef1742; box-shadow: 0 5px 16px rgba(239,23,66,.2); }
.eq-button--primary:hover,.eq-button--primary:focus-visible { background: #ff3156; box-shadow: 0 8px 20px rgba(239,23,66,.27); }
.eq-button--quiet { border-color: rgba(255,255,255,.3); color: #fff; background: rgba(255,255,255,.04); }
.eq-button--quiet:hover,.eq-button--quiet:focus-visible { border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.1); }
.eq-platform { margin-top: 1rem !important; color: rgba(255,255,255,.53) !important; font-size: .92rem !important; }
.eq-hero__visual { position: relative; isolation: isolate; padding: .65rem; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; background: rgba(255,255,255,.05); box-shadow: 0 25px 70px rgba(0,0,0,.38); }
.eq-hero__visual::before { position: absolute; z-index: -1; inset: 1.2rem -1.1rem -1.1rem 1.2rem; border: 1px solid rgba(255,23,68,.7); border-radius: inherit; content: ""; }
.eq-hero__visual img { width: 100%; aspect-ratio: 16/10; border-radius: 4px; object-fit: cover; }
.eq-video-frame { position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: 4px; background: #171717; }
.eq-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.eq-trailer-section { padding: clamp(3.5rem,7vw,6rem) 0; background: #f5f5f5; }
.eq-trailer__heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.4rem; }
.eq-trailer__heading .eq-eyebrow { margin-bottom: .45rem !important; }
.eq-trailer__heading h2 { font-size: clamp(2rem,4.2vw,3.5rem); font-weight: 900; line-height: 1.05; }
.eq-trailer__heading > p { max-width: 27rem; color: #696969 !important; font-size: 1.05rem !important; line-height: 1.6; }
.eq-trailer .eq-video-frame { border-radius: 7px; box-shadow: 0 15px 38px rgba(0,0,0,.16); }
.eq-pitch { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items: center; width: min(100% - 3rem,70rem); margin: -1.5rem auto 0; position: relative; z-index: 2; border: 1px solid #e8e8e8; background: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.07); }
.eq-pitch__step { display: flex; align-items: center; justify-content: center; gap: .75rem; min-height: 5rem; padding: .75rem 1rem; text-align: center; }
.eq-pitch__step > span { display: grid; flex: 0 0 2rem; width: 2rem; height: 2rem; place-items: center; border: 1px solid #ef1742; border-radius: 50%; color: #fff; background: #ef1742; font-family: "Prototype", "Colaborate", sans-serif; font-size: .95rem; }
.eq-pitch p { color: #232323 !important; font-family: "Prototype", "Colaborate", sans-serif; font-size: .95rem !important; font-weight: 400; line-height: 1.35; text-align: center; text-transform: uppercase; }
.eq-pitch__arrow { display: block; color: #ef1742; font-size: 2.25rem; font-weight: 700; line-height: 1; text-align: center; }
.eq-section { width: min(100% - 3rem,70rem); margin: 0 auto; }
.eq-modes { padding: clamp(5rem,9vw,8rem) 0; }
.eq-section__heading { max-width: 41rem; margin: 0 0 2.4rem; text-align: left; }
.eq-section__heading .eq-eyebrow { text-align: left; }
.eq-section__heading h2,.eq-gallery-head h2,.eq-final-cta h2 { font-size: clamp(2rem,4.4vw,3.8rem); line-height: 1.05; }
.eq-section__heading:has(.eq-section__title--single-line) { max-width: none; }
.eq-section__heading .eq-section__title--single-line { max-width: none; font-size: clamp(1.7rem,3.5vw,3rem); white-space: nowrap; }
.eq-section__heading > p:last-child { max-width: 36rem; margin: .9rem 0 0 !important; color: #696969 !important; font-size: 1.1rem !important; line-height: 1.65; text-align: left !important; }
.eq-mode-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.eq-mode-card { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(13rem,.82fr); min-height: 19rem; overflow: hidden; border: 1px solid #e8e8e8; border-radius: 7px; background: #f5f5f5; box-shadow: 0 8px 26px rgba(0,0,0,.045); }
.eq-mode-card img { width: 100%; height: 100%; min-height: 19rem; object-fit: cover; object-position: center; }
.eq-mode-card__copy { display: flex; flex-direction: column; justify-content: center; padding: 1.4rem; }
.eq-mode-card h3 { font-size: clamp(1.2rem,1.7vw,1.55rem); font-weight: 900; line-height: 1.1; }
.eq-mode-card p { margin-top: .65rem !important; color: #666 !important; font-size: 1rem !important; line-height: 1.6; }
.eq-gallery-section { padding: clamp(3.5rem,7vw,6rem) 0; background: #f5f5f5; }
.eq-gallery-head { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.5rem; }
.eq-gallery-head .eq-eyebrow { margin-bottom: .45rem !important; }
.eq-gallery-link { flex: 0 0 auto; padding-bottom: .25rem; color: #8c142c; font-size: .95rem; font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: .24em; }
.eq-gallery-link:hover,.eq-gallery-link:focus-visible { color: #ef1742; }
.eq-page .pictures-zone.eq-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.1rem; width: min(100% - 3rem,70rem); margin: 0 auto; }
.eq-page .pictures-zone.eq-gallery img { display: block; width: 100%; height: 100%; max-height: 28rem; aspect-ratio: 16/10; margin: 0; padding: 0; border: 1px solid #dedede; border-radius: 5px; object-fit: cover; box-shadow: 0 10px 28px rgba(0,0,0,.08); }
.eq-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(3rem,6vw,5rem) max(1.5rem,calc((100% - 70rem)/2)); color: #fff; background: #232323; }
.eq-final-cta > div { max-width: 42rem; }
.eq-final-cta .eq-eyebrow { margin-bottom: .55rem !important; }
.eq-final-cta h2 { color: #fff !important; }
.eq-final-cta > div > p:last-child { margin-top: .75rem !important; color: rgba(255,255,255,.68) !important; font-size: 1.08rem !important; }
.eq-button--light { flex: 0 0 auto; color: #212121; background: #fff; }
.eq-button--light:hover,.eq-button--light:focus-visible { color: #fff; background: #ef1742; }
.eq-page footer { margin-top: 0; }

@media (max-width: 1050px) {
    .eq-hero { grid-template-columns: minmax(0,1fr) minmax(18rem,.85fr); gap: 2rem; }
    .eq-mode-card { grid-template-columns: 1fr; }
    .eq-mode-card img { min-height: 0; aspect-ratio: 16/10; }
    .eq-mode-card__copy { min-height: 12rem; }
}
@media (max-width: 700px) {
    .view-right.eq-page { width: 100%; max-width: 100%; }
    .eq-hero { grid-template-columns: 1fr; min-height: 0; gap: 2rem; padding: 4rem 1.25rem 3.5rem; }
    .eq-hero__copy { max-width: 38rem; }
    .eq-hero__visual { width: min(100%,38rem); }
    .eq-pitch { grid-template-columns: 1fr; width: calc(100% - 2rem); margin-top: -1rem; padding: .35rem 0; }
    .eq-pitch__step { min-height: 3.5rem; padding: .45rem 1rem; }
    .eq-pitch__arrow { justify-self: center; font-size: 2rem; transform: rotate(90deg); }
    .eq-section { width: calc(100% - 2rem); }
    .eq-section__heading .eq-section__title--single-line { font-size: clamp(1.5rem,6.5vw,2.4rem); white-space: normal; }
    .eq-mode-grid { grid-template-columns: 1fr; }
    .eq-mode-card { grid-template-columns: minmax(0,1fr) minmax(10rem,.8fr); min-height: 14rem; }
    .eq-mode-card img { min-height: 14rem; height: 100%; aspect-ratio: auto; }
    .eq-mode-card__copy { min-height: 0; padding: 1rem; }
    .eq-mode-card h3 { font-size: 1.2rem; }
    .eq-mode-card p { font-size: .95rem !important; }
    .eq-trailer__heading { align-items: start; flex-direction: column; gap: .65rem; }
    .eq-page .pictures-zone.eq-gallery { grid-template-columns: 1fr; width: calc(100% - 2rem); }
    .eq-gallery-head { align-items: start; flex-direction: column; }
    .eq-final-cta { align-items: start; flex-direction: column; padding: 3rem 1.25rem; }
}
@media (max-width: 420px) {
    .eq-mode-card { grid-template-columns: 1fr; }
    .eq-mode-card img { min-height: 0; aspect-ratio: 16/10; }
}
@media (prefers-reduced-motion: reduce) {
    .eq-page *, .eq-page *::before, .eq-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}