:root{--cream:#F5F0E8;--cream-dark:#EDE7D9;--wood:#8B5E3C;--wood-dark:#5C3D1E;--wood-light:#C4956A;--gold:#C9A84C;--gold-light:#E8C97A;--charcoal:#1A1714;--charcoal-mid:#2E2A26;--text-muted:#7A7268;--green-felt:#2D5A3D;--white:#FFFFFF;--border:rgba(139,94,60,0.15);--T:cubic-bezier(0.25,0.46,0.45,0.94)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--charcoal);overflow-x:hidden;cursor:none}
.cursor{position:fixed;width:10px;height:10px;background:var(--wood);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}
.cursor-ring{position:fixed;width:36px;height:36px;border:1px solid var(--wood-light);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .12s ease}
body:has(a:hover) .cursor,body:has(button:hover) .cursor{width:20px;height:20px;background:var(--gold)}
body:has(a:hover) .cursor-ring,body:has(button:hover) .cursor-ring{width:52px;height:52px;border-color:var(--gold)}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--cream-dark)}::-webkit-scrollbar-thumb{background:var(--wood-light);border-radius:2px}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 4rem;height:80px;background:rgba(245,240,232,.92);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:border-color .3s,height .3s}
nav.scrolled{border-color:var(--border);height:68px}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:600;color:var(--charcoal);letter-spacing:.02em;text-decoration:none;display:flex;align-items:center;gap:10px}
.nav-logo-mark{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.nav-logo-mark img{width:100%;height:100%;object-fit:cover}
.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}
.nav-links a{font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--text-muted);position:relative;transition:color .3s}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--wood);transition:width .3s var(--T)}
.nav-links a:hover{color:var(--charcoal)}.nav-links a:hover::after{width:100%}
.nav-cta{background:var(--charcoal)!important;color:var(--cream)!important;padding:10px 22px;border-radius:2px;font-size:.8rem!important;letter-spacing:.1em!important;transition:background .3s,transform .2s!important}
.nav-cta:hover{background:var(--wood)!important;transform:translateY(-1px)}.nav-cta::after{display:none!important}
.nav-phone{display:flex;align-items:center;gap:8px;color:var(--wood);font-size:.85rem;font-weight:500;text-decoration:none}
.nav-phone svg{width:16px;height:16px}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:none;background:none;border:none}
.hamburger span{display:block;width:24px;height:1.5px;background:var(--charcoal);transition:all .3s}

/* HERO */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:80px;position:relative;overflow:hidden}
.hero-content{display:flex;flex-direction:column;justify-content:center;padding:6rem 3rem 6rem 4rem;position:relative;z-index:2}
.hero-tag{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--wood);font-weight:500;margin-bottom:2rem;opacity:0;animation:fadeUp .8s var(--T) .2s forwards}
.hero-tag::before{content:'';display:block;width:32px;height:1px;background:var(--wood)}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,5vw,5rem);font-weight:300;line-height:1.1;color:var(--charcoal);margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s var(--T) .4s forwards}
.hero-title em{font-style:italic;color:var(--wood)}
.hero-sub{font-size:1rem;color:var(--text-muted);line-height:1.7;max-width:460px;margin-bottom:3rem;opacity:0;animation:fadeUp .8s var(--T) .6s forwards}
.hero-actions{display:flex;gap:1rem;align-items:center;opacity:0;animation:fadeUp .8s var(--T) .8s forwards}
.btn-primary{background:var(--charcoal);color:var(--cream);padding:16px 36px;border:none;border-radius:2px;font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:none;text-decoration:none;display:inline-block;position:relative;overflow:hidden;transition:transform .3s var(--T),box-shadow .3s}
.btn-primary::before{content:'';position:absolute;inset:0;background:var(--wood);transform:translateX(-100%);transition:transform .4s var(--T)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(26,23,20,.2)}.btn-primary:hover::before{transform:translateX(0)}
.btn-primary span{position:relative;z-index:1}
.btn-secondary{color:var(--charcoal);text-decoration:none;font-size:.82rem;font-weight:500;letter-spacing:.08em;display:flex;align-items:center;gap:8px;transition:gap .3s}
.btn-secondary:hover{gap:14px}.btn-secondary svg{width:20px;height:20px}
.hero-stats{display:flex;gap:2.5rem;margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--border);opacity:0;animation:fadeUp .8s var(--T) 1s forwards}
.hero-stat-num{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:600;color:var(--wood);line-height:1}
.hero-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}
.hero-visual{position:relative;overflow:hidden;background:var(--charcoal-mid)}
.hero-visual img{width:100%;height:100%;object-fit:cover;opacity:.8;animation:heroReveal 1.2s var(--T) .3s forwards;transform:scale(1.05)}
@keyframes heroReveal{to{opacity:.8;transform:scale(1)}}
.hero-visual-overlay{position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(139,94,60,.3))}
.hero-floating-badge{position:absolute;bottom:3rem;left:3rem;background:rgba(245,240,232,.95);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:2px;padding:1.2rem 1.5rem;animation:fadeUp .8s var(--T) 1.2s both}
.hero-floating-badge p:first-child{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:var(--charcoal)}
.hero-floating-badge p:last-child{font-size:.75rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}
.hero-scroll-hint{position:absolute;bottom:2.5rem;right:2rem;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fadeIn 1s 1.5s forwards}
.hero-scroll-hint span{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);writing-mode:vertical-rl}
.scroll-line{width:1px;height:50px;background:var(--border);position:relative;overflow:hidden}
.scroll-line::after{content:'';position:absolute;top:-50px;left:0;width:100%;height:50px;background:var(--wood);animation:scrollLine 1.5s ease-in-out infinite}
@keyframes scrollLine{0%{top:-50px}100%{top:100%}}

/* SECTIONS */
section{padding:8rem 4rem}
.section-tag{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--wood);font-weight:500;display:flex;align-items:center;gap:10px;margin-bottom:1.2rem}
.section-tag::before{content:'';display:block;width:24px;height:1px;background:var(--wood)}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:300;line-height:1.1;color:var(--charcoal)}
.section-title em{font-style:italic;color:var(--wood)}

/* MARQUEE */
.marquee-strip{background:var(--charcoal);padding:1.2rem 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.05)}
.marquee-track{display:flex;gap:3rem;white-space:nowrap;animation:marquee 25s linear infinite}
.marquee-track span{font-family:'Cormorant Garamond',serif;font-size:1rem;font-style:italic;color:rgba(245,240,232,.45);letter-spacing:.05em;flex-shrink:0}
.marquee-track .dot{color:var(--gold);font-style:normal;font-size:.6rem}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* PRODUCTS */
#produits{background:var(--cream)}
.products-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem}
.filter-tabs{display:flex;gap:.5rem}
.filter-tab{padding:8px 18px;border:1px solid var(--border);background:transparent;border-radius:2px;font-family:'DM Sans',sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;cursor:none;color:var(--text-muted);transition:all .3s}
.filter-tab.active,.filter-tab:hover{background:var(--charcoal);color:var(--cream);border-color:var(--charcoal)}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--border)}
.product-card{background:var(--cream);position:relative;overflow:hidden;aspect-ratio:3/4;cursor:none}
.product-card:first-child{grid-column:span 1;grid-row:span 2;aspect-ratio:auto}
.product-img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--T);display:block}
.product-card:hover .product-img{transform:scale(1.06)}
.img-marbella{object-fit:cover!important;object-position:center center!important}
.product-card:hover .img-marbella{transform:scale(1.03)!important}
.img-bali{transform:scale(1.4)!important;transform-origin:center center}
.product-card:hover .img-bali{transform:scale(1.45)!important}
.product-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,23,20,.85) 0%,transparent 50%);opacity:0;transition:opacity .5s}
.product-card:hover .product-overlay{opacity:1}
.product-info{position:absolute;bottom:0;left:0;right:0;padding:2rem;transform:translateY(20px);opacity:0;transition:all .5s var(--T)}
.product-card:hover .product-info{transform:translateY(0);opacity:1}
.product-name{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;color:var(--cream);margin-bottom:4px}
.product-price{font-size:.85rem;color:var(--gold-light);letter-spacing:.05em}
.product-sizes{font-size:.72rem;color:rgba(245,240,232,.6);margin-top:4px;letter-spacing:.05em}
.product-badge{position:absolute;top:1.2rem;left:1.2rem;background:var(--gold);color:var(--charcoal);font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:1px}
.product-quick-view{position:absolute;top:1.2rem;right:1.2rem;width:40px;height:40px;border-radius:50%;background:rgba(245,240,232,.9);border:none;cursor:none;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .3s}
.product-quick-view svg{width:16px;height:16px}
.product-card:hover .product-quick-view{opacity:1;transform:scale(1)}

/* SAVOIR-FAIRE */
#savoir-faire{background:var(--charcoal);display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}
.sf-visual{position:relative;min-height:600px;overflow:hidden}
.sf-visual img{width:100%;height:100%;object-fit:cover;opacity:.55}
.sf-visual-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(201,168,76,.04) 30px,rgba(201,168,76,.04) 31px)}
.sf-content{padding:6rem 5rem;display:flex;flex-direction:column;justify-content:center}
.sf-content .section-tag{color:var(--gold)}.sf-content .section-tag::before{background:var(--gold)}
.sf-content .section-title{color:var(--cream)}
.sf-text{font-size:1rem;line-height:1.8;color:rgba(245,240,232,.65);margin:2rem 0}
.sf-features{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}
.sf-feature{border-top:1px solid rgba(201,168,76,.2);padding-top:1.2rem}
.sf-feature-icon{color:var(--gold);font-size:1.3rem;margin-bottom:8px}
.sf-feature-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--cream);margin-bottom:4px}
.sf-feature-desc{font-size:.82rem;color:rgba(245,240,232,.5);line-height:1.5}

/* TESTIMONIALS */
#temoignages{background:var(--cream-dark)}
.testimonials-header{text-align:center;margin-bottom:4rem}
.testimonials-header .section-tag{justify-content:center}.testimonials-header .section-tag::before{display:none}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.testimonial-card{background:var(--cream);border:1px solid var(--border);padding:2.5rem;border-radius:2px;position:relative;overflow:hidden;transition:transform .4s var(--T),box-shadow .4s}
.testimonial-card::before{content:'"';font-family:'Cormorant Garamond',serif;font-size:8rem;line-height:.8;color:var(--border);position:absolute;top:1.5rem;right:1.5rem;pointer-events:none}
.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(139,94,60,.12)}
.stars{color:var(--gold);font-size:.85rem;margin-bottom:1rem;letter-spacing:2px}
.testimonial-text{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-style:italic;line-height:1.6;color:var(--charcoal);margin-bottom:1.5rem}
.testimonial-author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:1.2rem}
.author-avatar{width:44px;height:44px;border-radius:50%;background:var(--wood);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--cream);font-weight:600;flex-shrink:0}
.author-name{font-weight:500;font-size:.9rem;color:var(--charcoal)}.author-city{font-size:.75rem;color:var(--text-muted)}

/* FAQ */
#faq{background:var(--cream)}
.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:6rem;align-items:start}
.faq-list{margin-top:2rem}
.faq-item{border-bottom:1px solid var(--border)}
.faq-question{width:100%;background:none;border:none;cursor:none;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:500;color:var(--charcoal);text-align:left;gap:1rem}
.faq-icon{width:28px;height:28px;border:1px solid var(--border);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s;background:transparent;position:relative;font-size:1.2rem;line-height:1;color:var(--charcoal)}
.faq-item.open .faq-icon{background:var(--wood);border-color:var(--wood);color:var(--cream)}
.faq-answer{overflow:hidden;max-height:0;transition:max-height .4s var(--T)}
.faq-answer-inner{padding-bottom:1.5rem;font-size:.9rem;line-height:1.7;color:var(--text-muted)}
.faq-item.open .faq-answer{max-height:400px}

/* CONFIGURATEUR */
#configurateur{background:var(--charcoal-mid)}
.config-header{text-align:center;margin-bottom:4rem}
.config-header .section-tag{justify-content:center}.config-header .section-tag::before{display:none}
.config-header .section-tag{color:var(--gold)}.config-header .section-title{color:var(--cream)}
.config-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1100px;margin:0 auto}
.config-step{margin-bottom:2.5rem}
.config-step-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:1rem;display:flex;align-items:center;gap:8px}
.config-step-num{width:22px;height:22px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem}
.config-options{display:flex;gap:.75rem;flex-wrap:wrap}
.config-option{padding:10px 20px;border:1px solid rgba(245,240,232,.15);background:transparent;border-radius:2px;font-family:'DM Sans',sans-serif;font-size:.82rem;color:rgba(245,240,232,.6);cursor:none;transition:all .25s}
.config-option.selected,.config-option:hover{background:var(--gold);color:var(--charcoal);border-color:var(--gold);font-weight:500}

/* FELT SWATCHES */
.felt-options{display:flex;gap:.6rem;flex-wrap:wrap}
.felt-swatch{width:52px;height:52px;border-radius:2px;border:2px solid transparent;cursor:none;transition:all .25s;position:relative;display:flex;align-items:center;justify-content:center}
.felt-swatch.selected{border-color:var(--gold);transform:scale(1.08)}
.felt-swatch:hover{transform:scale(1.05)}
.felt-swatch::after{content:attr(data-name);position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:.6rem;color:rgba(245,240,232,.5);white-space:nowrap;letter-spacing:.05em}
.felt-swatch .check{display:none;color:white;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.felt-swatch.selected .check{display:block}

.config-summary{background:rgba(245,240,232,.05);border:1px solid rgba(245,240,232,.1);border-radius:2px;padding:2.5rem;display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:100px}
.config-summary-title{font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--cream);font-weight:400}
.config-line{display:flex;justify-content:space-between;font-size:.85rem;padding:.75rem 0;border-bottom:1px solid rgba(245,240,232,.08)}
.config-line span:first-child{color:rgba(245,240,232,.5)}.config-line span:last-child{color:var(--cream);font-weight:500}
.config-price{font-family:'Cormorant Garamond',serif;font-size:2.5rem;color:var(--gold);font-weight:600;margin:.5rem 0}
.config-price-label{font-size:.75rem;color:rgba(245,240,232,.4)}
.felt-preview-strip{height:8px;border-radius:1px;transition:background .3s;margin-bottom:.5rem}
.config-summary-img{width:100%;height:320px;object-fit:cover;object-position:center 80%;border-radius:4px;margin:0.8rem 0;transition:opacity 0.2s;box-shadow:0 4px 20px rgba(0,0,0,0.2)}

.btn-whatsapp{background:#25D366;color:#fff;padding:16px;border:none;border-radius:2px;font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:none;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;margin-top:1rem;transition:background .3s,transform .2s}
.btn-whatsapp:hover{background:#1fba58;transform:translateY(-2px)}.btn-whatsapp svg{width:20px;height:20px}

/* CONTACT */
#contact{background:var(--cream-dark)}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:6rem}
.contact-info-items{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.5rem}
.contact-info-item{display:flex;gap:1rem;align-items:flex-start}
.contact-icon{width:44px;height:44px;background:var(--cream);border:1px solid var(--border);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-icon svg{width:18px;height:18px;stroke:var(--wood)}
.contact-info-title{font-weight:500;font-size:.9rem;color:var(--charcoal);margin-bottom:3px}
.contact-info-value{font-size:.85rem;color:var(--text-muted)}
.contact-form{display:flex;flex-direction:column;gap:1.2rem}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.form-input{padding:14px 16px;background:var(--cream);border:1px solid var(--border);border-radius:2px;font-family:'DM Sans',sans-serif;font-size:.9rem;color:var(--charcoal);outline:none;transition:border-color .3s,box-shadow .3s}
.form-input:focus{border-color:var(--wood);box-shadow:0 0 0 3px rgba(139,94,60,.08)}
.form-input::placeholder{color:var(--text-muted);opacity:0.45}
textarea.form-input{resize:none;min-height:130px}

/* MAP EMBED */
.map-embed{border-radius:2px;overflow:hidden;margin-top:2rem;border:1px solid var(--border)}
.map-embed iframe{width:100%;height:220px;border:none;display:block}

/* FOOTER */
footer{background:var(--charcoal);padding:5rem 4rem 3rem}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.06)}
.footer-brand-desc{font-size:.85rem;color:rgba(245,240,232,.45);line-height:1.7;margin-top:1rem;max-width:280px}
.footer-social{display:flex;gap:.75rem;margin-top:1.5rem}
.footer-social a{width:38px;height:38px;border:1px solid rgba(245,240,232,.12);border-radius:2px;display:flex;align-items:center;justify-content:center;color:rgba(245,240,232,.4);text-decoration:none;transition:all .3s}
.footer-social a:hover{border-color:var(--gold);color:var(--gold)}.footer-social svg{width:16px;height:16px}
.footer-col-title{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,240,232,.35);font-weight:500;margin-bottom:1.2rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.footer-col a{font-size:.85rem;color:rgba(245,240,232,.55);text-decoration:none;transition:color .3s}
.footer-col a:hover{color:var(--gold-light)}
.footer-bottom{padding-top:2rem;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:.78rem;color:rgba(245,240,232,.3)}
.footer-bottom-links{display:flex;gap:1.5rem}
.footer-bottom-links a{font-size:.78rem;color:rgba(245,240,232,.3);text-decoration:none}

/* FLOATING WA */
.float-wa{position:fixed;bottom:2rem;right:2rem;z-index:50;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(37,211,102,.35);text-decoration:none;cursor:none;animation:waPulse 2s ease-in-out infinite;transition:transform .3s}
.float-wa:hover{transform:scale(1.1)}.float-wa svg{width:28px;height:28px;fill:white}
@keyframes waPulse{0%,100%{box-shadow:0 8px 30px rgba(37,211,102,.35)}50%{box-shadow:0 8px 50px rgba(37,211,102,.6)}}

/* MODAL */
.modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(26,23,20,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal{background:var(--cream);max-width:900px;width:90%;max-height:90vh;overflow-y:auto;border-radius:4px;transform:translateY(30px);transition:transform .4s var(--T);display:grid;grid-template-columns:1fr 1fr}
.modal-overlay.open .modal{transform:translateY(0)}
.modal-gallery{background:var(--charcoal-mid);min-height:500px;position:relative;overflow:hidden}
.modal-gallery img{width:100%;height:100%;object-fit:cover}
.modal-info{padding:3rem;display:flex;flex-direction:column}
.modal-close{position:absolute;top:1.5rem;right:1.5rem;width:36px;height:36px;background:rgba(245,240,232,.9);border:none;border-radius:50%;cursor:none;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--charcoal)}
.modal-title{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:400;color:var(--charcoal);margin-bottom:.5rem}
.modal-price{font-size:1rem;color:var(--wood);font-weight:500;margin-bottom:1.5rem}
.size-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.size-btn{padding:8px 14px;border:1px solid var(--border);background:transparent;border-radius:2px;font-family:'DM Sans',sans-serif;font-size:.78rem;cursor:none;color:var(--charcoal);transition:all .2s}
.size-btn.active,.size-btn:hover{background:var(--charcoal);color:var(--cream);border-color:var(--charcoal)}
.modal-features{list-style:none;margin-bottom:2rem;display:flex;flex-direction:column;gap:.6rem}
.modal-features li{font-size:.85rem;color:var(--text-muted);display:flex;gap:8px}
.modal-features li::before{content:'✓';color:var(--wood);font-weight:600}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--T),transform .8s var(--T)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}

/* MOBILE MENU */
.mobile-menu{position:fixed;inset:0;z-index:99;background:var(--charcoal);display:flex;flex-direction:column;justify-content:center;padding:3rem;transform:translateX(100%);transition:transform .5s var(--T)}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu nav{display:flex;flex-direction:column;gap:2rem}
.mobile-menu a{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:300;color:var(--cream);text-decoration:none;font-style:italic;transition:color .3s}
.mobile-menu a:hover{color:var(--gold)}
.mobile-menu-close{position:absolute;top:2rem;right:2rem;background:none;border:none;color:var(--cream);font-size:2rem;cursor:none}

/* CONDITIONS */
#conditions{background:var(--cream-dark)}
.conditions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}
.condition-card{background:var(--cream);border:1px solid var(--border);border-radius:2px;padding:2rem}
.condition-icon{font-size:1.8rem;margin-bottom:1rem}
.condition-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--charcoal);margin-bottom:.8rem;font-weight:400}
.condition-text{font-size:.85rem;color:var(--text-muted);line-height:1.7}

/* RESPONSIVE */
@media(max-width:1024px){
  nav{padding:0 2rem}.nav-links{display:none}.nav-phone{display:none}.hamburger{display:flex}
  section{padding:6rem 2rem}
  .hero{grid-template-columns:1fr}.hero-content{padding:4rem 2rem}.hero-visual{min-height:50vh}
  #savoir-faire{grid-template-columns:1fr}.sf-visual{min-height:300px}.sf-content{padding:4rem 2rem}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .product-card:first-child{grid-column:span 2;grid-row:span 1;aspect-ratio:16/7}
  .testimonials-grid{grid-template-columns:1fr}
  .config-layout{grid-template-columns:1fr}
  .faq-layout{grid-template-columns:1fr;gap:2rem}
  .contact-layout{grid-template-columns:1fr;gap:3rem}
  .footer-top{grid-template-columns:1fr 1fr;gap:2rem}
  .modal{grid-template-columns:1fr}.modal-gallery{min-height:250px}
  .conditions-grid{grid-template-columns:1fr}
  body{cursor:auto}.cursor,.cursor-ring{display:none}
}
@media(max-width:640px){
  .hero-stats{gap:1.5rem}
  .products-grid{grid-template-columns:1fr}
  .product-card:first-child{grid-column:span 1;grid-row:span 1;aspect-ratio:3/4}
  .products-header{flex-direction:column;align-items:flex-start;gap:1rem}
  .footer-top{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}
  section{padding:4rem 1.5rem}
}

/* GAMING ROOMS */
#gaming{background:var(--charcoal);padding:8rem 4rem}
.gaming-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem}
.gaming-header .section-tag{color:var(--gold)}.gaming-header .section-tag::before{background:var(--gold)}
.gaming-header .section-title{color:var(--cream)}
.gaming-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:280px 280px;gap:6px}
.gaming-cell{overflow:hidden;position:relative;cursor:none}
.gaming-cell:first-child{grid-row:span 2}
.gaming-cell img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--T);display:block}
.gaming-cell:hover img{transform:scale(1.06)}
.gaming-cell-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,23,20,.7) 0%,transparent 60%);opacity:0;transition:opacity .4s}
.gaming-cell:hover .gaming-cell-overlay{opacity:1}
.gaming-desc{max-width:520px;color:rgba(245,240,232,.55);font-size:.9rem;line-height:1.7;margin-top:1rem}
.gaming-features{display:flex;gap:2rem;margin-top:2.5rem;flex-wrap:wrap}
.gaming-feat{display:flex;align-items:center;gap:10px;color:rgba(245,240,232,.7);font-size:.82rem;letter-spacing:.04em}
.gaming-feat svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.5}

/* HOME THEATER */
#home-theater{background:var(--cream-dark);display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:600px;overflow:hidden}
.ht-visual{position:relative;overflow:hidden}
.ht-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--T)}
.ht-visual:hover img{transform:scale(1.04)}
.ht-visual-badge{position:absolute;top:2rem;left:2rem;background:rgba(26,23,20,.85);backdrop-filter:blur(10px);border:1px solid rgba(201,168,76,.3);border-radius:2px;padding:.8rem 1.2rem}
.ht-visual-badge span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.ht-content{padding:6rem 5rem;display:flex;flex-direction:column;justify-content:center;background:var(--cream)}
.ht-content .section-tag{color:var(--wood)}.ht-content .section-tag::before{background:var(--wood)}
.ht-text{font-size:1rem;line-height:1.8;color:var(--text-muted);margin:2rem 0}
.ht-specs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
.ht-spec{background:var(--cream-dark);border:1px solid var(--border);border-radius:2px;padding:1rem 1.2rem}
.ht-spec-title{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--charcoal);margin-bottom:3px;font-weight:600}
.ht-spec-val{font-size:.78rem;color:var(--text-muted)}


@media(max-width:1024px){
  #gaming{padding:6rem 2rem}
  .gaming-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px}
  .gaming-cell:first-child{grid-column:span 2;grid-row:span 1}
  .gaming-header{flex-direction:column;align-items:flex-start;gap:1rem}
  #home-theater{grid-template-columns:1fr}.ht-visual{min-height:320px}.ht-content{padding:4rem 2rem}
}
@media(max-width:640px){
  .gaming-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px}
  .gaming-cell:first-child{grid-column:span 2;grid-row:span 1}
  .gaming-features{flex-direction:column;gap:1rem}
  .ht-specs{grid-template-columns:1fr}
}