.ws-gamme-name.brxe-text-link {font-family: "Montserrat"}
.ws-home-hero { position: sticky !important; top: 0; z-index: 0; width: 100%; height: 100svh; min-height: 100svh; padding: 0 !important; isolation: isolate;}
.ws-home-hero .ws-home-scene { position: relative !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100%; margin: 0 !important; padding: 0 !important; overflow: hidden;}
.ws-home-scene video { width: 100%; height: 100%; object-fit: cover;}
.ws-home-scene .ws-home-veil { position: absolute !important; inset: 0 !important; width: 100%; height: 100%; z-index: 1; background: linear-gradient( to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.04) 35%, rgba(0, 0, 0, 0.58) 100% ) !important; pointer-events: none;}
.ws-home-scene .ws-home-copy { position: absolute !important; top: auto !important; right: auto !important; bottom: clamp(40px, 8vh, 100px) !important; left: clamp(24px, 5vw, 96px) !important; z-index: 3; width: calc(100% - clamp(48px, 10vw, 192px)) !important; max-width: 1100px; margin: 0 !important; transform: none !important; align-items: flex-start; text-align: left;}
.ws-home-copy :is(h1, h2),.ws-home-copy :is(h1, h2) * { color: #FFFFFF !important;}
.ws-home-scene .ws-home-mark { position: absolute !important; top: clamp(110px, 18svh, 210px) !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translateX(-50%) !important; width: clamp(140px, 15vw, 220px) !important; max-width: none !important; height: auto !important; margin: 0 !important; z-index: 2; opacity: 0.25; pointer-events: none;}
.ws-home-mark img { display: block; width: 100%; height: auto; object-fit: contain;}
.ws-home-hero ~ section,.ws-home-hero ~ .brxe-section { position: relative; z-index: 1;}
@media (max-width: 767px) { .ws-home-hero { position: relative !important; } .ws-home-scene .ws-home-copy { left: 24px !important; bottom: 40px !important; width: calc(100% - 48px) !important; } .ws-home-scene .ws-home-mark { top: 120px !important; width: 140px !important; }}
@media (prefers-reduced-motion: reduce) { .ws-home-hero { position: relative !important; }}
.ws-home-hero .ws-home-scene video { filter: brightness(0.90) contrast(1.08) saturate(0.88);}
.ws-home-hero .ws-home-scene .ws-home-veil { background: linear-gradient( 180deg, rgba(7, 15, 22, 0.32) 0%, rgba(7, 15, 22, 0.20) 40%, rgba(7, 15, 22, 0.34) 65%, rgba(7, 15, 22, 0.65) 100% ) !important; opacity: 1 !important;}
.ws-home-hero .ws-home-copy :is(h1, h2),.ws-home-hero .ws-home-copy :is(h1, h2) * { color: #FBFBFB !important;}
.ws-gamme-card { position: relative; overflow: hidden; isolation: isolate;}
.ws-gamme-card .ws-gamme-image { transform: scale(1.06); transform-origin: center; transition: transform 0.8s cubic-bezier(.2,.65,.3,1);}
.ws-gamme-card .ws-gamme-shade { position: absolute !important; inset: 0 !important; width: 100%; height: 100%; z-index: 1; pointer-events: none; background: linear-gradient( to bottom, rgba(7, 15, 22, 0) 25%, rgba(7, 15, 22, 0.35) 60%, rgba(7, 15, 22, 0.85) 100% ) !important;}
.ws-gamme-card .ws-gamme-info { position: absolute !important; inset: auto 0 0 !important; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: 100%; margin: 0 !important; padding: clamp(18px, 2.2vw, 34px); color: #FBFBFB; text-align: left;}
.ws-gamme-info .ws-gamme-name { position: relative !important; inset: auto !important; transform: none !important; margin: 0 !important; color: #FBFBFB !important;}
.ws-gamme-info .ws-gamme-tagline { margin: 0; color: #FBFBFB; font-size: clamp(13px, 1vw, 16px); line-height: 1.45;}
.ws-gamme-info .ws-gamme-specs { display: flex; flex-wrap: wrap; gap: 8px 24px; width: 100%; margin: 8px 0 0; padding-top: 12px; border-top: 1px solid rgba(251, 251, 251, 0.25); color: #FBFBFB; font-size: 14px; line-height: 1.5;}
.ws-gamme-specs > * { margin: 0;}
@media (hover: hover) and (pointer: fine) { .ws-gamme-info .ws-gamme-specs { max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; margin-top: 0; padding-top: 0; border-top-color: transparent; transform: translateY(8px); transition: max-height 0.45s ease, opacity 0.35s ease, transform 0.45s ease, margin 0.45s ease, padding 0.45s ease; } .ws-gamme-card:is(:hover, :focus-within) .ws-gamme-image { transform: scale(1); } .ws-gamme-card:is(:hover, :focus-within) .ws-gamme-specs { max-height: 220px; opacity: 1; visibility: visible; margin-top: 8px; padding-top: 12px; border-top-color: rgba(251, 251, 251, 0.25); transform: translateY(0); }}
@media (prefers-reduced-motion: reduce) { .ws-gamme-card .ws-gamme-image, .ws-gamme-info .ws-gamme-specs { transition: none !important; transform: none !important; }}
.ws-gamme-card .ws-gamme-shade { background: linear-gradient( 180deg, rgba(5, 14, 22, 0) 20%, rgba(5, 14, 22, 0.18) 45%, rgba(5, 14, 22, 0.70) 75%, rgba(5, 14, 22, 0.94) 100% ) !important;}
.ws-gamme-card .ws-gamme-info { padding: clamp(18px, 2vw, 32px); gap: 8px;}
.ws-gamme-info .ws-gamme-name { font-size: clamp(22px, 2vw, 34px) !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -0.025em; text-decoration: none;}
.ws-gamme-info .ws-gamme-tagline { font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5; color: rgba(251, 251, 251, 0.78);}
.ws-gamme-info .ws-gamme-specs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; border-top-color: rgba(251, 251, 251, 0.20);}
.ws-gamme-specs > * { min-width: 0; margin: 0 !important;}
.ws-gamme-specs .ws-spec-label { display: block; margin-bottom: 5px; font-family: "Montserrat", sans-serif; font-size: 10px; font-weight: 500; line-height: 1.4; letter-spacing: 0.10em; text-transform: uppercase; color: rgba(251, 251, 251, 0.65);}
.ws-gamme-specs .ws-spec-value { display: block; font-family: "Montserrat", sans-serif; font-size: clamp(18px, 1.6vw, 25px); font-weight: 600; line-height: 1.2; color: #FBFBFB; font-variant-numeric: tabular-nums;}
.ws-gamme-specs .ws-spec-value small { font-size: 0.65em; font-weight: 400;}
@media (hover: hover) and (pointer: fine) { .ws-gamme-info .ws-gamme-specs { border-top-color: transparent; } .ws-gamme-card:is(:hover, :focus-within) .ws-gamme-specs { max-height: 320px; margin-top: 14px; padding-top: 18px; border-top-color: rgba(251, 251, 251, 0.20); }}
.ws-gamme-card .ws-gamme-info { background: linear-gradient( 180deg, rgba(7, 15, 22, 0) 0%, rgba(7, 15, 22, 0.40) 25%, rgba(7, 15, 22, 0.72) 100% ); gap: 6px;}
.ws-gamme-info .ws-gamme-specs { gap: 12px 20px;}
@media (hover: hover) and (pointer: fine) { .ws-gamme-card:is(:hover, :focus-within) .ws-gamme-specs { margin-top: 4px; padding-top: 10px; }}
@media (hover: none), (pointer: coarse) { .ws-gamme-info .ws-gamme-specs { margin-top: 4px; padding-top: 10px; }}
.ws-gamme-specs .ws-spec-label { color: rgba(251, 251, 251, 0.82);}
@media (hover: hover) and (pointer: fine) { .ws-gamme-info .ws-gamme-specs { transform: translateY(24px); transition: max-height 0.55s cubic-bezier(.45, 0, .20, 1), margin-top 0.55s cubic-bezier(.45, 0, .20, 1), padding-top 0.55s cubic-bezier(.45, 0, .20, 1), transform 0.55s cubic-bezier(.45, 0, .20, 1), opacity 0.35s ease, border-color 0.35s ease, visibility 0s linear 0.55s; } .ws-gamme-card:is(:hover, :focus-within) .ws-gamme-specs { transform: translateY(0); transition-delay: 0s; }}
@media (prefers-reduced-motion: reduce) { .ws-gamme-info .ws-gamme-specs { transition: none !important; transform: none !important; }}
.ws-experience.ws-exp-enabled { display: block !important; position: relative; height: 170svh !important; min-height: 0 !important; padding: 0 !important; overflow: visible !important;}
.ws-exp-enabled .ws-experience-stage { position: sticky !important; top: 0; width: 100% !important; max-width: none !important; height: 100svh !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; isolation: isolate; background: #172A39; clip-path: inset(var(--ws-exp-inset, 6%));}
.ws-exp-enabled .ws-experience-poster,.ws-exp-enabled .ws-experience-video,.ws-exp-enabled .ws-experience-shade { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; transform: none !important;}
.ws-exp-enabled .ws-experience-poster,.ws-exp-enabled .ws-experience-poster img,.ws-exp-enabled .ws-experience-video video { width: 100% !important; height: 100% !important; object-fit: cover;}
.ws-exp-enabled .ws-experience-video { z-index: 1; opacity: 0; transition: opacity 0.8s ease;}
.ws-exp-enabled .ws-experience-poster { z-index: 2; pointer-events: none; opacity: 1; transition: opacity 0.8s ease;}
.ws-exp-enabled .ws-experience-shade { z-index: 3; pointer-events: none; opacity: 1 !important; background: linear-gradient( 180deg, rgba(7, 15, 22, 0.15), rgba(7, 15, 22, 0.05) 40%, rgba(7, 15, 22, 0.65) ) !important;}
.ws-exp-enabled .ws-experience-intro { position: absolute !important; inset: auto auto 80px 6% !important; z-index: 4; width: min(60%, 800px) !important; margin: 0 !important; transform: none !important; pointer-events: none;}
.ws-exp-enabled .ws-experience-intro > * { transition: opacity 0.5s ease;}
.ws-exp-enabled .ws-experience-discover { color: #FBFBFB !important; pointer-events: auto;}
.ws-exp-enabled .ws-experience-models { position: absolute !important; top: 50% !important; right: 5% !important; bottom: auto !important; left: auto !important; transform: translateY(-50%) !important; z-index: 5; display: flex; flex-direction: column; gap: 10px; width: 160px !important; opacity: 0; visibility: hidden; transition: opacity 0.5s ease;}
.ws-exp-enabled .ws-model-switch { width: 100%; padding: 13px 16px; border: 1px solid rgba(251, 251, 251, 0.45); border-radius: 0; background: rgba(23, 42, 59, 0.35); color: #FBFBFB; font-size: 13px; text-align: center;}
.ws-exp-enabled .ws-model-switch[aria-pressed="true"] { background: #C5BBA3; border-color: #C5BBA3; color: #172A39;}
.ws-exp-enabled .ws-model-switch[aria-disabled="true"] { opacity: 0.4; cursor: not-allowed;}
.ws-exp-enabled.is-video-on .ws-experience-video { opacity: 1;}
.ws-exp-enabled.is-video-on .ws-experience-poster { opacity: 0;}
.ws-exp-enabled.is-video-on .ws-experience-models { opacity: 1; visibility: visible;}
.ws-exp-enabled.is-video-on.ws-experience-intro > :not(.ws-experience-discover) { opacity: 0;}
@media (max-width: 767px), (prefers-reduced-motion: reduce) { .ws-experience.ws-exp-enabled { height: auto !important; } .ws-exp-enabled .ws-experience-stage { position: relative !important; height: 85svh !important; min-height: 520px !important; clip-path: none; } .ws-exp-enabled .ws-experience-intro { left: 6% !important; bottom: 150px !important; width: 88% !important; } .ws-exp-enabled .ws-experience-models { top: auto !important; bottom: 55px !important; left: 6% !important; right: 6% !important; width: 88% !important; transform: none !important; flex-direction: row; flex-wrap: wrap; gap: 6px; } .ws-exp-enabled .ws-model-switch { width: auto; padding: 9px 11px; }}
@media (prefers-reduced-motion: reduce) { .ws-exp-enabled *, .ws-exp-enabled .ws-experience-stage { transition: none !important; }}
.ws-exp-enabled .ws-experience-intro { transition: opacity 0.45s ease, visibility 0.45s;}
.ws-exp-enabled.is-video-on .ws-experience-intro { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;}
.ws-exp-enabled.is-video-on .ws-experience-intro * { pointer-events: none !important;}
.ws-exp-enabled .ws-experience-video video { position: absolute; inset: 0; display: block; opacity: 0; transition: opacity 0.65s ease;}
.ws-exp-enabled .ws-experience-video video.is-current { opacity: 1;}
.ws-exp-discover-button { position: absolute; left: 6%; bottom: 55px; z-index: 6; display: inline-flex; align-items: center; padding: 15px 22px; border: 1px solid rgba(251, 251, 251, 0.65); background: rgba(23, 42, 59, 0.45); color: #FBFBFB !important; font-family: "Montserrat", sans-serif; font-size: 14px; text-decoration: none; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, background-color 0.25s ease;}
.is-video-on .ws-exp-discover-button { opacity: 1; visibility: visible;}
.ws-exp-discover-button:hover { background: #172A39;}
.ws-exp-discover-button[aria-disabled="true"] { cursor: default;}
.ws-exp-status { position: absolute; left: 6%; bottom: 22px; z-index: 6; margin: 0; color: #FBFBFB; font-size: 12px;}
.ws-exp-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 7; padding: 14px 22px; border: 1px solid #FBFBFB; background: rgba(23, 42, 59, 0.8); color: #FBFBFB; cursor: pointer;}
.ws-exp-play[hidden] { display: none !important;}
@media (max-width: 767px) { .ws-exp-enabled .ws-experience-models { bottom: 110px !important; } .ws-exp-discover-button { bottom: 45px; max-width: 88%; padding: 12px 16px; } .ws-exp-status { bottom: 12px; }}
@media (prefers-reduced-motion: reduce) { .ws-exp-enabled .ws-experience-intro, .ws-exp-enabled .ws-experience-video video, .ws-exp-discover-button { transition: none !important; }}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) { .ws-home-hero { position: sticky !important; top: 0; height: 100svh !important; min-height: 100svh !important; }}
@media (max-width: 767px) { .ws-gamme-track { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 16px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; scroll-padding-inline: 0; overscroll-behavior-x: contain; padding-bottom: 14px; scrollbar-width: thin; scrollbar-color: rgba(251, 251, 251, 0.35) transparent; }  .ws-gamme-track .ws-gamme-secondary { display: contents !important; }  .ws-gamme-track .ws-gamme-card { position: relative !important; flex: 0 0 86% !important; width: 86% !important; max-width: none !important; min-width: 0 !important; height: clamp(430px, 68svh, 560px) !important; min-height: 0 !important; margin: 0 !important; grid-area: auto !important; scroll-snap-align: start; overflow: hidden; } .ws-gamme-track .ws-gamme-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; transform: none !important; } .ws-gamme-track .ws-gamme-image img { width: 100%; height: 100%; object-fit: cover; } .ws-gamme-track .ws-gamme-info { padding: 22px !important; } .ws-gamme-track .ws-gamme-name { font-size: 25px !important; }  .ws-gamme-track .ws-gamme-specs { max-height: none !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; transform: none !important; margin-top: 8px !important; padding-top: 12px !important; border-top-color: rgba(251, 251, 251, 0.20) !important; } .ws-gamme-track .ws-spec-value { font-size: 22px; }}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) { .ws-experience.ws-exp-enabled { height: 170svh !important; min-height: 0 !important; padding: 0 !important; overflow: visible !important; } .ws-exp-enabled .ws-experience-stage { position: sticky !important; top: 0; width: 100% !important; max-width: none !important; height: 100svh !important; min-height: 0 !important; clip-path: inset(var(--ws-exp-inset, 6%)); }}
@media (max-width: 767px) { .ws-exp-enabled .ws-experience-models { top: auto !important; bottom: calc(100px + env(safe-area-inset-bottom)) !important; left: 5% !important; right: auto !important; width: 90% !important; transform: none !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; gap: 8px !important; overflow-x: auto; scrollbar-width: none; } .ws-experience-models::-webkit-scrollbar { display: none; } .ws-exp-enabled .ws-model-switch { flex: 0 0 auto; width: auto !important; padding: 11px 13px; font-size: 12px; white-space: nowrap; } .ws-exp-discover-button { left: 5%; bottom: calc(35px + env(safe-area-inset-bottom)); max-width: 90%; padding: 13px 18px; font-size: 13px; } .ws-exp-status { left: 5%; bottom: calc(10px + env(safe-area-inset-bottom)); max-width: 90%; font-size: 11px; } .ws-exp-enabled .ws-experience-intro { left: 7% !important; bottom: 65px !important; width: 86% !important; } .ws-exp-enabled .ws-experience-video video { object-fit: cover !important; object-position: center; }}