:root{--color-primary: #3D2817;--color-secondary: #5A3F30;--color-accent: #9E5A38;--color-accent-light: #C07850;--color-forest-dark: #1E2E25;--color-cream: #F5F1E8;--color-white: #FEFEFE;--color-black: #1A1612;--color-dark: #221C16;--font-display: var(--font-cormorant), "Cormorant Garamond", serif;--font-body: var(--font-inter), "Inter", sans-serif;--spacing-xs: .25rem;--spacing-sm: .75rem;--spacing-md: 1.25rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-3xl: 5rem;--container-width: 1280px;--container-fluid: 1440px;--transition: .4s cubic-bezier(.4, 0, .2, 1);--shadow-lg: 0 8px 32px rgba(29, 22, 18, .16)}.skip-to-content{position:absolute;top:-100%;left:1rem;padding:.5rem 1rem;background:var(--color-accent);color:var(--color-white);border-radius:4px;z-index:9999;font-weight:600;text-decoration:none}.skip-to-content:focus{top:1rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}html{scroll-behavior:smooth;font-size:15px}body{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--color-primary);background:var(--color-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:var(--transition)}button{border:none;background:none;font-family:inherit;cursor:pointer}.container{max-width:var(--container-width);margin:0 auto;padding:0 clamp(1rem,5vw,2rem)}.container-fluid{max-width:var(--container-fluid);margin:0 auto;padding:0 clamp(1rem,5vw,2rem)}.section{padding:var(--spacing-3xl) 0}.section-label{display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-sm);position:relative;padding-left:3rem}.section-label:before{content:"";position:absolute;left:0;top:50%;width:2rem;height:1px;background:var(--color-accent)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-lg)}.section-header .section-label{padding-left:0}.section-header .section-label:before{display:none}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.1;color:var(--color-black);margin-bottom:var(--spacing-sm)}.section-subtitle{font-size:1.0625rem;color:var(--color-secondary);line-height:1.7}.nav{position:fixed;top:0;left:0;right:0;background:transparent;border-bottom:1px solid transparent;z-index:1000;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.nav .nav-logo,.nav .nav-link{color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.3)}.nav .nav-burger span{background:var(--color-white);box-shadow:0 1px 3px #0000004d}.nav.scrolled{background:#fefefef7;border-bottom-color:#3d281714;box-shadow:0 2px 8px #1d16120f}.nav.scrolled .nav-logo,.nav.scrolled .nav-link{color:var(--color-primary);text-shadow:none}.nav.scrolled .nav-link--cta{color:var(--color-white)}.nav.scrolled .nav-burger span{background:var(--color-black);box-shadow:none}.nav-container{max-width:var(--container-width);margin:0 auto;padding:1.25rem var(--spacing-md);display:flex;justify-content:space-between;align-items:center;transition:padding .3s ease}.nav.scrolled .nav-container{padding-top:.875rem;padding-bottom:.875rem}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.nav-burger{display:none;flex-direction:column;gap:5px;padding:.5rem}.nav-burger span{width:24px;height:2px;transition:transform .3s ease,opacity .3s ease;border-radius:2px}.nav-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.active span:nth-child(2){opacity:0}.nav-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu{display:flex;gap:var(--spacing-md);list-style:none;align-items:center}.nav-link{font-size:.9375rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:var(--transition)}.nav-link:hover{color:var(--color-accent-light)!important}.nav-link--cta{background:var(--color-accent);color:var(--color-white)!important;text-shadow:none!important}.nav-link--cta:hover{background:var(--color-accent-light);color:var(--color-white)!important}@media(max-width:768px){.nav-burger{display:flex;z-index:201;position:relative}.nav-menu{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;background:#1a1612fa;padding:var(--spacing-md);gap:.5rem;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:200}.nav-menu.active{opacity:1;pointer-events:auto}.nav-menu .nav-link{color:var(--color-white)!important;text-shadow:none!important;width:100%;max-width:280px;padding:1rem;text-align:center;font-size:1.25rem;font-weight:600}.nav-menu .nav-link:hover{color:var(--color-accent)!important}.nav-menu .nav-link--cta{margin-top:.5rem}.nav-burger.active span{background:var(--color-white)!important}}.hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-2}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,#1a161266,#1a161233,#1a161299 80%,#1a1612d9)}.hero-content{max-width:800px;margin:0 auto;text-align:center;padding:6rem var(--spacing-md) var(--spacing-lg);position:relative;z-index:1}.hero-label{display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent-light);margin-bottom:var(--spacing-md);padding:.5rem 1.5rem;border:1px solid rgba(192,120,80,.4);border-radius:100px}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:.95;color:var(--color-white);margin-bottom:var(--spacing-sm);letter-spacing:-.03em}.hero-subtitle{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;font-style:italic;color:#ffffffd9;margin-bottom:var(--spacing-md);letter-spacing:.02em}.hero-tagline{font-size:1.0625rem;color:#ffffffd9;margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-hero{display:inline-block;padding:.85rem 2rem;font-size:.9375rem;font-weight:600;border-radius:4px;transition:all .3s ease;text-decoration:none;letter-spacing:.02em}.btn-hero--primary{background:var(--color-accent);color:var(--color-white);box-shadow:0 4px 20px #c0785066}.btn-hero--primary:hover{background:var(--color-accent-light);transform:translateY(-3px);box-shadow:0 8px 30px #c0785080}.btn-hero--outline{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.4)}.btn-hero--outline:hover{background:#ffffff1a;border-color:#ffffffb3;transform:translateY(-3px)}.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .3s ease}.hero-scroll:hover{color:#fffc}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@media(max-width:768px){.hero-content{padding:7rem var(--spacing-sm) var(--spacing-lg)}.hero-scroll{display:none}}@media(max-width:640px){.hero-cta{flex-direction:column;width:100%;padding:0 var(--spacing-sm)}.btn-hero{width:100%;text-align:center}}.btn{display:inline-block;padding:clamp(.875rem,2vw,1rem) clamp(1.5rem,4vw,2.5rem);font-size:clamp(.875rem,2vw,.9375rem);font-weight:600;border-radius:4px;transition:var(--transition);text-align:center;letter-spacing:.02em}.btn--primary{background:var(--color-accent);color:var(--color-white)}.btn--primary:hover{background:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 6px 20px #c0785059}.btn--outline{background:transparent;color:var(--color-black);border:2px solid var(--color-black)}.btn--outline:hover{background:var(--color-black);color:var(--color-white)}.artisan{background:var(--color-white)}.artisan-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.artisan-image{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4;box-shadow:var(--shadow-lg)}.artisan-image:after{content:"";position:absolute;inset:0;border-radius:16px;border:1px solid rgba(192,120,80,.2)}.artisan-image img{width:100%;height:100%;object-fit:cover}.artisan-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,22,18,.3),transparent 50%)}.artisan-content{padding:var(--spacing-md) 0}.artisan-text p{margin-bottom:var(--spacing-md);color:var(--color-secondary);font-size:1.0625rem;line-height:1.8}.artisan-values{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(61,40,23,.1)}.value-item{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:center}.value-icon{color:var(--color-accent)}.value-text strong{display:block;font-weight:600;color:var(--color-black);margin-bottom:.25rem}.value-text span{font-size:.875rem;color:var(--color-secondary)}@media(max-width:768px){.artisan-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.artisan-values{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.value-text strong{font-size:.9375rem}.value-text span{font-size:.8125rem}}@media(max-width:480px){.artisan-values{grid-template-columns:1fr}}.savoir-faire{background:var(--color-dark);position:relative}.savoir-faire .section-label{color:#d4956e}.savoir-faire .section-label:before{background:#d4956e}.savoir-faire .section-title{color:var(--color-white)}.savoir-faire .section-subtitle{color:#ffffffb3}.techniques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--spacing-md)}.technique-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:var(--transition)}.technique-card:hover{transform:translateY(-8px);background:#ffffff14;box-shadow:0 20px 60px #0000004d}.technique-image{position:relative;aspect-ratio:16/10;overflow:hidden}.technique-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.technique-card:hover .technique-image img{transform:scale(1.08)}.technique-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,22,18,.6),transparent)}.technique-content{padding:clamp(var(--spacing-md),4vw,var(--spacing-lg))}.technique-title{font-family:var(--font-display);font-size:clamp(1.375rem,4vw,1.75rem);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-sm)}.technique-description{color:#ffffffb3;line-height:1.8;margin-bottom:var(--spacing-md)}.technique-list{list-style:none}.technique-list li{padding-left:1.5rem;margin-bottom:.5rem;color:#fff9;position:relative}.technique-list li:before{content:"";position:absolute;left:0;top:.75em;width:8px;height:1px;background:var(--color-accent)}.realisations{background:var(--color-cream)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:10px}.gallery-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,22,18,.9) 0%,rgba(26,22,18,.3) 40%,transparent 70%);display:flex;align-items:flex-end;padding:1.5rem;opacity:0;transition:var(--transition)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-info h3{font-family:var(--font-display);font-size:1.375rem;color:var(--color-white);margin-bottom:.25rem}.gallery-info p{color:var(--color-accent-light);font-size:.875rem;font-weight:500;letter-spacing:.05em}@media(max-width:768px){.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:240px}}.gallery-pagination{display:flex;justify-content:center;gap:.5rem;margin-top:var(--spacing-md)}.pagination-btn{width:44px;height:44px;border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:4px}.pagination-btn:hover,.pagination-btn.active{background:var(--color-primary);color:var(--color-white)}.sur-mesure{background:var(--color-white)}.sur-mesure-grid{max-width:700px}.sur-mesure-intro{font-size:1.125rem;color:var(--color-secondary);line-height:1.8;margin-bottom:var(--spacing-xl)}.process-steps{margin-bottom:var(--spacing-xl)}.process-step{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);position:relative}.process-step:not(:last-child):after{content:"";position:absolute;left:30px;top:60px;bottom:-2rem;width:1px;background:linear-gradient(to bottom,var(--color-accent),transparent)}.step-number{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-white);background:var(--color-accent);border-radius:50%;position:relative;z-index:1}.step-content h3{font-family:var(--font-display);font-size:1.25rem;color:var(--color-black);margin-bottom:.5rem}.step-content p{color:var(--color-secondary);line-height:1.7}@media(max-width:768px){.sur-mesure-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.step-number{width:50px;height:50px;font-size:1.25rem}.process-step{gap:var(--spacing-sm)}.process-step:not(:last-child):after{left:25px;top:50px}}.demarche{background:var(--color-forest-dark);position:relative}.demarche .section-label{color:#d4956e}.demarche .section-label:before{background:#d4956e}.demarche .section-title{color:var(--color-white)}.demarche .section-subtitle{color:#ffffffb3}.bento-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;gap:clamp(16px,2vw,24px)}.bento-card{border-radius:20px;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.bento-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #00000040}.bento-card-inner{padding:clamp(28px,3.5vw,44px);height:100%;display:flex;flex-direction:column}.bento-card--large{grid-row:1 / 3;background:linear-gradient(160deg,#d4956e26,#ffffff0a);border:1px solid rgba(212,149,110,.2)}.bento-card--top,.bento-card--bottom{background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.bento-icon{color:var(--color-accent);margin-bottom:var(--spacing-md);flex-shrink:0}.bento-card h3{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.6rem);color:var(--color-white);margin-bottom:var(--spacing-sm)}.bento-card--large h3{font-size:clamp(1.4rem,3.5vw,1.85rem)}.bento-card p{color:#ffffffb3;line-height:1.75;flex:1}.bento-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--spacing-md)}.bento-tags span{display:inline-block;padding:5px 14px;background:#d4956e1f;border:1px solid rgba(212,149,110,.25);border-radius:20px;font-size:.8rem;color:var(--color-accent-light);letter-spacing:.02em}@media(max-width:700px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-card--large{grid-row:auto}}.contact-label{padding-left:0}.contact-label:before{display:none}.contact-section{padding:var(--spacing-3xl) 0;background:var(--color-cream);text-align:center;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:80px;background:linear-gradient(to bottom,transparent,var(--color-accent))}.contact-content{max-width:600px;margin:0 auto;position:relative}.contact-text{font-size:1.125rem;color:var(--color-secondary);margin-bottom:var(--spacing-lg);line-height:1.7}.btn-contact{display:inline-flex;align-items:center;gap:.75rem;padding:1.125rem 3rem;background:var(--color-accent);color:var(--color-white);font-size:1.125rem;font-weight:600;text-decoration:none;border-radius:4px;transition:all .3s ease;box-shadow:0 4px 20px #c078504d}.btn-contact:hover{background:var(--color-accent-light);transform:translateY(-3px);box-shadow:0 8px 30px #c0785066}.btn-contact svg{stroke:currentColor}.contact-info{margin-top:var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;color:var(--color-secondary);font-size:.95rem}.contact-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-secondary);text-decoration:none;transition:color .3s ease}.contact-link:hover{color:var(--color-accent)}.contact-location{display:inline-flex;align-items:center;gap:.5rem}.contact-separator{color:var(--color-accent);opacity:.5}@media(max-width:640px){.contact-info{flex-direction:column;gap:.75rem}.contact-separator{display:none}}.footer{background:var(--color-black);color:var(--color-white);padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.08)}.footer-logo{font-family:var(--font-display);font-size:1.75rem;margin-bottom:.5rem}.footer-tagline{color:var(--color-accent-light);font-size:.9375rem;margin-bottom:var(--spacing-sm)}.footer-text{color:#fff9;line-height:1.8}.footer-links a{display:block;color:#ffffffbf;margin-bottom:.5rem;transition:var(--transition)}.footer-links a:hover{color:var(--color-accent);transform:translate(3px)}.footer-bottom{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);color:#fff9;font-size:.875rem}.footer-bottom-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-md)}.footer-left{text-align:left;margin:0}.footer-center{text-align:center;margin:0}.footer-right{text-align:right;margin:0}.footer-left a,.footer-center a,.footer-right a{color:inherit;text-decoration:none;transition:color .3s ease}.footer-left a:hover,.footer-right a:hover{color:#fffc}.sobercloud-link{color:var(--color-accent-light)!important;font-weight:600;text-decoration:none}.sobercloud-link:hover{color:var(--color-accent-light)!important;text-decoration:underline}@media(max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.footer-bottom-grid{grid-template-columns:1fr;gap:var(--spacing-xs)}.footer-left,.footer-center,.footer-right{text-align:center}.footer{padding:var(--spacing-lg) 0 var(--spacing-md)}}.lightbox{position:fixed;inset:0;background:#1a1612f7;z-index:10000;display:none;align-items:center;justify-content:center;padding:var(--spacing-md)}.lightbox.active{display:flex}.lightbox-image{max-width:90%;max-height:85vh;border-radius:8px}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;width:48px;height:48px;background:#ffffff14;backdrop-filter:blur(10px);color:var(--color-white);font-size:1.5rem;border-radius:50%;transition:var(--transition)}.lightbox-close{top:2rem;right:2rem}.lightbox-prev{left:2rem;top:50%;transform:translateY(-50%)}.lightbox-next{right:2rem;top:50%;transform:translateY(-50%)}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#ffffff26}.lightbox-caption{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--color-white);text-align:center;font-size:1.125rem}.parallax-img{overflow:hidden}@media(max-width:768px){:root{--spacing-lg: 3rem;--spacing-xl: 4rem;--spacing-3xl: 6rem}.section{padding:var(--spacing-xl) 0}.section-header{margin-bottom:var(--spacing-lg)}}@media(max-width:480px){:root{--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-3xl: 5rem}.section{padding:var(--spacing-lg) 0}.section-title{font-size:clamp(1.75rem,6vw,2.5rem)}.section-subtitle{font-size:1rem}.nav-container{padding:1rem clamp(1rem,4vw,2rem)}.nav-logo{font-size:1.25rem}}@media print{.nav,.hero-scroll,.lightbox,.gallery-pagination{display:none!important}.hero{min-height:auto;padding:2rem}.section{padding:2rem 0}}