*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}:root{--bg:#faf7f2;--bg-alt:#f0ebe1;--surface:#fff;--surface-alt:#f5f0e8;--border:rgba(74,112,80,.14);--border-strong:rgba(74,112,80,.3);--text:#1e2820;--text-2:#47594a;--text-3:#7a8b7d;--sage:#4a7050;--sage-2:#6b9e72;--sage-3:#a8c9ac;--sage-dark:#2d4a30;--gold:#c9a86c;--gold-dark:#a88340;--gold-light:#e8d0a0;--white:#fff;--black:#0d1a0e;--radius-sm:6px;--radius:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow:0 4px 24px rgba(0,0,0,.1);--shadow-lg:0 12px 48px rgba(0,0,0,.14);--transition:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.6s cubic-bezier(.4,0,.2,1);--font-serif:"Playfair Display",Georgia,serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=dark]{--bg:#0d1a0e;--bg-alt:#152116;--surface:#1c2e1e;--surface-alt:#243427;--border:rgba(122,181,133,.15);--border-strong:rgba(122,181,133,.3);--text:#e8dfd0;--text-2:#b5c4b8;--text-3:#7a8b7d;--sage:#7ab585;--sage-2:#9ecba6;--sage-3:#3d6b45;--sage-dark:#a8c9ac;--gold:#d4b87a;--gold-dark:#c9a86c;--gold-light:#3a2e18;--white:#e8dfd0;--black:#0d1a0e;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow:0 4px 24px rgba(0,0,0,.4);--shadow-lg:0 12px 48px rgba(0,0,0,.5)}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.65;overflow-x:hidden;transition:background var(--transition),color var(--transition)}h1,h2,h3,h4,h5{color:var(--text);font-family:var(--font-serif);font-weight:600;line-height:1.25}h1{font-size:clamp(2.4rem,6vw,4.8rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}h4{font-size:1.125rem}p{color:var(--text-2)}a{color:var(--sage);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--sage-2)}.container{margin:0 auto;max-width:1160px;padding:0 24px;width:100%}.container--wide{max-width:1320px}.section{padding:96px 0}.section--sm{padding:64px 0}.section--lg{padding:128px 0}.section-label{color:var(--gold);font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.14em;margin-bottom:12px;text-transform:uppercase}.section-title{color:var(--text);font-family:var(--font-serif);margin-bottom:16px}.section-sub{color:var(--text-2);font-size:1.1rem;line-height:1.7;max-width:560px}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;padding:14px 28px;text-decoration:none;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--sage);color:#fff}.btn-primary:hover{background:var(--sage-dark);box-shadow:0 8px 24px #4a705059;color:#fff;transform:translateY(-2px)}.btn-outline{background:transparent;border:1.5px solid var(--border-strong);color:var(--text)}.btn-outline:hover{background:var(--surface-alt);color:var(--text);transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-dark);box-shadow:0 8px 24px #c9a86c59;color:#fff;transform:translateY(-2px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all var(--transition)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-4px)}.photo-placeholder{border-radius:var(--radius-lg);overflow:hidden;position:relative}.photo-placeholder--1{background:url(../images/Salon1.JPG) 50%/cover no-repeat}.photo-placeholder--2{background:url(../images/Terrasse2.JPG) 50%/cover no-repeat}.photo-placeholder--3{background:url(../images/Terrasse1.JPG) 50%/cover no-repeat}.photo-placeholder--4{background:url(../images/Chambre1.JPG) 50%/cover no-repeat}.divider{background:var(--gold);border-radius:2px;height:2px;margin:16px 0 24px;width:48px}.divider--center{margin:16px auto 24px}.tag{align-items:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:50px;color:var(--text-2);display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:5px 12px}.tag--sage{background:color-mix(in srgb,var(--sage) 12%,transparent);border-color:color-mix(in srgb,var(--sage) 25%,transparent);color:var(--sage)}.tag--gold{background:color-mix(in srgb,var(--gold) 15%,transparent);border-color:color-mix(in srgb,var(--gold) 30%,transparent);color:var(--gold-dark)}.reveal,.reveal-left,.reveal-right,.reveal-scale{will-change:opacity,transform}:root{--header-h:80px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--sage-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--sage)}::-moz-selection{background:color-mix(in srgb,var(--sage) 25%,transparent)}::selection{background:color-mix(in srgb,var(--sage) 25%,transparent)}@media(max-width:768px){:root{--header-h:72px}.section{padding:64px 0}.section--sm{padding:40px 0}.section--lg{padding:80px 0}.section-sub{font-size:1rem}.section-title{margin-bottom:12px}}@media(max-width:480px){:root{--header-h:64px}.section{padding:48px 0}.section--sm{padding:32px 0}.section--lg{padding:56px 0}.container{padding:0 16px}.btn{font-size:.9rem;padding:12px 20px}h1{font-size:clamp(2rem,9vw,4.8rem)}h2{font-size:clamp(1.5rem,7vw,3rem)}h3{font-size:clamp(1.1rem,5vw,1.75rem)}}@media(max-width:360px){.container{padding:0 12px}.btn{padding:11px 16px}}