@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600;700&display=swap";:root{--sand: #f4eee2;--cream: #fbf8f1;--forest: #2e3a26;--forest-d: #212a1c;--olive: #6b7a4f;--wood: #c17a3e;--wood2: #9c5f2c;--gold: #e4c79a;--ink: #242a1e;--mute: #7c8168;--line: #e4dccc;--white: #fff;--ease: cubic-bezier(0.19, 1, 0.22, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Inter",sans-serif;color:var(--ink);background:var(--cream);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1320px;margin:0 auto;padding:0 40px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--wood)}.bar{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:13px 40px;background:rgba(251,248,241,0.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 6px 24px -18px rgba(36,42,30,0.6)}.logo{font-family:"Fraunces",serif;font-weight:600;font-size:27px;color:var(--forest)}.logo .w{color:var(--wood)}.nav{display:flex;justify-content:center;gap:12px;align-items:center}.nav a{font-size:14px;font-weight:600;padding:10px 14px;border-radius:999px;transition:0.25s}.nav a:hover,.nav a.active{color:var(--wood);background:rgba(36,42,30,0.05)}.bar-right{display:flex;align-items:center;gap:12px}.btn{font-weight:700;font-size:14px;padding:14px 24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.btn-wood{background:var(--wood);color:#fff;box-shadow:0 14px 30px -14px rgba(193,122,62,0.65)}.bar-phone{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:13px 18px;border:1px solid rgba(36,42,30,0.12);border-radius:999px;background:#fff}.bar-phone span{color:var(--wood)}.burger{display:none;border:0;background:none;cursor:pointer;padding:6px}.burger i{display:block;width:26px;height:2px;background:var(--ink);margin:5px;border-radius:3px}.mpanel{display:none}.project-hero{position:relative;margin-top:76px;min-height:650px;display:flex;align-items:center;color:#fff;overflow:hidden}.project-hero-bg{position:absolute;inset:0;background:url(/demos/ecorive-exterieurs/assets/projet-1/projet1-hero.jpg) center/cover no-repeat;transform:scale(1.015)}.project-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,14,0.84) 0%,rgba(17,24,14,0.62) 37%,rgba(17,24,14,0.18) 73%),linear-gradient(0deg,rgba(17,24,14,0.28),transparent 48%)}.hero-content{position:relative;z-index:2;max-width:690px}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:rgba(255,255,255,0.72);margin-bottom:28px}.breadcrumb a:hover{color:var(--gold)}.project-hero .eyebrow{color:var(--gold);display:flex;align-items:center;gap:11px}.project-hero .eyebrow::before{content:"";width:34px;height:2px;background:var(--wood)}.project-hero h1{margin-top:15px;font-family:"Fraunces",serif;font-size:clamp(48px,6vw,82px);font-weight:500;line-height:1.02;letter-spacing:-0.025em}.project-hero h1 em{font-style:italic;color:var(--gold)}.project-hero p{margin-top:23px;max-width:53ch;color:rgba(255,255,255,0.9);font-size:17px;line-height:1.75}.back-link{display:inline-flex;align-items:center;gap:10px;margin-top:30px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.08em}.back-link span{width:38px;height:38px;border-radius:50%;background:var(--wood);display:grid;place-items:center}.project-story{padding:100px 0;background:var(--cream)}.story-grid{display:grid;grid-template-columns:0.75fr 1.25fr;gap:72px;align-items:start}.story-copy{position:sticky;top:120px}.story-copy h2{margin-top:15px;font-family:"Fraunces",serif;font-size:clamp(34px,4vw,53px);font-weight:500;line-height:1.07}.story-copy h2 em{font-style:italic;color:var(--wood)}.story-copy>p{margin-top:20px;color:var(--mute);font-size:16.5px}.features{margin-top:34px;display:grid;gap:12px}.feature{display:grid;grid-template-columns:48px 1fr;gap:15px;align-items:start;padding:17px 0;border-top:1px solid var(--line)}.feature:last-child{border-bottom:1px solid var(--line)}.feature .num{width:42px;height:42px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-family:"Fraunces",serif;color:var(--wood);font-size:18px}.feature h3{font-family:"Fraunces",serif;font-size:20px;font-weight:600}.feature p{color:var(--mute);font-size:13.5px;margin-top:2px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.photo{border-radius:18px;overflow:hidden;background:#ddd;min-height:320px}.photo:first-child{grid-column:1/-1;min-height:520px}.photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s var(--ease)}.photo:hover img{transform:scale(1.025)}.project-summary{padding:72px 0;background:var(--sand);border-block:1px solid var(--line);text-align:center}.project-summary h2{font-family:"Fraunces",serif;font-size:clamp(36px,4.7vw,58px);font-weight:500}.project-summary h2 em{font-style:italic;color:var(--wood)}.summary-chips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.chip{padding:12px 18px;border-radius:999px;background:var(--cream);border:1px solid var(--line);font-size:13px;font-weight:600;color:#5e614f}.cta{padding:84px 0;background:var(--forest-d);color:var(--cream);text-align:center}.cta h2{font-family:"Fraunces",serif;font-size:clamp(38px,5vw,64px);font-weight:500}.cta h2 em{font-style:italic;color:var(--gold)}.cta p{margin:14px auto 0;max-width:48ch;color:rgba(251,248,241,0.72)}.cta .btn{margin-top:28px}.foot{background:#181d15;color:#aeb5a1;padding:30px 0;text-align:center;font-size:12px}@media(max-width:1020px){.nav{display:none}.bar{grid-template-columns:auto 1fr auto}.bar-phone{display:none}.burger{display:block}.mpanel{position:fixed;inset:72px 0 0;z-index:90;background:var(--forest-d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;pointer-events:none;transition:0.3s}.mpanel.show{opacity:1;pointer-events:auto}.mpanel a{font-family:"Fraunces",serif;font-size:28px;color:var(--cream);padding:8px}.story-grid{grid-template-columns:1fr}.story-copy{position:static}.project-hero{min-height:590px}.gallery-grid{grid-template-columns:1fr}.photo:first-child{grid-column:auto;min-height:420px}.photo{min-height:420px}}@media(max-width:680px){.wrap{padding:0 20px}.bar{padding:12px 18px}.bar-right .btn-wood{display:none}.project-hero{margin-top:70px;min-height:610px}.project-hero::after{background:linear-gradient(0deg,rgba(17,24,14,0.88),rgba(17,24,14,0.46) 75%,rgba(17,24,14,0.25))}.hero-content{align-self:flex-end;padding-bottom:50px}.project-story{padding:64px 0}.gallery-grid{gap:12px}.photo,.photo:first-child{min-height:360px;border-radius:14px}.project-summary{padding:56px 0}.cta{padding:64px 0}}.demo-ribbon{position:fixed;left:12px;bottom:12px;z-index:9999;padding:8px 12px;border-radius:999px;background:rgba(26,35,22,0.94);color:#fff;font:700 10px/1.2 Inter,sans-serif;letter-spacing:0.08em;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,0.22);pointer-events:none}@media(max-width:600px){.demo-ribbon{left:7px;bottom:7px;max-width:calc(100vw - 14px);font-size:8px;text-align:center}}