:root{--bg: #ffffff;--text: #1a202c;--accent: #00ff00;--orange: #ffb35c;--teal: #4fd1c5;--teal-light: #b2f5ea;--yellow: #ffd700;--purple: #9f7aea;--red: #ef4444;--border-width: 4px;--radius-large: 48px;--radius-button: 32px;--shadow: 8px 8px 0px 0px #000000}*{margin:0;padding:0;box-sizing:border-box;cursor:crosshair}html{scroll-behavior:smooth}body{font-family:DM Mono,monospace;background-color:var(--bg);color:var(--text);line-height:1.4;overflow-x:hidden}h1,h2,h3,.massive-text{font-family:Space Grotesk,sans-serif;text-transform:uppercase;font-weight:700;line-height:1}.border-b{border-bottom:var(--border-width) solid #000}.border-r{border-right:var(--border-width) solid #000}.container{max-width:1152px;margin:0 auto;width:100%;padding:0 2rem}@media (max-width: 768px){*,body,html{cursor:auto!important}.grid-2{grid-template-columns:1fr!important}}nav{padding:1.5rem 2rem;position:sticky;top:0;z-index:1000;display:flex;justify-content:center}.nav-container{background:#fff;border:var(--border-width) solid #000;border-radius:9999px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;width:100%;max-width:1200px}.logo-group{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text)}.logo-dot{width:32px;height:32px;background:var(--orange);border:2px solid #000;border-radius:50%}.logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:-1px}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--text);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.9rem;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--teal)}.nav-btn{background:#000;color:#fff;padding:.5rem 1.5rem;border-radius:9999px;text-decoration:none;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.9rem;text-transform:uppercase}.hero{position:relative;padding:6rem 2rem;overflow:hidden;background:var(--orange);display:flex;flex-direction:column;align-items:center;text-align:center}.hero-logo-wrap{width:100%;max-width:800px}.deco-1{position:absolute;top:80px;left:40px;width:96px;height:96px;background:var(--yellow);border:4px solid #000;border-radius:50%;opacity:.2}.deco-2{position:absolute;bottom:80px;right:40px;width:128px;height:128px;background:var(--teal-light);border:4px solid #000;opacity:.4;transform:rotate(3deg)}.hero-tag{background:var(--yellow);border:2px solid #000;padding:.4rem 1.2rem;border-radius:9999px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.75rem;display:inline-block;transform:rotate(-3deg);margin-bottom:2rem}.hero-content{max-width:800px;z-index:10}.hero-logo-wrap{margin:2rem 0}.hero p{font-family:DM Mono,monospace;font-size:1.5rem;color:var(--text);margin-bottom:3rem;line-height:1.2}.hero-btns{display:flex;gap:1.5rem;justify-content:center}.btn{padding:1.5rem 3rem;border:4px solid #000;border-radius:var(--radius-button);box-shadow:var(--shadow);text-decoration:none;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.25rem;text-transform:uppercase;transition:transform .1s,box-shadow .1s}.btn:active{transform:translate(4px,4px);box-shadow:4px 4px #000}.btn-primary{background:var(--teal);color:#000}.btn-secondary{background:gold;color:#000}.advantages{background:var(--teal-light);border-top:var(--border-width) solid #000;border-bottom:var(--border-width) solid #000;padding:6rem 2rem}.section-title{font-size:4.5rem;margin-bottom:4rem;text-align:left}.grid-cards{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.card{background:#fff;border:var(--border-width) solid #000;border-radius:var(--radius-large);padding:2.5rem;box-shadow:var(--shadow);position:relative;transition:transform .2s}.card:nth-child(odd){transform:rotate(-1deg)}.card:nth-child(2n){transform:rotate(1deg)}.card:hover{transform:translateY(-5px) rotate(0)}.card-icon{width:64px;height:64px;border:2px solid #000;border-radius:32px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:2rem;transform:rotate(3deg)}.card:nth-child(odd) .card-icon{transform:rotate(-3deg)}.card h3{font-size:1.8rem;margin-bottom:1rem}.card p{font-family:DM Mono,monospace;font-size:1.1rem;opacity:.8}.rooms{background:var(--teal);padding:6rem 2rem}.rooms-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem}.rooms-title{font-size:4.5rem;color:#fff;text-shadow:4px 4px 0px #000}.rooms-badge{background:#000;color:#fff;padding:.5rem 1.5rem;border-radius:9999px;font-family:Space Grotesk,sans-serif;font-weight:700;text-transform:uppercase}.listing-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.listing-card-new{background:#fff;border:var(--border-width) solid #000;border-radius:var(--radius-large);box-shadow:var(--shadow);overflow:hidden;padding:.25rem}.listing-img-wrap{height:320px;background:#e5e7eb;position:relative;border-radius:44px;overflow:hidden}.carousel,.carousel-images{width:100%;height:100%;position:relative}.carousel-images img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out;filter:grayscale(1);pointer-events:none}.carousel-images img.active{opacity:1;pointer-events:auto}.listing-card-new:hover .carousel-images img.active{filter:grayscale(0)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:2px solid #000;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;font-size:1.2rem;transition:background .2s,transform .1s}.carousel-btn:hover{background:var(--teal)}.carousel-btn:active{transform:translateY(-50%) scale(.9)}.prev-btn{left:1rem}.next-btn{right:1rem}.listing-status{position:absolute;top:16px;left:16px;padding:.4rem 1.1rem;border:2px solid #000;border-radius:9999px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;color:#fff}.listing-status.indispo{background:var(--red)}.listing-status.dispo{background:var(--teal-light);color:#000}.listing-price{position:absolute;bottom:16px;right:16px;background:#fff;border:2px solid #000;padding:.4rem 1.1rem;border-radius:9999px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.1rem}.listing-content{padding:2rem}.listing-id{font-size:.9rem;opacity:.6;margin-bottom:.5rem}.listing-tags{display:flex;gap:1rem;margin:1.5rem 0}.tag-mini{padding:.4rem .9rem;border:2px solid #000;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase}.btn-visit{width:100%;padding:1rem;background:#000;color:#fff;border-radius:24px;text-align:center;font-family:Space Grotesk,sans-serif;font-weight:700;text-transform:uppercase;display:block;text-decoration:none;transition:transform .1s}.btn-visit:active{transform:scale(.98)}.btn-visit.disabled{background:transparent;border:4px solid #000;color:#000;opacity:.5;pointer-events:none}.testimonials{background:var(--accent);border-top:var(--border-width) solid #000;border-bottom:var(--border-width) solid #000;padding:6rem 2rem}.testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.testi-card{background:var(--orange);border:var(--border-width) solid #000;border-radius:var(--radius-large);padding:2.5rem;text-align:left;position:relative;transform:rotate(-2deg);transition:transform .2s}.testi-card:hover{transform:rotate(0)}.testi-card.alt{background:var(--yellow);transform:rotate(2deg)}.testi-quote{font-family:Space Grotesk,sans-serif;font-size:4rem;position:absolute;top:10px;left:-15px;line-height:1}.testi-text{font-family:DM Mono,monospace;font-size:1.25rem;margin-bottom:2rem;position:relative;z-index:2}.testi-author{display:flex;align-items:center;gap:1rem}.author-img{width:48px;height:48px;background:#000;border:2px solid #fff;border-radius:50%}.author-info h4{font-family:Space Grotesk,sans-serif;font-size:.9rem;text-transform:uppercase}.author-info p{font-size:.75rem;opacity:.7}.contact{background:var(--yellow);padding:6rem 2rem}.contact-grid{display:flex;flex-direction:column;align-items:center;gap:4rem}.contact-info{text-align:center;width:100%}.contact-info h2{font-size:5rem;line-height:1;margin-bottom:2rem;text-transform:uppercase}#chambre-card-container{margin-top:3rem;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;width:100%}.contact-form-wrap{background:#fff;border:4px solid #000;border-radius:var(--radius-large);box-shadow:var(--shadow);padding:3rem;width:100%;max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.9rem;text-transform:uppercase;margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1.25rem;border:4px solid #000;border-radius:32px;font-family:DM Mono,monospace;font-size:1rem;background:#fff;outline:none}.form-group input:focus,.form-group textarea:focus{background:#f0f0f0}.submit-btn{width:100%;padding:1.5rem;background:#000;color:#fff;border:none;border-radius:32px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;text-transform:uppercase;transition:transform .1s;cursor:pointer}.submit-btn:hover{background:#333}.submit-btn:active{transform:scale(.98)}.marquee{background:var(--accent);border-top:4px solid #000;border-bottom:4px solid #000;padding:.75rem 0;overflow:hidden;white-space:nowrap}.marquee span{display:inline-block;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;text-transform:uppercase;padding-left:1rem;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}footer{background:#000;color:#fff;padding:4rem 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}.footer-col h3{font-size:2rem;color:#fff;margin-bottom:1.5rem}.footer-col h4{font-size:1rem;color:var(--yellow);margin-bottom:1.5rem;text-transform:uppercase}.footer-col p{opacity:.6;font-size:1rem;line-height:1.6}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.75rem}.footer-col ul li a{color:#fff;text-decoration:none;font-size:.9rem;text-transform:uppercase;font-weight:700;font-family:Space Grotesk,sans-serif;transition:color .2s}.footer-col ul li a:hover{color:var(--teal)}.footer-bottom{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:.4;font-size:.7rem;letter-spacing:1px}.custom-cursor{width:24px;height:24px;background:var(--accent);position:fixed;pointer-events:none;z-index:10000;mix-blend-mode:difference;border-radius:50%;transform:translate(-50%,-50%)}#chambre-card-container{margin-top:2rem;display:flex;gap:1.5rem;flex-wrap:wrap}.chambre-card{background:#fff;border:4px solid #000;border-radius:32px;overflow:hidden;max-width:320px;transition:transform .15s;box-shadow:6px 6px #000;position:relative;z-index:1}.chambre-card:hover{transform:translateY(-4px);box-shadow:10px 10px #000}.chambre-card-img-wrap{height:180px;position:relative;border-bottom:4px solid #000}.chambre-card-img-wrap img{width:100%;height:100%;object-fit:cover}.chambre-card-badge-price{position:absolute;bottom:12px;left:12px;background:#000;color:#fff;padding:.4rem .8rem;border-radius:12px;font-weight:700;font-family:Space Grotesk,sans-serif}.chambre-card-badge-type{position:absolute;top:12px;right:12px;background:#222;color:#fff;padding:.2rem .6rem;border-radius:8px;font-size:.7rem;text-transform:uppercase;font-weight:700}.chambre-card-body{padding:1.25rem}.chambre-card-address{font-size:.7rem;opacity:.6;margin-bottom:.3rem;text-transform:uppercase}.chambre-card-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.chambre-card-meta{display:flex;gap:1rem;border-top:1px solid #eee;padding-top:.75rem;font-size:.8rem}.chambre-card-disponible{margin-top:1rem;padding:.5rem;text-align:center;border-radius:12px;font-weight:700;font-size:.8rem;text-transform:uppercase}@media (max-width: 768px){.section-title,.rooms-title{font-size:3rem}.grid-cards,.listing-grid,.contact-grid,.testi-grid,.footer-grid{grid-template-columns:1fr}.hero{padding:4rem 1rem}.hero p{font-size:1.1rem}.hero-btns{flex-direction:column;width:100%}.btn{text-align:center;padding:1.25rem}.contact-info h2{font-size:3.5rem}.nav-links{display:none}.advantages,.rooms,.testimonials,.contact{padding:4rem .5rem}.card,.listing-card-new,.testi-card,.contact-form-wrap{padding:1rem;border-radius:32px;width:100%;margin-left:0;margin-right:0}.testi-card{transform:none!important;margin-bottom:2rem}.nav-container{padding:.5rem 1rem;gap:1rem;justify-content:center;width:calc(100% - 10px)}.logo-text{font-size:1rem}.nav-btn{font-size:.75rem;padding:.4rem 1rem}.listing-img-wrap{height:auto;min-height:250px;aspect-ratio:4/3;border-radius:16px;margin-bottom:1rem;width:100%;box-sizing:border-box;overflow:hidden}.listing-content{padding:1rem .5rem}.listing-price{font-size:.8rem;padding:.5rem 1rem;bottom:1.2rem;right:1.2rem;z-index:30}.carousel-btn{width:36px;height:36px;font-size:.9rem;opacity:.9;z-index:40}.prev-btn{left:1.2rem}.next-btn{right:1.2rem}.listing-status{top:1.2rem;left:1.2rem;z-index:30}.listing-tags{flex-direction:column;gap:.5rem;align-items:flex-start}.tag-mini{font-size:.7rem;padding:.4rem .8rem;text-align:left;width:fit-content}.rooms-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.custom-cursor{display:none!important}}.lightbox{display:none;position:fixed;z-index:9999;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out}.lightbox-content{margin:auto;display:block;max-width:90%;max-height:85vh;border:4px solid #fff;box-shadow:20px 20px #000;border-radius:8px;-webkit-user-select:none;user-select:none;pointer-events:none}.lightbox-close{position:absolute;top:20px;right:35px;color:#fff;font-size:40px;font-weight:700;transition:.3s;cursor:pointer;z-index:10000}.lightbox-close:hover{color:var(--accent);transform:scale(1.2)}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.lightbox-content{animation-name:zoom;animation-duration:.4s}@media (max-width: 768px){.lightbox-content{max-width:95%;border-width:2px;box-shadow:10px 10px #000}.lightbox-close{top:10px;right:20px}}