@font-face{font-family:Chaby;src:url('fonts/chaby-display.woff2');font-weight:700}@font-face{font-family:Space;src:url('fonts/space-mono.woff2')}
:root{--display:Chaby,Impact,sans-serif;--mono:Space,monospace}.scroll-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;background:var(--pink);transform:scaleX(0);transform-origin:left}.loader{position:fixed;z-index:2000;inset:0;display:grid;place-content:center;gap:25px;background:var(--black);color:var(--pink);text-align:center;clip-path:inset(0);transition:clip-path 1s cubic-bezier(.76,0,.24,1)}.is-ready .loader{clip-path:inset(0 0 100% 0)}.loader-grid{display:grid;grid-template-columns:repeat(3,22px);gap:8px;transform:rotate(45deg)}.loader-grid i{height:22px;border:1px solid currentColor;animation:gridpulse 1.2s infinite alternate;animation-delay:calc(var(--i,0)*.08s)}.loader-grid i:nth-child(2n){background:currentColor}.loader span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.2em}@keyframes gridpulse{to{transform:translateY(-8px);opacity:.3}}
body{font-family:var(--mono)}.hero h1,.intro h2,.room h2,footer p,.cards h3{font-family:var(--display);font-weight:700;letter-spacing:-.05em}.logo{display:flex;align-items:center;gap:10px;line-height:.72}.logo svg{width:42px;height:42px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.2}.logo svg>path:first-child{stroke-dasharray:190;animation:hex 1.4s 1s both}.logo svg .peak{stroke:var(--pink);stroke-width:2;stroke-dasharray:80;animation:hex 1s 1.3s both}.logo svg path:nth-child(2){opacity:.35}@keyframes hex{from{stroke-dashoffset:190}to{stroke-dashoffset:0}}.logo:hover svg{transform:rotateY(180deg)}.logo svg{transition:transform .8s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.hero{position:relative;isolation:isolate}.hero canvas{--scene-color:#171317;position:absolute;z-index:2;inset:0;width:46%;height:100%;pointer-events:none}.hero-type,.hero-image,.hero-side{position:relative;z-index:1}.hero-image{overflow:hidden;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.hero-image:after{content:"";position:absolute;inset:0;background:var(--black);transform-origin:top;transition:transform 1.2s 1s cubic-bezier(.76,0,.24,1)}.is-ready .hero-image:after{transform:scaleY(0)}.hero-type p,.hero-type h1,.hero-side{opacity:0;transform:translateY(45px);transition:opacity .8s,transform 1s cubic-bezier(.2,.8,.2,1)}.is-ready .hero-type p:first-child{opacity:1;transform:none;transition-delay:1s}.is-ready .hero-type h1{opacity:1;transform:rotate(180deg);transition-delay:1.12s}.is-ready .hero-type p:last-child{opacity:1;transform:none;transition-delay:1.25s}.is-ready .hero-side{opacity:1;transform:none;transition-delay:1.35s}
.intro,.room,.repere{opacity:0;transform:translateY(70px);transition:opacity .9s,transform 1s cubic-bezier(.2,.8,.2,1)}.is-in{opacity:1!important;transform:none!important}.band p{animation:marquee 14s linear infinite;width:max-content}@keyframes marquee{to{transform:translateX(-30%)}}.room-image{overflow:hidden}.room-image img{height:115%;margin-top:-8%;will-change:transform}.cards article{position:relative;overflow:hidden;transition:transform .4s,color .4s;padding-left:8px}.cards article:after{content:"";position:absolute;z-index:-1;inset:0;background:var(--black);transform:translateY(102%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.cards article:hover{color:var(--cream);transform:translateY(-10px)}.cards article:hover:after{transform:none}header>a:last-child,footer a{transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}header>a:last-child:hover{background:var(--pink);color:var(--black)}
@media(max-width:700px){.logo svg{width:38px}.logo>span{display:none}.hero canvas{width:100%;opacity:.5}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.loader{display:none}.intro,.room,.repere,.hero-type p,.hero-type h1,.hero-side{opacity:1;transform:none}.is-ready .hero-type h1{transform:rotate(180deg)}.hero-image:after{display:none}}
.gallery-ch{min-height:95vh;background:var(--black);color:var(--cream);padding:8vw 7vw;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;overflow:hidden}.gallery-ch figure{margin:0;height:72vh;overflow:hidden;clip-path:polygon(0 8%,92% 0,100% 92%,8% 100%)}.gallery-ch img{width:100%;height:115%;object-fit:cover;margin-top:-7%;will-change:transform}.gallery-ch p{font:700 clamp(48px,7vw,110px)/.79 var(--display);letter-spacing:-.055em}.gallery-ch p span{display:block;margin-top:30px;color:var(--pink);font:14px var(--mono);letter-spacing:.07em;text-transform:uppercase}.gallery-ch figure:hover{clip-path:polygon(0 0,100% 8%,92% 100%,8% 92%);transition:clip-path .8s cubic-bezier(.2,.8,.2,1)}@media(max-width:700px){.gallery-ch{grid-template-columns:1fr;padding:70px 25px}.gallery-ch figure{height:52vh}.gallery-ch p{font-size:14vw}}