html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { vertical-align: baseline; display: inline-block; } audio:not([controls]) { height: 0; display: none; } [hidden], template { display: none; } a { background-color: #0000; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: normal; line-height: 1; font-family: webflow-icons !important; } .w-icon-slider-right:before { content: ""; } .w-icon-slider-left:before { content: ""; } .w-icon-nav-menu:before { content: ""; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: ""; } .w-icon-file-upload-remove:before { content: ""; } .w-icon-file-upload-icon:before { content: ""; } * { box-sizing: border-box; } html { height: 100%; } body { color: #333; background-color: #fff; min-height: 100%; margin: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; } img { vertical-align: middle; max-width: 100%; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { color: #fff; line-height: inherit; cursor: pointer; background-color: #3898ec; border: 0; border-radius: 0; padding: 9px 15px; text-decoration: none; display: inline-block; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: #0000 !important; } .w-code-block { margin: unset; } pre.w-code-block code { all: inherit; } pre.w-code-block code > span { display: block !important; } .w-optimization { display: contents; } .w-webflow-badge, .w-webflow-badge > img { box-sizing: unset; width: unset; height: unset; max-height: unset; max-width: unset; min-height: unset; min-width: unset; margin: unset; padding: unset; float: unset; clear: unset; border: unset; border-radius: unset; background: unset; background-image: unset; background-position: unset; background-size: unset; background-repeat: unset; background-origin: unset; background-clip: unset; background-attachment: unset; background-color: unset; box-shadow: unset; transform: unset; direction: unset; font-family: unset; font-weight: unset; color: unset; font-size: unset; line-height: unset; font-style: unset; font-variant: unset; text-align: unset; letter-spacing: unset; -webkit-text-decoration: unset; text-decoration: unset; text-indent: unset; text-transform: unset; list-style-type: unset; text-shadow: unset; vertical-align: unset; cursor: unset; white-space: unset; word-break: unset; word-spacing: unset; word-wrap: unset; transition: unset; } .w-webflow-badge { white-space: nowrap; cursor: pointer; box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; color: #aaadb0 !important; width: auto !important; height: auto !important; overflow: unset !important; background-color: #fff !important; border-radius: 3px !important; margin: 0 !important; padding: 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; display: inline-block !important; position: fixed !important; inset: auto 12px 12px auto !important; transform: none !important; } .w-webflow-badge > img { position: unset; visibility: unset !important; opacity: 1 !important; vertical-align: middle !important; display: inline-block !important; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: bold; } h1 { margin-top: 20px; font-size: 38px; line-height: 44px; } h2 { margin-top: 20px; font-size: 32px; line-height: 36px; } h3 { margin-top: 20px; font-size: 24px; line-height: 30px; } h4 { margin-top: 10px; font-size: 18px; line-height: 24px; } h5 { margin-top: 10px; font-size: 14px; line-height: 20px; } h6 { margin-top: 10px; font-size: 12px; line-height: 18px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { border-left: 5px solid #e2e2e2; margin: 0 0 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } figure { margin: 0 0 10px; } figcaption { text-align: center; margin-top: 5px; } ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-embed:after { clear: both; } .w-video { width: 100%; padding: 0; position: relative; } .w-video iframe, .w-video object, .w-video embed { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } fieldset { border: 0; margin: 0; padding: 0; } button, [type="button"], [type="reset"] { cursor: pointer; -webkit-appearance: button; border: 0; } .w-form { margin: 0 0 15px; } .w-form-done { text-align: center; background-color: #ddd; padding: 20px; display: none; } .w-form-fail { background-color: #ffdede; margin-top: 10px; padding: 10px; display: none; } label { margin-bottom: 5px; font-weight: bold; display: block; } .w-input, .w-select { color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; width: 100%; height: 38px; margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block; } .w-input::placeholder, .w-select::placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898ec; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { cursor: pointer; margin-bottom: 0; font-weight: normal; display: inline-block; } .w-radio { margin-bottom: 5px; padding-left: 20px; display: block; } .w-radio:before, .w-radio:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-radio:after { clear: both; } .w-radio-input { float: left; margin: 3px 0 0 -20px; line-height: normal; } .w-file-upload { margin-bottom: 10px; display: block; } .w-file-upload-input { opacity: 0; z-index: -100; width: .1px; height: .1px; position: absolute; overflow: hidden; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { color: #333; display: inline-block; } .w-file-upload-error { margin-top: 10px; display: block; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: flex; } .w-file-upload-file { background-color: #fafafa; border: 1px solid #ccc; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; display: flex; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .w-file-remove-link { cursor: pointer; width: auto; height: auto; margin-top: 3px; margin-left: 10px; padding: 3px; display: block; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { color: #ea384c; padding: 2px 0; display: inline-block; } .w-file-upload-info { padding: 0 12px; line-height: 38px; display: inline-block; } .w-file-upload-label { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: inline-block; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { width: 20px; margin-right: 8px; display: inline-block; } .w-icon-file-upload-uploading { height: 20px; } .w-container { max-width: 940px; margin-left: auto; margin-right: auto; } .w-container:before, .w-container:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333%; } .w-col-2 { width: 16.6667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.3333%; } .w-col-5 { width: 41.6667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.3333%; } .w-col-8 { width: 66.6667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.3333%; } .w-col-11 { width: 91.6667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333%; } .w-col-medium-2 { width: 16.6667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.3333%; } .w-col-medium-5 { width: 41.6667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.3333%; } .w-col-medium-8 { width: 66.6667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.3333%; } .w-col-medium-11 { width: 91.6667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main, .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333%; } .w-col-small-2 { width: 16.6667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.3333%; } .w-col-small-5 { width: 41.6667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.3333%; } .w-col-small-8 { width: 66.6667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.3333%; } .w-col-small-11 { width: 91.6667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main, .w-hidden-medium, .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333%; } .w-col-tiny-2 { width: 16.6667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.3333%; } .w-col-tiny-5 { width: 41.6667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.3333%; } .w-col-tiny-8 { width: 66.6667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.3333%; } .w-col-tiny-11 { width: 91.6667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { vertical-align: top; text-align: center; background: #fff; border: 1px solid #758696; border-radius: 3px; width: 28px; height: 20px; display: inline-block; position: relative; } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: #999; font-family: serif; font-size: 15px; line-height: 12px; position: relative; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { display: block; position: relative; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 50%; left: 0; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-width: 4px; border-color: #75869600 #5d6c7b #75869600 #75869600; margin-top: -4px; margin-left: -9px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-top: -5px; margin-left: -10px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-width: 4px; border-color: #fff0 #fff #fff0 #fff0; margin-top: -4px; margin-left: -8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-top: -5px; margin-left: -9px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 100%; left: 50%; } .w-widget-twitter-count-shim.w--vertical:before { border-width: 5px; border-color: #5d6c7b #75869600 #75869600; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-width: 4px; border-color: #fff #fff0 #fff0; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { color: #fff; height: 500px; position: relative; overflow: hidden; } .w-background-video > video { object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; width: 100%; height: 100%; margin: auto; position: absolute; inset: -100%; } .w-background-video > video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .w-background-video--control { background-color: #0000; padding: 0; position: absolute; bottom: 1em; right: 1em; } .w-background-video--control > [hidden] { display: none !important; } .w-slider { text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: 300px; position: relative; } .w-slider-mask { z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0; right: 0; overflow: hidden; } .w-slide { vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative; } .w-slider-nav { z-index: 2; text-align: center; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; height: 40px; margin: auto; padding-top: 10px; position: absolute; inset: auto 0 0; } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; font-size: inherit; line-height: inherit; padding: .2em .5em; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px #3336; } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: #2226; } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { cursor: pointer; background-color: #fff6; width: 1em; height: 1em; margin: 0 3px .5em; transition: background-color .1s, color .1s; display: inline-block; position: relative; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { cursor: pointer; color: #fff; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; width: 80px; margin: auto; font-size: 40px; position: absolute; inset: 0; overflow: hidden; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { width: 1em; height: 1em; margin: auto; inset: 0; } .w-slider-aria-label { clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .w-slider-force-show { display: block !important; } .w-dropdown { text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { vertical-align: top; color: #222; text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; } .w-dropdown-toggle { -webkit-user-select: none; user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0; bottom: 0; right: 0; } .w-dropdown-list { background: #ddd; min-width: 100%; display: none; position: absolute; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { color: #222; padding: 10px 20px; display: block; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } .w-lightbox-backdrop { cursor: auto; letter-spacing: normal; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; color: #fff; text-align: center; z-index: 2000; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; background: #000000e6; outline: 0; font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif; font-size: 17px; font-style: normal; font-weight: 300; line-height: 1.2; list-style: disc; position: fixed; inset: 0; -webkit-transform: translate(0); } .w-lightbox-backdrop, .w-lightbox-container { -webkit-overflow-scrolling: touch; height: 100%; overflow: auto; } .w-lightbox-content { height: 100vh; position: relative; overflow: hidden; } .w-lightbox-view { opacity: 0; width: 100vw; height: 100vh; position: absolute; } .w-lightbox-view:before { content: ""; height: 100vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { vertical-align: middle; display: inline-block; } .w-lightbox-figure { margin: 0; position: relative; } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } .w-lightbox-img { width: auto; max-width: none; height: auto; } .w-lightbox-image { float: none; max-width: 100vw; max-height: 100vh; display: block; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { text-align: left; text-overflow: ellipsis; white-space: nowrap; background: #0006; padding: .5em 1em; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; } .w-lightbox-embed { width: 100%; height: 100%; position: absolute; inset: 0; } .w-lightbox-control { cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 24px; width: 4em; transition: all .3s; position: absolute; top: 0; } .w-lightbox-left { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); display: none; bottom: 0; left: 0; } .w-lightbox-right { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); display: none; bottom: 0; right: 0; } .w-lightbox-close { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; height: 2.6em; right: 0; } .w-lightbox-strip { white-space: nowrap; padding: 0 1vh; line-height: 0; position: absolute; bottom: 0; left: 0; right: 0; overflow: auto hidden; } .w-lightbox-item { box-sizing: content-box; cursor: pointer; width: 10vh; padding: 2vh 1vh; display: inline-block; -webkit-transform: translate3d(0, 0, 0); } .w-lightbox-active { opacity: .3; } .w-lightbox-thumbnail { background: #222; height: 10vh; position: relative; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { width: 100%; top: 50%; transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { height: 100%; left: 50%; transform: translate(-50%); } .w-lightbox-spinner { box-sizing: border-box; border: 5px solid #0006; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: .8s linear infinite spin; position: absolute; top: 50%; left: 50%; } .w-lightbox-spinner:after { content: ""; border: 3px solid #0000; border-bottom-color: #fff; border-radius: 50%; position: absolute; inset: -4px; } .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { opacity: .5; display: block; } .w-lightbox-close { opacity: .8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ""; display: none; position: absolute; inset: 0; } .w-richtext figure { max-width: 60%; position: relative; } .w-richtext figure > div:before { cursor: default !important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: .6; } .w-richtext figure div { color: #0000; font-size: 0; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { caption-side: bottom; display: table-caption; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { clear: both; margin-left: auto; margin-right: auto; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { text-align: center; clear: both; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block; } .w-richtext figure.w-richtext-align-fullwidth > div { padding-bottom: inherit; display: inline-block; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; clear: none; margin-right: 15px; } .w-richtext figure.w-richtext-align-floatright { float: right; clear: none; margin-left: 15px; } .w-nav { z-index: 1000; background: #ddd; position: relative; } .w-nav:before, .w-nav:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-nav:after { clear: both; } .w-nav-brand { float: left; color: #333; text-decoration: none; position: relative; } .w-nav-link { vertical-align: top; color: #222; text-align: left; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; display: inline-block; position: relative; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { float: right; position: relative; } [data-nav-menu-open] { text-align: center; background: #c8c8c8; min-width: 200px; position: absolute; top: 100%; left: 0; right: 0; overflow: visible; display: block !important; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { width: 100%; display: none; position: absolute; top: 100%; left: 0; right: 0; overflow: hidden; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] { z-index: 1; top: 0; right: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { z-index: 1; top: 0; left: auto; } .w-nav-button { float: right; cursor: pointer; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; padding: 18px; font-size: 24px; display: none; position: relative; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { color: #fff; background-color: #c8c8c8; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open { display: block; } .w--nav-dropdown-list-open { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { vertical-align: top; text-align: left; cursor: pointer; color: #222; background-color: #ddd; padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; } .w-tab-link.w--current { background-color: #c8c8c8; } .w-tab-link:focus { outline: 0; } .w-tab-content { display: block; position: relative; overflow: hidden; } .w-tab-pane { display: none; position: relative; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .w-dyn-empty { background-color: #ddd; padding: 10px; } .w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } @font-face { font-family: Silka Webfont; src: url("../6a3e23131983dde66540c997_silka-regular-webfont.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Silka Webfont; src: url("../6a3e23e566b147159ab71e89_65e19f3df4c2cff25ca9207b_silka-medium-webfont.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } :root { --black: black; --white: white; --white-smoke: #f2f2f2; --gold: #fc6; --padding-0rem: 0rem; --padding-8rem: 8rem; --grey: #949494; --black-alpha: #0000001a; --orange: #ffbe53; --padding-bottom-8rem: 8rem; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } .w-embed-youtubevideo { background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg"); background-position: 50%; background-size: cover; width: 100%; padding-bottom: 0; padding-left: 0; padding-right: 0; position: relative; } .w-embed-youtubevideo:empty { min-height: 75px; padding-bottom: 56.25%; } body { color: var(--black); letter-spacing: -.025em; background-color: #fff; font-family: Silka Webfont, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.375em; } h1 { margin-top: 20px; margin-bottom: 10px; font-size: 8rem; font-weight: 500; line-height: 1.2; } h2 { margin-top: 20px; margin-bottom: 10px; font-size: 5.6875rem; font-weight: 500; line-height: 1.2; } h3 { margin-top: 20px; margin-bottom: 10px; font-size: 4rem; font-weight: 500; line-height: 1.2; } h4 { margin-top: 10px; margin-bottom: 10px; font-size: 2rem; font-weight: 500; line-height: 1.2; } h5 { margin-top: 10px; margin-bottom: 10px; font-size: 1.25rem; font-weight: 400; line-height: 1.25em; } h6 { margin-top: 10px; margin-bottom: 10px; font-size: 1rem; font-weight: 400; line-height: 1.562em; } p { color: #000; letter-spacing: -.025em; margin-bottom: 0; font-family: Silka Webfont, Arial, sans-serif; font-size: 1.25rem; line-height: 1.5em; } a { color: var(--black); text-decoration: none; } ul { margin-top: 0; margin-bottom: 10px; padding-left: 16px; font-size: 1.25rem; line-height: 2rem; } img { display: inline-block; } .headings { grid-row-gap: 1em; flex-direction: column; align-items: flex-start; padding-top: 1em; padding-bottom: 1em; padding-left: 5vw; display: flex; } .heading-01 { color: var(--black); text-align: center; letter-spacing: -.05em; text-transform: none; margin-top: 0; margin-bottom: 0; font-weight: 500; line-height: 1em; } .heading-01.blanc { color: #fff; text-align: left; word-break: keep-all; align-self: auto; font-weight: 500; } .heading-01.blanc.hero-projet { opacity: 1; text-align: left; align-self: flex-start; margin-left: -10px; } .heading-01.blanc.hero-projet.noir { font-size: 8rem; } .heading-01.hero-projet { margin-left: -10px; } .heading-01.justify-left { text-align: left; font-family: Silka Webfont, Arial, sans-serif; font-size: 4.76864em; } .heading-01.justify-left.big { letter-spacing: -.05em; text-transform: none; font-family: Silka Webfont, Arial, sans-serif; font-size: 4.73079em; font-weight: 500; position: relative; } .heading-01.justify-left.big.annee { background-color: #fff; margin-top: -1rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 4rem; } .heading-01.noir { color: #fff; text-align: left; word-break: keep-all; align-self: auto; font-family: Silka Webfont, Arial, sans-serif; font-size: 9.31375em; font-weight: 500; } .heading-01.noir.hero-projet { color: #000; text-align: left; align-self: flex-start; margin-left: -10px; } .heading-01.intro { color: var(--white); text-align: left; letter-spacing: -.025em; font-size: 4.76864em; font-weight: 500; } .heading-02 { max-width: 14ch; color: var(--black); text-align: left; letter-spacing: -.05em; white-space: normal; flex-direction: column; align-items: flex-start; margin-top: 0; margin-bottom: 0; font-size: 5.6875rem; font-weight: 500; line-height: 1em; display: inline-block; } .heading-02.case { text-align: left; letter-spacing: -.05em; font-family: Silka Webfont, Arial, sans-serif; font-size: 3.05176em; font-weight: 500; line-height: 1em; } .heading-02.case.white, .heading-02.blanc { color: var(--white); } .heading-02.difference { color: var(--white); mix-blend-mode: difference; } .heading-02.intro { max-width: 13ch; margin-top: -1.2rem; } .heading-03 { max-width: 24ch; color: var(--black); text-align: left; letter-spacing: -.05em; margin-top: 0; margin-bottom: 0; padding-right: 0; font-size: 4rem; font-weight: 500; line-height: 1.1; } .heading-03.white { color: var(--white); font-size: 4.76875em; } .heading-03.blanc { color: var(--white); font-size: 3.78464rem; font-weight: 500; } .heading-03.intro { margin-top: -.9rem; } .heading-03.archive-intro { padding-right: 1rem; } .heading-04 { color: var(--black); letter-spacing: -.025em; margin-top: 0; margin-bottom: 0; font-family: Silka Webfont, Arial, sans-serif; font-size: 2.5rem; font-weight: 500; line-height: 1.2; } .heading-04.blanc { color: #fff; font-weight: 400; } .heading-04.team-member { color: var(--white); font-size: 1.24992em; } .heading-04.small { font-size: 2rem; font-weight: 500; } .heading-04.small.blanc { max-width: 34ch; font-size: 1.5625rem; font-weight: 400; } .heading-04.white-difference { color: var(--white); mix-blend-mode: difference; } .heading-04.white { color: var(--white); } .heading-05 { color: #000; letter-spacing: -.5px; max-width: 40ch; margin-top: 0; margin-bottom: 0; padding-top: 0; font-family: Silka Webfont, Arial, sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.25em; text-decoration: none; } .heading-05.menu { color: var(--white); text-transform: none; padding-left: 0; padding-right: .125em; line-height: 1.25em; } .heading-05.pt0375 { max-width: none; padding-top: .375em; } .heading-05.white { color: #fff; } .heading-05.citation { color: var(--white-smoke); letter-spacing: 0; font-size: 1.25em; font-weight: 400; line-height: 1.5em; } .heading-05.bold { font-weight: 500; } .heading-05.blanc { max-width: none; color: var(--white); mix-blend-mode: difference; line-height: 1.375em; } .heading-05.blanc.left { opacity: 1; margin-right: auto; } .heading-05.blanc.expertise { max-width: 40ch; } .heading-05.noir { line-height: 1.375em; } .heading-05.margintop { margin-top: .8rem; } .heading-05.white-difference { color: #fff; mix-blend-mode: difference; } .heading-05.difference { max-width: none; color: var(--white); mix-blend-mode: difference; line-height: 1.375em; } .heading-05.difference.left { margin-right: auto; } .heading-05.difference.expertise { max-width: 40ch; } .heading-05.hide { display: none; } .heading-06 { color: var(--black); letter-spacing: -.0125em; margin-top: 0; margin-bottom: 0; font-family: Silka Webfont, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5625em; } .heading-06.blanc { color: var(--white); } .heading-06.txt-logo-card { line-height: 1.2; } .texts { padding-top: 1em; padding-bottom: 1em; padding-left: 5vw; } .paragraph-01 { letter-spacing: -.025em; } .paragraph-02 { font-size: 1rem; } .paragraphes { padding-top: 1em; padding-bottom: 1em; padding-left: 5vw; } .text-block { font-size: 1em; } .menu-section { z-index: 50; pointer-events: none; mix-blend-mode: difference; align-items: flex-start; width: 100%; padding-top: 3rem; padding-bottom: 0; display: none; position: fixed; inset: 0% 0% auto; } .logo-container { pointer-events: auto; cursor: pointer; position: relative; } .logo-container.w--current { pointer-events: auto; } .menu-container { justify-content: space-between; align-self: auto; width: 100%; margin-left: auto; margin-right: auto; padding-left: 8rem; padding-right: 8rem; display: flex; } .menu-container.black { display: flex; } .nav-container-mask { align-items: center; height: 3rem; margin-right: 0; padding-left: 0; padding-right: 0; display: flex; position: relative; overflow: hidden; } .nav-link { cursor: pointer; mix-blend-mode: difference; flex: none; align-self: auto; width: auto; height: 1.5625rem; padding-left: 0; padding-right: 0; position: relative; overflow: hidden; } .nav-link.w--current { mix-blend-mode: difference; } .hero-section { justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: relative; } .background-video { z-index: -1; background-color: #000000b3; width: 100%; height: 100%; position: fixed; } .background-video.home { display: block; } .background-video.externe { background-color: #0009; } .hero-title { grid-column-gap: 1.5rem; grid-row-gap: 2rem; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-content: flex-start; place-items: flex-start center; width: 70%; min-width: 800px; max-width: 1344px; display: flex; position: absolute; inset: auto; } .hero-title.expertise { grid-row-gap: 0em; align-items: flex-start; max-width: 1344px; padding-bottom: .75em; display: flex; overflow: hidden; } .section { grid-column-gap: 6em; grid-row-gap: 6em; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; padding-top: 8rem; padding-bottom: 8rem; display: flex; } .txt-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: flex-start stretch; margin-bottom: 0; display: flex; position: relative; } .txt-wrapper.difference { mix-blend-mode: difference; align-self: stretch; align-items: flex-start; max-width: none; padding-bottom: .25em; overflow: hidden; } .projets_section { padding-top: 0; padding-bottom: 0; } .projets_section.autres-realisations { grid-row-gap: 6em; background-color: #0000; border-top: 1px solid #ccc; flex-direction: column; justify-content: flex-end; align-items: stretch; padding-bottom: 4rem; display: flex; position: static; overflow: visible; } .projets_section.home { padding-top: 0; padding-bottom: 0; } .collection-list-wrapper { align-content: flex-start; width: 100%; margin-left: auto; margin-right: auto; } .collection-list-wrapper.mono { width: 100%; margin-left: 0; margin-right: 0; display: block; } .project-card { flex-direction: column; align-items: stretch; width: auto; display: flex; position: relative; inset: 0%; } .project-card.realisation { cursor: pointer; position: absolute; } .image-project-container { cursor: none; object-fit: cover; border-radius: 0; justify-content: center; align-items: center; width: 100%; height: 27.5vw; min-height: 27.5vw; display: flex; position: relative; overflow: hidden; } .image-project { object-fit: cover; width: 120%; height: 120%; position: relative; } .collection-list-project { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-wrap: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-content: flex-start space-between; align-items: flex-start; width: 100%; padding-left: 2.25em; padding-right: 2.25em; display: grid; } .collection-list-project.mono { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-content: start; place-items: start; width: auto; padding-left: 0; padding-right: 0; display: grid; } .text-project-container { z-index: 0; grid-row-gap: .75em; flex-direction: column; align-items: flex-start; padding-top: 1.5em; padding-left: 0; padding-right: 2em; display: flex; position: relative; } .text-project { flex-flow: column wrap; align-content: flex-start; align-items: flex-start; display: flex; } .tags-container { grid-column-gap: .25em; grid-row-gap: .25em; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; padding-right: 8rem; display: flex; } .tags-container.white-difference { opacity: .75; color: var(--white); mix-blend-mode: difference; } .tag { float: none; clear: none; letter-spacing: .25px; text-transform: uppercase; cursor: auto; border: 1px solid #d8d8d8; border-top-color: #e6e6e6; border-radius: 1rem; place-content: flex-start; align-items: center; padding: .45rem .5rem .3rem; font-size: .7rem; font-weight: 400; line-height: 1; display: inline-block; position: relative; } .tag.white { color: var(--white); } .tag.linked { z-index: 1; cursor: pointer; transition: all .2s; } .tag.linked:hover { border-color: var(--gold); background-color: var(--gold); } .color-vignette { display: block; position: absolute; inset: 0%; } .logo-vignette-container { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; } .logo-vignette { object-fit: contain; width: 100%; max-width: 40%; height: 100%; max-height: 30%; margin-left: auto; margin-right: auto; position: absolute; inset: auto 0%; } .collection-item-project { grid-column-gap: 5vw; grid-row-gap: 7.5vw; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; margin-bottom: 7rem; padding-left: 0; padding-right: 0; display: block; position: relative; } .big-link { grid-column-gap: 1em; justify-content: center; align-items: flex-end; width: 100%; min-width: 793.6px; max-width: none; margin-bottom: 1em; margin-left: auto; margin-right: auto; padding-top: 4em; padding-bottom: 4em; display: flex; position: relative; overflow: hidden; } .big-link:active { background-color: #fff; } .burger-container { grid-row-gap: 4px; pointer-events: auto; cursor: pointer; border: .175rem solid #fff; border-radius: 48px; flex-direction: column; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; margin-top: 3.25rem; margin-right: 3rem; display: flex; position: absolute; inset: 0% 0% 0% auto; } .line-burger { background-color: var(--black); width: 18px; height: 2px; } .line-burger.top { background-color: var(--white); mix-blend-mode: difference; } .line-burger.bottom { background-color: var(--white); -webkit-text-fill-color: inherit; mix-blend-mode: difference; background-clip: border-box; } .overlay-hero-video { z-index: -1; mix-blend-mode: multiply; background-color: #000c; position: fixed; inset: 0%; } .overlay-hero-video.expertise { background-color: #000000b3; } .pixel-menu { width: 0; height: 8rem; display: flex; position: absolute; inset: 0% auto auto 0%; } .logo-wrapper { grid-column-gap: .25rem; align-items: center; height: 3rem; display: flex; } .logo-cube-insigne { width: auto; height: 2.5rem; } .logo-cube-texte { -webkit-text-fill-color: transparent; background-color: #fff; -webkit-background-clip: text; background-clip: text; align-self: center; align-items: center; height: 2.1rem; margin-top: 0; margin-bottom: 0; font-size: 1.25rem; font-weight: 500; line-height: 1.25em; display: flex; } .logo-cube-texte.black { background-color: #000; } .menu-wrapper { z-index: 10; } .cross-container { grid-row-gap: 0px; border: .175rem solid #fff; border-radius: 48px; flex-direction: column; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; display: flex; position: static; bottom: 0%; left: auto; right: 3em; } .cross-container.noir { border-color: var(--black); } .cross-container.video-popup-close { position: relative; top: 3rem; right: 3.25rem; } .line-cross { background-color: var(--white); mix-blend-mode: difference; width: 18px; height: 2px; transform: rotate(45deg); } .line-cross._45 { margin-bottom: 0; position: absolute; transform: rotate(-45deg); } .line-cross._45.black, .line-cross.black { background-color: var(--black); } .nav-cross-container { pointer-events: auto; mix-blend-mode: difference; border-radius: 200px; align-items: center; width: 3rem; height: 3rem; margin-top: -.5rem; margin-left: auto; margin-right: 0; padding-left: .25rem; display: flex; position: relative; overflow: hidden; } .nav-cross-container.archive { position: fixed; inset: 3rem 3rem auto auto; } .menu-cross_wrapper { z-index: 100; } .hero-case_section { justify-content: center; align-items: flex-end; width: 100%; height: 100vh; display: flex; overflow: hidden; } .image-hero-case-container { justify-content: center; align-items: center; display: block; position: absolute; inset: 0%; overflow: hidden; } .image-hero-cas-container { object-fit: cover; width: 100%; max-width: none; height: 100%; } .image-hero-cas-container.align-bottom { object-position: 100% 100%; } .text-hero-case-container { z-index: 1001; grid-row-gap: 1em; flex-direction: column; align-items: flex-start; width: 70vw; min-width: 800px; max-width: 1344px; margin-bottom: 9rem; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: visible; } .text-hero-case-container.noir { z-index: 0; } .intro-case_section { padding-top: 6rem; padding-bottom: 8rem; position: relative; } .intro-case_section.padding-top-8rem { padding-top: 8rem; } .intro-case_section.padding-bottom-0rem { padding-bottom: 0; } .intro-case-text { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; width: 70%; min-width: 800px; max-width: 1344px; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: grid; position: relative; } .image-landscape_section { width: 100%; padding-top: 4rem; padding-bottom: 4rem; } .image-landscape_container { justify-content: center; align-items: center; width: 80vw; max-width: 1344px; height: 45vw; max-height: 756px; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: hidden; } .image-fit-case { object-fit: cover; object-position: 50% 50%; width: 100%; max-width: none; height: 100%; position: relative; right: auto; } .image-fit-case.multiply { opacity: 1; mix-blend-mode: multiply; } .image-fit-case.quote { opacity: .75; height: 120%; } .image-fit-case.usine { object-position: 86% 50%; } .image-fit-case.djust { object-position: 100% 50%; } .image-fullscreen_section { width: 100%; padding-top: 4rem; padding-bottom: 4rem; } .image-fullscreen_section.no-padding { padding-top: 0; padding-bottom: 0; } .image-fullscreen_section.padding-bottom-0rem { padding-bottom: var(--padding-0rem); } .image-fullscreen_section.padding-negative { padding-bottom: var(--padding-0rem); margin-bottom: -4rem; } .image-fullscreen-container { justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: relative; overflow: hidden; } .image-horizontal-move_section { justify-content: center; align-items: center; width: 100%; padding-top: 4rem; padding-bottom: 4rem; display: flex; overflow: hidden; } .image-horizontal-move_section.padding-bottom-8rem { padding-bottom: 8rem; } .image-horizontal-move_section.padding-top-bottom-8rem { padding-top: 8rem; padding-bottom: 8rem; } .image-horizontal-move { width: 120%; min-width: 120vw; max-width: none; height: auto; } .image-horizontal-move.height-32rem { object-fit: cover; min-width: auto; min-height: 32rem; } .image_section { width: 100%; padding-top: 4rem; padding-bottom: 4rem; overflow: hidden; } .image_section.margin-bottom-negative { margin-bottom: -4rem; padding-bottom: 8rem; } .image_section.padding-top-8rem { padding-top: var(--padding-8rem); } .image_section.padding-bottom-8rem { padding-bottom: var(--padding-8rem); } .image_section.padding-top-bottom-8rem { padding-top: var(--padding-8rem); padding-bottom: var(--padding-8rem); } .image_section.padding-top-0rem { padding-top: var(--padding-0rem); } .image_section.padding-top-bottom-0rem { padding-top: var(--padding-0rem); padding-bottom: var(--padding-0rem); } .image_section.padding-bottom-0rem { padding-bottom: 0; } .image-custom-size-container { flex-flow: column; justify-content: center; align-items: center; width: 80%; max-width: 1344px; margin-left: auto; margin-right: auto; display: flex; overflow: hidden; } .image { width: 100%; max-width: none; } .video-fullscreen_section { width: 100%; padding-top: 4rem; padding-bottom: 4rem; } .video-fullscreen_section.no-padding { padding-top: 0; padding-bottom: 0; } .video-fullscreen_section.padding-bottom-8rem { padding-bottom: 8rem; } .video-fullscreen_section.padding-bottom-8rem.padding-top-0rem { padding-top: 0; } .video-fullscreen_container { z-index: 1; justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: relative; overflow: hidden; } .video-fullscreen { object-fit: cover; width: 100%; height: 100%; overflow: hidden; } .text_section { position: relative; } .text_section.padding-top-8rem { padding-top: 8rem; } .text_section.margin-bottom-negative { margin-bottom: -4rem; padding-bottom: 4rem; } .text_section.margin-bottom-negative.padding-bottom-8rem { padding-bottom: 8rem; } .text_section.padding-bottom-8rem { padding-bottom: 4rem; } .text_section.padding-top-bottom-8rem { padding-top: 8rem; padding-bottom: 8rem; } .text_container { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 70%; min-width: 800px; max-width: 1344px; margin-left: auto; margin-right: auto; padding-top: 4rem; padding-bottom: 4rem; display: grid; position: relative; } .case-image-dyptique-section { width: 100%; padding-top: 4rem; padding-bottom: 4rem; } .dyptique-container { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 80%; max-width: 1344px; height: 45vw; max-height: 756px; margin-left: auto; margin-right: auto; display: grid; position: relative; } .dyptique-image-container { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .intro-case-text-container { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; display: flex; } .div-block-2 { grid-column-gap: 1.25em; grid-row-gap: 3em; text-align: left; flex-direction: row; place-content: flex-start space-between; align-items: center; width: 70%; min-width: 800px; max-width: 1344px; margin-left: auto; margin-right: auto; display: flex; } .overlay-image-fullscreen { mix-blend-mode: multiply; background-color: gray; position: absolute; inset: 0%; } .project-transition { z-index: 2000; width: 100%; height: 100svh; display: none; position: fixed; inset: 0%; } .link-project-archive { width: 100%; height: 100%; position: absolute; inset: 0% auto auto; } .logo-quote-container { justify-content: flex-end; align-items: flex-start; max-width: 13rem; max-height: 10rem; margin-left: auto; padding-right: 3rem; display: flex; } .logo-quote { object-fit: contain; width: auto; height: 100%; } .lottie-container { justify-content: center; align-items: center; width: 80vw; max-width: 1344px; height: 45vw; max-height: 756px; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: hidden; } .nav-black { width: 0; height: 0; position: fixed; inset: 0% auto auto 0%; } .div-block-3 { mix-blend-mode: multiply; width: 150px; height: 150px; position: absolute; inset: auto; } .rideau-blanc-container { z-index: 2000; width: 100%; display: none; position: fixed; inset: 0%; } .overlay-rideau { background-color: #0009; position: absolute; inset: 0%; } .rideau-blanc { z-index: 0; background-color: var(--white); -webkit-text-fill-color: inherit; background-clip: border-box; position: absolute; inset: 0%; } .link { position: absolute; inset: 0%; } .background-video-2 { z-index: 1; border-radius: 0; align-items: flex-start; width: 100.5%; height: 100.5%; max-height: none; display: flex; box-shadow: 0 10px 60px #0003; } .background-video-2.arfrone { object-fit: cover; object-position: 50% 0%; width: 100%; height: 100%; } .video-mockup-screen { width: 80%; max-width: 1344px; margin-left: auto; margin-right: auto; } .video-mockup-screen.video { border-radius: 1.2em 1.2em 0 0; align-items: flex-start; width: 69.35%; max-width: none; height: 60.3%; max-height: none; margin-top: 7.6%; position: absolute; inset: 8.3% 0% 0%; overflow: hidden; box-shadow: 0 5px 60px #0003; } .video-mockup_section { width: 100%; padding-top: 4em; padding-bottom: 4em; position: relative; overflow: visible; } .background-color { position: absolute; inset: 0%; } .background-color.kubo { background-color: #fff; } .background-color.tec { background-color: var(--white-smoke); } .background-color.fnac-parrot { background-color: #111314; background-image: linear-gradient(#0071c24d, #111314); } .background-color.fnac-parrot-intro { background-color: #111314; background-image: linear-gradient(#0071c24d, #0071c24d); } .background-color.fnac-parrot-1 { background-color: #111314; background-image: linear-gradient(#111314, #0071c24d); } .video-mockup_container { justify-content: center; align-items: center; width: 80vw; max-width: 1344px; height: auto; margin-left: auto; margin-right: auto; font-size: 1em; display: flex; position: relative; overflow: hidden; } .footer-container { z-index: 1; grid-column-gap: 0em; grid-row-gap: 16px; border: 1px #000; flex: none; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: end; width: 100%; min-width: auto; max-width: none; margin-top: auto; margin-left: auto; margin-right: auto; padding: 6rem 8rem 9rem; display: grid; position: relative; top: auto; bottom: 0; overflow: visible; } .footer-bloc-contact { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-direction: row; align-items: flex-start; width: 100%; display: flex; } .div-block-9 { grid-row-gap: 1.25em; flex-direction: column; align-items: flex-start; max-width: 50ch; padding-right: 2em; display: flex; position: relative; } .div-block-9.page-contact { grid-row-gap: 1.25rem; max-width: none; padding-right: 0; overflow: hidden; } .div-block-13 { mix-blend-mode: multiply; background-color: #0000001a; width: 100%; height: 1px; margin-top: auto; margin-bottom: .375em; display: none; position: relative; } .collection-list-archives { grid-column-gap: 2rem; grid-row-gap: 4rem; flex-wrap: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-content: flex-start; align-items: flex-start; width: 100%; display: grid; } .text-archive-container { grid-row-gap: .75em; flex-direction: column; align-items: flex-start; padding-top: .5rem; padding-left: 0; padding-right: 2em; display: flex; position: static; inset: auto 0% 1.5rem 1.5rem; } .image-archive-container { cursor: pointer; object-fit: fill; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; overflow: hidden; } .image-archive { object-fit: cover; width: 100%; height: 100%; display: block; position: relative; } .archive-card { width: auto; position: relative; overflow: hidden; } .collection-item-archive { grid-column-gap: 5vw; grid-row-gap: 7.5vw; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: block; } .text-archive { grid-row-gap: 0em; flex-flow: column wrap; align-content: flex-start; align-items: flex-start; display: flex; } .archive-content { z-index: 500; align-items: flex-start; width: 100%; height: 100vh; display: none; position: fixed; inset: 0% 0% auto; overflow: auto; } .item { flex-direction: row; flex: none; place-content: flex-start; align-items: stretch; margin-right: 0; padding-right: 2rem; display: flex; } .div-block-15 { align-items: center; width: auto; height: 439px; display: flex; } .list { cursor: grab; flex-wrap: nowrap; align-content: flex-start; align-items: stretch; width: 100%; display: flex; } .wrapper { border-top-width: 1px; border-top-color: var(--white-smoke); border-bottom-width: 1px; border-bottom-color: var(--white-smoke); flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 2rem; display: flex; overflow: visible; } .wrapper.video { display: none; } .wrapper.logos { background-color: var(--white-smoke); } .image-3 { object-fit: cover; width: 100%; max-width: none; height: 100%; } .overlay-archive { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: #000c; display: block; position: fixed; inset: 0%; } .horizontal-sticky { background-color: var(--white); border-radius: .5em; width: 70%; min-width: 800px; margin: 3em auto; position: relative; overflow: hidden; } .horizontal-trigger { position: absolute; inset: 0% 0% auto; } .container { background-color: var(--white); flex-direction: row; justify-content: flex-end; align-items: flex-start; width: 100%; padding-bottom: 1.5em; padding-left: 1.5em; padding-right: 1.5em; display: flex; overflow: auto; } .div-block-17 { max-width: 70ch; } .div-block-19 { grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: var(--white); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; min-width: 800px; max-width: none; margin-left: auto; margin-right: auto; padding: 4rem; display: grid; overflow: visible; } .menu-open-wrapper { z-index: 9; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; height: 100vh; display: none; position: fixed; } .menu-open-container { grid-column-gap: 5vw; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: block; position: relative; } .div-block-20 { grid-row-gap: 2rem; flex-direction: column; justify-content: space-between; align-items: flex-start; display: flex; } .div-block-21, .div-block-22, .div-block-23, .div-block-24 { display: flex; } .div-block-25 { grid-row-gap: .5rem; flex-direction: column; align-items: flex-start; display: flex; } .div-block-26 { grid-column-gap: 0em; grid-row-gap: 2rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: -1.4em; display: flex; } .link-menu { grid-column-gap: 0em; grid-row-gap: 0em; flex-direction: column; justify-content: flex-start; align-self: flex-start; align-items: flex-start; height: 4.8rem; font-weight: 300; display: flex; position: relative; overflow: hidden; } .link-menu.page { align-items: center; height: 4rem; padding-right: .2rem; position: relative; } .menu-open { z-index: 9; grid-column-gap: 4em; grid-row-gap: 16px; background-color: #fff; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; padding-top: 10rem; padding-bottom: 8rem; display: flex; position: relative; overflow: hidden; } .overlay-menu { z-index: 8; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background-color: #0009; width: 100%; height: 100vh; position: absolute; inset: 0%; } .rideau-noir-container { z-index: 2000; width: 100%; display: none; position: fixed; inset: 0%; } .rideau-noir { z-index: 0; -webkit-text-fill-color: inherit; background-color: #000; background-clip: border-box; position: absolute; inset: 0%; } .projectd-list-wrapper { grid-column-gap: 1em; grid-row-gap: 6em; flex-wrap: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: flex-start; width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-left: 2.25em; padding-right: 2.25em; display: grid; } .projectd-list-wrapper.home { grid-column-gap: 1em; grid-row-gap: 8em; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-left: 8rem; padding-right: 8rem; display: flex; position: relative; } .cursor-area { z-index: 9; pointer-events: none; justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: fixed; inset: 0%; } .cursor { z-index: 9; background-color: var(--gold); border-radius: 100%; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; position: relative; } .icon-project-container { justify-content: center; align-items: center; display: flex; position: absolute; transform: scale(0); } .div-block-34 { border-top: 2px solid #000; border-right: 2px solid #000; width: 20px; height: 20px; position: absolute; top: -12px; right: -12px; } .div-block-34.left { inset: auto auto auto -14px; transform: rotate(-135deg); } .div-block-34.left.drag { position: relative; left: 0; } .div-block-34.right { inset: auto -14px auto auto; transform: rotate(45deg); } .div-block-34.right.drag { position: relative; right: 0; } .div-block-35 { background-color: var(--black); width: 30px; height: 2px; position: absolute; transform: rotate(-45deg); } .div-block-35.left-right { transform: none; } .icon-showreel-container { cursor: none; justify-content: center; align-items: center; display: none; position: absolute; } .text-block-2 { font-weight: 500; position: relative; } .img-cover { object-fit: cover; object-position: 50% 50%; width: 100%; max-width: none; height: 100%; display: block; } .div-block-38 { justify-content: space-between; margin-top: 0; display: none; position: relative; } .video-services-wrapper { width: 47.5%; height: 100vh; position: sticky; top: 0; overflow: hidden; } .services-wrapper { flex-direction: column; align-items: flex-start; width: 47.5%; padding-top: 0; display: flex; } .service-item-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 1.5em; width: 100%; min-width: auto; max-width: 96em; height: auto; min-height: auto; color: var(--white); flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-left: auto; margin-right: auto; padding-top: 6em; padding-bottom: 6em; display: grid; } .service-item-wrapper._1 { grid-row-gap: 3em; width: 100%; padding-top: 0; } .list-services-wrapper { flex-direction: column; align-items: flex-start; width: 100%; margin-top: 2.25em; display: flex; } .list-item-expertise { grid-row-gap: 1em; border-bottom: 1px #424242; flex-direction: column; align-self: stretch; align-items: flex-start; padding-top: 0; padding-bottom: 0; font-size: 1.25rem; display: flex; } .div-block-40 { position: absolute; inset: 0%; } .background-video-3 { z-index: -1; object-fit: cover; width: 100%; height: 100vh; position: absolute; inset: 0%; } .mask-video-top { background-color: var(--white); width: 100%; height: 12em; display: block; } .mask-video-left { background-color: var(--white); width: 10vw; height: 100%; display: block; position: absolute; inset: 0% auto auto 0%; } .card-team-member { flex-direction: column; justify-content: center; align-items: flex-start; width: 20rem; height: auto; display: flex; position: relative; } .card-team-member.hide { display: none; } .picture-team-member-container { border-radius: 0; width: 100%; height: 33vw; overflow: hidden; } .picture-team-member-container._2 { height: 27rem; } .txt-team-member-container { grid-column-gap: .5em; grid-row-gap: .5em; flex-direction: column; align-items: flex-start; width: 100%; padding-top: 1rem; padding-left: 0; padding-right: 2rem; display: flex; position: absolute; inset: 100% 0% 0%; } .slide-nav { display: none; } .left-arrow, .right-arrow { cursor: none; width: 50%; display: flex; } .icon, .icon-2 { display: none; } .bottom-bar { border-top: 1px solid #0000001a; justify-content: space-between; align-items: center; width: 100%; padding: 1rem 8rem; display: flex; } .text-block-3 { font-size: .8rem; line-height: 1.375rem; } .div-block-45 { grid-column-gap: 0em; grid-row-gap: 0em; border: 1px solid #e6e6e6; border-radius: 300px; justify-content: flex-end; align-items: center; height: 2em; padding-left: 0; padding-right: 0; display: flex; } .text-block-4 { color: var(--black); font-size: .8rem; font-weight: 400; line-height: 1.375rem; } .div-block-29-copy { grid-column-gap: 2em; grid-row-gap: 2em; flex-direction: column; justify-content: space-between; align-self: stretch; align-items: flex-start; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .div-block-28-copy { z-index: 0; background-color: #fff; flex-direction: column; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: relative; inset: 0% 0% auto; } .footer02 { z-index: 0; width: 100%; position: relative; overflow: hidden; } .mask-img-agence-01 { background-color: #fff; width: 110%; display: none; position: absolute; inset: 0%; } .img-agence-container { border-radius: 5px; position: relative; overflow: hidden; } .adresses-container { grid-column-gap: 4em; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .adresses-container.footer { grid-column-gap: 1.5em; grid-template-columns: 1fr 1fr; margin-top: 1rem; } .adresses-container.page-contact { grid-column-gap: 2rem; grid-template-columns: 1fr 1fr; width: 100%; margin: 0 auto 6rem; padding-left: 8rem; padding-right: 8rem; } .div-block-47 { grid-column-gap: 1.5em; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; min-width: auto; max-width: none; margin-left: auto; margin-right: auto; padding-left: 3.5rem; padding-right: 3.5rem; display: grid; position: absolute; } .link-content { background-color: #0000; border: 1px solid #0000001a; border-radius: 100px; align-items: center; padding: 1em 2em; transition: border-color .2s, background-color .2s; display: flex; } .link-content:hover { border-style: solid; border-color: var(--gold); background-color: var(--gold); color: var(--black); } .div-block-50 { border-radius: 0; width: 100%; height: 24vw; margin-bottom: 1em; overflow: hidden; } .bt-expertise { border-bottom: 1px solid var(--white-smoke); cursor: pointer; justify-content: space-between; align-self: stretch; align-items: center; width: 100%; padding-top: 1em; padding-bottom: 1em; display: flex; } .icon-arrow-expertise { border: 1px solid var(--white-smoke); border-radius: 32px; justify-content: center; align-items: center; width: 28px; height: 28px; display: flex; position: relative; } .div-block-52 { border-top: 2px solid #000; border-right: 2px solid #000; width: 8px; height: 8px; position: relative; inset: -1px 0% 0%; transform: rotate(135deg); } .description-expertise { border-bottom: 1px none var(--white-smoke); align-self: stretch; align-items: flex-start; padding-bottom: 1rem; display: block; overflow: hidden; } .text-description-expertise { padding-top: 1em; padding-bottom: 2em; font-size: 1.25rem; line-height: 1.5em; } .item-expertise { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; place-content: flex-end flex-start; align-items: flex-start; display: block; position: relative; } .section-video-expertise { justify-content: center; align-items: center; width: 80%; height: 80vh; margin-top: 4em; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: hidden; } .expertise-content-section { grid-row-gap: 8em; background-color: #fff; flex-direction: column; align-items: flex-start; padding-top: 8em; display: flex; } .div-block-57 { grid-column-gap: 1em; align-items: center; display: flex; } .div-block-58 { grid-row-gap: 2rem; flex-direction: column; justify-content: flex-start; display: flex; } .slider-quote-container { grid-row-gap: 8em; flex-direction: column; margin-top: 0; display: flex; position: relative; overflow: hidden; } .slider-quote { background-color: var(--white-smoke); height: 100%; min-height: 100vh; overflow: hidden; } .text-container-quote { grid-column-gap: 5vw; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 80vw; min-width: 793.6px; max-width: 1344px; height: auto; margin-left: auto; margin-right: auto; padding-top: 12em; padding-bottom: 12em; display: flex; } .slide-quote { border: 1px #0000001a; min-height: 100vh; position: static; overflow: hidden; } .div-block-60 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-content: center; align-items: center; width: 70%; min-width: 800px; max-width: 1344px; height: 100%; padding-top: 8rem; padding-bottom: 8rem; display: grid; position: absolute; inset: 0%; overflow: visible; } .div-block-64 { border-radius: 0; justify-content: center; align-items: center; width: 100%; display: block; position: relative; overflow: hidden; } .news-card { grid-column-gap: 16px; grid-row-gap: 0px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .boite-link { grid-row-gap: 1em; background-color: #fff; border: 1px solid #0000001a; border-radius: 0; flex-direction: column; flex: 1; width: 100%; padding: 2rem 2rem 9rem; display: flex; position: relative; } .boite-link.internal-link { position: static; } .date { color: var(--grey); font-size: .8rem; line-height: 1.375rem; } .adresses-container-copy { grid-column-gap: 4em; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .adresses-container-copy.footer { grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: 1fr 1fr 1fr 1fr; align-self: stretch; } .actu-footer-container { grid-column-gap: 1.5em; grid-row-gap: 3em; border: 1px #000; border-top: 1px solid #e6e6e6; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: flex-start; width: 100%; max-width: none; margin-left: auto; margin-right: auto; padding: 8rem; display: flex; position: static; overflow: hidden; } .link-content-2 { grid-column-gap: .5em; flex-direction: row; align-items: center; padding-top: 1em; padding-bottom: 1em; display: flex; } .icone-link-2-container { background-color: #fc60; border: 1px solid #d4d4d4; border-radius: 30px; justify-content: center; align-items: center; width: 28px; height: 28px; display: flex; position: relative; } .icone-link-2-container.news { border-style: solid; border-radius: 50%; width: 3rem; height: 3rem; position: absolute; inset: auto 2rem 2rem auto; } .div-block-67 { mix-blend-mode: normal; background-color: #000; width: 12px; height: 2px; margin-bottom: -1px; margin-left: -1px; margin-right: 0; transform: rotate(-45deg); } .div-block-68 { mix-blend-mode: normal; border-top: 2px solid #000; border-right: 2px solid #000; width: 9px; height: 9px; margin-top: -1px; margin-right: -1px; position: absolute; } .div-block-69 { flex-direction: column; align-items: flex-start; height: 1.5625em; display: flex; overflow: hidden; } .mask-citation { width: 100%; min-height: 100vh; max-height: 100vh; position: static; overflow: visible; } .div-block-71 { background-color: var(--black); justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; overflow: hidden; } .mask-accordeon-expertise { flex-direction: column; align-items: flex-start; height: 2.4rem; display: flex; overflow: hidden; } .div-block-72 { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1.5fr 1fr 1fr; grid-auto-columns: 1fr; align-self: flex-end; width: 120vw; height: 30vw; margin-left: auto; padding-bottom: .5rem; padding-right: .25rem; display: grid; } .div-block-72.first { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; margin-left: -120vw; padding-right: .5em; position: relative; } .section-images-animees { align-items: flex-start; width: 100%; display: flex; overflow: hidden; } .div-block-74 { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; } .x3-img-grid { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 80vw; max-width: 1344px; height: 45vw; max-height: 756px; margin-left: auto; margin-right: auto; display: grid; position: relative; overflow: hidden; } .link-content-3 { grid-column-gap: .5em; flex-direction: row; align-items: center; padding-top: 1em; padding-bottom: 1em; display: flex; } .mask-quote-left { background-color: var(--white); width: 8rem; height: 100%; display: block; position: absolute; inset: 0% auto 0% 0%; } .mask-quote-right { background-color: var(--white); width: 8rem; height: 100%; display: block; position: absolute; inset: 0% 0% 0% auto; } .section-portraits-container { grid-column-gap: 5vw; grid-row-gap: 16px; mix-blend-mode: difference; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: sticky; top: 0; } .div-block-75 { width: 240vw; display: flex; } .line { background-color: #0000001a; width: 100%; height: 1px; margin-left: auto; margin-right: auto; position: static; inset: 0% 0% auto; } .line.blanc { background-color: #ffffff4d; display: none; } .mask-line { width: 100%; height: 1px; overflow: hidden; } .section-main { flex-direction: column; align-items: stretch; display: flex; position: relative; } .section-main.agence { margin-bottom: 8rem; } .pixel-main-content { width: 0; height: 100vh; display: block; position: absolute; inset: 0% auto auto 0%; } .mask-video-bottom { background-color: var(--white); width: 100%; height: 12em; display: block; position: absolute; bottom: 0; } .div-block-78 { width: 100%; } .div-block-79 { height: 50vh; } .div-block-81 { flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; height: auto; display: flex; position: relative; } .div-block-83 { flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-self: auto; align-items: stretch; width: 100%; margin-bottom: 0; padding-top: 12rem; padding-bottom: 12rem; display: flex; position: relative; } .div-block-85 { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: start; place-items: center start; width: 204rem; height: 100vh; padding-left: 8rem; padding-right: 8rem; display: grid; } .portraits-wrapper { flex-direction: column; align-items: flex-start; width: 100%; height: auto; margin-top: -12rem; display: flex; position: relative; overflow: visible; } .div-block-86 { pointer-events: none; width: 100%; height: 100vh; display: block; position: fixed; inset: 0% 0% auto; overflow: hidden; } .pixel-portrait { width: 1px; height: 204rem; margin-top: -100vh; position: relative; inset: 0% auto auto 0%; } .pixel-footer { width: 1px; height: 100vh; display: block; position: absolute; inset: auto 0% 0%; } .paris-mtp-wrapper { flex-direction: column; align-items: center; margin-top: -8rem; display: flex; } .bg-footer { background-color: #000; display: block; position: absolute; inset: 0%; } .left-text-container { grid-row-gap: 1em; flex-direction: column; display: flex; } .left-text-container.recrutement { grid-column-gap: .375rem; grid-row-gap: .375rem; flex-flow: row; } .div-block-89 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; justify-items: center; width: 100%; max-width: none; margin: -6rem auto 0; padding-left: 8rem; padding-right: 8rem; display: grid; position: relative; overflow: hidden; } .div-block-90 { width: 100%; height: 25vw; position: relative; overflow: hidden; } .div-block-90._2 { height: 18vw; } .div-block-90._2-copy { height: 100%; margin-top: 0; padding-left: 0; } .fixed-section-title { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: stretch; width: 70%; min-width: 800px; max-width: 1344px; min-height: 100vh; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; display: grid; position: relative; inset: 0% 0% auto; } .intro-bureaux-text { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 70%; min-width: 800px; max-width: 1344px; margin-left: auto; margin-right: auto; padding-top: 6rem; padding-bottom: 12rem; display: grid; } .nav-container-copy { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; pointer-events: auto; border-bottom-style: solid; border-bottom-width: 1px; border-left: 1px #333; border-right: 1px #333; align-items: center; height: 3rem; margin-right: 0; padding-left: 0; padding-right: 0; display: flex; } .span-bold { font-size: .8em; font-weight: 500; line-height: 1em; } .txt-news-footer { color: var(--black); font-size: 1rem; font-weight: 400; line-height: 1.375rem; } .txt-news-footer.title { font-weight: 500; } .link-puce { grid-column-gap: .5rem; grid-row-gap: .5rem; color: var(--black); flex-direction: row; justify-content: flex-start; align-self: flex-start; align-items: center; font-size: 1.25rem; display: flex; position: relative; } .link-puce.autres-realisations { margin-top: .5rem; } .link-puce.menu-burger { margin-top: 1rem; } .link-puce.difference.showreel, .link-puce.hide { display: none; } .body-bg-black { background-color: #000; } .description-team-member { color: var(--grey); font-size: .9rem; line-height: 1.25em; } .pixel-video-expertises { z-index: -1; width: 100%; height: 100vh; position: absolute; } .pixel-overlay { width: 100%; height: 50vh; } .video-expertises-container-2 { z-index: -1; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; height: 100vh; min-height: 100vh; display: none; position: fixed; inset: 0%; overflow: hidden; } .mask-video-top-03 { background-color: #000; flex: 1; width: 100%; margin-top: 0; display: block; position: static; inset: 0%; } .mask-video-bottom-03 { background-color: #000; flex: 1; width: 100%; margin-top: auto; display: block; position: static; inset: auto 0% 0%; } .mask-video-left-03 { z-index: 0; background-color: #000; width: 42.5vw; height: 100vh; display: block; position: absolute; inset: 0% auto 0% 0%; } .mask-video-right-03 { background-color: #000; width: 42.5vw; height: 100vh; display: block; position: absolute; inset: 0% 0% 0% auto; } .nav-link-expertises { mix-blend-mode: difference; align-self: auto; height: 1.5625rem; padding-left: 0; padding-right: 0; position: relative; overflow: hidden; } .nav-link-expertises.w--current { mix-blend-mode: difference; } .div-block-108 { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: fixed; inset: 0%; } .item-compo-expertise { opacity: .3; justify-content: center; align-items: center; width: 15vw; height: 20vw; margin-top: auto; margin-bottom: auto; display: flex; position: relative; } .item-compo-expertise._1 { align-items: center; width: 15vw; height: 20vw; margin-top: -30vw; margin-left: -50vw; position: absolute; inset: auto; } .item-compo-expertise._2 { flex: 0 auto; justify-content: center; align-self: auto; align-items: center; width: 15vw; height: 20vw; margin-top: -60vw; margin-left: auto; margin-right: auto; position: absolute; inset: auto; } .item-compo-expertise._3 { align-items: center; width: 15vw; height: 20vw; margin-top: 30vw; margin-right: -50vw; position: absolute; inset: auto; } .item-compo-expertise._4 { flex: 0 auto; justify-content: center; align-self: auto; align-items: center; width: 15vw; height: 20vw; margin-top: -30vw; margin-left: auto; margin-right: -50vw; position: absolute; inset: auto; } .item-compo-expertise._5 { flex: 0 auto; justify-content: center; align-self: auto; align-items: center; width: 15vw; height: 20vw; margin-top: -60vw; margin-left: -100vw; position: absolute; inset: auto; } .item-compo-expertise._6 { flex: 0 auto; justify-content: center; align-self: auto; align-items: center; width: 15vw; height: 20vw; margin-top: 30vw; margin-left: auto; margin-right: 50vw; position: absolute; inset: auto; } .item-compo-expertise._7 { flex: 0 auto; justify-content: center; align-self: auto; align-items: center; width: 15vw; height: 20vw; margin-top: 60vw; margin-left: auto; margin-right: auto; position: absolute; inset: auto; } .item-compo-expertise._8 { align-items: center; width: 15vw; height: 20vw; margin-left: -100vw; position: absolute; inset: auto; } .item-compo-expertise._9 { align-items: center; width: 15vw; height: 20vw; margin-right: -100vw; position: absolute; inset: auto; } .mask-video-center { -webkit-text-fill-color: inherit; background-clip: content-box; justify-content: center; align-items: center; width: 100%; height: 20vw; max-height: 20vw; display: flex; position: relative; } .div-block-110 { flex-direction: column; justify-content: center; width: 100%; height: 100vh; display: flex; position: relative; inset: 0%; } .link-section-container { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-self: center; place-items: flex-start center; width: 70%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 8rem; display: grid; } .link-wrapper { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; align-items: center; padding-bottom: 0; display: flex; } .main-heading-container { grid-column-gap: 1rem; grid-row-gap: 0em; flex-flow: column wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-content: flex-start; align-self: center; align-items: flex-start; margin-top: 0; margin-right: auto; padding-top: 1em; padding-bottom: 1em; display: flex; position: relative; inset: 0% auto auto 0%; overflow: hidden; } .recrutement-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; border-top: 1px solid #e6e6e6; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; margin-left: auto; margin-right: auto; padding: 6rem 8rem; display: grid; } .job-card-copy { grid-column-gap: 16px; grid-row-gap: 0px; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .line-button { background-color: #000; width: 100%; height: 1px; } .line-button.burger-menu { margin-top: auto; margin-bottom: auto; margin-left: .4em; display: none; position: absolute; bottom: 0; } .line-button.white { background-color: #fff; } .div-block-116 { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-direction: column; justify-content: flex-start; display: flex; overflow: hidden; } .puce-button { background-color: var(--gold); border-radius: 1000px; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; position: absolute; bottom: -.5rem; left: 0%; right: auto; } .div-block-117 { background-color: #000; width: 100%; height: 2px; position: relative; inset: auto 0% 0%; } .div-block-118 { background-color: var(--gold); border-radius: 50%; width: 100%; height: 100%; position: absolute; } .div-block-119 { z-index: 0; width: 100%; margin-top: auto; position: relative; inset: auto 0% 0%; } .switch-lang { justify-content: center; align-self: auto; align-items: center; width: 2em; height: 2em; padding-left: .5rem; padding-right: .5rem; display: flex; } .switch-en { border-radius: 200px; justify-content: center; align-self: auto; align-items: center; width: 2em; height: 2em; padding-left: 1rem; padding-right: 1rem; display: flex; } .text-span-9 { text-decoration: underline; } .div-block-121 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto 8rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding-top: 8rem; display: grid; } .link-menu-noir { grid-column-gap: 0em; grid-row-gap: 0em; flex-direction: column; justify-content: flex-start; align-self: flex-start; align-items: flex-start; height: 4.8rem; font-weight: 300; display: flex; position: relative; overflow: hidden; } .div-block-122 { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: column; justify-content: space-between; display: flex; } .menu-section-white { z-index: 100; pointer-events: none; align-items: flex-start; width: 100%; padding-top: 3rem; padding-bottom: 0; display: none; position: fixed; inset: 0% 0% auto; } .content-wrapper-intro { grid-column-gap: 1.5em; grid-row-gap: 1.5em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 70%; min-width: 800px; max-width: 1344px; display: grid; } .content-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 70%; min-width: 800px; max-width: 1344px; margin-left: auto; margin-right: auto; padding-bottom: 8rem; display: grid; } .content-wrapper.agence { mix-blend-mode: difference; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; width: 70%; max-width: 1344px; padding: 8rem 0 6rem; position: relative; } .content-wrapper.form { mix-blend-mode: normal; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; width: 70%; max-width: 1344px; padding: 4rem 0 6rem; position: relative; } .intro-wrapper { grid-column-gap: 1rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 70%; min-width: 800px; max-width: 1344px; margin-left: auto; margin-right: auto; padding: 16rem 0 12rem; display: grid; } .intro-wrapper.expertise { min-height: 100vh; position: relative; } .intro-wrapper.archives, .intro-wrapper.recrutement, .intro-wrapper.archive { padding-bottom: 4rem; } .intro-wrapper.logo { padding-bottom: 8rem; } .intro-wrapper.contact { padding-bottom: 4rem; } .text-block-10 { color: var(--white); } .link-section-wrapper { border-top: 1px solid #e6e6e6; justify-content: center; padding-top: 4rem; padding-bottom: 8rem; display: flex; } .actu-container { grid-column-gap: 1.5em; grid-row-gap: 6em; border: 1px #000; border-top-color: #e6e6e6; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: flex-start; width: 100%; max-width: none; margin-left: auto; margin-right: auto; padding: 0 8rem 9em; display: flex; position: relative; overflow: hidden; } .year-actu-container { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-direction: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-self: auto; align-items: flex-start; width: 100%; display: grid; } .line-footer { background-color: #0000001a; width: 100%; height: 1px; position: absolute; inset: 0% 0% auto; } .realisations-associ-es-container { grid-column-gap: 4rem; grid-row-gap: 4rem; mix-blend-mode: multiply; flex-direction: column; justify-content: flex-start; padding-top: 4rem; display: flex; position: static; } .div-block-133 { z-index: -1; width: 100%; margin-left: auto; margin-right: auto; position: fixed; inset: 0%; } .div-block-134 { background-color: var(--black-alpha); width: 1px; height: 100%; margin-left: 12.5rem; position: absolute; } .div-block-134._2 { background-color: var(--black); height: 50%; } .annee-chiffre { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-direction: row; justify-content: flex-start; align-self: stretch; align-items: flex-start; width: 100%; margin-left: auto; margin-right: auto; display: flex; } .div-block-136 { background-color: var(--black); border-radius: 10em; width: 1em; height: 1em; margin-top: 2em; display: none; } .div-block-137 { background-color: #fff; width: 2em; height: 2em; display: none; position: absolute; } .div-block-138 { background-color: #fff; } .content-wrapper-intro-home { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: flex-start; width: 70%; min-width: 800px; max-width: 1344px; display: flex; } .pixel-filtres-in-out { width: 1px; height: 1px; position: absolute; inset: auto auto 0% 0%; } .hero-expertise-section { justify-content: center; align-items: center; width: 100%; height: 100vh; padding-bottom: 0; display: flex; overflow: hidden; } .h-html { flex-direction: column; align-items: flex-start; display: flex; } .txt { font-size: 1rem; line-height: 1.375rem; } .overlay-transition { width: 100%; height: 100vh; position: fixed; inset: 0%; } .transition-projet { z-index: 1000; width: 100%; height: 100vh; display: none; position: fixed; inset: 0%; } .contenus { flex-flow: column; align-items: stretch; padding-bottom: 4rem; display: flex; } .vignette-actualite { aspect-ratio: 16 / 9; object-fit: cover; object-position: 50% 50%; width: 100%; max-width: none; height: 100%; position: relative; right: auto; } .collection-list-wrapper-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: block; } .collection-list-wrapper-2.mobile { display: none; } .collection-list-3 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .actu-year-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; width: 100%; display: block; } .collection-list-4 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lottie-section { width: 100%; padding-top: 4rem; padding-bottom: 4rem; } .div-block-47-copy { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 70%; min-width: 800px; max-width: 1344px; margin-left: auto; margin-right: auto; display: grid; position: static; } .text-award_section.padding-top-8rem { padding-top: 4rem; } .button { background-color: var(--gold); border-radius: .5rem; padding: .5rem 2rem; } .button:hover { background-color: var(--orange); } .text-block-11 { display: none; } .collection-list-5 { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; padding-left: 8rem; padding-right: 8rem; display: grid; } .collection-item { grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: var(--black-alpha); border-radius: .5rem; flex-flow: column; align-items: center; padding: 2rem; display: flex; position: relative; } .div-block-139 { box-shadow: 0 2px 20px #00000026; } .div-block-140 { grid-column-gap: 2rem; grid-row-gap: 2rem; background-color: var(--white-smoke); border-radius: 1rem; flex-flow: column; align-items: center; width: auto; margin-top: 2rem; margin-left: 2rem; margin-right: 2rem; padding: 2rem 4rem 4rem; display: flex; } .back-button { background-color: var(--black); border-radius: .5rem; margin-top: 4rem; margin-left: 4rem; position: absolute; inset: 0% auto auto 0%; } .link-block-3 { position: absolute; inset: 0%; } .div-block-139-copy { width: 70%; max-width: 600px; box-shadow: 0 2px 20px #00000026; } .filters-wrapper { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: column; align-items: flex-start; display: flex; } .categories-contain { display: none; } .card { position: relative; inset: 0%; } .radio-button-field { padding-left: 0; position: relative; overflow: visible; } .radio-button { background-color: #fff; border: 1px #000; border-radius: 4px; width: 4px; height: 4px; margin-top: .7rem; margin-left: -12px; display: block; position: static; inset: 0% auto auto 0%; } .radio-button:active { background-color: var(--black); } .radio-button.w--redirected-checked { background-color: #000; border-style: none; border-radius: 4px; width: 4px; height: 4px; } .radio-button.w--redirected-focus { width: 3px; height: 3px; box-shadow: none; background-color: #000; border-style: none; border-radius: 50%; } .radio-button.w--redirected-focus-visible { background-color: #000; border-style: none; width: 3px; height: 3px; } .mask-projets-intro-container { display: flex; position: absolute; inset: 0% 0% auto; overflow: hidden; } .mask-projets-intro-container.archives { padding-left: 8rem; padding-right: 8rem; display: none; } .mask-projets-intro-container.archives.hide { display: none; } .mask-left, .mask-right { background-color: #fff; width: 50%; height: 40vw; } .mask-projets-filter-transition { width: 100%; display: flex; position: absolute; inset: 0% 0% auto; overflow: hidden; } .mask-projets-filter-transition.archives { padding-left: 8rem; padding-right: 8rem; display: flex; } .mask-projets-filter-transition.archives.hide { display: none; } .mask-left-filter-transition, .mask-right-filter-transition { background-color: #fff; width: 50%; height: 100vh; } .div-block-144 { display: block; } .div-block-145 { width: calc(100vw + 204rem); height: 100vh; padding-left: 100vw; } .link-contain { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: column; flex: 1; display: flex; overflow: hidden; } .form-block { margin-bottom: 0; padding-bottom: 4rem; } .text-recrutement-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 70%; min-width: 800px; max-width: 1344px; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 4rem; display: grid; } .collection-list-7 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .text-for-empty-link { display: none; } .boite-link-externe { grid-row-gap: 1em; background-color: #fff; border: 1px solid #0000001a; border-radius: 0; flex-direction: column; flex: 1; width: 100%; padding: 2rem 2rem 9rem; display: flex; position: static; } .chiffre-container { flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-self: flex-start; place-items: flex-start stretch; margin-bottom: 0; display: none; position: relative; } .chiffres-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; align-items: flex-start; display: flex; } .pixel-bg-color-change { width: 100px; } .bg-color { background-color: var(--white); position: fixed; inset: 0%; } .icon-left-arrow-container { justify-content: center; align-items: center; display: flex; position: absolute; transform: scale(0); } .icon-right-arrow-container { justify-content: center; align-items: center; display: flex; position: absolute; transform: rotate(45deg)scale(0); } .div-block-146 { justify-content: center; align-items: center; padding-top: 4rem; padding-bottom: 4rem; display: flex; } .button-showreel { position: absolute; inset: 0%; } .paragraph-rich { font-size: 1.25rem; line-height: 1.375em; } .slider, .bg-menu-container, .bg-menu { display: none; } .pixel-menu-cross-black { width: 1px; height: 6rem; position: absolute; inset: 0% auto auto 0%; } .pixel-menu-cross-noir { width: 0; height: 4rem; display: flex; position: absolute; inset: 0% auto auto 0%; } .menu-section-black { z-index: 100; align-items: flex-start; width: 100%; padding-top: 3rem; padding-bottom: 0; display: none; position: fixed; inset: 0% 0% auto; } .pixel-menu-cross-white { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 1px; height: 6rem; display: flex; position: absolute; inset: 0 0% auto; } .images-archive-wrapper { border-top: 1px solid var(--white-smoke); border-bottom: 1px solid var(--white-smoke); width: 100%; margin-bottom: 4rem; position: relative; overflow: hidden; } .image-archives-container { grid-column-gap: 2rem; grid-row-gap: 2rem; display: flex; overflow: auto; } .image-archives-container.x-scroll { scrollbar-width: none; } .mask-archive { background-color: var(--white); display: none; position: absolute; inset: 0%; } .heading-02-2 { color: #000; text-align: left; letter-spacing: -.05em; white-space: normal; flex-direction: column; align-items: flex-start; max-width: 14ch; margin-top: 0; margin-bottom: 0; font-size: 5.6875rem; font-weight: 500; line-height: 1em; display: inline-block; } .heading-02-2.case { text-align: left; letter-spacing: -.05em; font-family: Silka Webfont, Arial, sans-serif; font-size: 3.05176em; font-weight: 500; line-height: 1em; } .image-hero-cas-mobile { object-fit: cover; width: 100%; max-width: none; height: 100%; display: none; } .collection-news-wrapper { position: relative; overflow: hidden; } .mask-intro-collection { background-color: #fff; display: none; position: absolute; inset: 0%; } .video-youtube_section { width: 100%; padding-top: 4rem; padding-bottom: 4rem; overflow: hidden; } .video-youtube_section.padding-bottom-8rem { padding-bottom: var(--padding-8rem); } .video-youtube_section.padding-bottom-negative { margin-bottom: -4rem; padding-bottom: 8rem; } .video-youtube_section.padding-bottom-negative.padding-top-8rem { padding-top: 8rem; } .video-youtube-container { width: 80%; max-width: 1344px; margin-left: auto; margin-right: auto; } .image-archives-container-touch { display: none; overflow: auto; } .wrapper-touch { border-top-width: 1px; border-top-color: var(--white-smoke); border-bottom-width: 1px; border-bottom-color: var(--white-smoke); flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 2rem; display: flex; overflow: visible; } .list-touch { flex-wrap: nowrap; align-content: flex-start; align-items: stretch; width: 100%; display: flex; } .item-touch { flex-direction: row; flex: none; place-content: flex-start; align-items: stretch; margin-right: 2rem; display: flex; } .div-block-15-touch { align-items: center; width: auto; height: 439px; display: flex; } .image-3-touch { object-fit: cover; width: 100%; max-width: none; height: 100%; } .trigger-video-on-off { z-index: -1; height: 150vh; position: absolute; inset: 0% 0% auto; } .mask-img-agence-01-copy { background-color: #fff; width: 110%; display: none; position: absolute; inset: 0%; } .icon-drag { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: center; align-items: center; display: flex; position: absolute; transform: scale(0); } .video-2 { aspect-ratio: 16 / 9; width: 100%; height: 100%; } .image-fullscreen-container-2, .image-fullscreen-container-3, .image-fullscreen-container-4, .image-fullscreen-container-5, .image-fullscreen-container-6, .image-fullscreen-container-7, .image-fullscreen-container-8 { background-color: #9c9c9c; justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: relative; overflow: hidden; } .image-4 { width: 100%; max-width: none; } .spline-section { flex-flow: column; width: 100%; height: 300vh; display: flex; position: relative; overflow: visible; } .spline-section.margin-bottom-negative { margin-bottom: -4rem; padding-bottom: 8rem; } .spline-section.padding-top-8rem { padding-top: var(--padding-8rem); } .spline-section.padding-bottom-8rem { padding-bottom: var(--padding-8rem); } .spline-section.padding-top-bottom-8rem { padding-top: var(--padding-8rem); padding-bottom: var(--padding-8rem); } .spline-section.padding-top-0rem { padding-top: var(--padding-0rem); } .spline-section.padding-top-bottom-0rem { padding-top: var(--padding-0rem); padding-bottom: var(--padding-0rem); } .spline-stop-the-robots { background-color: #000; width: 100%; height: 100vh; } .image-horizontal-move-section-2 { justify-content: center; align-items: center; width: 100%; padding-top: 4rem; padding-bottom: 4rem; display: flex; overflow: hidden; } .spline-contain { background-color: #fff0; width: 100%; height: 100vh; position: sticky; top: 0; overflow: hidden; } .spline-vsu { background-color: #171d3100; position: absolute; inset: 0%; } .video-archive-section { width: 70%; min-width: 800px; max-width: 1344px; margin-left: auto; margin-right: auto; padding-bottom: 2rem; position: relative; overflow: hidden; } .bg-talkie-vsu { background-image: radial-gradient(circle closest-side, #30395c, #171d32 86%); display: block; position: absolute; inset: 0%; } .image-navigateur_section { width: 100%; padding-top: 4rem; padding-bottom: 0; position: relative; overflow: visible; } .image-navigateur_section.margin-bottom-negative { margin-bottom: -4rem; padding-bottom: 8rem; } .image-navigateur_section.padding-top-8rem { padding-top: var(--padding-8rem); } .image-navigateur_section.padding-bottom-8rem { padding-bottom: var(--padding-8rem); } .image-navigateur_section.padding-top-bottom-8rem { padding-top: var(--padding-8rem); padding-bottom: var(--padding-8rem); } .image-navigateur_section.padding-top-0rem { padding-top: var(--padding-0rem); } .image-navigateur_section.padding-top-bottom-0rem { padding-top: var(--padding-0rem); padding-bottom: var(--padding-0rem); } .image-navigateur_container { flex-flow: column; justify-content: center; align-items: center; width: 80%; max-width: 1344px; margin-top: calc(5.5rem - 100vh); margin-left: auto; margin-right: auto; padding-bottom: 4rem; display: flex; position: static; inset: 0% 0% auto; } .navigateur { background-color: #e2e2e2; border-top-left-radius: .5rem; border-top-right-radius: .5rem; justify-content: flex-start; align-items: center; width: 80%; max-width: 1344px; height: 2rem; margin-left: auto; margin-right: auto; padding-left: .5rem; display: flex; position: absolute; inset: 3.5rem 0% auto; } .navigateur-cercle { background-color: #fff; border-radius: 1rem; width: .5rem; height: .5rem; margin-left: .5rem; } .mask-image-navigateur { pointer-events: none; flex-flow: column; justify-content: flex-end; align-items: center; width: 100%; height: 100vh; display: flex; position: sticky; top: 0; } .mask-top { background-color: #fff; width: 100%; height: 5.5rem; position: absolute; inset: 0% 0% auto; } .mask-bottom { background-color: #fff; width: 100%; height: 4rem; position: absolute; inset: auto 0% 0%; } .lottie-animation { width: 8rem; } .lottie-intro-home_container { z-index: 1000; opacity: 0; pointer-events: none; justify-content: center; align-items: center; width: 100%; height: 100svh; display: flex; position: fixed; inset: 0% 0% auto; } .lotttie-bg { background-color: var(--black); position: absolute; inset: 0%; } .lottie-intro-page_container { z-index: 1000; opacity: 0; pointer-events: none; justify-content: center; align-items: center; width: 100%; height: 100svh; display: flex; position: fixed; inset: 0% 0% auto; } .lottie-outro-page_container { z-index: 3000; pointer-events: none; justify-content: center; align-items: center; width: 100%; height: 100svh; display: flex; position: fixed; inset: 0% 0% auto; } .lottie-outro, .lottie-intro { width: 8rem; } .div-block-150 { background-image: linear-gradient(0deg, #000, #1e252b00 70%); position: absolute; inset: 0%; } .image-5 { width: 20vw; position: absolute; inset: auto; } .video-youtube-fullscreen_section { justify-content: center; align-items: center; width: 100%; padding-top: 4rem; padding-bottom: 4rem; display: flex; overflow: hidden; } .video-youtube-fullscreen_section.padding-bottom-8rem { padding-bottom: var(--padding-8rem); } .video-youtube-fullscreen_section.padding-bottom-negative { margin-bottom: -4rem; padding-bottom: 8rem; } .video-youtube-fullscreen-container { width: 100%; max-width: none; height: auto; max-height: 100vh; margin-left: auto; margin-right: auto; } .icon-3d-container { justify-content: center; align-items: center; display: flex; position: absolute; transform: scale(0); } .image-6 { width: 60px; height: 60px; } .fluidbook_section { width: 100%; padding-top: 4rem; padding-bottom: 4rem; } .fluidbook_section.no-padding { padding-top: 0; padding-bottom: 0; } .fluidbook_section.padding-bottom-0rem { padding-bottom: var(--padding-0rem); } .fluidbook_section.padding-negative { padding-bottom: var(--padding-0rem); margin-bottom: -4rem; } .fluidbook-container { background-color: #9c9c9c; justify-content: center; align-items: center; width: 100%; height: 100vh; display: flex; position: relative; overflow: hidden; } .html-embed { justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 0; display: block; } .html-embed.page-video { object-fit: cover; flex: 1; min-width: 100%; } .div-block-151 { width: 95%; height: 100%; position: absolute; } .div-block-152 { width: 100%; height: 100vh; position: fixed; inset: 0%; overflow: hidden; } .spline-scene { opacity: .3; width: 100%; height: 100%; } .dyptique-video_section { z-index: 1; width: 100%; padding-top: 4rem; padding-bottom: 4rem; position: relative; overflow: hidden; } .dyptique-video_section.margin-bottom-negative { margin-bottom: -4rem; padding-bottom: 8rem; } .dyptique-video_section.padding-top-8rem { padding-top: var(--padding-8rem); } .dyptique-video_section.padding-bottom-8rem { padding-bottom: var(--padding-8rem); } .dyptique-video_section.padding-top-bottom-8rem { padding-top: var(--padding-8rem); padding-bottom: var(--padding-8rem); } .dyptique-video_section.padding-top-0rem { padding-top: var(--padding-0rem); } .dyptique-video_section.padding-top-bottom-0rem { padding-top: var(--padding-0rem); padding-bottom: var(--padding-0rem); } .dyptique-video_section.padding-bottom-0rem { padding-bottom: 0; } .dyptique-video_container { flex-flow: row; justify-content: center; align-items: center; width: 80%; max-width: 1344px; margin-left: auto; margin-right: auto; display: flex; position: relative; overflow: visible; } .video-item { aspect-ratio: 3 / 2; background-color: #000; justify-content: center; align-items: center; width: 50%; height: auto; display: flex; } .video-item.droite { justify-content: center; align-items: center; } .background-video-4 { object-fit: fill; } .background-video-5 { z-index: 1; aspect-ratio: 16 / 9; width: 100%; height: auto; position: relative; } .background-video-5-copy { z-index: 1; aspect-ratio: 1; align-self: auto; width: 45%; height: 69%; position: relative; } .html-embed-2 { width: 100%; height: 100vh; } .no-link { position: absolute; inset: 0%; } .spline-hdt { background-color: #171d3100; width: 100%; height: 100%; position: absolute; inset: 0%; } .bg-hdt { background-color: #b3bdc6; display: block; position: absolute; inset: 0%; } .span-hide, .div-block-153 { overflow: hidden; } .main-heading-container-projet { grid-column-gap: 1rem; grid-row-gap: 0em; flex-flow: column wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-content: flex-start; align-self: center; align-items: flex-start; margin-top: 0; margin-left: -10px; margin-right: auto; padding: 0 10px .75em; display: flex; position: relative; inset: 0% auto auto 0%; overflow: hidden; } .div-block-154 { width: 100%; height: 100%; padding-bottom: .5em; overflow: hidden; } .empty-state, .transition, .transition-trigger { display: none; } .transition-content { z-index: 2000; pointer-events: none; width: 100%; display: flex; position: fixed; inset: 0%; } .img-bureau { object-fit: cover; object-position: 50% 50%; width: 100%; max-width: none; height: 100%; display: none; position: relative; right: auto; } .img-bureau.multiply { opacity: 1; mix-blend-mode: multiply; } .img-bureau.quote { opacity: .75; height: 120%; } .img-bureau.usine { object-position: 86% 50%; } .img-bureau.djust { object-position: 100% 50%; } .div-block-155 { overflow: hidden; } .logo-card { width: auto; position: relative; overflow: hidden; } .image-logo-container { cursor: pointer; object-fit: fill; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; overflow: hidden; } .image-logo { object-fit: cover; width: 100%; height: 100%; position: relative; } .text-logo-container { grid-row-gap: .75em; flex-direction: column; align-items: flex-start; padding-top: .5rem; padding-left: 0; padding-right: 2em; display: flex; position: static; inset: auto 0% 1.5rem 1.5rem; } .text-logo { grid-row-gap: 0em; flex-flow: column wrap; align-content: flex-start; align-items: flex-start; display: flex; } .logo-id { display: none; } .collection-list-logos { grid-column-gap: 2rem; grid-row-gap: 4rem; flex-wrap: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-content: flex-start; align-items: flex-start; width: 100%; display: grid; } .image-logo-contain { cursor: pointer; object-fit: fill; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; overflow: hidden; } .img-logo-container { align-items: center; width: auto; height: 35vw; display: flex; } .bloc-link-projet-associe, .bloc-link-archive-associe { margin-top: 2rem; } .image-archive-rollover { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .link-tag { position: absolute; inset: 0%; } .text-logos-container { grid-row-gap: .75em; flex-direction: column; align-items: flex-start; padding-top: .5rem; padding-left: 0; padding-right: 2em; display: block; position: static; inset: auto 0% 1.5rem 1.5rem; } .collection-list-archives-copy { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-wrap: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-content: flex-start; align-items: flex-start; width: 100%; display: grid; } .link-txt { color: var(--white); text-decoration: underline; } .link-txt:hover { color: var(--gold); } .text-logo-card { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: column wrap; align-content: flex-start; align-items: flex-start; display: flex; } .collection-list-videos { grid-column-gap: 2rem; grid-row-gap: 5rem; flex-wrap: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; place-content: flex-start; align-items: flex-start; width: 100%; display: grid; } .collection-list-videos.highlight { grid-template-columns: 1fr 1fr; } .image-video-contain { aspect-ratio: 16 / 9; cursor: pointer; object-fit: fill; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; } .lightbox-link { width: 100%; height: 100%; position: absolute; inset: 0%; } .text-videos-container { grid-row-gap: .75em; flex-direction: column; align-items: flex-start; padding-top: 1rem; padding-left: 0; padding-right: 2em; display: flex; position: static; inset: auto 0% 1.5rem 1.5rem; } .text-video-card { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column wrap; align-content: flex-start; align-items: flex-start; display: flex; } .video-trigger { width: 100%; height: 100%; position: absolute; inset: 0% auto auto; } .video-card { width: auto; position: relative; overflow: hidden; } .video-embed { position: absolute; inset: 0%; } .upload-video { aspect-ratio: 16 / 9; object-fit: fill; justify-content: flex-start; align-items: flex-start; width: 50%; height: auto; display: flex; position: relative; } .video-rollover { object-fit: cover; flex: 1; justify-content: center; align-items: center; width: 100%; min-width: auto; height: 100%; display: flex; position: absolute; inset: 0%; } .image-archive-video { object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .rich-text-block { margin-top: -.5rem; } .rich-text-block.hide { display: none; } .video-popup { z-index: 9999; justify-content: center; align-items: center; display: none; position: fixed; inset: 0%; } .video-popup-overlay { background-color: #000000e6; position: absolute; inset: 0%; } .video-popup-content { aspect-ratio: 16 / 9; width: 70%; max-width: 1680px; position: relative; } .video-close { justify-content: flex-end; align-items: flex-start; width: 100%; height: 100%; margin-left: auto; display: flex; position: absolute; top: 0; left: auto; right: 0; } .video-close.video-popup-overlay { width: 100%; height: 100%; inset: 0%; } .video-wrapper { position: absolute; inset: 0%; } .icon-play { cursor: none; justify-content: center; align-items: center; display: none; position: absolute; } .div-block-156 { flex-flow: wrap; display: flex; } .form-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: flex-start stretch; margin-bottom: 0; display: flex; position: relative; } .form-wrapper.difference { mix-blend-mode: difference; align-self: stretch; align-items: flex-start; max-width: none; padding-bottom: .25em; overflow: hidden; } .html-form { width: 100%; } .collection-list-stands { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-wrap: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; place-content: flex-start; align-items: flex-start; width: 100%; display: grid; } .image-stand-contain { aspect-ratio: 4 / 3; cursor: pointer; object-fit: fill; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; overflow: hidden; } @media screen and (max-width: 991px) { body { font-size: 14px; } .headings { padding-right: 5vw; } .heading-01 { font-size: 6.192em; } .heading-01.blanc.hero-projet { font-size: 6.192rem; } .heading-02 { font-size: 4.3em; } .heading-02.intro { padding-right: .5rem; } .heading-04 { max-width: 32ch; font-size: 1.728em; } .heading-04.team-member { font-size: 1.24992em; line-height: 1.25em; } .heading-04.small.blanc { font-size: 1.25rem; } .heading-05.menu { font-size: 1rem; } .heading-05.blanc.intro { min-width: 20ch; } .heading-05.intro { font-size: 1rem; } .heading-05.difference.intro { min-width: 20ch; } .paragraphes { padding-right: 5vw; } .menu-section { padding-top: 2rem; padding-bottom: 0; display: flex; } .menu-container { mix-blend-mode: difference; padding-left: 4rem; padding-right: 0; } .menu-container.white, .menu-container.black { mix-blend-mode: normal; } .nav-container-mask { height: 2.5rem; margin-right: 4rem; } .nav-link { height: 1.25rem; display: block; } .hero-title { width: 100%; min-width: auto; max-width: none; padding-left: 4rem; padding-right: 4rem; } .hero-title.expertise { width: 100%; max-width: none; padding-left: 4rem; padding-right: 4rem; } .projets_section.autres-realisations { padding-top: 0; } .collection-list-wrapper { width: 90%; } .project-card { height: 100%; display: block; position: absolute; inset: 0%; } .project-card._2nd { width: 42.5vw; } .project-card.realisation { width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .collection-list-project.mono { grid-column-gap: 1rem; grid-row-gap: 1rem; } .text-project-container { padding-top: 1.5em; } .tags-container { align-content: flex-start; margin-left: -.125rem; padding-right: 0; } .tag { grid-column-gap: 16px; grid-row-gap: 16px; flex: none; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: inline-flex; } .collection-item-project { margin-bottom: 2rem; } .big-link { justify-content: center; min-width: auto; } .burger-container { margin-top: 2rem; display: none; } .pixel-menu { height: 6rem; } .logo-wrapper { height: 2.5rem; } .logo-cube-texte.black { background-color: #000; } .cross-container { border-style: none; width: 10.5rem; height: 2.5rem; display: flex; right: 1em; } .line-cross.black { background-color: var(--black); } .nav-cross-container { margin-right: 3rem; } .hero-case_section { height: 100svh; } .text-hero-case-container { z-index: 0; width: 100%; min-width: auto; max-width: none; margin-bottom: 4rem; padding-left: 4rem; padding-right: 4rem; } .intro-case_section { padding-top: 4rem; padding-bottom: 4rem; } .intro-case-text { flex-flow: column; grid-template-columns: 1fr 1fr 1fr; justify-content: flex-start; align-items: flex-start; width: 100%; min-width: auto; padding-left: 4rem; padding-right: 4rem; display: flex; } .image-landscape_section { padding-top: 2rem; padding-bottom: 2rem; } .image-landscape_container { width: 100%; height: calc(100% - 4.5rem); padding-left: 4rem; padding-right: 4rem; } .image-fullscreen_section { height: 70.5vw; padding-top: 2rem; padding-bottom: 2rem; overflow: hidden; } .image-fullscreen-container { object-fit: cover; height: 100%; } .image-horizontal-move_section { padding-top: 2em; padding-bottom: 2em; } .image-horizontal-move.height-32rem { min-height: auto; } .image_section { padding-top: 2rem; padding-bottom: 2rem; } .image_section.margin-bottom-negative { margin-bottom: -4rem; padding-bottom: 2rem; } .image_section.padding-top-8rem { padding-top: 4rem; } .image_section.padding-bottom-8rem { padding-bottom: 4rem; } .image-custom-size-container { width: 100%; padding-left: 4rem; padding-right: 4rem; } .video-fullscreen_section { padding-top: 4rem; padding-bottom: 4rem; } .video-fullscreen_container { height: 70vw; } .text_section.padding-top-8rem { padding-top: 2rem; } .text_container { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; grid-template-columns: 1fr 1fr; justify-content: flex-start; align-items: flex-start; width: 100%; min-width: auto; padding: 4rem; display: flex; } .case-image-dyptique-section { padding-top: 2rem; padding-bottom: 2rem; } .dyptique-container { width: 100%; height: calc(50vw - 4rem); max-height: none; padding-left: 4rem; padding-right: 4rem; } .div-block-2 { grid-column-gap: 1.5rem; grid-row-gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; min-width: auto; padding-left: 4rem; padding-right: 4rem; } .project-transition { height: 100svh; } .logo-quote-container { height: 4rem; margin-left: 0; padding-right: 0; } .lottie-container.kubo { width: 100%; height: auto; padding: 4rem; } .div-block-3 { width: 15vw; height: 15vw; } .background-video-2 { border-top-left-radius: .5em; border-top-right-radius: .5em; } .video-mockup-screen.video { border-top-left-radius: 1.3vw; border-top-right-radius: 1.3vw; height: 60%; margin-top: 7.6%; } .video-mockup_section { padding-top: 2em; padding-bottom: 2em; } .video-mockup_container { width: 100%; } .footer-container { grid-row-gap: 4em; flex-direction: column; padding: 4em 4rem; } .footer-bloc-contact { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; } .div-block-13 { margin-top: 0; margin-bottom: 0; } .collection-list-archives { grid-column-gap: 1rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr 1fr; } .text-archive-container { padding-top: 1.5em; } .archive-card { width: auto; } .archive-content { display: none; } .item { display: flex; } .div-block-15 { flex-flow: row; flex: none; justify-content: flex-start; align-items: center; } .list { flex: none; align-self: flex-start; width: auto; min-width: 100%; display: flex; } .wrapper { width: auto; padding-right: 0; } .horizontal-sticky { width: 90%; min-width: auto; } .div-block-19 { min-width: auto; } .menu-open-wrapper { display: none; } .div-block-20, .div-block-26 { grid-row-gap: 2em; } .menu-open { padding-top: 20vw; } .projectd-list-wrapper { width: 90%; } .projectd-list-wrapper.home { width: 100%; padding-left: 2rem; padding-right: 2rem; } .cursor { display: none; } .video-services-wrapper { flex-direction: column; justify-content: center; align-items: center; display: flex; } .service-item-wrapper, .service-item-wrapper._1 { grid-row-gap: 2rem; padding-left: 4rem; padding-right: 4rem; } .div-block-40 { align-self: auto; height: 80vw; max-height: 80vw; position: absolute; top: auto; bottom: auto; } .background-video-3 { height: 56.25vw; position: relative; } .mask-video-top { display: none; } .txt-team-member-container { padding-right: 1em; } .bottom-bar, .adresses-container.page-contact { padding-left: 4rem; padding-right: 4rem; } .div-block-47 { grid-column-gap: 2em; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 90%; min-width: auto; max-width: none; display: none; } .expertise-content-section { padding-top: 4em; padding-bottom: 4em; } .text-container-quote { width: 80%; min-width: auto; padding-top: 4em; padding-bottom: 4em; } .div-block-60 { width: 100%; max-width: none; padding-left: 4rem; padding-right: 4rem; } .adresses-container-copy.footer { grid-column-gap: 4rem; grid-row-gap: 4rem; } .actu-footer-container { flex-direction: column; padding: 4em 4rem; } .mask-quote-left, .mask-quote-right { width: 4rem; } .pixel-main-content { height: 5vw; } .mask-video-bottom { display: none; } .div-block-83 { padding-top: 4rem; padding-bottom: 4rem; } .left-text-container.recrutement { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .div-block-89 { grid-column-gap: .5rem; grid-row-gap: .5rem; margin-top: 0; padding-left: 2rem; padding-right: 2rem; } .div-block-90 { height: calc(18vw + 4rem); } .fixed-section-title, .intro-bureaux-text { width: 100%; min-width: auto; max-width: none; padding-left: 4rem; padding-right: 4rem; } .nav-container-copy { grid-column-gap: 1rem; grid-row-gap: 1rem; height: 2.5rem; } .link-puce.difference { color: var(--white); mix-blend-mode: difference; } .link-puce.difference.showreel { display: block; } .pixel-video-expertises, .pixel-overlay { display: none; } .video-expertises-container-2 { align-self: auto; height: 56.25vw; min-height: auto; max-height: none; display: block; position: relative; top: auto; bottom: auto; } .mask-video-top-03, .mask-video-bottom-03, .mask-video-left-03, .mask-video-right-03 { display: none; } .nav-link-expertises { height: 1.25rem; display: block; } .div-block-108 { display: none; } .recrutement-wrapper { grid-column-gap: 4rem; grid-row-gap: 4rem; padding-left: 4rem; padding-right: 4rem; } .div-block-121 { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto 4rem; padding-top: 4rem; } .link-menu-noir { height: 3.8em; } .div-block-122 { grid-column-gap: 2rem; grid-row-gap: 2rem; } .menu-section-white { padding-top: 2rem; display: block; } .content-wrapper-intro, .content-wrapper { width: 100%; min-width: auto; max-width: none; padding-left: 4rem; padding-right: 4rem; } .content-wrapper.agence, .content-wrapper.form { width: 100%; max-width: none; padding: 4rem; } .intro-wrapper { grid-row-gap: 2rem; width: 80%; min-width: auto; max-width: none; padding: 12rem 0 4rem; } .intro-wrapper.expertise { min-height: auto; } .intro-wrapper.recrutement { width: 100%; padding-left: 4rem; padding-right: 4rem; } .actu-container { grid-row-gap: 4em; flex-direction: column; min-width: auto; padding: 4em 4rem; overflow: visible; } .year-actu-container { flex-flow: column; display: flex; position: relative; } .realisations-associ-es-container { min-height: auto; padding-top: 4rem; } .div-block-133 { display: none; } .div-block-134 { margin-left: 8.5rem; } .annee-chiffre { z-index: 1; background-color: #fff; padding-top: 1rem; position: sticky; top: 4.5rem; } .content-wrapper-intro-home { width: 100%; min-width: auto; max-width: none; padding-left: 4rem; padding-right: 4rem; } .hero-expertise-section { height: 100svh; } .contenus { padding-bottom: 2rem; } .collection-list-wrapper-2.mobile { display: none; } .collection-list-3 { grid-auto-flow: row; } .collection-list-4 { grid-template-columns: 1fr 1fr; position: relative; } .lottie-section { padding-top: 2em; padding-bottom: 2em; } .div-block-47-copy { grid-column-gap: 2em; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 90%; min-width: auto; max-width: none; display: grid; } .mask-projets-intro-container.archives { padding-left: 2rem; padding-right: 2rem; } .mask-left { flex: 1; width: auto; height: 100vh; } .mask-left.no-tablet { display: none; } .mask-right { flex: 1; width: auto; height: 100vh; } .mask-right.no-tablet { display: none; } .mask-projets-filter-transition.archives { padding-left: 4rem; padding-right: 4rem; } .mask-left-filter-transition { flex: 1; width: auto; } .mask-left-filter-transition.no-tablet { display: none; } .mask-right-filter-transition { flex: 1; width: auto; } .mask-right-filter-transition.no-tablet { display: none; } .text-recrutement-wrapper { width: 100%; min-width: auto; padding-left: 4rem; padding-right: 4rem; } .button-showreel { display: none; } .button-showreel.mobile { display: block; } .bg-menu-container { z-index: 50; height: 6.5rem; display: block; position: fixed; inset: 0% 0% auto; } .bg-menu { background-color: #fff; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .pixel-menu-cross-black { height: 100vh; } .pixel-menu-cross-noir { height: 6rem; } .menu-section-black { padding-top: 2rem; display: flex; } .pixel-menu-cross-white { width: 1px; height: 100vh; top: 0; } .image-archives-container { display: none; } .heading-02-2 { font-size: 4.3em; } .image-hero-cas-mobile { display: block; position: absolute; inset: 0%; } .video-youtube_section { padding-top: 4rem; padding-bottom: 4rem; } .video-youtube_section.padding-bottom-8rem { padding-bottom: 4rem; } .video-youtube-container { width: 100%; padding-left: 4rem; padding-right: 4rem; } .image-archives-container-touch { display: block; } .wrapper-touch { width: auto; padding-right: 0; } .list-touch { flex: none; align-self: flex-start; width: auto; min-width: auto; display: flex; } .item-touch { flex: none; display: block; } .div-block-15-touch { flex-flow: row; flex: none; justify-content: flex-start; align-items: center; width: 100%; height: 300px; } .image-3-touch { object-fit: fill; width: auto; height: 300px; } .image-fullscreen-container-2 { aspect-ratio: 16 / 9; object-fit: cover; height: auto; } .image-fullscreen-container-3, .image-fullscreen-container-4, .image-fullscreen-container-5, .image-fullscreen-container-6, .image-fullscreen-container-7, .image-fullscreen-container-8 { object-fit: cover; height: 100%; } .spline-section { padding-top: 2rem; padding-bottom: 2rem; } .spline-section.margin-bottom-negative { margin-bottom: -4rem; padding-bottom: 2rem; } .spline-section.padding-top-8rem { padding-top: 4rem; } .spline-section.padding-bottom-8rem { padding-bottom: 4rem; } .spline-section.vsu { padding-top: 0; padding-bottom: 0; } .image-horizontal-move-section-2 { padding-top: 4em; padding-bottom: 4em; } .video-archive-section { width: 100%; min-width: auto; max-width: none; padding-left: 4rem; padding-right: 4rem; } .image-navigateur_section { padding-top: 0; padding-bottom: 0; } .image-navigateur_section.margin-bottom-negative { margin-bottom: -4rem; padding-bottom: 2rem; } .image-navigateur_section.padding-top-8rem { padding-top: 4rem; } .image-navigateur_section.padding-bottom-8rem { padding-bottom: 4rem; } .image-navigateur_container { width: 100%; margin-top: calc(8.5rem - 100vh); padding-left: 4rem; padding-right: 4rem; } .navigateur { width: calc(100% - 8rem); margin-left: auto; padding-left: .5rem; top: 6.5rem; } .mask-image-navigateur { top: 2rem; } .mask-top { height: 8.5rem; } .video-youtube-fullscreen_section { padding-top: 4rem; padding-bottom: 4rem; } .video-youtube-fullscreen_section.padding-bottom-8rem { padding-bottom: 4rem; } .video-youtube-fullscreen-container { width: 100%; padding-left: 0; padding-right: 0; } .fluidbook_section { height: 70.5vw; padding-top: 2rem; padding-bottom: 2rem; overflow: hidden; } .fluidbook-container { object-fit: cover; height: 100%; } .dyptique-video_section { padding-top: 2rem; padding-bottom: 2rem; } .dyptique-video_section.margin-bottom-negative { margin-bottom: -4rem; padding-bottom: 2rem; } .dyptique-video_section.padding-top-8rem { padding-top: 4rem; } .dyptique-video_section.padding-bottom-8rem { padding-bottom: 4rem; } .dyptique-video_container { width: 100%; padding-left: 4rem; padding-right: 4rem; } .text-hero-case-wrapper { flex: 1; } .logo-card { width: auto; } .text-logo-container { padding-top: 1.5em; } .collection-list-logos { grid-column-gap: 1rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr 1fr; } .img-logo-container { flex-flow: row; flex: none; justify-content: flex-start; align-items: center; } .text-logos-container { padding-top: 1.5em; } .collection-list-archives-copy, .collection-list-videos { grid-column-gap: 1rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr 1fr; } .text-videos-container { padding-top: 1.5em; } .video-card { width: auto; } .collection-list-stands { grid-column-gap: 1rem; grid-row-gap: 4rem; grid-template-columns: 1fr 1fr 1fr; } } @media screen and (max-width: 767px) { .heading-03.blanc { font-size: 3rem; } .menu-section { padding-top: 2rem; } .menu-container { padding-left: 2rem; padding-right: 0; } .nav-container-mask { display: none; } .hero-title { padding-left: 2rem; padding-right: 2rem; } .projets_section { padding-bottom: 8em; } .project-card { width: auto; position: relative; } .project-card._2nd { width: 90vw; } .image-project-container { height: calc(62.5vw - 2.5rem); } .image-project { height: auto; min-height: calc(93.75vw - 3.75rem); } .collection-list-project { display: flex; } .collection-list-project.mono { grid-template-columns: 1fr; justify-content: stretch; place-items: start center; } .collection-item-project { height: auto; margin-bottom: 2rem; position: relative; } .big-link { width: 100%; min-width: auto; } .burger-container { border-style: none; margin-top: 2rem; margin-right: 2rem; display: flex; inset: 0% 0% auto auto; } .cross-container { width: 6.5rem; } .nav-cross-container { margin-top: -.25rem; margin-right: 1.25rem; } .text-hero-case-container { padding-left: 2rem; padding-right: 2rem; } .intro-case-text { flex-direction: column; padding-left: 2rem; padding-right: 2rem; display: flex; } .image-landscape_section { padding-top: 2rem; padding-bottom: 2rem; } .image-landscape_container { height: calc(56.25% - 2.25rem); padding-left: 2rem; padding-right: 2rem; } .image-fullscreen_section { height: auto; padding-top: 1em; padding-bottom: 1em; } .image-horizontal-move_section { padding-top: 2em; padding-bottom: 2em; } .image-horizontal-move_section.padding-bottom-8rem { padding-bottom: 4rem; } .image_section { padding-top: 1rem; padding-bottom: 1rem; } .image_section.margin-bottom-negative { margin-bottom: -2rem; } .image_section.padding-top-8rem { padding-top: 2rem; } .image_section.padding-bottom-8rem { padding-bottom: 2rem; } .image-custom-size-container { padding-left: 2rem; padding-right: 2rem; } .video-fullscreen_section { padding-top: 1rem; padding-bottom: 1rem; } .text_container { padding: 2rem; } .case-image-dyptique-section { padding-top: 1em; padding-bottom: 1em; } .dyptique-container { height: calc(50vw - 2rem); padding-left: 2rem; padding-right: 2rem; } .div-block-2 { padding-left: 2rem; padding-right: 2rem; } .logo-quote-container { justify-content: flex-start; } .video-mockup_section { padding-top: 2em; padding-bottom: 2em; } .footer-container { padding: 4em 2rem; } .collection-list-archives { display: flex; } .image-archive-container, .archive-card { width: 90vw; } .menu-open-wrapper { display: none; } .div-block-20 { grid-column-gap: 5vw; grid-row-gap: 2em; flex-direction: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .div-block-26 { grid-row-gap: 1rem; margin-bottom: 0; } .menu-open { padding-bottom: 0; } .projectd-list-wrapper { width: 90%; display: block; } .projectd-list-wrapper.home { padding-left: 2rem; padding-right: 2rem; } .cursor-area { display: none; } .service-item-wrapper, .service-item-wrapper._1 { padding-left: 2rem; padding-right: 2rem; } .picture-team-member-container { height: 60vw; } .bottom-bar { padding-left: 2rem; padding-right: 2rem; } .div-block-47 { grid-row-gap: 4em; } .news-card { flex-flow: column; justify-content: flex-start; align-items: stretch; display: block; } .boite-link.internal-link { padding-bottom: 6rem; } .actu-footer-container { padding: 4em 2rem; } .mask-citation { width: 90%; min-width: auto; max-width: none; } .left-text-container.recrutement { flex-flow: row; } .fixed-section-title, .intro-bureaux-text { flex-direction: column; display: flex; } .link-section-container { padding-top: 4rem; padding-bottom: 8rem; } .content-wrapper { padding-left: 2rem; padding-right: 2rem; } .intro-wrapper.expertise { width: 100%; padding-left: 2rem; padding-right: 2rem; } .intro-wrapper.recrutement { padding-left: 2rem; padding-right: 2rem; } .actu-container { padding: 4em 2rem; } .content-wrapper-intro-home { flex-flow: column; padding-left: 2rem; padding-right: 2rem; } .collection-list-wrapper-2 { display: none; } .collection-list-wrapper-2.mobile { display: flex; } .collection-list-3 { grid-template-columns: 1fr 1fr; } .div-block-47-copy { grid-row-gap: 2rem; width: 100%; padding-left: 2rem; padding-right: 2rem; } .mask-projets-intro-container.archives { padding-left: 1rem; padding-right: 1rem; } .mask-left.smartphone, .mask-right, .mask-right-filter-transition { display: none; } .text-recrutement-wrapper { flex-direction: column; padding-left: 2rem; padding-right: 2rem; display: flex; } .boite-link-externe { justify-content: flex-start; padding-bottom: 6rem; } .slider { background-color: #fff; width: calc(100% + 4rem); height: 100%; margin-left: -2rem; display: block; } .slide-nav-2 { display: none; } .mask { width: 100%; padding-left: 2rem; } .slide { width: calc(100vw - 6rem); height: 100%; margin-right: 1rem; padding-bottom: 0; } .collection-item-3 { align-items: flex-start; display: flex; } .video-youtube_section { padding-top: 2rem; padding-bottom: 2rem; } .video-youtube_section.padding-bottom-8rem { padding-bottom: 2rem; } .video-youtube-container { padding-left: 2rem; padding-right: 2rem; } .spline-section { padding-top: 1rem; padding-bottom: 1rem; } .spline-section.margin-bottom-negative { margin-bottom: -2rem; } .spline-section.padding-top-8rem { padding-top: 2rem; } .spline-section.padding-bottom-8rem { padding-bottom: 2rem; } .image-horizontal-move-section-2 { padding-top: 2em; padding-bottom: 2em; } .video-archive-section { padding-left: 2rem; padding-right: 2rem; } .image-navigateur_section { padding-top: 1rem; } .image-navigateur_section.margin-bottom-negative { margin-bottom: -2rem; } .image-navigateur_section.padding-top-8rem { padding-top: 2rem; } .image-navigateur_section.padding-bottom-8rem { padding-bottom: 2rem; } .image-navigateur_container { padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem; } .navigateur { width: calc(100% - 4rem); } .mask-bottom { height: 2rem; } .video-youtube-fullscreen_section { padding-top: 2rem; padding-bottom: 2rem; } .video-youtube-fullscreen_section.padding-bottom-8rem { padding-bottom: 2rem; } .video-youtube-fullscreen-container { padding-left: 0; padding-right: 0; } .fluidbook_section { height: auto; padding-top: 1em; padding-bottom: 1em; } .dyptique-video_section { padding-top: 1rem; padding-bottom: 1rem; } .dyptique-video_section.margin-bottom-negative { margin-bottom: -2rem; } .dyptique-video_section.padding-top-8rem { padding-top: 2rem; } .dyptique-video_section.padding-bottom-8rem { padding-bottom: 2rem; } .dyptique-video_container { padding-left: 2rem; padding-right: 2rem; } .logo-card, .image-logo-container { width: 90vw; } .collection-list-logos { display: flex; } .image-logo-contain { width: 90vw; } .collection-list-archives-copy, .collection-list-videos { display: flex; } .image-video-contain, .video-card { width: 90vw; } .collection-list-stands { display: flex; } .image-stand-contain { width: 90vw; } } @media screen and (max-width: 479px) { body { font-size: 14px; } .heading-01 { text-align: center; letter-spacing: -2px; font-size: 3.2472em; } .heading-01.blanc { letter-spacing: -1px; font-size: 2.5rem; } .heading-01.blanc.hero-projet { text-align: left; margin-left: 0; font-size: 3.5rem; } .heading-01.blanc.hero-projet.noir { font-size: 4rem; } .heading-01.blanc.hero-home { font-size: 18vw; } .heading-01.justify-left.big.annee { font-size: 3rem; } .heading-01.noir { letter-spacing: -1px; font-size: 3.89664em; } .heading-01.noir.hero-projet { text-align: left; margin-left: 0; } .heading-02 { letter-spacing: -1px; font-size: 2.5rem; } .heading-02.case { font-size: 2rem; } .heading-02.blanc { align-self: flex-start; margin-right: auto; } .heading-03 { letter-spacing: -.5px; font-size: 2.1rem; } .heading-03.blanc { font-size: 2.1rem; } .heading-03.archive-intro { margin-top: 0; } .heading-04 { font-size: 1.78em; } .heading-04.blanc { text-align: left; } .heading-04.small { font-size: 1.25rem; } .heading-04.small.blanc, .heading-05 { font-size: 1rem; } .heading-05.citation { font-size: 1rem; line-height: 1.375em; } .heading-05.blanc.left { max-width: 17ch; } .heading-05.blanc.intro, .heading-05.margintop.intro { font-size: .9rem; } .heading-05.intro { max-width: none; font-size: 1rem; } .heading-05.difference.left { max-width: 17ch; } .heading-05.difference.intro { font-size: .9rem; } .menu-section { padding-top: 2rem; padding-bottom: 0; } .menu-container { align-items: center; padding-left: 2rem; padding-right: 0; } .hero-section { justify-content: center; align-items: center; } .background-video { height: 100svh; position: absolute; inset: 0%; } .background-video.home { height: 100vh; position: fixed; } .hero-title { text-align: left; justify-content: flex-start; align-items: flex-start; height: 100svh; margin-left: auto; margin-right: auto; padding: 7rem 2rem 2rem; inset: 0% 0% auto; } .hero-title.expertise { justify-content: flex-end; align-items: flex-start; height: 100svh; padding: 2rem 2rem 4rem; } .section { justify-content: flex-end; padding: 2rem 0; } .projets_section { padding-top: 2em; padding-bottom: 0; } .projets_section.autres-realisations { grid-row-gap: 0em; justify-content: flex-end; align-items: stretch; padding-top: 0; padding-bottom: 2rem; } .collection-list-wrapper { width: 90%; } .project-card { width: auto; position: relative; inset: 0%; } .project-card.realisation { position: absolute; } .image-project-container { margin-left: auto; margin-right: auto; } .collection-list-project { grid-row-gap: 15vw; } .collection-list-project.mono { grid-column-gap: 2rem; grid-row-gap: 2rem; } .text-project-container { padding-top: 1em; padding-left: 2rem; padding-right: 2rem; } .text-project { flex-direction: column; align-items: flex-start; } .tags-container { width: 100%; margin-bottom: 0; padding-right: 0; } .collection-item-project { margin-bottom: 1rem; } .big-link { padding-top: 2em; padding-bottom: 2em; } .burger-container { border-width: .155rem; width: calc(18px + 4rem); height: calc(18px + 4rem); margin-top: 0; margin-right: 0; inset: auto 0% auto auto; } .line-burger { width: 14.4px; height: 1.6px; } .line-burger.top, .line-burger.bottom { width: 18px; height: 2px; } .overlay-hero-video { background-color: #000000b3; } .overlay-hero-video.expertise { position: absolute; inset: 0%; } .logo-wrapper { grid-column-gap: 6.4px; width: 50vw; height: 2.5rem; } .logo-cube-insigne { height: 38.4px; } .nav-cross-container { margin-right: 1rem; } .nav-cross-container.archive { z-index: 1000; top: 2rem; right: 2rem; } .hero-case_section { align-items: flex-end; height: 100svh; } .image-hero-case-container { height: 100svh; } .text-hero-case-container { justify-content: flex-end; align-items: flex-start; width: 100%; height: 100svh; margin-bottom: 0; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem; position: absolute; inset: 0% 0% auto; } .intro-case_section { padding-top: 2em; padding-bottom: 2em; } .intro-case-text { grid-column-gap: 2rem; grid-row-gap: 2rem; width: 100%; padding-left: 2rem; padding-right: 2rem; } .image-landscape_section { padding-top: 1rem; padding-bottom: 1rem; } .image-landscape_container { aspect-ratio: 3 / 2; width: calc(100vw - 4rem); max-width: none; height: calc(100% - 4.5rem); max-height: none; padding-left: 0; padding-right: 0; } .image-fullscreen_section { aspect-ratio: 3 / 2; height: auto; margin-top: 0; margin-bottom: 0; } .image-horizontal-move_section { justify-content: center; align-items: center; padding-top: 1rem; padding-bottom: 1rem; } .image-horizontal-move_section.padding-bottom-8rem { padding-bottom: 2rem; } .image-horizontal-move_section.padding-top-bottom-8rem { padding-top: 2rem; padding-bottom: 2rem; } .image-horizontal-move { width: 200vw; min-width: 200vw; } .image_section { padding-top: 1rem; padding-bottom: 1rem; } .image_section.margin-bottom-negative { margin-bottom: -2rem; padding-bottom: 2rem; } .image_section.padding-bottom-8rem { padding-bottom: 2rem; } .image_section.padding-top-bottom-8rem { padding-top: 2rem; padding-bottom: 2rem; } .image-custom-size-container { width: 100%; padding-left: 2rem; padding-right: 2rem; } .video-fullscreen_section { padding-top: 1em; padding-bottom: 1em; } .video-fullscreen_section.padding-bottom-8rem.padding-top-0rem { padding-bottom: 0; } .video-fullscreen_container { position: relative; } .text_container { width: 100%; padding: 2em 2rem; } .case-image-dyptique-section { padding-top: 1rem; padding-bottom: 1rem; } .dyptique-container { grid-template-rows: auto auto; grid-auto-flow: column; place-items: start center; width: 100%; height: 120vw; padding-left: 2rem; padding-right: 2rem; } .dyptique-image-container { height: 60vw; } .intro-case-text-container { grid-column-gap: .5rem; grid-row-gap: .5rem; } .div-block-2 { width: 100%; padding-left: 2rem; padding-right: 2rem; } .overlay-image-fullscreen { display: none; } .project-transition { height: 150svh; display: none; inset: 0%; } .logo-quote { width: 5em; } .lottie-container.kubo { padding-top: 2rem; padding-bottom: 2rem; } .video-mockup_section { padding-top: 1em; padding-bottom: 1em; } .footer-container { padding-top: 3em; padding-bottom: 2em; } .div-block-9 { grid-column-gap: .5rem; grid-row-gap: .5rem; } .div-block-9.page-contact { grid-row-gap: 1rem; padding-left: 2rem; padding-right: 2rem; } .collection-list-archives { grid-column-gap: 0rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-items: stretch; padding-left: 0; padding-right: 0; display: grid; } .text-archive-container { padding-top: 1em; padding-left: 2em; } .image-archive-container { width: auto; margin-left: auto; margin-right: auto; } .archive-card { width: 50vw; margin-left: 0; margin-right: 0; display: block; } .collection-item-archive { clear: left; grid-column-gap: 0vw; grid-row-gap: 2rem; flex-flow: row; flex: 0 auto; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; place-content: start; place-items: start; width: 100%; display: block; } .text-archive { flex-direction: column; align-items: flex-start; } .archive-content { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: #000c; display: none; } .item { flex: none; } .div-block-15 { min-width: auto; max-width: none; } .overlay-archive { z-index: 1; -webkit-backdrop-filter: none; backdrop-filter: none; background-color: #0000; display: block; } .horizontal-sticky { z-index: 0; width: 100%; margin: 5.5rem .5rem 3.5rem; } .container { padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .div-block-19 { padding: 2rem 1.5rem; } .menu-open-wrapper, .div-block-20 { display: none; } .div-block-26 { grid-row-gap: 1rem; margin-bottom: 0; } .link-menu { height: 2.4rem; } .menu-open { padding-top: 8em; padding-bottom: 2em; } .projectd-list-wrapper.home { padding-left: 0; padding-right: 0; } .img-cover { object-position: 50% 20%; } .div-block-38 { flex-direction: column; } .video-services-wrapper { width: 90%; height: 60vw; margin-left: auto; margin-right: auto; position: relative; } .services-wrapper { width: 90%; margin-left: auto; margin-right: auto; padding-top: 2em; } .service-item-wrapper { min-height: auto; padding: 0 2rem; display: flex; } .service-item-wrapper._1 { grid-row-gap: 1rem; grid-template-columns: 1fr 1fr; padding-left: 2rem; padding-right: 2rem; display: flex; } .list-services-wrapper { margin-top: 0; } .list-item-expertise { grid-row-gap: 1rem; font-size: 1rem; } .background-video-3 { height: 100vw; } .mask-video-left { display: none; } .card-team-member { width: 100vw; } .picture-team-member-container._2 { height: 70vw; } .bottom-bar { grid-row-gap: 1rem; text-align: center; flex-direction: column-reverse; align-items: center; padding-top: 2rem; padding-bottom: 2rem; } .div-block-29-copy { align-self: flex-start; } .img-agence-container { border-radius: 2px; } .adresses-container.footer { grid-row-gap: 2em; flex-direction: column; align-items: flex-start; display: flex; } .adresses-container.page-contact { grid-column-gap: 0rem; grid-row-gap: 3rem; margin-bottom: 3rem; padding-left: 0; padding-right: 0; } .div-block-47 { grid-template-rows: auto; } .div-block-50 { width: 100vw; height: 62.5vw; margin-bottom: 0; margin-left: -2rem; } .text-description-expertise { font-size: 1rem; } .expertise-content-section { padding-top: 2em; padding-bottom: 2em; } .div-block-58 { grid-row-gap: 1rem; } .text-container-quote { width: 90%; padding-top: 2em; padding-bottom: 2em; } .div-block-60 { align-content: end; width: 100%; padding: 2rem; } .adresses-container-copy.footer { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: column; align-items: flex-start; display: flex; } .actu-footer-container { padding-top: 3em; padding-bottom: 2em; } .mask-citation { width: 100%; } .mask-accordeon-expertise { height: 1.5rem; } .div-block-72 { grid-column-gap: .25rem; grid-row-gap: .25rem; width: 240vw; height: 60vw; } .div-block-72.first { margin-left: -240vw; } .x3-img-grid { width: 90vw; height: 60vw; } .mask-quote-left, .mask-quote-right { width: 2rem; } .section-portraits-container { justify-content: center; align-self: auto; align-items: center; position: relative; } .div-block-75 { width: 480vw; } .section-main.agence { margin-bottom: 2rem; } .div-block-81 { padding-top: 3rem; } .div-block-83 { padding-top: 0; padding-bottom: 4rem; } .div-block-85 { grid-column-gap: 1rem; grid-row-gap: 1rem; width: calc(630vw + 8rem); padding-left: 0; padding-right: 0; display: flex; } .portraits-wrapper { margin-top: 0; } .bg-footer { display: none; } .div-block-89 { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; margin-top: 0; padding-left: 0; padding-right: 0; } .div-block-90 { height: 80vw; } .div-block-90._2 { height: 31vw; } .div-block-90._2-copy { height: 45vw; } .fixed-section-title { flex-flow: column; flex: 0 auto; justify-content: flex-start; align-items: flex-start; width: 100%; padding-top: 0; padding-left: 2rem; padding-right: 2rem; } .intro-bureaux-text { width: 100%; padding-bottom: 2rem; padding-left: 2rem; padding-right: 2rem; } .link-puce.difference { margin-top: auto; } .pixel-video-expertises, .pixel-overlay { display: none; } .video-expertises-container-2 { height: 100vw; min-height: auto; max-height: none; display: block; position: relative; } .mask-video-left-03, .mask-video-right-03, .div-block-108, .div-block-110 { display: none; } .link-section-container { padding-top: 2rem; padding-bottom: 4rem; } .link-wrapper { grid-row-gap: 1em; } .main-heading-container { overflow: hidden; } .recrutement-wrapper { padding: 2rem; } .div-block-121 { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; padding-top: 0; } .link-menu-noir { height: 3.24em; } .menu-section-white { padding-top: 2rem; } .content-wrapper-intro { background-color: #fff; grid-template-columns: 1fr; padding-left: 2rem; padding-right: 2rem; } .content-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 3rem; display: flex; } .content-wrapper.agence, .content-wrapper.form { padding: 2rem; } .intro-wrapper { grid-row-gap: 3rem; width: 100%; padding: 8rem 2rem 2rem; } .intro-wrapper.expertise { grid-column-gap: 1rem; grid-row-gap: 3rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; align-content: start; place-items: start; min-height: auto; display: grid; } .intro-wrapper.recrutement { padding-bottom: 2rem; } .intro-wrapper.archive, .intro-wrapper.logo { grid-column-gap: 0rem; grid-row-gap: 0rem; padding-bottom: 2rem; display: flex; } .link-section-wrapper { padding-top: 2rem; padding-bottom: 2rem; } .actu-container { padding-top: 2em; padding-bottom: 2em; } .realisations-associ-es-container { padding-top: 2rem; } .hero-expertise-section { align-items: flex-end; height: 100svh; position: relative; } .txt { text-decoration: none; } .collection-list-wrapper-2 { display: none; } .collection-list-3 { grid-template-columns: 1fr; display: block; } .actu-year-wrapper { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .collection-list-4 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .lottie-section { padding-top: 1em; padding-bottom: 1em; } .div-block-47-copy { grid-template-rows: auto; width: 100%; padding-left: 2rem; padding-right: 2rem; } .filters-wrapper { grid-column-gap: 0rem; grid-row-gap: 0rem; } .radio-button-field { width: 100%; } .radio-button { height: 4px; margin-top: .5rem; } .mask-projets-intro-container.archives { padding-left: 0; padding-right: 0; display: flex; } .mask-projets-filter-transition.archives { padding-left: 0; padding-right: 0; display: none; } .div-block-145 { margin-left: 0; padding-left: 100vw; } .link-contain { flex: none; height: 2.3rem; } .text-recrutement-wrapper { padding-bottom: 2rem; } .boite-link-externe { grid-row-gap: .5rem; padding: 1rem 1rem 6rem; } .chiffre-container { grid-row-gap: 1.25em; align-items: center; width: 90%; padding-right: 1em; } .slide { width: calc(100vw - 4rem); } .left-arrow-2 { width: 3rem; height: 3rem; color: var(--black); font-size: 1rem; font-weight: 500; inset: -4rem 5rem auto auto; } .right-arrow-2 { width: 3rem; height: 3rem; color: var(--black); font-size: 1rem; inset: -4rem 2rem auto auto; } .menu-section-black { padding-top: 2rem; } .images-archive-wrapper { margin-bottom: 2rem; } .heading-02-2 { letter-spacing: -1px; font-size: 2.5rem; } .heading-02-2.case { font-size: 2rem; } .video-youtube_section { padding-top: 2rem; padding-bottom: 2rem; } .video-youtube_section.padding-bottom-negative.padding-top-8rem { margin-bottom: 0; padding-top: 2rem; padding-bottom: 2rem; } .video-youtube-container { width: 100%; padding-left: 2rem; padding-right: 2rem; } .item-touch { flex: none; } .div-block-15-touch { min-width: auto; max-width: none; } .image-fullscreen-container-2, .image-fullscreen-container-3, .image-fullscreen-container-4, .image-fullscreen-container-6 { height: 100%; } .spline-section { padding-top: 1rem; padding-bottom: 1rem; } .spline-section.margin-bottom-negative { margin-bottom: -2rem; padding-bottom: 2rem; } .spline-section.padding-bottom-8rem { padding-bottom: 2rem; } .image-horizontal-move-section-2 { justify-content: center; align-items: center; padding-top: 2rem; padding-bottom: 2rem; } .image-navigateur_section { padding-top: 1rem; padding-bottom: 1rem; } .image-navigateur_section.margin-bottom-negative { margin-bottom: -2rem; padding-bottom: 2rem; } .image-navigateur_section.padding-bottom-8rem { padding-bottom: 2rem; } .image-navigateur_container { width: 100%; padding-left: 2rem; padding-right: 2rem; } .video-youtube-fullscreen_section { padding-top: 2rem; padding-bottom: 2rem; } .video-youtube-fullscreen-container { width: 100%; } .fluidbook_section { aspect-ratio: 3 / 2; height: auto; margin-top: 0; margin-bottom: 0; } .dyptique-video_section { padding-top: 1rem; padding-bottom: 1rem; } .dyptique-video_section.margin-bottom-negative { margin-bottom: -2rem; padding-bottom: 2rem; } .dyptique-video_section.padding-bottom-8rem { padding-bottom: 2rem; } .dyptique-video_container { width: 100%; padding-left: 2rem; padding-right: 2rem; } .logo-card { width: 50vw; margin-left: 0; margin-right: 0; display: block; } .image-logo-container { width: auto; margin-left: auto; margin-right: auto; } .text-logo-container { padding-top: 1em; padding-left: 2em; } .text-logo { flex-direction: column; align-items: flex-start; } .collection-list-logos { grid-column-gap: 0rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-items: stretch; padding-left: 0; padding-right: 0; display: grid; } .image-logo-contain { width: auto; margin-left: auto; margin-right: auto; } .img-logo-container { min-width: auto; max-width: none; } .text-logos-container { padding-top: 1em; padding-left: 2em; } .collection-list-archives-copy { grid-column-gap: 0rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-items: stretch; padding-left: 0; padding-right: 0; display: grid; } .text-logo-card { flex-direction: column; align-items: flex-start; } .collection-list-videos { grid-column-gap: 0rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-items: stretch; padding-left: 0; padding-right: 0; display: grid; } .image-video-contain { width: auto; margin-left: auto; margin-right: auto; } .text-videos-container { padding-top: 1em; padding-left: 2em; } .text-video-card { flex-direction: column; align-items: flex-start; } .video-card { width: 50vw; margin-left: 0; margin-right: 0; display: block; } .collection-list-stands { grid-column-gap: 0rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-items: stretch; padding-left: 0; padding-right: 0; display: grid; } .image-stand-contain { width: auto; margin-left: auto; margin-right: auto; } } #w-node-bc5e66f7-19a8-17b3-d6a6-7a5b5630c07a-dc54fbe2 { grid-area: 1 / 1 / 2 / 25; justify-self: start; } #w-node-_0542a8b1-84a2-712c-a879-c227e3bdc98c-dc54fbe2 { grid-area: 2 / 1 / 3 / 25; place-self: end start; } #w-node-_8d781ced-6e3d-1d31-7617-9bdfe2af63fd-dc54fbe2 { grid-area: 1 / 1 / 2 / 25; justify-self: auto; } #w-node-_0f3bbc82-0860-eb54-89e2-8cb23595ba30-dc54fbe2 { grid-area: 1 / 13 / 2 / 25; justify-self: auto; } #w-node-_024bbb4d-b51a-a5b4-7e6c-18985cabb066-dc54fbe2 { grid-area: 1 / 1 / 2 / 3; justify-self: center; } #w-node-_67099f3f-9e56-e7f9-4ea0-8f15a9a4b87e-dc54fbe2 { grid-area: 2 / 2 / 3 / 5; } #w-node-_43d75669-e11f-68c6-ce06-28c6d3f4996c-dc54fbe2, #w-node-_43d75669-e11f-68c6-ce06-28c6d3f4996d-dc54fbe2, #w-node-_134a6dd3-b7c7-66b0-8aad-b1a218b98913-dc54fbe2, #w-node-_134a6dd3-b7c7-66b0-8aad-b1a218b98914-dc54fbe2 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-fd375342-3967-190f-4446-3d5dff9cf950-ff9cf943 { grid-area: 1 / 1 / 2 / 5; } #w-node-_9659ddc7-d5ed-a883-5a1b-4b5c37ed41bb-569ce971, #w-node-d92a4ee2-4989-8a8c-6010-66c624281de2-569ce971 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_133664ed-4bd6-f911-4dbe-5573ae3980d0-569ce971 { grid-area: 1 / 2 / 2 / 4; } #w-node-c7dbec49-cd8b-d9d1-e295-e57bbe0eb10e-dc54fbf2 { grid-area: 1 / 1 / 2 / 13; } #w-node-_0d7875a9-37eb-c635-7441-6d47e1c3e772-dc54fbf2 { grid-area: 2 / 2 / 3 / 5; } #w-node-_9b60673f-4a06-f296-6436-044534a3b743-dc54fbf2, #w-node-_955f6183-28a5-b2df-38ec-3d7047c33e77-dc54fbf2, #w-node-_63cb0952-fe0a-8c5d-f485-76d5d91a6fce-dc54fbf2, #w-node-_63cb0952-fe0a-8c5d-f485-76d5d91a6fcf-dc54fbf2, #w-node-b5318063-6a85-a4be-4675-3204acb54d5b-dc54fbf2, #w-node-b5318063-6a85-a4be-4675-3204acb54d5c-dc54fbf2, #w-node-_1d74ffb5-f688-3cc3-a5d9-95a0dbba082b-dc54fbf2, #w-node-_305559e9-c5f2-0e3a-4041-c0e6d4ebfcd5-dc54fbf2, #w-node-_98393f4c-3276-6da5-092b-bfa54876bab5-dc54fbf2, #w-node-_98393f4c-3276-6da5-092b-bfa54876bab6-dc54fbf2, #w-node-_358ee40f-f4b7-d983-ce0a-c45d689a98fe-dc54fbf2, #w-node-_358ee40f-f4b7-d983-ce0a-c45d689a98ff-dc54fbf2 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-a6cdb8fd-c2ed-8373-f2d5-2a0abab44c64-dc54fbf3 { grid-area: 1 / 1 / 2 / 8; } #w-node-_455bea5a-2d71-c033-997b-0f785ad3f9fb-dc54fbf3 { grid-area: 1 / 9 / 2 / 25; place-self: start; } #w-node-_092e62f5-6a8f-c8e5-154c-1c4327a2288c-dc54fbf3 { grid-area: 1 / 1 / 2 / 9; } #w-node-e8afc2bb-1f44-3027-8802-5ef8872d0fa6-dc54fbf3 { grid-area: 1 / 10 / 3 / 25; } #w-node-_6f7453bc-57eb-7594-90c8-2c4cba30763c-dc54fbf3 { grid-area: 1 / 1 / 2 / 3; align-self: start; } #w-node-_0cce303d-ad6b-1b9a-39bd-497c47a9abd2-dc54fbf3 { grid-area: 1 / 3 / 3 / 7; align-self: start; } #w-node-dc120d4c-8da9-8894-4a8f-a4fe486f07d3-dc54fbf3 { grid-area: 1 / 1 / 2 / 4; } #w-node-_53c867b5-b1d5-f767-ba7d-5511011e5bff-dc54fbf3 { grid-area: 1 / 1 / 2 / 4; justify-self: auto; } #w-node-ffb47d62-fd7e-e436-138d-966e6fc7d72f-dc54fbf3 { grid-area: 1 / 5 / 2 / 13; justify-self: auto; } #w-node-_0ece7760-0bcb-2d2c-babb-ca666308387f-dc54fbf3 { grid-area: 1 / 1 / 3 / 3; place-self: center start; } #w-node-_8a03cdce-6882-898a-4ca6-980d2c5459d9-dc54fbf3, #w-node-_9415b001-7970-41b2-9d54-c08fdd76459c-dc54fbf3, #w-node-_50d686f8-d9ae-fe2f-db37-10df5b1dbac2-dc54fbf3, #w-node-_56a2c44d-bf4e-38bd-b984-293fdb09ebb4-dc54fbf3, #w-node-_4c0ee468-86fd-d681-d5d7-e2d65e02d9e3-dc54fbf3, #w-node-_873f3858-7d3f-6e8a-2302-ed0a1d4db048-dc54fbf3, #w-node-_26860818-5190-e0dd-6338-7e0250f164bf-dc54fbf3, #w-node-b36780ab-2520-3670-d651-560f352edf9b-dc54fbf3 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_9f35e0ab-5e62-a833-096b-05335f76104c-dc54fbf3 { grid-area: 1 / 9 / 2 / 25; } #w-node-_9f35e0ab-5e62-a833-096b-05335f76104e-dc54fbf3 { grid-area: 1 / 1 / 2 / 7; } #w-node-_9f35e0ab-5e62-a833-096b-05335f76104f-dc54fbf3 { grid-area: 2 / 2 / 3 / 3; } #w-node-_9e2885e3-63ae-265e-c913-d04e0a70e0ba-dc54fbf3 { grid-area: 1 / 1 / 3 / 2; } #w-node-_9e2885e3-63ae-265e-c913-d04e0a70e0c2-dc54fbf3 { grid-area: 1 / 2 / 2 / 3; } #w-node-_9e2885e3-63ae-265e-c913-d04e0a70e0be-dc54fbf3 { grid-area: 2 / 2 / 3 / 3; } #w-node-_9e2885e3-63ae-265e-c913-d04e0a70e0c6-dc54fbf3 { grid-area: 1 / 3 / 3 / 4; } #w-node-_9e2885e3-63ae-265e-c913-d04e0a70e0bc-dc54fbf3 { grid-area: 1 / 4 / 3 / 5; } #w-node-_9e2885e3-63ae-265e-c913-d04e0a70e0c0-dc54fbf3 { grid-area: 1 / 5 / 2 / 6; } #w-node-_9e2885e3-63ae-265e-c913-d04e0a70e0c4-dc54fbf3 { grid-area: 2 / 5 / 3 / 6; } #w-node-cecfe1ca-3f81-96ca-b422-2bd12c9cd977-dc54fbf3 { grid-area: 1 / 1 / 3 / 2; } #w-node-cecfe1ca-3f81-96ca-b422-2bd12c9cd97a-dc54fbf3 { grid-area: 1 / 2 / 2 / 3; } #w-node-cecfe1ca-3f81-96ca-b422-2bd12c9cd97d-dc54fbf3 { grid-area: 2 / 2 / 3 / 3; } #w-node-cecfe1ca-3f81-96ca-b422-2bd12c9cd980-dc54fbf3 { grid-area: 1 / 3 / 3 / 4; } #w-node-cecfe1ca-3f81-96ca-b422-2bd12c9cd983-dc54fbf3 { grid-area: 1 / 4 / 3 / 5; } #w-node-cecfe1ca-3f81-96ca-b422-2bd12c9cd986-dc54fbf3 { grid-area: 1 / 5 / 2 / 6; } #w-node-cecfe1ca-3f81-96ca-b422-2bd12c9cd989-dc54fbf3 { grid-area: 2 / 5 / 3 / 6; } #w-node-f17b6817-cd18-0f71-b5c8-b0f9456278a3-dc54fbf3 { grid-area: 1 / 1 / 3 / 2; } #w-node-f17b6817-cd18-0f71-b5c8-b0f9456278a6-dc54fbf3 { grid-area: 1 / 2 / 2 / 3; } #w-node-f17b6817-cd18-0f71-b5c8-b0f9456278a9-dc54fbf3 { grid-area: 2 / 2 / 3 / 3; } #w-node-f17b6817-cd18-0f71-b5c8-b0f9456278ac-dc54fbf3 { grid-area: 1 / 3 / 3 / 4; } #w-node-f17b6817-cd18-0f71-b5c8-b0f9456278af-dc54fbf3 { grid-area: 1 / 4 / 3 / 5; } #w-node-f17b6817-cd18-0f71-b5c8-b0f9456278b2-dc54fbf3 { grid-area: 1 / 5 / 2 / 6; } #w-node-f17b6817-cd18-0f71-b5c8-b0f9456278b5-dc54fbf3 { grid-area: 2 / 5 / 3 / 6; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4fe3-dc54fbf4 { grid-area: span 1 / span 8 / span 1 / span 8; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-dc54fbf4 { grid-area: 1 / 9 / 2 / 25; place-self: start; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-dc54fbf5 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-dc54fbf5 { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-dc54fbf5, #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf459-dc54fbf5, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-dc54fbf5 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-dc54fbf6 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-dc54fbf6 { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee63c-dc54fbf6 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-bd1de751-cfcd-320c-1e01-1f3ba01e73b9-dc54fbf7 { grid-area: 1 / 2 / 2 / 3; } #w-node-bd1de751-cfcd-320c-1e01-1f3ba01e73bb-dc54fbf7 { grid-area: 2 / 2 / 3 / 3; } #w-node-_70204ad0-b4c6-6ff6-ecb7-db31bca49625-dc54fbf7, #w-node-bd1de751-cfcd-320c-1e01-1f3ba01e7407-dc54fbf7 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_95f28b5f-15c6-e50f-4b7f-bdf8463d2841-dc54fbf8 { grid-area: 1 / 1 / 2 / 25; } #w-node-_648bdf00-4b33-6648-7f47-d5c91a821ba9-dc54fbf8 { grid-area: 1 / 1 / 2 / 17; justify-self: auto; } #w-node-bb481137-cd7c-02d1-48b5-6924685ecc1d-dc54fbf8 { grid-area: 1 / 13 / 2 / 25; justify-self: auto; } #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef55-dc54fbf8, #w-node-_8785ada8-5227-8255-735b-79f5163eca8f-dc54fbf8, #w-node-_6ed7de2b-c346-7398-7105-acb5af359cbb-dc54fbf8 { grid-area: span 1 / span 6 / span 1 / span 6; align-self: center; } #w-node-cf826519-02e5-b8ac-b664-bce3594043d4-dc54fbf8 { grid-area: 1 / 1 / 2 / 9; } #w-node-_3bba768c-883a-d03d-5298-b31d1df9fe39-dc54fbf8 { grid-area: 1 / 9 / 2 / 25; } #w-node-_17e9b2de-8f96-9332-7898-8e276569ec8f-dc54fbf8 { grid-area: 1 / 9 / 2 / 25; justify-self: auto; } #w-node-_17e9b2de-8f96-9332-7898-8e276569ec92-dc54fbf8 { grid-area: 1 / 1 / 2 / 9; } #w-node-_3d58384d-918b-3a8a-7331-57ef54be8e56-dc54fbf9 { grid-area: 1 / 1 / 2 / 25; place-self: start; } #w-node-d9864361-fe55-fee6-33cb-b6191d65204d-dc54fbfa, #w-node-c7dbec49-cd8b-d9d1-e295-e57bbe0eb10e-dc54fbfa { grid-area: 1 / 10 / 2 / 25; } #w-node-c915855f-d852-ad18-7185-d780b05f21ab-dc54fbfa { grid-area: 1 / 1 / 2 / 7; } #w-node-_0b028dca-bc07-d9e3-52bc-667335cf676c-dc54fbfa { grid-area: 2 / 10 / 3 / 25; justify-self: start; } #w-node-_77f28bf1-eaf9-86d1-f45d-4fb1300dc79b-dc54fbfa { grid-area: 1 / 1 / 2 / 3; justify-self: auto; } #w-node-_2b8242b9-6153-ee48-d56e-53cbd4df3907-dc54fbfa { grid-area: 2 / 1 / 3 / 3; justify-self: start; } #w-node-a65f7d1f-db33-f787-4d08-2c2923155a8e-dc54fbfa { grid-area: 1 / 3 / 2 / 5; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86a9-dc54fbfa { grid-area: 2 / 2 / 3 / 5; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86b4-dc54fbfa, #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86b5-dc54fbfa, #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86d1-dc54fbfa, #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86d2-dc54fbfa { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_9b9e52fc-064f-8671-f5ca-0bb94f51c4b6-dc54fbfc { grid-area: 1 / 1 / 2 / 25; place-self: start; } #w-node-bf6b61a6-40b9-faeb-1f4d-dd152ef944b5-dc54fbfc { grid-area: 1 / 1 / 2 / 25; } #w-node-f68492a7-fbce-e6a0-a110-1d29ec76de70-dc54fc00 { grid-area: 1 / 2 / 2 / 3; } #w-node-f68492a7-fbce-e6a0-a110-1d29ec76de72-dc54fc00 { grid-area: 2 / 2 / 3 / 3; } #w-node-_18055dda-58e5-8dcf-da5d-defc652d83b4-dc54fc00, #w-node-f68492a7-fbce-e6a0-a110-1d29ec76ded3-dc54fc00 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-fddaa059-dd61-ecbf-85e2-2ca05d5b860a-dc54fc01 { grid-area: 1 / 10 / 2 / 18; } #w-node-b0557d56-5c7b-1a14-eb2a-801fbe33d31f-dc54fc01 { grid-area: 1 / 3 / 2 / 9; align-self: auto; } #w-node-_585bfa9c-b222-f54f-f77d-4c3a90d0bb1a-dc54fc01 { grid-area: 1 / 10 / 2 / 25; align-self: start; } #w-node-_9a643ae1-dd6b-7e79-e0fa-c63f5be0900b-dc54fc01 { grid-area: 1 / 9 / 2 / 25; } #w-node-_28fbfa6a-103c-5ca2-58eb-2e8fd9e879a8-dc54fc01 { grid-area: 1 / 1 / 2 / 8; place-self: start; } #w-node-cce26ccb-1973-903e-05a6-0d6b499a2ca6-dc54fc01 { grid-area: 1 / 1 / 2 / 13; } #w-node-cce26ccb-1973-903e-05a6-0d6b499a2caa-dc54fc01 { grid-area: 1 / 1 / 2 / 2; } #w-node-b5c4467d-105a-f0cc-3fd8-7a97eb0537e1-dc54fc01, #w-node-cce26ccb-1973-903e-05a6-0d6b499a2ca8-dc54fc01 { grid-area: span 1 / span 12 / span 1 / span 12; } #w-node-_2c1a60b7-b56a-f102-7b78-aea695420903-dc54fc01 { grid-area: span 1 / span 12 / span 1 / span 12; align-self: center; } #w-node-cce26ccb-1973-903e-05a6-0d6b499a2cab-dc54fc01 { grid-area: 1 / 6 / 2 / 13; } #w-node-_0bc5f9c0-4acb-fe88-d0bb-efe68d1acc3a-dc54fc01 { grid-area: 1 / 13 / 2 / 25; } #w-node-c9e7465f-8630-0b0c-2d37-58b7bf9924a2-dc54fc01 { grid-area: 2 / 13 / 3 / 25; } #w-node-e0f7d8b0-23de-82d2-b543-6c3dee0566d9-dc54fc01 { grid-area: 1 / 1 / 2 / 3; } #w-node-e0f7d8b0-23de-82d2-b543-6c3dee0566da-dc54fc01 { grid-area: 1 / 2 / 2 / 3; } #w-node-e0f7d8b0-23de-82d2-b543-6c3dee0566de-dc54fc01 { grid-area: 2 / 2 / 3 / 3; } #w-node-b5c05e4f-29ca-438a-e4c5-87a8c8a2ba89-dc54fc01 { grid-area: 3 / 2 / 4 / 3; justify-self: start; } #w-node-_804b8053-e3f5-34a9-70c6-9feef9cb073d-dc54fc01 { grid-area: 2 / 3 / 3 / 5; } #w-node-_804b8053-e3f5-34a9-70c6-9feef9cb073e-dc54fc01 { grid-area: 1 / 2 / 2 / 3; } #w-node-_804b8053-e3f5-34a9-70c6-9feef9cb0740-dc54fc01 { grid-area: 2 / 2 / 2 / 3; } #w-node-ab91d46c-810d-d41a-a196-3762bfcf668c-dc54fc01 { grid-area: 3 / 2 / 4 / 3; justify-self: start; } #w-node-_507167e7-d633-2402-87fb-5b79dc8dcfb7-dc54fc01 { grid-area: 3 / 1 / 4 / 3; } #w-node-_507167e7-d633-2402-87fb-5b79dc8dcfb8-dc54fc01 { grid-area: 1 / 2 / 2 / 3; } #w-node-_507167e7-d633-2402-87fb-5b79dc8dcfba-dc54fc01 { grid-area: 2 / 2 / 3 / 3; } #w-node-_3c5c2492-9ade-0e88-d0dc-91750aa262cb-dc54fc01 { grid-area: 3 / 2 / 4 / 3; justify-self: start; } #w-node-_26dc8807-31d1-4df9-7aef-1571f9ad0236-dc54fc02 { grid-area: 1 / 2 / 2 / 3; } #w-node-_26dc8807-31d1-4df9-7aef-1571f9ad0238-dc54fc02 { grid-area: 2 / 2 / 3 / 3; } #w-node-_18055dda-58e5-8dcf-da5d-defc652d83b4-dc54fc02 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-c2485534-7455-4aad-8f95-450d31f2cca7-dc54fc02 { grid-area: 1 / 1 / 2 / 2; } #w-node-c2485534-7455-4aad-8f95-450d31f2cca9-dc54fc02 { grid-area: 1 / 2 / 2 / 3; } #w-node-_7ff6173e-24be-60ce-ab44-0c3667a3734d-dc54fc02 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4b197f16-c36e-a38d-087b-1f139717f320-dc54fc03 { grid-area: 1 / 2 / 2 / 3; } #w-node-_2fa51464-9d16-61b7-afb7-8fe2255a8c54-dc54fc03 { grid-area: 2 / 2 / 3 / 3; } #w-node-_18055dda-58e5-8dcf-da5d-defc652d83b4-dc54fc03, #w-node-_4b197f16-c36e-a38d-087b-1f139717f382-dc54fc03 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_727bc5c3-1c7b-b75e-d443-0baaed8deb8e-dc54fc04 { grid-area: 1 / 2 / 2 / 3; } #w-node-_727bc5c3-1c7b-b75e-d443-0baaed8deb90-dc54fc04 { grid-area: 2 / 2 / 3 / 3; } #w-node-_34d1828a-40df-a2fc-9df1-a16cfd1c3935-dc54fc04, #w-node-_2481b105-8184-521f-1ad1-762ccb6e9804-dc54fc04, #w-node-_442ad1fc-69a7-5951-3373-104d12b6016f-dc54fc04, #w-node-_727bc5c3-1c7b-b75e-d443-0baaed8debf0-dc54fc04 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-dc54fc05 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-dc54fc05 { grid-area: 2 / 2 / 3 / 3; } #w-node-bd14a4a7-68ed-d86d-f020-3bb57b0576e2-dc54fc05, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee63c-dc54fc05 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-feeb9000-c85d-373a-c743-86f8516745d7-dc54fc06 { grid-area: 1 / 2 / 2 / 3; } #w-node-feeb9000-c85d-373a-c743-86f8516745d9-dc54fc06 { grid-area: 2 / 2 / 3 / 3; } #w-node-_3aa73212-fe98-c2d5-faa2-67db59bda617-dc54fc06, #w-node-feeb9000-c85d-373a-c743-86f85167463a-dc54fc06, #w-node-_1bed5abb-2b28-f669-8426-a50ac7f91cfe-dc54fc08, #w-node-_1bed5abb-2b28-f669-8426-a50ac7f91cff-dc54fc08 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_1bed5abb-2b28-f669-8426-a50ac7f91d1f-dc54fc08 { grid-area: 1 / 2 / 2 / 4; } #w-node-_70a04e66-4c5e-00c7-7541-beb2ccd7f56a-dc54fc08 { grid-area: span 1 / span 8 / span 1 / span 8; } #w-node-_4c31be19-eaee-2bb9-6a7f-7eb96c2399e3-dc54fc08 { grid-area: 1 / 9 / 2 / 25; place-self: start; } #w-node-a7bc653f-c190-6bc0-204e-6d5f1545faef-dc54fc08 { grid-area: 1 / 1 / 2 / 3; justify-self: center; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-dc54fc3f { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-dc54fc3f { grid-area: 2 / 2 / 3 / 3; } #w-node-ed3295d1-c51d-a7a5-7e97-0cc34a9a7cf8-dc54fc3f, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee63c-dc54fc3f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_80e70aeb-6527-0bd5-cc7f-4c421f38a1bf-dc54fc69 { grid-area: 1 / 2 / 2 / 3; } #w-node-_80e70aeb-6527-0bd5-cc7f-4c421f38a1c1-dc54fc69 { grid-area: 2 / 2 / 3 / 3; } #w-node-_80e70aeb-6527-0bd5-cc7f-4c421f38a222-dc54fc69 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-bdbd0bd0-3d78-b74e-9dad-ef538596674c-dc54fc7d { grid-area: 1 / 2 / 2 / 3; } #w-node-bdbd0bd0-3d78-b74e-9dad-ef538596674e-dc54fc7d { grid-area: 2 / 2 / 3 / 3; } #w-node-bdbd0bd0-3d78-b74e-9dad-ef53859667ae-dc54fc7d { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_95f28b5f-15c6-e50f-4b7f-bdf8463d2841-eb71107f { grid-area: 1 / 1 / 2 / 25; } #w-node-_648bdf00-4b33-6648-7f47-d5c91a821ba9-eb71107f { grid-area: 1 / 1 / 2 / 17; justify-self: auto; } #w-node-bb481137-cd7c-02d1-48b5-6924685ecc1d-eb71107f { grid-area: 1 / 13 / 2 / 25; justify-self: auto; } #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef55-eb71107f, #w-node-b14238ec-d274-cd4a-a334-f31c9f333a72-eb71107f { grid-area: span 1 / span 6 / span 1 / span 6; align-self: center; } #w-node-cf826519-02e5-b8ac-b664-bce3594043d4-eb71107f { grid-area: 1 / 1 / 2 / 9; } #w-node-_3bba768c-883a-d03d-5298-b31d1df9fe39-eb71107f { grid-area: 1 / 9 / 2 / 25; } #w-node-_2667dc6a-094c-326f-f91d-f750b388fa58-eb71107f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-db0b7b75-56a2-32e8-6af2-d9ad990a9fb7-eb71107f { grid-area: 1 / 9 / 2 / 25; justify-self: auto; } #w-node-_6060587a-c655-266a-902b-bcfe77a866de-eb71107f { grid-area: 1 / 1 / 2 / 9; } #w-node-_95f28b5f-15c6-e50f-4b7f-bdf8463d2841-d3f9e791 { grid-area: 1 / 1 / 2 / 25; } #w-node-_648bdf00-4b33-6648-7f47-d5c91a821ba9-d3f9e791 { grid-area: 1 / 1 / 2 / 17; justify-self: auto; } #w-node-bb481137-cd7c-02d1-48b5-6924685ecc1d-d3f9e791 { grid-area: 1 / 13 / 2 / 25; justify-self: auto; } #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef55-d3f9e791, #w-node-_1311bff4-8645-0347-8174-21670cd906b1-d3f9e791 { grid-area: span 1 / span 6 / span 1 / span 6; align-self: center; } #w-node-cf826519-02e5-b8ac-b664-bce3594043d4-d3f9e791 { grid-area: 1 / 1 / 2 / 9; } #w-node-_3bba768c-883a-d03d-5298-b31d1df9fe39-d3f9e791 { grid-area: 1 / 9 / 2 / 25; } #w-node-_2667dc6a-094c-326f-f91d-f750b388fa58-d3f9e791 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-db0b7b75-56a2-32e8-6af2-d9ad990a9fb7-d3f9e791 { grid-area: 1 / 9 / 2 / 25; justify-self: auto; } #w-node-_6060587a-c655-266a-902b-bcfe77a866de-d3f9e791 { grid-area: 1 / 1 / 2 / 9; } #w-node-_50624c25-6c0b-8f3c-6386-b180f7139eba-24089389 { grid-area: 1 / 1 / 2 / 6; } #w-node-_50624c25-6c0b-8f3c-6386-b180f7139ebe-24089389 { grid-area: 1 / 9 / 2 / 25; place-self: start; } #w-node-_1f5bd51c-94bf-e345-97eb-965c2fdd5887-24089389 { grid-area: 1 / 1 / 2 / 7; } #w-node-_1f5bd51c-94bf-e345-97eb-965c2fdd5888-24089389 { grid-area: 2 / 2 / 3 / 3; } #w-node-d5bb2caa-9611-e292-ad59-b90ac0176f9c-24089389 { grid-area: 1 / 9 / 2 / 25; } #w-node-df68bbd0-ecc2-b410-06dc-0e5e6ea574f5-24089389 { grid-area: 1 / 1 / 2 / 7; } #w-node-df68bbd0-ecc2-b410-06dc-0e5e6ea574f6-24089389 { grid-area: 2 / 2 / 3 / 3; } #w-node-df68bbd0-ecc2-b410-06dc-0e5e6ea574f4-24089389 { grid-area: 1 / 9 / 2 / 25; } #w-node-_21923c7c-4a57-9ce5-c1f3-a0a5265587d7-24089389 { grid-area: 5 / 1 / 6 / 3; justify-self: start; } #w-node-_45b6a9a1-e6cc-22cc-134f-ad5d50e76e4e-4f8dfacc { grid-area: 1 / 1 / 2 / 25; } #w-node-bb481137-cd7c-02d1-48b5-6924685ecc1d-4f8dfacc { grid-area: 1 / 9 / 2 / 25; justify-self: auto; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4fe3-016e86dd { grid-area: span 1 / span 8 / span 1 / span 8; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-016e86dd { grid-area: 1 / 9 / 2 / 25; place-self: start; } #w-node-_3fdc4247-ac81-10dc-05ed-98162c9209dc-016e86dd { grid-area: 1 / 1 / 2 / 2; } #w-node-_3fdc4247-ac81-10dc-05ed-98162c9209dd-016e86dd { grid-area: 1 / 2 / 2 / 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-2d3e2011 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-2d3e2011 { grid-area: 2 / 2 / 3 / 3; } #w-node-dee86bf8-0af7-9958-a4a5-c2f3d3aaecc1-2d3e2011 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-33a7c414 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-33a7c414 { grid-area: 2 / 2 / 3 / 3; } #w-node-dea21a41-3864-ddb6-8b84-a53d4dc2e894-33a7c414, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-d2639c08 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-7565f35e { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-7565f35e { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-7565f35e { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-8ee2a471 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-8ee2a471 { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-8ee2a471 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-f396ce2a { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-f396ce2a { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-f396ce2a { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-28b9bef9 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-28b9bef9 { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-28b9bef9 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-6bb78c24 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-6bb78c24 { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-6bb78c24 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-9d3f5739 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-9d3f5739 { grid-area: 2 / 2 / 3 / 3; } #w-node-a02d6e51-c0ed-10dc-0092-724810e9f98a-9d3f5739, #w-node-_00c5cd61-74d2-557f-48bc-0ae4e593645b-9d3f5739, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-9d3f5739 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-092b416f { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-092b416f { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-092b416f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-c80b56d0 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-c80b56d0 { grid-area: 2 / 2 / 3 / 3; } #w-node-f80d64fe-ec0c-3b87-6d49-82b81435774d-c80b56d0, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-c80b56d0, #w-node-_73229e0e-dc39-d556-ac68-a226d67ab0f3-c80b56d0, #w-node-_7d214f2d-d2b2-85d6-a1b1-08a52fc407c6-c80b56d0, #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf459-c80b56d0, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-c80b56d0, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-f552b9c4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-7844398b { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-7844398b { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-7844398b, #w-node-_4b06d865-f04e-0f68-171a-c7753e01ee4c-7844398b, #w-node-_53b53b87-9754-9ef6-e717-395efb27987d-7844398b, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-7844398b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-0cd9e771 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-0cd9e771 { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-0cd9e771, #w-node-_0664b355-0e2d-f358-aad5-0a0b58fb9a2a-0cd9e771, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-0cd9e771 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-09343f11 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-09343f11 { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-09343f11, #w-node-_0b2e6009-4dbc-02f5-a0d4-a0e72c305e83-09343f11, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-09343f11 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-4f7d8894 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-4f7d8894 { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-4f7d8894 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-655b609d { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-655b609d { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-655b609d, #w-node-_394c9df1-3631-a87c-e4d0-0c85542ed4b2-655b609d, #w-node-f2ee38e5-05fa-6335-df8c-1201059e85d6-655b609d, #w-node-e1a85e7f-ec5f-7228-0606-dfbdbd4294cc-655b609d, #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf459-655b609d, #w-node-_76638c44-3f75-32d2-774e-e68d2139d4d8-655b609d, #w-node-ba94492a-4be1-6c49-b89a-6aada03c9379-655b609d, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-655b609d { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-75c32323 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-75c32323 { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-75c32323, #w-node-_81eee1c4-4b5d-3546-b76f-3aab3dd3935a-75c32323, #w-node-_4e8edecf-072f-9813-ce8a-2f18ea19bb6c-75c32323, #w-node-_34d6501f-9c3d-af60-261d-7c3edec811c5-75c32323, #w-node-_2342c607-155f-9493-527e-9244a8607e96-75c32323, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-75c32323 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-3c2df56f { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-3c2df56f { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-3c2df56f, #w-node-ed8608e8-c2a7-8297-5a7d-803133127fc0-3c2df56f, #w-node-_29f08c98-a601-56a6-1438-dd05733d1a9f-3c2df56f, #w-node-_1da6370c-8a1e-1cec-eb0e-5a154ba3bf94-3c2df56f, #w-node-_97da1cf2-a62f-2dd2-aed1-4adcbc566860-3c2df56f, #w-node-c5637c0f-4765-521e-1e49-2f398802fb91-3c2df56f, #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf459-3c2df56f, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-3c2df56f { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-faf550ed { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-faf550ed { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-faf550ed, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-faf550ed { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-a3931a31 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-a3931a31 { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-a3931a31, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-a3931a31 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-a984cd6b { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-a984cd6b { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-a984cd6b, #w-node-_997d67cf-fd8b-0a80-3d03-e0a7f148dd5c-a984cd6b, #w-node-_0dc5debf-5a02-d410-946b-d9735bbb4b56-a984cd6b, #w-node-_78a7ce7c-99b4-d73f-9e5c-2974e17dd339-a984cd6b, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-a984cd6b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-d1f31218 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-d1f31218 { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-d1f31218, #w-node-a2f902a8-56bd-b7b9-7c65-c79db0276d07-d1f31218, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-d1f31218 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-ab470837 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-ab470837 { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-ab470837, #w-node-bf388625-ea17-6578-f702-54afc8b6b2cd-ab470837, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-ab470837 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-5aab52a8 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-5aab52a8 { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-5aab52a8 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-59fafe45 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-59fafe45 { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-59fafe45 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-be018d49 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-be018d49 { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-be018d49 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-6a8e848c { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-6a8e848c { grid-area: 2 / 2 / 3 / 3; } #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-6a8e848c { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-834f33b5 { grid-area: 1 / 2 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-834f33b5 { grid-area: 2 / 2 / 3 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-834f33b5, #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf459-834f33b5, #w-node-_270cacab-30d8-0d2c-2363-393c2f91bbee-834f33b5 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-a748ebff-67fa-bf88-0251-adb57145387e-4330b5d1 { grid-area: 1 / 1 / 2 / 25; place-self: start; } #w-node-_3a99c821-6303-8659-710e-0162dc93fa9d-4330b5d1 { grid-area: 1 / 1 / 2 / 25; } #w-node-_3a99c821-6303-8659-710e-0162dc93fa9e-4330b5d1, #w-node-_3a99c821-6303-8659-710e-0162dc93faa7-4330b5d1 { grid-area: span 1 / span 24 / span 1 / span 24; justify-self: start; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-0662e904 { grid-area: 1 / 1 / 2 / 25; place-self: start; } #w-node-_11baf3ac-8685-81c3-cbaf-b5794978e535-0662e904 { grid-area: 1 / 13 / 2 / 25; justify-self: auto; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-d9322612 { grid-area: 1 / 1 / 2 / 25; place-self: start; } #w-node-_11baf3ac-8685-81c3-cbaf-b5794978e535-d9322612 { grid-area: 1 / 13 / 2 / 25; justify-self: auto; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-79ad54dc { grid-area: 1 / 1 / 2 / 25; place-self: start; } #w-node-_11baf3ac-8685-81c3-cbaf-b5794978e535-79ad54dc { grid-area: 1 / 13 / 2 / 25; justify-self: auto; } #w-node-bf67a08d-6edd-a087-32ec-36def20a96c4-d0a2bf6b { grid-area: 1 / 1 / 2 / 25; place-self: start; } #w-node-d9864361-fe55-fee6-33cb-b6191d65204d-cd1a3975, #w-node-c7dbec49-cd8b-d9d1-e295-e57bbe0eb10e-cd1a3975 { grid-area: 1 / 10 / 2 / 25; } #w-node-c915855f-d852-ad18-7185-d780b05f21ab-cd1a3975 { grid-area: 1 / 1 / 2 / 7; } #w-node-_0b028dca-bc07-d9e3-52bc-667335cf676c-cd1a3975 { grid-area: 2 / 10 / 3 / 25; justify-self: start; } #w-node-afd0ef6a-6c6f-5024-5f8a-94b238b5aa4d-cd1a3975 { grid-area: 1 / 10 / 2 / 25; justify-self: auto; } #w-node-_77f28bf1-eaf9-86d1-f45d-4fb1300dc79b-cd1a3975 { grid-area: 1 / 1 / 2 / 3; justify-self: auto; } #w-node-_2b8242b9-6153-ee48-d56e-53cbd4df3907-cd1a3975 { grid-area: 2 / 1 / 3 / 3; justify-self: start; } #w-node-a65f7d1f-db33-f787-4d08-2c2923155a8e-cd1a3975 { grid-area: 1 / 3 / 2 / 5; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86a9-cd1a3975 { grid-area: 2 / 2 / 3 / 5; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86b4-cd1a3975, #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86b5-cd1a3975, #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86d1-cd1a3975, #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86d2-cd1a3975 { grid-area: span 1 / span 3 / span 1 / span 3; } @media screen and (max-width: 991px) { #w-node-_43d75669-e11f-68c6-ce06-28c6d3f4996c-dc54fbe2, #w-node-_134a6dd3-b7c7-66b0-8aad-b1a218b98913-dc54fbe2 { grid-area: span 2 / span 4 / span 2 / span 4; } #w-node-_133664ed-4bd6-f911-4dbe-5573ae3980d0-569ce971 { grid-column-start: 1; } #w-node-_85d197c8-e9cb-7905-76ef-58d804cc7d66-dc54fbf2, #w-node-_63cb0952-fe0a-8c5d-f485-76d5d91a6fc9-dc54fbf2, #w-node-b5318063-6a85-a4be-4675-3204acb54d56-dc54fbf2 { grid-area: span 1 / span 4 / span 1 / span 4; } #w-node-a6cdb8fd-c2ed-8373-f2d5-2a0abab44c64-dc54fbf3 { grid-column-end: 8; } #w-node-_9f35e0ab-5e62-a833-096b-05335f76104e-dc54fbf3 { grid-column-end: 7; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4fe3-dc54fbf4 { grid-area: span 2 / span 12 / span 2 / span 12; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-dc54fbf4 { grid-area: 1 / 1 / 2 / 13; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-dc54fbf5 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-dc54fbf5, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-dc54fbf5 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-dc54fbf5 { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-dc54fbf5 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf45b-dc54fbf5 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_648bdf00-4b33-6648-7f47-d5c91a821ba9-dc54fbf8 { grid-column-end: 22; } #w-node-bb481137-cd7c-02d1-48b5-6924685ecc1d-dc54fbf8 { grid-column-start: 9; } #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef55-dc54fbf8, #w-node-_8785ada8-5227-8255-735b-79f5163eca8f-dc54fbf8, #w-node-_6ed7de2b-c346-7398-7105-acb5af359cbb-dc54fbf8 { grid-column: span 8 / span 8; } #w-node-cf826519-02e5-b8ac-b664-bce3594043d4-dc54fbf8 { grid-area: span 1 / span 8 / span 1 / span 8; } #w-node-_3bba768c-883a-d03d-5298-b31d1df9fe39-dc54fbf8 { grid-area: 1 / 9 / 4 / 25; } #w-node-c915855f-d852-ad18-7185-d780b05f21ab-dc54fbfa { grid-column-end: 9; } #w-node-_77f28bf1-eaf9-86d1-f45d-4fb1300dc79b-dc54fbfa, #w-node-a65f7d1f-db33-f787-4d08-2c2923155a8e-dc54fbfa { grid-area: span 1 / span 4 / span 1 / span 4; } #w-node-_7afcdb58-9131-d642-9efc-d6d4efd01c1a-dc54fbfa { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86b4-dc54fbfa, #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86d1-dc54fbfa { grid-area: span 2 / span 4 / span 2 / span 4; } #w-node-_28fbfa6a-103c-5ca2-58eb-2e8fd9e879a8-dc54fc01 { grid-column-end: 9; } #w-node-_0bc5f9c0-4acb-fe88-d0bb-efe68d1acc3a-dc54fc01, #w-node-c9e7465f-8630-0b0c-2d37-58b7bf9924a2-dc54fc01, #w-node-e0f7d8b0-23de-82d2-b543-6c3dee0566da-dc54fc01, #w-node-e0f7d8b0-23de-82d2-b543-6c3dee0566de-dc54fc01, #w-node-b5c05e4f-29ca-438a-e4c5-87a8c8a2ba89-dc54fc01, #w-node-_804b8053-e3f5-34a9-70c6-9feef9cb073e-dc54fc01, #w-node-_804b8053-e3f5-34a9-70c6-9feef9cb0740-dc54fc01, #w-node-ab91d46c-810d-d41a-a196-3762bfcf668c-dc54fc01, #w-node-_507167e7-d633-2402-87fb-5b79dc8dcfb8-dc54fc01, #w-node-_507167e7-d633-2402-87fb-5b79dc8dcfba-dc54fc01, #w-node-_3c5c2492-9ade-0e88-d0dc-91750aa262cb-dc54fc01, #w-node-_1bed5abb-2b28-f669-8426-a50ac7f91d1f-dc54fc08 { grid-column-start: 1; } #w-node-_70a04e66-4c5e-00c7-7541-beb2ccd7f56a-dc54fc08 { grid-area: 2 / 1 / 3 / 25; } #w-node-_4c31be19-eaee-2bb9-6a7f-7eb96c2399e3-dc54fc08 { grid-area: span 1 / span 24 / span 1 / span 24; } #w-node-ed3295d1-c51d-a7a5-7e97-0cc34a9a7cfa-dc54fc3f { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_648bdf00-4b33-6648-7f47-d5c91a821ba9-eb71107f { grid-column-end: 21; } #w-node-bb481137-cd7c-02d1-48b5-6924685ecc1d-eb71107f { grid-column-start: 9; } #w-node-b14238ec-d274-cd4a-a334-f31c9f333a72-eb71107f { grid-column: span 8 / span 8; } #w-node-_648bdf00-4b33-6648-7f47-d5c91a821ba9-d3f9e791 { grid-column-end: 21; } #w-node-bb481137-cd7c-02d1-48b5-6924685ecc1d-d3f9e791 { grid-column-start: 9; } #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef55-d3f9e791 { grid-column: span 9 / span 9; } #w-node-_1311bff4-8645-0347-8174-21670cd906b1-d3f9e791 { grid-column: span 8 / span 8; } #w-node-_1f5bd51c-94bf-e345-97eb-965c2fdd5887-24089389 { grid-column-end: 7; place-self: auto; } #w-node-bb481137-cd7c-02d1-48b5-6924685ecc1d-4f8dfacc { grid-column-start: 9; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4fe3-016e86dd { grid-area: span 2 / span 12 / span 2 / span 12; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-016e86dd { grid-area: 1 / 1 / 2 / 13; } #w-node-_3fdc4247-ac81-10dc-05ed-98162c9209dc-016e86dd, #w-node-_3fdc4247-ac81-10dc-05ed-98162c9209dd-016e86dd { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-2d3e2011 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-2d3e2011, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-2d3e2011 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-33a7c414 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-33a7c414, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-33a7c414 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-d2639c08, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-7565f35e { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-7565f35e, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-7565f35e { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-8ee2a471 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-8ee2a471, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-8ee2a471 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-f396ce2a { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-f396ce2a, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-f396ce2a { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-28b9bef9 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-28b9bef9, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-28b9bef9 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-6bb78c24 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-6bb78c24, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-6bb78c24 { grid-column-end: 4; } #w-node-_11353ea0-f461-6d34-a424-78cc80f58497-6bb78c24, #w-node-_9f4a11de-31ac-8ffb-9bc2-b93bc7d2b9c8-6bb78c24, #w-node-_20c245af-f611-2395-3ab3-9d9eb1a6d718-6bb78c24, #w-node-_20c245af-f611-2395-3ab3-9d9eb1a6d71a-6bb78c24, #w-node-e59ba84b-e6a5-e91c-b6bc-dc326ab3df5c-6bb78c24, #w-node-e59ba84b-e6a5-e91c-b6bc-dc326ab3df5e-6bb78c24, #w-node-_8331ce4d-ad22-38f6-5170-1618e09e352d-6bb78c24, #w-node-_8331ce4d-ad22-38f6-5170-1618e09e352f-6bb78c24 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-9d3f5739 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-9d3f5739, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-9d3f5739 { grid-column-end: 4; } #w-node-a02d6e51-c0ed-10dc-0092-724810e9f98a-9d3f5739 { grid-column: span 2 / span 2; } #w-node-a02d6e51-c0ed-10dc-0092-724810e9f98c-9d3f5739 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_00c5cd61-74d2-557f-48bc-0ae4e593645b-9d3f5739 { grid-column: span 2 / span 2; } #w-node-_00c5cd61-74d2-557f-48bc-0ae4e593645d-9d3f5739 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-092b416f { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-092b416f, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-092b416f { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-c80b56d0 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-c80b56d0, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-c80b56d0 { grid-column-end: 4; } #w-node-f80d64fe-ec0c-3b87-6d49-82b81435774d-c80b56d0 { grid-column: span 2 / span 2; } #w-node-f80d64fe-ec0c-3b87-6d49-82b81435774f-c80b56d0 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-c80b56d0 { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-c80b56d0 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_73229e0e-dc39-d556-ac68-a226d67ab0f3-c80b56d0 { grid-column: span 2 / span 2; } #w-node-_73229e0e-dc39-d556-ac68-a226d67ab0f5-c80b56d0 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_7d214f2d-d2b2-85d6-a1b1-08a52fc407c6-c80b56d0 { grid-column: span 2 / span 2; } #w-node-_7d214f2d-d2b2-85d6-a1b1-08a52fc407c8-c80b56d0 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf45b-c80b56d0 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-f552b9c4, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-7844398b { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-7844398b, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-7844398b { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-7844398b { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-7844398b { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4b06d865-f04e-0f68-171a-c7753e01ee4c-7844398b { grid-column: span 2 / span 2; } #w-node-_4b06d865-f04e-0f68-171a-c7753e01ee4e-7844398b { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_53b53b87-9754-9ef6-e717-395efb27987d-7844398b { grid-column: span 2 / span 2; } #w-node-_53b53b87-9754-9ef6-e717-395efb27987f-7844398b { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-0cd9e771 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-0cd9e771, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-0cd9e771 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-0cd9e771 { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-0cd9e771 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_0664b355-0e2d-f358-aad5-0a0b58fb9a2a-0cd9e771 { grid-column: span 2 / span 2; } #w-node-_0664b355-0e2d-f358-aad5-0a0b58fb9a2c-0cd9e771 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-09343f11 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-09343f11, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-09343f11 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-09343f11 { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-09343f11 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_0b2e6009-4dbc-02f5-a0d4-a0e72c305e83-09343f11 { grid-column: span 2 / span 2; } #w-node-_0b2e6009-4dbc-02f5-a0d4-a0e72c305e85-09343f11 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-4f7d8894 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-4f7d8894, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-4f7d8894 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-655b609d { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-655b609d, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-655b609d { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-655b609d { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-655b609d { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_394c9df1-3631-a87c-e4d0-0c85542ed4b2-655b609d { grid-column: span 2 / span 2; } #w-node-_394c9df1-3631-a87c-e4d0-0c85542ed4b4-655b609d { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-f2ee38e5-05fa-6335-df8c-1201059e85d6-655b609d { grid-column: span 2 / span 2; } #w-node-f2ee38e5-05fa-6335-df8c-1201059e85d8-655b609d { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-e1a85e7f-ec5f-7228-0606-dfbdbd4294cc-655b609d { grid-column: span 2 / span 2; } #w-node-e1a85e7f-ec5f-7228-0606-dfbdbd4294ce-655b609d { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf45b-655b609d, #w-node-_76638c44-3f75-32d2-774e-e68d2139d4da-655b609d, #w-node-ba94492a-4be1-6c49-b89a-6aada03c937b-655b609d { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-75c32323 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-75c32323, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-75c32323 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-75c32323 { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-75c32323 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_81eee1c4-4b5d-3546-b76f-3aab3dd3935a-75c32323 { grid-column: span 2 / span 2; } #w-node-_81eee1c4-4b5d-3546-b76f-3aab3dd3935c-75c32323 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4e8edecf-072f-9813-ce8a-2f18ea19bb6c-75c32323 { grid-column: span 2 / span 2; } #w-node-_4e8edecf-072f-9813-ce8a-2f18ea19bb6e-75c32323 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_34d6501f-9c3d-af60-261d-7c3edec811c5-75c32323 { grid-column: span 2 / span 2; } #w-node-_34d6501f-9c3d-af60-261d-7c3edec811c7-75c32323 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_2342c607-155f-9493-527e-9244a8607e96-75c32323 { grid-column: span 2 / span 2; } #w-node-_2342c607-155f-9493-527e-9244a8607e98-75c32323 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-3c2df56f { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-3c2df56f, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-3c2df56f { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-3c2df56f { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-3c2df56f { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-ed8608e8-c2a7-8297-5a7d-803133127fc0-3c2df56f { grid-column: span 2 / span 2; } #w-node-ed8608e8-c2a7-8297-5a7d-803133127fc2-3c2df56f { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_29f08c98-a601-56a6-1438-dd05733d1a9f-3c2df56f { grid-column: span 2 / span 2; } #w-node-_29f08c98-a601-56a6-1438-dd05733d1aa1-3c2df56f { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_1da6370c-8a1e-1cec-eb0e-5a154ba3bf94-3c2df56f { grid-column: span 2 / span 2; } #w-node-_1da6370c-8a1e-1cec-eb0e-5a154ba3bf96-3c2df56f { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_97da1cf2-a62f-2dd2-aed1-4adcbc566860-3c2df56f { grid-column: span 2 / span 2; } #w-node-_97da1cf2-a62f-2dd2-aed1-4adcbc566862-3c2df56f { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-c5637c0f-4765-521e-1e49-2f398802fb91-3c2df56f { grid-column: span 2 / span 2; } #w-node-c5637c0f-4765-521e-1e49-2f398802fb93-3c2df56f { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf45b-3c2df56f { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-faf550ed { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-faf550ed, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-faf550ed { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-faf550ed { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-faf550ed { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-a3931a31 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-a3931a31, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-a3931a31 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-a3931a31 { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-a3931a31 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-a984cd6b { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-a984cd6b, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-a984cd6b { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-a984cd6b { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-a984cd6b { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_997d67cf-fd8b-0a80-3d03-e0a7f148dd5c-a984cd6b { grid-column: span 2 / span 2; } #w-node-_997d67cf-fd8b-0a80-3d03-e0a7f148dd5e-a984cd6b { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_0dc5debf-5a02-d410-946b-d9735bbb4b56-a984cd6b { grid-column: span 2 / span 2; } #w-node-_0dc5debf-5a02-d410-946b-d9735bbb4b58-a984cd6b { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_78a7ce7c-99b4-d73f-9e5c-2974e17dd339-a984cd6b { grid-column: span 2 / span 2; } #w-node-_78a7ce7c-99b4-d73f-9e5c-2974e17dd33b-a984cd6b { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-d1f31218 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-d1f31218, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-d1f31218 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-d1f31218 { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-d1f31218 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-a2f902a8-56bd-b7b9-7c65-c79db0276d07-d1f31218 { grid-column: span 2 / span 2; } #w-node-a2f902a8-56bd-b7b9-7c65-c79db0276d09-d1f31218 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-ab470837 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-ab470837, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-ab470837 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-ab470837 { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-ab470837 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-bf388625-ea17-6578-f702-54afc8b6b2cd-ab470837 { grid-column: span 2 / span 2; } #w-node-bf388625-ea17-6578-f702-54afc8b6b2cf-ab470837 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-5aab52a8 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-5aab52a8, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-5aab52a8 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-59fafe45 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-59fafe45, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-59fafe45 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-be018d49 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-be018d49, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-be018d49 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-6a8e848c { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-6a8e848c, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-6a8e848c { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5c3-834f33b5 { justify-self: auto; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-834f33b5, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d8-834f33b5 { grid-column-end: 4; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-834f33b5 { grid-column: span 2 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f5-834f33b5 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf45b-834f33b5 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-0662e904 { grid-area: 1 / 1 / 2 / 13; } #w-node-_11baf3ac-8685-81c3-cbaf-b5794978e535-0662e904 { grid-column-start: 9; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-d9322612 { grid-area: 1 / 1 / 2 / 13; } #w-node-_11baf3ac-8685-81c3-cbaf-b5794978e535-d9322612 { grid-column-start: 9; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-79ad54dc { grid-area: 1 / 1 / 2 / 13; } #w-node-_11baf3ac-8685-81c3-cbaf-b5794978e535-79ad54dc { grid-column-start: 9; } #w-node-c915855f-d852-ad18-7185-d780b05f21ab-cd1a3975 { grid-column-end: 9; } #w-node-afd0ef6a-6c6f-5024-5f8a-94b238b5aa4d-cd1a3975 { grid-column-start: 1; } #w-node-_77f28bf1-eaf9-86d1-f45d-4fb1300dc79b-cd1a3975, #w-node-a65f7d1f-db33-f787-4d08-2c2923155a8e-cd1a3975 { grid-area: span 1 / span 4 / span 1 / span 4; } #w-node-_7afcdb58-9131-d642-9efc-d6d4efd01c1a-cd1a3975 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86b4-cd1a3975, #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86d1-cd1a3975 { grid-area: span 2 / span 4 / span 2 / span 4; } } @media screen and (max-width: 767px) { #w-node-_0f3bbc82-0860-eb54-89e2-8cb23595ba30-dc54fbe2 { grid-column-start: 1; } #w-node-_43d75669-e11f-68c6-ce06-28c6d3f4996e-dc54fbe2 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_134a6dd3-b7c7-66b0-8aad-b1a218b98913-dc54fbe2 { grid-area: span 2 / span 4 / span 2 / span 4; } #w-node-_134a6dd3-b7c7-66b0-8aad-b1a218b98915-dc54fbe2 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_54cafcb1-b1c4-64f8-615f-ee44583ea860-dc54fbe2 { grid-area: span 1 / span 4 / span 1 / span 4; align-self: stretch; } #w-node-d92a4ee2-4989-8a8c-6010-66c624281de2-569ce971 { grid-area: 2 / 1 / 3 / 3; } #w-node-_133664ed-4bd6-f911-4dbe-5573ae3980d0-569ce971 { grid-area: 1 / 1 / 2 / 3; } #w-node-_9f35e0ab-5e62-a833-096b-05335f76104f-dc54fbf3 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-dc54fbf5, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-dc54fbf5, #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf459-dc54fbf5 { grid-column: span 2 / span 2; } #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf45b-dc54fbf5 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-dc54fbf6, #w-node-bd1de751-cfcd-320c-1e01-1f3ba01e73b9-dc54fbf7, #w-node-_70204ad0-b4c6-6ff6-ecb7-db31bca49625-dc54fbf7 { grid-column: span 2 / span 2; } #w-node-_70204ad0-b4c6-6ff6-ecb7-db31bca49627-dc54fbf7, #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef56-dc54fbf8, #w-node-_8785ada8-5227-8255-735b-79f5163eca90-dc54fbf8, #w-node-_6ed7de2b-c346-7398-7105-acb5af359cbc-dc54fbf8 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86b6-dc54fbfa { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86d1-dc54fbfa { grid-area: span 2 / span 4 / span 2 / span 4; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86d3-dc54fbfa { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86ef-dc54fbfa { grid-area: span 1 / span 4 / span 1 / span 4; align-self: stretch; } #w-node-f68492a7-fbce-e6a0-a110-1d29ec76de70-dc54fc00, #w-node-_18055dda-58e5-8dcf-da5d-defc652d83b4-dc54fc00 { grid-column: span 2 / span 2; } #w-node-_18055dda-58e5-8dcf-da5d-defc652d83b6-dc54fc00 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_9a643ae1-dd6b-7e79-e0fa-c63f5be0900b-dc54fc01 { grid-area: 2 / 1 / 3 / 13; } #w-node-_28fbfa6a-103c-5ca2-58eb-2e8fd9e879a8-dc54fc01 { grid-area: 1 / 1 / 2 / 10; } #w-node-_26dc8807-31d1-4df9-7aef-1571f9ad0236-dc54fc02 { grid-column: span 2 / span 2; } #w-node-_26dc8807-31d1-4df9-7aef-1571f9ad0238-dc54fc02 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_18055dda-58e5-8dcf-da5d-defc652d83b4-dc54fc02 { grid-column: span 2 / span 2; } #w-node-_18055dda-58e5-8dcf-da5d-defc652d83b6-dc54fc02 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4b197f16-c36e-a38d-087b-1f139717f320-dc54fc03, #w-node-_18055dda-58e5-8dcf-da5d-defc652d83b4-dc54fc03, #w-node-_727bc5c3-1c7b-b75e-d443-0baaed8deb8e-dc54fc04 { grid-column: span 2 / span 2; } #w-node-_727bc5c3-1c7b-b75e-d443-0baaed8deb90-dc54fc04 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-dc54fc05, #w-node-bd14a4a7-68ed-d86d-f020-3bb57b0576e2-dc54fc05 { grid-column: span 2 / span 2; } #w-node-_9a6bc694-c4e1-266b-359f-8086590341f2-dc54fc05 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-feeb9000-c85d-373a-c743-86f8516745d7-dc54fc06, #w-node-_3aa73212-fe98-c2d5-faa2-67db59bda617-dc54fc06 { grid-column: span 2 / span 2; } #w-node-_18055dda-58e5-8dcf-da5d-defc652d83b6-dc54fc06 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_1bed5abb-2b28-f669-8426-a50ac7f91cff-dc54fc08 { grid-area: 2 / 1 / 3 / 3; } #w-node-_1bed5abb-2b28-f669-8426-a50ac7f91d1f-dc54fc08 { grid-area: 1 / 1 / 2 / 3; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-dc54fc3f, #w-node-ed3295d1-c51d-a7a5-7e97-0cc34a9a7cf8-dc54fc3f { grid-column: span 2 / span 2; } #w-node-ed3295d1-c51d-a7a5-7e97-0cc34a9a7cfa-dc54fc3f { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_80e70aeb-6527-0bd5-cc7f-4c421f38a1bf-dc54fc69, #w-node-bdbd0bd0-3d78-b74e-9dad-ef538596674c-dc54fc7d { grid-column: span 2 / span 2; } #w-node-bdbd0bd0-3d78-b74e-9dad-ef538596674e-dc54fc7d { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_648bdf00-4b33-6648-7f47-d5c91a821ba9-eb71107f { grid-column-end: 21; } #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef56-eb71107f, #w-node-b14238ec-d274-cd4a-a334-f31c9f333a73-eb71107f, #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef56-d3f9e791, #w-node-_1311bff4-8645-0347-8174-21670cd906b2-d3f9e791 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_50624c25-6c0b-8f3c-6386-b180f7139eba-24089389 { grid-column-end: 13; } #w-node-_50624c25-6c0b-8f3c-6386-b180f7139ebe-24089389 { grid-area: span 1 / span 12 / span 1 / span 12; } #w-node-_1f5bd51c-94bf-e345-97eb-965c2fdd5888-24089389, #w-node-df68bbd0-ecc2-b410-06dc-0e5e6ea574f6-24089389 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-2d3e2011, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-33a7c414, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-7565f35e, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-8ee2a471, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-f396ce2a, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-28b9bef9, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-6bb78c24 { grid-column: span 2 / span 2; } #w-node-_11353ea0-f461-6d34-a424-78cc80f58497-6bb78c24, #w-node-_9f4a11de-31ac-8ffb-9bc2-b93bc7d2b9c8-6bb78c24, #w-node-_20c245af-f611-2395-3ab3-9d9eb1a6d718-6bb78c24, #w-node-_20c245af-f611-2395-3ab3-9d9eb1a6d71a-6bb78c24, #w-node-e59ba84b-e6a5-e91c-b6bc-dc326ab3df5c-6bb78c24, #w-node-e59ba84b-e6a5-e91c-b6bc-dc326ab3df5e-6bb78c24, #w-node-_8331ce4d-ad22-38f6-5170-1618e09e352d-6bb78c24, #w-node-_8331ce4d-ad22-38f6-5170-1618e09e352f-6bb78c24 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-9d3f5739, #w-node-a02d6e51-c0ed-10dc-0092-724810e9f98a-9d3f5739, #w-node-_00c5cd61-74d2-557f-48bc-0ae4e593645b-9d3f5739, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-092b416f, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-c80b56d0, #w-node-f80d64fe-ec0c-3b87-6d49-82b81435774d-c80b56d0, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-c80b56d0, #w-node-_73229e0e-dc39-d556-ac68-a226d67ab0f3-c80b56d0, #w-node-_7d214f2d-d2b2-85d6-a1b1-08a52fc407c6-c80b56d0, #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf459-c80b56d0 { grid-column: span 2 / span 2; } #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf45b-c80b56d0 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-7844398b, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-7844398b, #w-node-_4b06d865-f04e-0f68-171a-c7753e01ee4c-7844398b, #w-node-_53b53b87-9754-9ef6-e717-395efb27987d-7844398b, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-0cd9e771, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-0cd9e771, #w-node-_0664b355-0e2d-f358-aad5-0a0b58fb9a2a-0cd9e771, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-09343f11, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-09343f11, #w-node-_0b2e6009-4dbc-02f5-a0d4-a0e72c305e83-09343f11, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-4f7d8894, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-655b609d, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-655b609d, #w-node-_394c9df1-3631-a87c-e4d0-0c85542ed4b2-655b609d, #w-node-f2ee38e5-05fa-6335-df8c-1201059e85d6-655b609d, #w-node-e1a85e7f-ec5f-7228-0606-dfbdbd4294cc-655b609d, #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf459-655b609d { grid-column: span 2 / span 2; } #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf45b-655b609d { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_76638c44-3f75-32d2-774e-e68d2139d4d8-655b609d { grid-column: span 2 / span 2; } #w-node-_76638c44-3f75-32d2-774e-e68d2139d4da-655b609d { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-ba94492a-4be1-6c49-b89a-6aada03c9379-655b609d { grid-column: span 2 / span 2; } #w-node-ba94492a-4be1-6c49-b89a-6aada03c937b-655b609d { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-75c32323, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-75c32323, #w-node-_81eee1c4-4b5d-3546-b76f-3aab3dd3935a-75c32323, #w-node-_4e8edecf-072f-9813-ce8a-2f18ea19bb6c-75c32323, #w-node-_34d6501f-9c3d-af60-261d-7c3edec811c5-75c32323, #w-node-_2342c607-155f-9493-527e-9244a8607e96-75c32323, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-3c2df56f, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-3c2df56f, #w-node-ed8608e8-c2a7-8297-5a7d-803133127fc0-3c2df56f, #w-node-_29f08c98-a601-56a6-1438-dd05733d1a9f-3c2df56f, #w-node-_1da6370c-8a1e-1cec-eb0e-5a154ba3bf94-3c2df56f, #w-node-_97da1cf2-a62f-2dd2-aed1-4adcbc566860-3c2df56f, #w-node-c5637c0f-4765-521e-1e49-2f398802fb91-3c2df56f, #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf459-3c2df56f { grid-column: span 2 / span 2; } #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf45b-3c2df56f { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-faf550ed, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-faf550ed, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-a3931a31, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-a3931a31, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-a984cd6b, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-a984cd6b, #w-node-_997d67cf-fd8b-0a80-3d03-e0a7f148dd5c-a984cd6b, #w-node-_0dc5debf-5a02-d410-946b-d9735bbb4b56-a984cd6b, #w-node-_78a7ce7c-99b4-d73f-9e5c-2974e17dd339-a984cd6b, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-d1f31218, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-d1f31218, #w-node-a2f902a8-56bd-b7b9-7c65-c79db0276d07-d1f31218, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-ab470837, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-ab470837, #w-node-bf388625-ea17-6578-f702-54afc8b6b2cd-ab470837, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-5aab52a8, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-59fafe45, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-be018d49, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-6a8e848c, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5d6-834f33b5, #w-node-_4a1355ea-f895-e7e2-1883-90ebed0ee5f3-834f33b5, #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf459-834f33b5 { grid-column: span 2 / span 2; } #w-node-_97bb6edc-cc67-98fc-5651-0b1517caf45b-834f33b5 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86b6-cd1a3975 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86d1-cd1a3975 { grid-area: span 2 / span 4 / span 2 / span 4; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86d3-cd1a3975 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_91a706a5-5dd7-6b46-0262-d9048d9b86ef-cd1a3975 { grid-area: span 1 / span 4 / span 1 / span 4; align-self: stretch; } } @media screen and (max-width: 479px) { #w-node-_0f3bbc82-0860-eb54-89e2-8cb23595ba30-dc54fbe2 { grid-area: span 1 / span 24 / span 1 / span 24; } #w-node-caf75c59-f8e8-2a6a-202a-46a322b21fb3-569ce971 { grid-area: 1 / 1 / 2 / 3; } #w-node-_99cbab1f-2e67-1fdc-ab02-e8cc9edd1de0-569ce971 { grid-area: 2 / 1 / 3 / 3; } #w-node-a6cdb8fd-c2ed-8373-f2d5-2a0abab44c64-dc54fbf3 { grid-column-end: 13; } #w-node-_455bea5a-2d71-c033-997b-0f785ad3f9fb-dc54fbf3 { grid-area: 2 / 1 / 3 / 13; } #w-node-_092e62f5-6a8f-c8e5-154c-1c4327a2288c-dc54fbf3 { grid-column: 1 / 13; } #w-node-e8afc2bb-1f44-3027-8802-5ef8872d0fa6-dc54fbf3 { grid-column: 1 / 13; grid-row-start: 2; } #w-node-_6f7453bc-57eb-7594-90c8-2c4cba30763c-dc54fbf3 { grid-column: 1 / 6; } #w-node-_0cce303d-ad6b-1b9a-39bd-497c47a9abd2-dc54fbf3 { grid-column: 6 / 13; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4fe3-dc54fbf4 { grid-column: span 12 / span 12; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-dc54fbf4 { grid-column: 1 / 13; } #w-node-_648bdf00-4b33-6648-7f47-d5c91a821ba9-dc54fbf8 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef55-dc54fbf8, #w-node-_8785ada8-5227-8255-735b-79f5163eca8f-dc54fbf8, #w-node-_6ed7de2b-c346-7398-7105-acb5af359cbb-dc54fbf8 { grid-column: span 12 / span 12; } #w-node-d9864361-fe55-fee6-33cb-b6191d65204d-dc54fbfa { grid-area: 2 / 1 / 3 / 13; } #w-node-c7dbec49-cd8b-d9d1-e295-e57bbe0eb10e-dc54fbfa { grid-column: 1 / 13; } #w-node-c915855f-d852-ad18-7185-d780b05f21ab-dc54fbfa { grid-row: 1 / 2; grid-column-end: 11; } #w-node-_0b028dca-bc07-d9e3-52bc-667335cf676c-dc54fbfa { grid-area: 3 / 1 / 4 / 13; } #w-node-ddcda6ad-36ed-755a-940a-1dc040955fb9-dc54fbfa, #w-node-ddcda6ad-36ed-755a-940a-1dc040955fc4-dc54fbfa { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_7afcdb58-9131-d642-9efc-d6d4efd01c1a-dc54fbfa { grid-column: span 2 / span 2; } #w-node-_9b9e52fc-064f-8671-f5ca-0bb94f51c4b6-dc54fbfc { grid-area: 1 / 1 / 3 / 13; } #w-node-_585bfa9c-b222-f54f-f77d-4c3a90d0bb1a-dc54fc01, #w-node-_9a643ae1-dd6b-7e79-e0fa-c63f5be0900b-dc54fc01 { grid-area: 2 / 1 / 3 / 13; } #w-node-_28fbfa6a-103c-5ca2-58eb-2e8fd9e879a8-dc54fc01 { grid-area: 1 / 1 / 2 / 13; } #w-node-c2485534-7455-4aad-8f95-450d31f2cca7-dc54fc02 { grid-area: 1 / 1 / 2 / 3; } #w-node-c2485534-7455-4aad-8f95-450d31f2cca9-dc54fc02 { grid-area: 2 / 1 / 3 / 3; } #w-node-_1bed5abb-2b28-f669-8426-a50ac7f91d00-dc54fc08 { grid-area: 1 / 1 / 2 / 3; } #w-node-_1bed5abb-2b28-f669-8426-a50ac7f91d0b-dc54fc08 { grid-area: 2 / 1 / 3 / 3; } #w-node-_70a04e66-4c5e-00c7-7541-beb2ccd7f56a-dc54fc08 { grid-column-end: 13; } #w-node-_4c31be19-eaee-2bb9-6a7f-7eb96c2399e3-dc54fc08 { grid-column: span 12 / span 12; } #w-node-_648bdf00-4b33-6648-7f47-d5c91a821ba9-eb71107f { grid-column-end: 2; } #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef55-eb71107f, #w-node-b14238ec-d274-cd4a-a334-f31c9f333a72-eb71107f { grid-column: span 12 / span 12; } #w-node-_648bdf00-4b33-6648-7f47-d5c91a821ba9-d3f9e791 { grid-column-end: 2; } #w-node-ab30223d-0423-a413-c2e3-4ec00c3eef55-d3f9e791, #w-node-_1311bff4-8645-0347-8174-21670cd906b1-d3f9e791 { grid-column: span 12 / span 12; } #w-node-_45b6a9a1-e6cc-22cc-134f-ad5d50e76e4e-4f8dfacc { grid-column-end: 13; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4fe3-016e86dd { grid-column: span 12 / span 12; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-016e86dd { grid-column: 1 / 13; } #w-node-a748ebff-67fa-bf88-0251-adb57145387e-4330b5d1 { grid-area: 1 / 1 / 3 / 13; } #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-0662e904, #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-d9322612, #w-node-_9c240f2b-b076-0acf-4eb0-20ad2b7c4ff4-79ad54dc { grid-column: 1 / 13; } #w-node-bf67a08d-6edd-a087-32ec-36def20a96c4-d0a2bf6b { grid-area: 1 / 1 / 3 / 13; } #w-node-d9864361-fe55-fee6-33cb-b6191d65204d-cd1a3975 { grid-area: 2 / 1 / 3 / 13; } #w-node-c7dbec49-cd8b-d9d1-e295-e57bbe0eb10e-cd1a3975 { grid-column: 1 / 13; } #w-node-c915855f-d852-ad18-7185-d780b05f21ab-cd1a3975 { grid-row: 1 / 2; grid-column-end: 11; } #w-node-_0b028dca-bc07-d9e3-52bc-667335cf676c-cd1a3975 { grid-area: 3 / 1 / 4 / 13; } #w-node-ddcda6ad-36ed-755a-940a-1dc040955fb9-cd1a3975, #w-node-ddcda6ad-36ed-755a-940a-1dc040955fc4-cd1a3975 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_7afcdb58-9131-d642-9efc-d6d4efd01c1a-cd1a3975 { grid-column: span 2 / span 2; } }