@font-face{font-family:Hanken;src:url('fonts/hanken.woff2')}@font-face{font-family:Bricolage;src:url('fonts/bricolage.woff2');font-weight:700}
:root{--display:Bricolage,sans-serif;--body:Hanken,sans-serif}.scroll-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left}.loader{position:fixed;z-index:2000;inset:0;display:grid;place-content:center;gap:28px;background:var(--ink);color:var(--lime);text-align:center;transition:clip-path 1s cubic-bezier(.76,0,.24,1);clip-path:inset(0)}.is-ready .loader{clip-path:inset(0 0 100% 0)}.loader-mark{position:relative;width:110px;height:70px}.loader-mark i{position:absolute;left:0;right:0;height:1px;background:currentColor;transform-origin:left;animation:grow .8s both}.loader-mark i:nth-child(1){top:15px;transform:rotate(-12deg);animation-delay:.1s}.loader-mark i:nth-child(2){top:36px;transform:rotate(7deg);animation-delay:.25s}.loader-mark i:nth-child(3){top:57px;transform:rotate(-4deg);animation-delay:.4s}.loader span{font:10px var(--body);letter-spacing:.25em;text-transform:uppercase}@keyframes grow{from{scale:0 1}to{scale:1 1}}
body{font-family:var(--body)}.hero h1,.statement h2,.details h2,footer h2,.poster p{font-family:var(--display);font-weight:700;letter-spacing:-.075em}.mark{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;line-height:.72}.mark svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.3;overflow:visible}.mark svg circle:first-child{stroke-dasharray:215;animation:orbit 1.5s 1s both}.mark svg .sun{fill:var(--lime);stroke:none;transform-origin:39px 39px;animation:sun 7s linear infinite}.mark svg path{stroke-dasharray:80;animation:orbit 1s 1.25s both}@keyframes orbit{from{stroke-dashoffset:215}to{stroke-dashoffset:0}}@keyframes sun{to{transform:rotate(360deg)}}
.hero{position:relative;isolation:isolate}.hero canvas{--scene-color:#173e32;position:absolute;z-index:0;inset:0;width:50%;height:100%;pointer-events:none}.hero-copy,.hero figure{position:relative;z-index:1}.hero figure{transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;overflow:hidden}.hero figure:after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:right;transition:transform 1.2s 1s cubic-bezier(.76,0,.24,1)}.is-ready .hero figure:after{transform:scaleX(0)}.hero-copy p,.hero-copy h1 span,.hero-copy h1 i,.hero-copy>a{display:inline-block;opacity:0;transform:translateY(45px);transition:opacity .8s,transform 1s cubic-bezier(.2,.8,.2,1)}.is-ready .hero-copy p{opacity:1;transform:none;transition-delay:1s}.is-ready .hero-copy h1 span:first-child{opacity:1;transform:none;transition-delay:1.1s}.is-ready .hero-copy h1 i{opacity:1;transform:none;transition-delay:1.2s}.is-ready .hero-copy h1 span:last-child{opacity:1;transform:none;transition-delay:1.3s}.is-ready .hero-copy>a{opacity:1;transform:none;transition-delay:1.45s}
.statement,.details,.room,.repere{opacity:0;transform:translateY(65px);transition:opacity .9s,transform 1s cubic-bezier(.2,.8,.2,1)}.is-in{opacity:1!important;transform:none!important}.poster{background:var(--ink)}.poster:after{content:"";position:absolute;width:38vw;height:38vw;right:-8vw;top:-12vw;border:1px solid var(--lime);border-radius:50%;box-shadow:0 0 0 4vw #d5e65c12,0 0 0 8vw #d5e65c0a;animation:breathe 5s ease-in-out infinite}.poster:before{animation:slideword 12s linear infinite}@keyframes breathe{50%{transform:scale(1.08)}}@keyframes slideword{50%{transform:translateX(-8%)}}.cta{transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}.cta:hover{background:var(--lime);color:var(--ink)}.list>div{transition:padding .35s,background .35s}.list>div:hover{padding-left:15px;padding-right:15px;background:#d5e65c66}.cards article{transition:transform .4s}.cards article:hover{transform:translateY(-12px)}
@media(max-width:700px){.mark svg{width:40px}.mark>span{display:none}.hero canvas{width:100%;opacity:.48}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.loader{display:none}.statement,.details,.room,.repere,.hero-copy p,.hero-copy h1 span,.hero-copy h1 i,.hero-copy>a{opacity:1;transform:none}.hero figure:after{display:none}}
.gallery-cl{padding:10vw 7vw;background:#e9e4d7;display:grid;grid-template-columns:1fr .72fr;gap:3vw;position:relative;overflow:hidden}.gallery-cl figure{margin:0;overflow:hidden}.gallery-cl figure:first-child{height:75vh}.gallery-cl figure:nth-child(2){height:46vh;margin-top:18vh}.gallery-cl img{width:100%;height:115%;object-fit:cover;margin-top:-7%;will-change:transform;filter:saturate(.82)}.gallery-cl p{position:absolute;z-index:2;left:42%;top:39%;margin:0;padding:22px;background:var(--lime);font:700 clamp(38px,5vw,76px)/.83 var(--display);letter-spacing:-.06em;transform:rotate(-3deg)}.gallery-cl p i{font-weight:700}@media(max-width:700px){.gallery-cl{grid-template-columns:1fr;padding:70px 25px}.gallery-cl figure:first-child{height:55vh}.gallery-cl figure:nth-child(2){height:42vh;margin-top:0}.gallery-cl p{left:13%;top:42%;font-size:13vw}}