@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--site-footer-eyelid:-104%;--site-footer-eyelid2:104%}}}@layer theme{:root,:host{--color-black:#000;--spacing:.25rem;--default-font-family:var(--font-roc-grotesk);--default-mono-font-family:"SFMono-Regular", Consolas, "Liberation Mono", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.h-full{height:100%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.bg-background{background-color:var(--background)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.lil-gui{font-family:var(--font-family);font-size:var(--font-size);text-align:left;color:var(--text-color);-webkit-user-select:none;user-select:none;touch-action:manipulation;--background-color:#1f1f1f;--text-color:#ebebeb;--title-background-color:#111;--title-text-color:#ebebeb;--widget-color:#424242;--hover-color:#4f4f4f;--focus-color:#595959;--number-color:#2cc9ff;--string-color:#a2db3c;--font-size:11px;--input-font-size:11px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-family-mono:Menlo, Monaco, Consolas, "Droid Sans Mono", monospace;--padding:4px;--spacing:4px;--widget-height:20px;--title-height:calc(var(--widget-height) + var(--spacing) * 1.25);--name-width:45%;--slider-knob-width:2px;--slider-input-width:27%;--color-input-width:27%;--slider-input-min-width:45px;--color-input-min-width:45px;--folder-indent:7px;--widget-padding:0 0 0 3px;--widget-border-radius:2px;--checkbox-size:calc(.75 * var(--widget-height));--scrollbar-width:5px;font-style:normal;font-weight:400;line-height:1}.lil-gui,.lil-gui *{box-sizing:border-box;margin:0;padding:0}.lil-gui.lil-root{width:var(--width,245px);background:var(--background-color);flex-direction:column;display:flex}.lil-gui.lil-root>.lil-title{background:var(--title-background-color);color:var(--title-text-color)}.lil-gui.lil-root>.lil-children{overflow:hidden auto}.lil-gui.lil-root>.lil-children::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width);background:var(--background-color)}.lil-gui.lil-root>.lil-children::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-width);background:var(--focus-color)}@media (pointer:coarse){.lil-gui.lil-allow-touch-styles,.lil-gui.lil-allow-touch-styles .lil-gui{--widget-height:28px;--padding:6px;--spacing:6px;--font-size:13px;--input-font-size:16px;--folder-indent:10px;--scrollbar-width:7px;--slider-input-min-width:50px;--color-input-min-width:65px}}.lil-gui.lil-force-touch-styles,.lil-gui.lil-force-touch-styles .lil-gui{--widget-height:28px;--padding:6px;--spacing:6px;--font-size:13px;--input-font-size:16px;--folder-indent:10px;--scrollbar-width:7px;--slider-input-min-width:50px;--color-input-min-width:65px}.lil-gui.lil-auto-place,.lil-gui.autoPlace{z-index:1001;max-height:100%;position:fixed;top:0;right:15px}.lil-controller{padding:0 var(--padding);margin:var(--spacing) 0;align-items:center;display:flex}.lil-controller.lil-disabled{opacity:.5}.lil-controller.lil-disabled,.lil-controller.lil-disabled *{pointer-events:none!important}.lil-controller>.lil-name{min-width:var(--name-width);white-space:pre;padding-right:var(--spacing);line-height:var(--widget-height);flex-shrink:0}.lil-controller .lil-widget{width:100%;min-height:var(--widget-height);align-items:center;display:flex;position:relative}.lil-controller.lil-string input{color:var(--string-color)}.lil-controller.lil-boolean{cursor:pointer}.lil-controller.lil-color .lil-display{width:100%;height:var(--widget-height);border-radius:var(--widget-border-radius);position:relative}@media (hover:hover){.lil-controller.lil-color .lil-display:hover:before{content:" ";border-radius:var(--widget-border-radius);border:1px solid #fff9;display:block;position:absolute;inset:0}}.lil-controller.lil-color input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%}.lil-controller.lil-color input[type=text]{margin-left:var(--spacing);font-family:var(--font-family-mono);min-width:var(--color-input-min-width);width:var(--color-input-width);flex-shrink:0}.lil-controller.lil-option select{opacity:0;width:100%;max-width:100%;position:absolute}.lil-controller.lil-option .lil-display{pointer-events:none;border-radius:var(--widget-border-radius);height:var(--widget-height);line-height:var(--widget-height);word-break:break-all;background:var(--widget-color);max-width:100%;padding-left:.55em;padding-right:1.75em;position:relative;overflow:hidden}@media (hover:hover){.lil-controller.lil-option .lil-display.lil-focus{background:var(--focus-color)}}.lil-controller.lil-option .lil-display.lil-active{background:var(--focus-color)}.lil-controller.lil-option .lil-display:after{content:"↕";padding-right:.375em;font-family:lil-gui;position:absolute;top:0;bottom:0;right:0}.lil-controller.lil-option .lil-widget,.lil-controller.lil-option select{cursor:pointer}@media (hover:hover){.lil-controller.lil-option .lil-widget:hover .lil-display{background:var(--hover-color)}}.lil-controller.lil-number input{color:var(--number-color)}.lil-controller.lil-number.lil-has-slider input{margin-left:var(--spacing);width:var(--slider-input-width);min-width:var(--slider-input-min-width);flex-shrink:0}.lil-controller.lil-number .lil-slider{width:100%;height:var(--widget-height);background:var(--widget-color);border-radius:var(--widget-border-radius);padding-right:var(--slider-knob-width);cursor:ew-resize;touch-action:pan-y;overflow:hidden}@media (hover:hover){.lil-controller.lil-number .lil-slider:hover{background:var(--hover-color)}}.lil-controller.lil-number .lil-slider.lil-active{background:var(--focus-color)}.lil-controller.lil-number .lil-slider.lil-active .lil-fill{opacity:.95}.lil-controller.lil-number .lil-fill{border-right:var(--slider-knob-width) solid var(--number-color);box-sizing:content-box;height:100%}.lil-dragging .lil-gui{--hover-color:var(--widget-color)}.lil-dragging *{cursor:ew-resize!important}.lil-dragging.lil-vertical *{cursor:ns-resize!important}.lil-gui .lil-title{height:var(--title-height);padding:0 var(--padding);text-align:left;text-decoration-skip:objects;background:0 0;width:100%;font-weight:600}.lil-gui .lil-title:before{content:"▾";padding-right:2px;font-family:lil-gui;display:inline-block}.lil-gui .lil-title:active{background:var(--title-background-color);opacity:.75}@media (hover:hover){body:not(.lil-dragging) .lil-gui .lil-title:hover{background:var(--title-background-color);opacity:.85}.lil-gui .lil-title:focus{-webkit-text-decoration:underline var(--focus-color);-webkit-text-decoration:underline var(--focus-color);-webkit-text-decoration:underline var(--focus-color);text-decoration:underline var(--focus-color)}}.lil-gui.lil-root>.lil-title:focus{text-decoration:none!important}.lil-gui.lil-closed>.lil-title:before{content:"▸"}.lil-gui.lil-closed>.lil-children{opacity:0;transform:translateY(-7px)}.lil-gui.lil-closed:not(.lil-transition)>.lil-children{display:none}.lil-gui.lil-transition>.lil-children{pointer-events:none;transition-property:height,opacity,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,.6,.35,1);overflow:hidden}.lil-gui .lil-children:empty:before{content:"Empty";padding:0 var(--padding);margin:var(--spacing) 0;height:var(--widget-height);font-style:italic;line-height:var(--widget-height);opacity:.5;display:block}.lil-gui.lil-root>.lil-children>.lil-gui>.lil-title{border:0 solid var(--widget-color);border-width:1px 0;transition:border-color .3s}.lil-gui.lil-root>.lil-children>.lil-gui.lil-closed>.lil-title{border-bottom-color:#0000}.lil-gui+.lil-controller{border-top:1px solid var(--widget-color);padding-top:var(--spacing);margin-top:0}.lil-gui .lil-gui .lil-gui>.lil-title{border:none}.lil-gui .lil-gui .lil-gui>.lil-children{margin-left:var(--folder-indent);border:none;border-left:2px solid var(--widget-color)}.lil-gui .lil-gui .lil-controller{border:none}.lil-gui label,.lil-gui input,.lil-gui button{-webkit-tap-highlight-color:transparent}.lil-gui input{font-family:var(--font-family);font-size:var(--input-font-size);border-radius:var(--widget-border-radius);height:var(--widget-height);background:var(--widget-color);color:var(--text-color);border:0;outline:none;width:100%}@media (hover:hover){.lil-gui input:hover{background:var(--hover-color)}.lil-gui input:active{background:var(--focus-color)}}.lil-gui input:disabled{opacity:1}.lil-gui input[type=text],.lil-gui input[type=number]{padding:var(--widget-padding);-moz-appearance:textfield}.lil-gui input[type=text]:focus,.lil-gui input[type=number]:focus{background:var(--focus-color)}.lil-gui input[type=checkbox]{appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--widget-border-radius);text-align:center;cursor:pointer}.lil-gui input[type=checkbox]:checked:before{content:"✓";font-family:lil-gui;font-size:var(--checkbox-size);line-height:var(--checkbox-size)}@media (hover:hover){.lil-gui input[type=checkbox]:focus{box-shadow:inset 0 0 0 1px var(--focus-color)}}.lil-gui button{cursor:pointer;font-family:var(--font-family);font-size:var(--font-size);color:var(--text-color);border:none;outline:none;width:100%}.lil-gui .lil-controller button{height:var(--widget-height);text-transform:none;background:var(--widget-color);border-radius:var(--widget-border-radius)}@media (hover:hover){.lil-gui .lil-controller button:hover{background:var(--hover-color)}.lil-gui .lil-controller button:focus{box-shadow:inset 0 0 0 1px var(--focus-color)}}.lil-gui .lil-controller button:active{background:var(--focus-color)}@font-face{font-family:lil-gui;src:url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAALkAAsAAAAABtQAAAKVAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDMgqBBIEbATYCJAMUCwwABCAFhAoHgQQbHAbIDiUFEYVARAAAYQTVWNmz9MxhEgodq49wYRUFKE8GWNiUBxI2LBRaVnc51U83Gmhs0Q7JXWMiz5eteLwrKwuxHO8VFxUX9UpZBs6pa5ABRwHA+t3UxUnH20EvVknRerzQgX6xC/GH6ZUvTcAjAv122dF28OTqCXrPuyaDER30YBA1xnkVutDDo4oCi71Ca7rrV9xS8dZHbPHefsuwIyCpmT7j+MnjAH5X3984UZoFFuJ0yiZ4XEJFxjagEBeqs+e1iyK8Xf/nOuwF+vVK0ur765+vf7txotUi0m3N0m/84RGSrBCNrh8Ee5GjODjF4gnWP+dJrH/Lk9k4oT6d+gr6g/wssA2j64JJGP6cmx554vUZnpZfn6ZfX2bMwPPrlANsB86/DiHjhl0OP+c87+gaJo/gY084s3HoYL/ZkWHTRfBXvvoHnnkHvngKun4KBE/ede7tvq3/vQOxDXB1/fdNz6XbPdcr0Vhpojj9dG+owuSKFsslCi1tgEjirjXdwMiov2EioadxmqTHUCIwo8NgQaeIasAi0fTYSPTbSmwbMOFduyh9wvBrESGY0MtgRjtgQR8Q1bRPohn2UoCRZf9wyYANMXFeJTysqAe0I4mrherOekFdKMrYvJjLvOIUM9SuwYB5DVZUwwVjJJOaUnZCmcEkIZZrKqNvRGRMvmFZsmhP4VMKCSXBhSqUBxgMS7h0cZvEd71AWkEhGWaeMFcNnpqyJkyXgYL7PQ1MoSq0wDAkRtJIijkZSmqYTiSImfLiSWXIZwhRh3Rug2X0kk1Dgj+Iu43u5p98ghopcpSo0Uyc8SnjlYX59WUeaMoDqmVD2TOWD9a4pCRAzf2ECgwGcrHjPOWY9bNxq/OL3I/QjwEAAAA=)format("woff2")}@font-face{font-family:Financier Display;src:url(/fonts/FinancierDisplay/FinancierDisplay-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Financier Display;src:url(/fonts/FinancierDisplay/FinancierDisplay-LightItalic.woff2)format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Red Hat Display;src:url(/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Roc Grotesk;src:url("/fonts/RocGrotesk/Kostic - Roc Grotesk Regular.woff2")format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roc Grotesk;src:url("/fonts/RocGrotesk/Kostic - Roc Grotesk Medium.woff2")format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roc Grotesk;src:url("/fonts/RocGrotesk/Kostic - Roc Grotesk Bold.woff2")format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roc Grotesk;src:url("/fonts/RocGrotesk/Kostic - Roc Grotesk Black.woff2")format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Roc Grotesk Wide Medium;src:url("/fonts/RocGrotesk/Kostic - Roc Grotesk Wide Medium.woff2")format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Roc Grotesk Wide;src:url("/fonts/RocGrotesk/Kostic - Roc Grotesk Wide.woff2")format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roc Grotesk Wide;src:url("/fonts/RocGrotesk/Kostic - Roc Grotesk Wide Medium.woff2")format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roc Grotesk Wide;src:url("/fonts/RocGrotesk/Kostic - Roc Grotesk Wide ExtraBold.woff2")format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roc Grotesk Wide;src:url("/fonts/RocGrotesk/Kostic - Roc Grotesk Wide Heavy.woff2")format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--color-red:#f5142a;--color-blue:#ff773d;--color-gray-light:#e7e7e7;--color-black:#000;--background:#dedede;--foreground:var(--color-black);--surface:#ffffff5c;--border-subtle:#05050529;--text-muted:#050505ad;--font-financier-display:"Financier Display", Georgia, serif;--font-red-hat-display:"Red Hat Display", Arial, Helvetica, sans-serif;--font-roc-grotesk:"Roc Grotesk", Arial, Helvetica, sans-serif;--font-roc-grotesk-wide:"Roc Grotesk Wide Medium", "Roc Grotesk Wide", Arial, Helvetica, sans-serif}*{box-sizing:border-box}html{background:var(--background);scrollbar-color:#050505 var(--background);overscroll-behavior:none;min-height:100%;overflow-x:clip}body{background:var(--background);min-height:100%;color:var(--foreground);font-family:var(--font-roc-grotesk);overscroll-behavior:none;margin:0;overflow-x:clip}::selection{color:#0b0a09;background:#92d8ce}a{text-decoration:none}.language-switch{z-index:4;color:var(--foreground);font-family:var(--font-roc-grotesk-wide);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:700;line-height:1;position:absolute;top:50%;right:clamp(1.25rem,3vw,3rem);transform:translateY(-50%)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button-roll{perspective:700px;position:relative;overflow:hidden}.button-roll__text{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;transition:transform .75s cubic-bezier(.76,0,.24,1);display:flex;position:relative}.button-roll__text-item{justify-content:center;align-items:center;gap:var(--button-roll-gap,0);white-space:nowrap;transition:transform .75s cubic-bezier(.76,0,.24,1),opacity .75s cubic-bezier(.76,0,.24,1);display:inline-flex}.button-roll__text-item--clone{transform-origin:bottom;opacity:0;position:absolute;inset:0;transform:rotateX(-90deg)translateY(.75rem)}.button-roll:hover .button-roll__text,.button-roll:focus-visible .button-roll__text{transform:rotateX(90deg)}.button-roll:hover .button-roll__text-item--base,.button-roll:focus-visible .button-roll__text-item--base{opacity:0;transform:translateY(-100%)}.button-roll:hover .button-roll__text-item--clone,.button-roll:focus-visible .button-roll__text-item--clone{opacity:1}.hero-section{--hero-header-height:6.25rem;--hero-panel-height:clamp(23.75rem, 10.6298rem + 41.9847vw, 37.5rem);--hero-profile-overlap:34rem;min-height:calc(var(--hero-header-height) + var(--hero-panel-height));background:var(--background);position:relative;overflow:visible}.hero-section__header{z-index:90;height:var(--hero-header-height);background:0 0;position:relative}.hero-section__header-inner{justify-content:flex-start;align-items:center;width:min(100%,1440px);height:100%;margin:0 auto;padding:0 clamp(1.25rem,3vw,3rem);display:flex;position:relative}.hero-section__logo{width:clamp(6.5rem,9vw,9.25rem);line-height:0;display:block}.hero-section__logo-image{width:100%;height:auto;display:block}.hero-section__panel{z-index:10;height:var(--hero-panel-height);background-image:url(/image/webp/background-hero.webp);background-position:50%;background-size:cover;position:relative;overflow:hidden}.hero-section__panel-inner{width:min(100%,1440px);height:100%;margin:0 auto;position:relative}.hero-section__title{z-index:2;color:#fff;letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(4.35rem,7vw,6.25rem);font-weight:500;line-height:.86;display:grid;position:absolute;top:43%;left:clamp(1.5rem,3vw,3rem);transform:translateY(-50%);font-family:var(--font-roc-grotesk-wide)!important}@media (max-width:1570px){.hero-section__title{top:33%}}.hero-section__intro{letter-spacing:-.04em;text-transform:none;margin-bottom:.15em;font-size:clamp(2rem,2.8vw,2.75rem);line-height:1}.face-scene-stage{z-index:80;height:calc(var(--hero-header-height) + var(--hero-panel-height) + var(--hero-profile-overlap));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;position:absolute;top:0;left:0;right:0}.face-scene-stage canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width:860px){.hero-section{--hero-header-height:5rem;--hero-profile-overlap:27rem}.hero-section__header-inner,.hero-section__panel-inner{width:100%}.hero-section__title{font-size:clamp(2.85rem,10.75vw,4.05rem);top:36%;left:1.25rem}.hero-section__intro{font-size:clamp(1.35rem,5vw,1.9rem)}}.about-section{z-index:20;background:var(--background);place-items:center;min-height:clamp(34rem,47vw,51rem);padding:clamp(15rem,5.458rem + 30.5344vw,25rem) 24px clamp(6.25rem,1.479rem + 15.2672vw,11.25rem);display:grid;position:relative;overflow:hidden}.about-section__map{z-index:1;opacity:.62;pointer-events:none;width:clamp(20rem,31vw,34rem);height:auto;transform:translate(calc(-40% + var(--about-map-x,0px)), calc(-51% + var(--about-map-y,0px)));-webkit-user-select:none;user-select:none;transition:transform .65s cubic-bezier(.39,.575,.565,1);position:absolute;top:60%;left:50%}.about-section__map-image{width:100%;height:auto;display:block}.about-section__inner{z-index:2;text-align:center;justify-items:center;width:min(100%,48rem);margin:0 auto;display:grid;position:relative}.about-section__headline{justify-items:center;display:grid}.about-section__label{color:var(--color-black);font-family:var(--font-roc-grotesk);letter-spacing:-.04em;text-transform:uppercase;margin:0 0 .35rem;font-size:clamp(1rem,.7615rem + .7634vw,1.25rem);font-weight:500;line-height:1}.about-section__title{color:var(--color-black);font-family:var(--font-roc-grotesk);letter-spacing:-.065em;text-transform:uppercase;justify-items:center;margin:0;font-size:clamp(2.8rem,4.25vw,5rem);font-weight:500;line-height:.9;display:grid}.about-section__title>.scroll-reveal__word,.about-section__title em>.scroll-reveal__word{font-family:var(--font-roc-grotesk);font-style:normal;font-weight:500}.about-section__accent-highlight,.about-section__accent-highlight>.scroll-reveal__word{font-family:var(--font-red-hat-display);font-style:italic;font-weight:500}.about-section__title em{color:#fff;font-family:var(--font-financier-display);letter-spacing:-.03em;text-transform:lowercase;font-size:1em;font-style:italic;font-weight:300;line-height:.95}.about-section__divider{background:#000000ad;width:clamp(4rem,6vw,7.4rem);height:1px;margin:clamp(1rem,1.7vw,1.45rem) 0 clamp(1.65rem,2.25vw,2.25rem);display:block}.about-section__copy{z-index:2;max-width:43rem;position:relative}.about-section__copy p{color:var(--color-black);font-family:var(--font-roc-grotesk);letter-spacing:-.015em;text-align:center;margin:0;font-size:clamp(1.08rem,1.35vw,1.3rem);font-weight:400;line-height:1.45}@media (max-width:815px){.about-section{padding-top:480px!important}.about-section__map{top:70%!important}}@media (max-width:860px){.about-section{min-height:38rem}.about-section__map{opacity:.5;width:min(28rem,84vw);transform:translate(calc(-48% + var(--about-map-x,0px)), calc(-50% + var(--about-map-y,0px)))}.about-section__copy p{font-size:1rem}}.skills-carousel-section{z-index:10;background:var(--background);min-height:100vh;padding:clamp(5rem,8vw,8rem) 0 clamp(2.5rem,4vw,4rem);position:relative;overflow:hidden}.skills-carousel-section .skills-carousel-section__header{text-align:center;margin-inline:auto;justify-items:center;width:min(100% - 3rem,52rem);margin-bottom:4rem;display:grid}.skills-carousel-section .skills-carousel-section__kicker{color:var(--color-black);font-family:var(--font-roc-grotesk);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .9rem;font-size:clamp(.78rem,.9vw,.95rem);font-weight:500;line-height:1}.skills-carousel-section .skills-carousel-section__title{max-width:42rem;color:var(--color-black);font-family:var(--font-roc-grotesk);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:38px;font-weight:500;line-height:.98}.skills-carousel-section .skills-carousel-section__title>.scroll-reveal__word{color:var(--color-black);font-family:var(--font-roc-grotesk);letter-spacing:-.065em;text-transform:uppercase;font-size:clamp(1.75rem,1.3922rem + 1.145vw,2.125rem);font-weight:500;line-height:.9}@media (max-width:860px){.skills-carousel-section{min-height:48rem;padding-top:4.5rem}.skills-carousel-section .skills-carousel-section__header{margin-bottom:3.5rem}}.projects-section{background:var(--color-black);color:#fff;min-height:100vh;padding:clamp(5rem,8vw,8rem) clamp(1.25rem,4vw,4rem);position:relative;overflow:hidden}.projects-section .projects-section__inner{z-index:2;mix-blend-mode:difference;width:min(100%,88rem);margin:0 auto;position:relative}.projects-section .projects-section__kicker{font-family:var(--font-roc-grotesk);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:0 0 clamp(3rem,6vw,6rem);font-size:clamp(.86rem,1vw,1rem);font-weight:500;line-height:1}.projects-section .projects-section__list{z-index:2;border-bottom:1px solid;margin:0;padding:0;list-style:none;display:grid;position:relative}.projects-section .projects-section__item{border-top:1px solid}.projects-section .projects-section__link{appearance:none;text-align:left;cursor:pointer;color:currentColor;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;width:100%;min-height:clamp(4.6rem,7vw,7.5rem);padding:0;display:grid}.projects-section .projects-section__title{font-family:var(--font-roc-grotesk-wide);letter-spacing:-.075em;text-transform:uppercase;font-size:clamp(2.65rem,6.15vw,7.75rem);font-weight:500;line-height:.82;display:block;overflow:hidden}.projects-section .projects-section__title-line{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(112%)}.projects-section .projects-section__title.is-visible .projects-section__title-line{opacity:1;transform:translate(0)}.projects-section .projects-section__meta{font-family:var(--font-roc-grotesk);letter-spacing:.06em;font-size:clamp(.78rem,1vw,.95rem);font-weight:500;line-height:1}@media (prefers-reduced-motion:reduce){.projects-section .projects-section__title-line{opacity:1;transition:none;transform:none}}.project-distortion-scene{z-index:1;pointer-events:none;position:absolute;inset:0}@media (max-width:860px){.projects-section{padding-inline:1.25rem}.projects-section .projects-section__link{grid-template-columns:1fr;gap:.75rem;padding:1.25rem 0}.projects-section .projects-section__meta{justify-self:start}}.loader-overlay{z-index:9999;background:var(--background);color:var(--foreground);isolation:isolate;pointer-events:auto;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.loader-overlay.loader-overlay--hiding{opacity:0;pointer-events:none}.loader-overlay .loader-overlay__content{z-index:1;font-family:var(--font-roc-grotesk);text-transform:uppercase;justify-items:center;gap:1rem;display:grid;position:relative}.loader-overlay .loader-overlay__label{font-size:.75rem;font-weight:700}.loader-overlay .loader-overlay__progress{font-family:var(--font-roc-grotesk);letter-spacing:-.04em;font-size:clamp(4rem,10vw,9rem);font-weight:700;line-height:.85}.loader-overlay .loader-overlay__replay{z-index:2;min-width:112px;color:inherit;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #05050533;border-radius:8px;padding:.75rem 1rem;font-size:.75rem;font-weight:700;position:absolute;bottom:24px;right:24px}.loader-overlay .loader-overlay__replay:hover{background:#0505050f}.svg-curve-transition{z-index:9998;pointer-events:none;will-change:transform;width:100vw;height:calc(100svh + 220px);position:fixed;inset:0 0 auto}.svg-curve-transition__svg{width:100%;height:100%;display:block}.svg-curve-transition__path{fill:#dedede}.skills-carousel{--skill-card-width:clamp(17rem, 25vw, 27rem);--skill-card-height:clamp(24rem, 37vw, 35.5rem);--skill-card-gap:clamp(2.25rem, 8vw, 10rem);--skill-hover-duration:.22s;--skill-hover-ease:ease;width:100%;position:relative}.skills-carousel .skills-carousel__viewport{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden}.skills-carousel .skills-carousel__viewport:active{cursor:grabbing}.skills-carousel .skills-carousel__track{gap:var(--skill-card-gap);will-change:transform;align-items:center;width:max-content;transition:transform .52s cubic-bezier(.22,1,.36,1);display:flex}.skills-carousel .skills-carousel__track[data-dragging=true]{transition:none}.skills-carousel .skills-carousel__card{flex:0 0 var(--skill-card-width);width:var(--skill-card-width);height:var(--skill-card-height);color:var(--color-black);box-shadow:none;appearance:none;cursor:inherit;transition:color var(--skill-hover-duration) var(--skill-hover-ease), background-color var(--skill-hover-duration) var(--skill-hover-ease), opacity var(--skill-hover-duration) var(--skill-hover-ease);background:#fff;border:0;border-radius:8px;place-items:center;padding:clamp(1.25rem,2.6vw,2rem);display:grid;position:relative;overflow:hidden}.skills-carousel .skills-carousel__card:not([aria-current=true]){opacity:.45}.skills-carousel .skills-carousel__card:hover,.skills-carousel .skills-carousel__card:focus-visible{color:#fff;background:var(--skill-card-color);opacity:1;outline:none}.skills-carousel .skills-carousel__card[aria-current=true]{opacity:1}.skills-carousel .skills-carousel__content{justify-items:center;gap:clamp(1rem,1.8vw,1.7rem);width:auto;display:grid;position:absolute;top:50%;left:clamp(1.75rem,4vw,2.5rem);right:clamp(1.75rem,4vw,2.5rem);transform:translateY(-50%)}.skills-carousel .skills-carousel__title{color:currentColor;width:100%;max-width:100%;font-family:var(--font-roc-grotesk);letter-spacing:-.06em;text-align:center;text-transform:uppercase;font-size:clamp(2rem,3.2vw,4.1rem);font-weight:700;line-height:.95;display:block}.skills-carousel .skills-carousel__progress{width:min(100%,10rem);height:4px;transition:background-color var(--skill-hover-duration) var(--skill-hover-ease);background:#0000001f;display:block;position:relative;overflow:hidden}.skills-carousel .skills-carousel__card:hover .skills-carousel__progress,.skills-carousel .skills-carousel__card:focus-visible .skills-carousel__progress{background:#ffffff4d}.skills-carousel .skills-carousel__progress-fill{width:var(--skill-level);background:var(--skill-card-color);height:100%;transition:width .22s ease, background-color var(--skill-hover-duration) var(--skill-hover-ease);display:block;position:absolute;top:0;left:0}.skills-carousel .skills-carousel__card:hover .skills-carousel__progress-fill,.skills-carousel .skills-carousel__card:focus-visible .skills-carousel__progress-fill{background:currentColor}.skills-carousel .skills-carousel__type{color:currentColor;width:12rem;font-family:var(--font-roc-grotesk);letter-spacing:.06em;text-align:center;text-transform:uppercase;opacity:.62;font-size:.78rem;font-weight:500;line-height:1.15;position:absolute;bottom:clamp(3.5rem,5vw,5.25rem);left:50%;transform:translate(-50%)}.skills-carousel .skills-carousel__corner{opacity:.62;pointer-events:none;width:.6rem;height:.6rem;position:absolute}.skills-carousel .skills-carousel__corner--top-left{border-top:1px solid;border-left:1px solid;top:1.35rem;left:1.35rem}.skills-carousel .skills-carousel__corner--top-right{border-top:1px solid;border-right:1px solid;top:1.35rem;right:1.35rem}.skills-carousel .skills-carousel__corner--bottom-left{border-bottom:1px solid;border-left:1px solid;bottom:1.35rem;left:1.35rem}.skills-carousel .skills-carousel__corner--bottom-right{border-bottom:1px solid;border-right:1px solid;bottom:1.35rem;right:1.35rem}.skills-carousel .skills-carousel__controls{justify-content:center;gap:2rem;margin-top:clamp(3.25rem,5vw,5rem);display:flex}.skills-carousel .skills-carousel__control{width:2.1rem;height:2.1rem;color:var(--color-black);font-family:var(--font-roc-grotesk);cursor:pointer;background:#ffffffb3;border:0;border-radius:4px;place-items:center;font-size:1.1rem;line-height:1;transition:color .18s,background-color .18s;display:inline-grid}.skills-carousel .skills-carousel__control:hover,.skills-carousel .skills-carousel__control:focus-visible{color:#fff;background:var(--color-black);outline:none}@media (max-width:860px){.skills-carousel{--skill-card-width:min(76vw, 22rem);--skill-card-height:26rem;--skill-card-gap:2rem}}@media (pointer:fine){*,:before,:after{cursor:none!important}.custom-cursor{--circle-size:30px;top:calc(var(--circle-size) / -2);left:calc(var(--circle-size) / -2);z-index:10000;width:var(--circle-size);height:var(--circle-size);opacity:0;pointer-events:none;mix-blend-mode:difference;will-change:transform;border:1px solid #fff;border-radius:50%;place-items:center;transition:width .26s cubic-bezier(.22,1,.36,1),height .26s cubic-bezier(.22,1,.36,1),top .26s cubic-bezier(.22,1,.36,1),left .26s cubic-bezier(.22,1,.36,1),opacity .16s;display:grid;position:fixed}.custom-cursor[data-visible=true]{opacity:1}.custom-cursor[data-mode=drag]{--circle-size:9.5rem;border-color:#fff}.custom-cursor__label{color:#fff;font-family:var(--font-roc-grotesk);letter-spacing:-.03em;text-transform:uppercase;opacity:0;font-size:1rem;font-weight:700;line-height:1;transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1);transform:scale(.82)}.custom-cursor[data-mode=drag] .custom-cursor__label{opacity:1;transform:scale(1)}}@media (pointer:coarse){.custom-cursor{display:none}}.scroll-reveal{opacity:1}.scroll-reveal__word{opacity:0;filter:blur(2px);transition:opacity .75s cubic-bezier(.39,.575,.565,1),filter .75s cubic-bezier(.39,.575,.565,1),transform .75s cubic-bezier(.39,.575,.565,1);transition-delay:var(--word-delay,0s);will-change:opacity, filter, transform;display:inline-block;transform:translateY(.45em)}.scroll-reveal.is-visible .scroll-reveal__word{opacity:1;filter:blur();transform:translate(0)}@media (prefers-reduced-motion:reduce){.scroll-reveal__word{opacity:1;filter:none;transition:none;transform:none}}.project-detail-page{--project-detail-shell-width:1440px;--project-detail-shell-gutter:clamp(1.25rem, 3vw, 3rem);background:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-roc-grotesk)}.project-detail-header{--hero-header-height:6.25rem;z-index:10;height:var(--hero-header-height);background:var(--background);place-items:center;display:grid;position:relative}.project-detail-header .project-detail-header__inner{width:min(100%, calc(var(--project-detail-shell-width) + (var(--project-detail-shell-gutter) * 2)));height:100%;padding:0 var(--project-detail-shell-gutter);place-items:center;margin:0 auto;display:grid;position:relative}.project-detail-header .project-detail-header__logo{appearance:none;width:clamp(6.5rem,9vw,9.25rem);color:inherit;cursor:pointer;background:0 0;border:0;padding:0;line-height:0;display:block}.project-detail-header .project-detail-header__logo-image{width:100%;height:auto;display:block}.project-detail-page__back{z-index:4;appearance:none;color:currentColor;min-height:3rem;font-family:var(--font-roc-grotesk);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;border-radius:12px;place-items:center;padding:10px 28px 7px;font-size:.9rem;font-weight:500;line-height:1;transition:background-color .35s,color .35s;display:inline-grid;position:absolute;top:50%;left:clamp(1.25rem,3vw,3rem);transform:translateY(-50%)}.project-detail-page__back .button-roll__text{width:100%;height:100%}.project-detail-page__back-arrow{background-color:currentColor;width:.8rem;height:.8rem;margin-right:.45rem;line-height:1;display:inline-block;-webkit-mask-image:url(/image/svg/back.svg);mask-image:url(/image/svg/back.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-detail-page__back:hover,.project-detail-page__back:focus-visible{background:var(--foreground);color:var(--background)}.project-detail-hero{min-height:calc(100vh - var(--hero-header-height));padding:clamp(2rem, 4vw, 4rem) var(--project-detail-shell-gutter);background:var(--project-hero-background,#d7d4d4);color:#fff;position:relative;overflow:hidden}.project-detail-hero .project-detail-hero__inner{width:min(100%, var(--project-detail-shell-width));min-height:inherit;grid-template-columns:minmax(16rem,28rem) minmax(0,1fr);align-items:center;gap:clamp(3rem,5vw,6.5rem);margin:0 auto;display:grid}.project-detail-hero .project-detail-hero__content{z-index:2;padding-left:0;position:relative}.project-detail-hero .project-detail-hero__text-reveal{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards project-hero-text-reveal;transform:translateY(1.5rem)}.project-detail-hero .project-detail-hero__eyebrow{letter-spacing:-.04em;text-transform:uppercase;margin:0 0 clamp(1rem,1.6vw,1.5rem);font-size:clamp(1.15rem,1.9vw,2rem);font-weight:500;line-height:1;animation-delay:90ms}.project-detail-hero .project-detail-hero__title{font-family:var(--font-roc-grotesk-wide);letter-spacing:-.07em;text-transform:none;margin:0;font-size:clamp(5rem,2.6145rem + 7.6336vw,7.5rem);font-weight:500;line-height:.82;animation-delay:.18s}.project-detail-hero .project-detail-hero__status{color:#545454d9;width:max-content;font-family:var(--font-roc-grotesk-wide);letter-spacing:.02em;text-transform:uppercase;margin:16px 0 0 50%;font-size:clamp(1.05rem,1.12vw,1.2rem);font-style:normal;font-weight:700;line-height:1;animation-delay:.3s}.project-detail-hero .project-detail-hero__cta{color:#545454eb;width:max-content;font-family:var(--font-roc-grotesk-wide);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.7rem;margin:34px 0 0 50%;font-size:clamp(1.05rem,1.12vw,1.2rem);font-weight:700;line-height:1;transition:color .22s;animation-delay:.3s;display:inline-flex}.project-detail-hero .project-detail-hero__cta-arrow{background-color:currentColor;flex:none;width:.95rem;height:.95rem;transition:color .22s,transform .22s;display:inline-block;transform:translateY(-.04em)rotate(180deg);-webkit-mask-image:url(/image/svg/back.svg);mask-image:url(/image/svg/back.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-detail-hero .project-detail-hero__cta:hover,.project-detail-hero .project-detail-hero__cta:focus-visible{color:#d8ff36}.project-detail-hero .project-detail-hero__cta:hover .project-detail-hero__cta-arrow,.project-detail-hero .project-detail-hero__cta:focus-visible .project-detail-hero__cta-arrow{transform:translate(.28rem,-.04em)rotate(180deg)}.project-detail-hero .project-detail-hero__media{z-index:1;aspect-ratio:1.34;justify-self:end;width:min(100%,48rem);position:relative}.project-detail-hero .project-detail-hero__media--pre-slide{opacity:0;transform:translate(110vw)}.project-detail-hero .project-detail-hero__media--slide-in{animation:1s cubic-bezier(.22,1,.36,1) both project-hero-media-slide-in}.project-detail-hero .project-detail-hero__media img{object-fit:contain;filter:drop-shadow(0 2.5rem 4rem #0000002e)}.project-detail-hero--new-one-by-c .project-detail-hero__inner{grid-template-columns:minmax(24rem,37rem) minmax(0,1fr);gap:clamp(1.75rem,3vw,4rem)}.project-detail-hero--new-one-by-c .project-detail-hero__media{width:min(100%,41rem)}@keyframes project-hero-media-slide-in{0%{opacity:0;transform:translate(110vw)}to{opacity:1;transform:translate(0)}}@keyframes project-hero-text-reveal{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translate(0)}}.project-detail-intro{background:var(--background);place-items:center;min-height:58vh;padding:clamp(5rem,8vw,9rem) clamp(1.25rem,6vw,6rem);display:grid}.project-detail-intro .project-reading-text{letter-spacing:-.045em;text-align:center;flex-wrap:wrap;justify-content:center;gap:.08em .38em;width:min(100%,72rem);margin:0;font-size:clamp(1.55rem,2.35vw,2.55rem);font-weight:500;line-height:1.46;display:flex}.project-detail-intro .project-reading-text__word{white-space:nowrap;display:inline-flex}.project-detail-intro .project-reading-text__letter{opacity:.2;will-change:opacity}.groupe-cola-architecture{background:var(--background);padding:clamp(2rem,3vw,3rem) clamp(1.25rem,4vw,3rem) clamp(5rem,8vw,8rem)}.groupe-cola-architecture .groupe-cola-architecture__inner{width:min(100%,1440px);margin:0 auto}.groupe-cola-architecture .groupe-cola-architecture__intro{text-align:center;opacity:0;max-width:52rem;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--architecture-reveal-delay,0s);margin:0 auto clamp(2rem,4vw,3rem);transform:translateY(2rem)}.groupe-cola-architecture .groupe-cola-architecture__eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .85rem;font-size:.82rem;font-weight:700}.groupe-cola-architecture .groupe-cola-architecture__title{font-family:var(--font-roc-grotesk-wide);letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(2rem,3.4vw,4rem);font-weight:600;line-height:.95}.groupe-cola-architecture .groupe-cola-architecture__description{letter-spacing:-.02em;max-width:40rem;margin:1.1rem auto 0;font-size:clamp(.98rem,1.1vw,1.15rem);line-height:1.5}.groupe-cola-architecture [data-architecture-reveal]{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--architecture-reveal-delay,0s);will-change:opacity, transform;transform:translateY(2.2rem)}.groupe-cola-architecture [data-architecture-reveal].is-visible,.groupe-cola-architecture .groupe-cola-architecture__intro.is-visible{opacity:1;transform:translate(0)}.groupe-cola-architecture .groupe-cola-architecture__figure{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--architecture-reveal-delay,0s);margin:0;transform:translateY(2.2rem)}.groupe-cola-architecture .groupe-cola-architecture__figure.is-visible{opacity:1;transform:translate(0)}.groupe-cola-architecture .groupe-cola-architecture__image{width:100%;max-width:1320px;height:auto;margin:0 auto;display:block}.project-overview{background:var(--background);padding:clamp(5rem,8vw,9rem) clamp(1.25rem,8vw,8rem)}.project-overview .project-overview__inner{grid-template-columns:minmax(15rem,.68fr) minmax(0,1.32fr);gap:clamp(2.5rem,6vw,6rem);width:min(100%,86rem);margin:0 auto;display:grid}.project-overview .project-overview__sticky{align-self:start;min-height:24rem;position:sticky;top:clamp(2rem,8vh,6rem)}.project-overview .project-overview__reveal,.project-overview .project-overview__step-reveal{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--overview-reveal-delay,0s);will-change:opacity, transform;transform:translateY(2rem)}.project-overview .project-overview__step-reveal{transition:opacity .56s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1)}.project-overview .project-overview__reveal.is-visible,.project-overview .project-overview__step-reveal.is-visible{opacity:1;transform:translate(0)}.project-overview .project-overview__eyebrow{text-transform:uppercase;margin:0 0 .7rem;font-size:clamp(.75rem,.9vw,.9rem);font-weight:700;line-height:1}.project-overview .project-overview__title{font-family:var(--font-roc-grotesk-wide);letter-spacing:-.075em;text-transform:uppercase;margin:0 0 .75rem;font-size:clamp(1.8rem,2.8vw,3rem);font-weight:500;line-height:.95}.project-overview .project-overview__description{letter-spacing:-.015em;width:min(100%,25rem);margin:0;font-size:clamp(.86rem,1vw,1.02rem);font-weight:400;line-height:1.45}.project-overview .project-overview__stacks{margin-top:clamp(1.75rem,1.3922rem + 1.145vw,2.125rem)}.project-overview .project-overview__stacks h3{text-transform:uppercase;margin:0 0 .8rem;font-size:clamp(.75rem,.85vw,.85rem);font-weight:700;line-height:1}.project-overview .project-overview__stacks ul{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.project-overview .project-overview__stacks li{background:var(--foreground);width:2.9rem;height:2.9rem;color:var(--background);letter-spacing:-.03em;border-radius:999px;place-items:center;font-size:.52rem;font-weight:700;line-height:1;display:grid}.project-overview .project-overview__stack-icon{object-fit:contain;filter:invert();width:64%;height:64%;display:block}.project-overview .project-overview__steps{gap:clamp(1.25rem,2vw,2rem);display:grid}.project-overview .project-overview__step{background:var(--overview-card-color,#e7e7e7);color:#111;border-radius:clamp(.9rem,1.4vw,1.45rem);grid-template-rows:auto 1fr auto;min-height:clamp(25rem,35vw,34rem);padding:clamp(1.45rem,2.6vw,2.75rem);display:grid;overflow:hidden}.project-overview .project-overview__step[data-tone=dark]{color:#fff}.project-overview .project-overview__step-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.project-overview .project-overview__step-heading{grid-template-columns:max-content minmax(0,1fr);align-items:flex-start;column-gap:clamp(.7rem,1vw,1rem);display:grid}.project-overview .project-overview__step-header h3{max-width:450px;font-family:var(--font-roc-grotesk-wide);letter-spacing:-.065em;text-transform:uppercase;margin:0;font-size:clamp(1.125rem,.7672rem + 1.145vw,1.5rem);font-weight:600;line-height:1}.project-overview .project-overview__step-number{border-bottom:1px solid;padding-bottom:.75rem;display:block}@supports (color:color-mix(in lab, red, red)){.project-overview .project-overview__step-number{border-bottom:1px solid color-mix(in srgb, currentColor 24%, transparent)}}.project-overview .project-overview__step-number{letter-spacing:-.025em;font-size:clamp(1rem,1.25vw,1.22rem);font-weight:500;line-height:1}.project-overview .project-overview__step-number--inline{min-width:2.2ch;font-family:var(--font-roc-grotesk-wide);letter-spacing:-.045em;border-bottom:0;flex:none;padding-bottom:0;font-size:clamp(1rem,1.15vw,1.16rem);font-weight:600}.project-overview .project-overview__step-mark{color:currentColor;place-items:center;width:clamp(2.35rem,3.4vw,3.25rem);height:clamp(2.35rem,3.4vw,3.25rem);margin-top:-10px;display:grid}@supports (color:color-mix(in lab, red, red)){.project-overview .project-overview__step-mark{color:color-mix(in srgb, currentColor 48%, transparent)}}.project-overview .project-overview__step-mark{font-family:var(--font-roc-grotesk-wide);letter-spacing:-.05em;font-size:clamp(.85rem,1.1vw,1.1rem);font-weight:600;line-height:1}.project-overview .project-overview__step-mark:before{content:"";border-bottom:.34rem solid;border-right:.34rem solid;border-radius:.24rem .4rem;width:74%;height:74%;transform:rotate(45deg)}.project-overview .project-overview__step-footer{gap:clamp(1rem,1.6vw,1.45rem);display:grid}.project-overview .project-overview__step-footer p{letter-spacing:-.018em;text-align:left;text-wrap:pretty;width:100%;max-width:none;margin:0;font-size:clamp(.86rem,1vw,1.02rem);font-weight:400;line-height:1.4}.project-overview .project-overview__step--text-only{grid-template-rows:auto auto;align-content:center;row-gap:clamp(1.4rem,2vw,2rem);min-height:clamp(18rem,22vw,22rem)}.project-overview .project-overview__step--text-only .project-overview__step-header{border-bottom:1px solid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:clamp(1rem,1.6vw,1.6rem);padding-bottom:clamp(1rem,1.4vw,1.35rem);display:grid}@supports (color:color-mix(in lab, red, red)){.project-overview .project-overview__step--text-only .project-overview__step-header{border-bottom:1px solid color-mix(in srgb, currentColor 22%, transparent)}}.project-overview .project-overview__step--text-only .project-overview__step-footer{align-content:start;padding-left:calc(2.2ch + clamp(.7rem,1vw,1rem))}.project-overview .project-overview__step--text-only .project-overview__step-footer p{max-width:62ch}.project-overview .project-overview__image{aspect-ratio:1.65;border-radius:.45rem;place-self:center;width:100%;margin:clamp(1rem,1.8vw,1.75rem) 0;position:relative;overflow:hidden}.project-overview .project-overview__image--placeholder{background:linear-gradient(135deg,#ffffff2e,#ffffff0f),#00000014;border:1px dashed #0000002e}.project-overview .project-overview__image img{object-fit:cover;will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1)}.project-overview .project-overview__image:hover img,.project-overview .project-overview__image:focus-within img{transform:scale(1.06)}.project-gallery{background:var(--background);padding:clamp(3rem,7vw,7rem) 0 0;overflow:hidden}.project-gallery .project-gallery__title{font-family:var(--font-roc-grotesk-wide);letter-spacing:-.075em;text-align:center;text-transform:uppercase;margin:0 0 clamp(4rem,7vw,7rem);font-size:clamp(2rem,3vw,3.2rem);font-weight:500;line-height:.95}.project-gallery .project-gallery__parallax{background:#2d2d2d;gap:2vw;height:175vh;padding:2vw;display:flex;position:relative;overflow:hidden}.project-gallery .project-gallery__column{will-change:transform;flex-direction:column;flex:0 0 calc(25% - 1.5vw);gap:2vw;width:calc(25% - 1.5vw);min-width:15rem;height:100%;display:flex;position:relative}.project-gallery .project-gallery__column:first-child{top:-45%}.project-gallery .project-gallery__column:nth-child(2){top:-95%}.project-gallery .project-gallery__column:nth-child(3){top:-45%}.project-gallery .project-gallery__column:nth-child(4){top:-75%}.project-gallery .project-gallery__image{aspect-ratio:394/533;background:0 0;border-radius:.8rem;flex:none;width:100%;min-height:22rem;position:relative;overflow:hidden}.project-gallery .project-gallery__image--placeholder{background:linear-gradient(135deg,#ffffff2e,#ffffff0f),#ffffff14;border:1px dashed #ffffff2e}.project-gallery .project-gallery__image img{object-fit:cover}@media (max-width:1600px){.project-gallery .project-gallery__parallax{gap:1.5vw;height:165vh;padding:1.5vw}.project-gallery .project-gallery__column{flex-basis:calc(33.3333% - 1vw);gap:1.5vw;width:calc(33.3333% - 1vw);min-width:0}.project-gallery .project-gallery__column:first-child{top:-34%}.project-gallery .project-gallery__column:nth-child(2){top:-62%}.project-gallery .project-gallery__column:nth-child(3){top:-44%}.project-gallery .project-gallery__image{min-height:clamp(22rem,76vw,34rem)}}@media (max-width:900px){.groupe-cola-architecture{padding-left:1rem;padding-right:1rem}.groupe-cola-architecture .groupe-cola-architecture__description{max-width:32rem}.project-detail-header{--hero-header-height:5rem}.project-detail-page__back{border:0;padding-left:0}.project-detail-page__back:hover,.project-detail-page__back:focus-visible,.project-detail-page__back:active{color:currentColor;background:0 0}.project-detail-hero{min-height:auto;padding-top:clamp(2.5rem,8vw,4rem);padding-bottom:clamp(2rem,7vw,4rem)}.project-detail-hero .project-detail-hero__inner{grid-template-columns:1fr;align-items:start;gap:2rem;min-height:auto}.project-detail-hero .project-detail-hero__content{text-align:center;max-width:none;padding-left:0}.project-detail-hero .project-detail-hero__title{max-width:none}.project-detail-hero .project-detail-hero__status,.project-detail-hero .project-detail-hero__cta{margin-left:auto;margin-right:auto}.project-detail-hero .project-detail-hero__media{justify-self:center;width:min(92vw,40rem)}.project-overview .project-overview__inner{grid-template-columns:1fr}.project-overview .project-overview__sticky{min-height:auto;position:relative;top:auto}.project-gallery .project-gallery__parallax{gap:1rem;height:clamp(54rem,128vh,76rem);padding:1rem}.project-gallery .project-gallery__column{flex-basis:calc(50% - .5rem);gap:1rem;width:calc(50% - .5rem);min-width:0;height:100%}.project-gallery .project-gallery__column:first-child{top:-10%}.project-gallery .project-gallery__column:nth-child(2){top:-22%}.project-gallery .project-gallery__column:nth-child(3){top:-10%}.project-gallery .project-gallery__column:nth-child(4){top:-22%}}@media (prefers-reduced-motion:reduce){.groupe-cola-architecture [data-architecture-reveal],.groupe-cola-architecture .groupe-cola-architecture__intro,.groupe-cola-architecture .groupe-cola-architecture__figure{opacity:1;transition:none;transform:none}.project-detail-hero .project-detail-hero__media--pre-slide,.project-detail-hero .project-detail-hero__media--slide-in,.project-detail-hero .project-detail-hero__text-reveal{opacity:1;animation:none;transform:none}.project-overview .project-overview__reveal,.project-overview .project-overview__step-reveal{opacity:1;transition:none;transform:none}}.site-footer{--footer-height:100vh;--footer-bg:#d8d8d8;width:100vw;height:var(--footer-height);background:var(--footer-bg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);position:relative;overflow:hidden}@property --site-footer-eyelid{syntax:"<percentage>";inherits:false;initial-value:-104%}@property --site-footer-eyelid2{syntax:"<percentage>";inherits:false;initial-value:104%}.site-footer__fixed{z-index:0;width:100vw;height:var(--footer-height);pointer-events:none;position:fixed;inset:auto 0 0}.site-footer__content{background:var(--footer-bg);width:100%;height:100%;color:var(--foreground);pointer-events:auto;grid-template-rows:1fr auto;padding:clamp(1.5rem,3vw,3rem) clamp(1.25rem,3vw,3rem) clamp(1rem,1.7vw,1.7rem);display:grid;position:relative}.site-footer__copyright{font-family:var(--font-roc-grotesk);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:0;font-size:clamp(.68rem,.82vw,.82rem);font-weight:500;line-height:1}.site-footer__bottom{justify-items:center;gap:.8rem;display:grid}.site-footer__center{text-align:center;place-self:center;place-items:center;width:min(100%,62rem);display:grid}.site-footer__logo-link{display:inline-block}.site-footer__logo{object-fit:contain;width:min(70vw,44rem);height:auto;margin-bottom:clamp(1.75rem,4vw,3rem)}.site-footer__title{font-family:var(--font-roc-grotesk-wide);letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(1.45rem,3.45vw,3.75rem);font-weight:700;line-height:.98}.site-footer__button{color:currentColor;min-width:10.5rem;min-height:3rem;font-family:var(--font-roc-grotesk);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:12px;place-items:center;margin-top:clamp(1.35rem,2.4vw,2rem);padding:10px 28px 7px;font-size:.9rem;font-weight:500;line-height:1;transition:background-color .35s,color .35s;display:inline-grid}.site-footer__button .button-roll__text{width:100%;height:100%}.site-footer__button:hover{background:var(--foreground);color:var(--background)}.site-footer__legal{flex-wrap:wrap;justify-content:center;gap:.85rem 1.2rem;display:flex}.site-footer__legal-link{color:#000000bd;font-family:var(--font-roc-grotesk);letter-spacing:.03em;font-size:.74rem;font-weight:400;line-height:1;text-decoration:none;position:relative}.site-footer__legal-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-.18rem;left:0;transform:scaleX(0)}.site-footer__legal-link:hover:after,.site-footer__legal-link:focus-visible:after{transform:scaleX(1)}.site-footer-eyes{justify-content:center;align-items:center;gap:clamp(.55rem,1.1vw,.85rem);width:min(5.8rem,24vw);margin-bottom:16px;padding-block:0;display:flex}.site-footer-eyes__eye{--site-footer-eyelid:-104%;--site-footer-eyelid2:104%;aspect-ratio:1;border:1px solid var(--foreground);background:#fff;border-radius:50%;place-items:center;width:clamp(1.35rem,2vw,1.85rem);animation:5s ease-in-out infinite site-footer-eye-blink;display:grid;position:relative;overflow:hidden}.site-footer-eyes__eye:before,.site-footer-eyes__eye:after{content:"";z-index:1;background:var(--footer-bg);width:118%;height:165%;position:absolute;left:50%}.site-footer-eyes__eye:before{transform:translateX(-50%) translateY(var(--site-footer-eyelid));border-radius:0 0 42% 42%;top:0}.site-footer-eyes__eye:after{transform:translateX(-50%) translateY(var(--site-footer-eyelid2));border-radius:42% 42% 0 0;bottom:0}.site-footer-eyes__pupil{aspect-ratio:1;background:var(--foreground);will-change:transform;border-radius:50%;width:48%;transition:transform 25ms linear;display:block;position:relative}@keyframes site-footer-eye-blink{0%{--site-footer-eyelid:-104%;--site-footer-eyelid2:104%}3%{--site-footer-eyelid:0%;--site-footer-eyelid2:0%}6%{--site-footer-eyelid:-104%;--site-footer-eyelid2:104%}9%,to{--site-footer-eyelid:-104%;--site-footer-eyelid2:104%}}@media (max-width:720px){.site-footer{--footer-height:100vh}.site-footer-eyes{display:none}.site-footer__content{padding:1.25rem 1.25rem 1rem}.site-footer__logo{width:min(82vw,26rem)}}.legal-page{background:var(--background);min-height:100vh;color:var(--foreground)}.legal-page__hero{background:#d8d8d8;padding:clamp(6rem,10vw,9rem) clamp(1.25rem,4vw,3rem) clamp(3rem,5vw,4rem);position:relative}.legal-page__inner{width:min(100%,1440px);margin:0 auto}.legal-page__header{z-index:4;width:min(100% - clamp(2.5rem,8vw,6rem),1440px);min-height:2.25rem;position:absolute;top:clamp(1.5rem,3vw,3rem);left:50%;transform:translate(-50%)}.legal-page__back{color:currentColor;min-height:3rem;font-family:var(--font-roc-grotesk);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:1px solid;border-radius:12px;place-items:center;padding:10px 28px 7px;font-size:.9rem;font-weight:500;line-height:1;transition:background-color .35s,color .35s;display:inline-grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.legal-page__back .button-roll__text{width:100%;height:100%}.legal-page__back-arrow{background-color:currentColor;width:.8rem;height:.8rem;margin-right:.45rem;line-height:1;display:inline-block;-webkit-mask-image:url(/image/svg/back.svg);mask-image:url(/image/svg/back.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.legal-page__back:hover,.legal-page__back:focus-visible{background:var(--foreground);color:var(--background)}.legal-page__language-switch{color:var(--foreground);font-family:var(--font-roc-grotesk-wide);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:700;line-height:1;position:absolute;top:50%;right:0;transform:translateY(-50%)}.legal-page__eyebrow{font-family:var(--font-roc-grotesk-wide);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .85rem;font-size:clamp(.85rem,1vw,1rem);font-weight:700;line-height:1}.legal-page__title{font-family:var(--font-roc-grotesk-wide);letter-spacing:-.08em;text-transform:uppercase;margin:0;font-size:clamp(3rem,7vw,6rem);font-weight:500;line-height:.9}.legal-page__intro{letter-spacing:-.015em;width:min(100%,42rem);margin:clamp(1.5rem,2vw,2rem) 0 0;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.5}.legal-page__content{padding:clamp(3rem,6vw,5rem) clamp(1.25rem,4vw,3rem) clamp(5rem,8vw,7rem)}.legal-page__content-inner{gap:clamp(2rem,3vw,2.8rem);display:grid}.legal-page__section{gap:.85rem;display:grid}.legal-page__section h2{font-family:var(--font-roc-grotesk-wide);letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:500;line-height:.95}.legal-page__section p{letter-spacing:-.012em;margin:0;font-size:clamp(.96rem,1.05vw,1.05rem);line-height:1.6}@media (max-width:900px){.legal-page__back{border:0;padding-left:0}.legal-page__back:hover,.legal-page__back:focus-visible,.legal-page__back:active{color:currentColor;background:0 0}.legal-page__hero{padding-top:5.5rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}