@font-face{font-family:MTN;src:url('/assets/fonts/MTNBrighterSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:MTN;src:url('/assets/fonts/MTNBrighterSans-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fffcf7;color:#252721;font-family:MTN,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:auto}p,h1,h2,h3,figure{margin:0}.demo-bar{min-height:39px;background:#171714;color:white;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 5vw;font-size:11px}.demo-bar>a{color:#ffcb05;font-weight:800}.demo-bar>span{opacity:.8}.languages{display:flex;gap:4px}.languages button{border:0;background:transparent;color:#fff;padding:4px 7px;border-radius:4px;font-size:11px;cursor:pointer}.languages [aria-pressed=true]{background:#ffcb05;color:#171714}.project-header{display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;border-bottom:1px solid #ded9cc;background:#fffefa}.project-logo{display:block;width:175px;height:92px}.project-logo img{height:100%;object-fit:contain}.project-header nav{display:flex;gap:32px;font-size:14px}.project-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.project-hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;padding:24px 5vw 44px;gap:5vw;align-items:center;background:var(--wash)}.hero-copy{padding:25px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--primary);line-height:1.5;margin-bottom:20px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,4.7vw,78px);line-height:1.04;letter-spacing:-.05em;max-width:13ch;color:var(--primary)}.intro{max-width:43ch;font-size:18px;line-height:1.65;margin-top:25px;color:#4a5148}.primary-action{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:15px 22px;min-height:50px;background:var(--primary);color:#fff;border-radius:4px;font-size:14px;font-weight:800;margin-top:28px}.primary-action:after{content:'↗';font-size:21px}.hero-line{display:flex;align-items:center;gap:12px;font-size:11px;color:#596055;margin-top:35px}.hero-line>span:first-child{width:28px;height:1px;background:var(--secondary)}.hero-photo{height:510px;position:relative;overflow:hidden;border-radius:120px 120px 6px 6px}.hero-photo>img{height:100%;object-fit:cover}.hero-photo figcaption{position:absolute;inset:auto 0 0;padding:80px 24px 24px;background:linear-gradient(transparent,#10201bcc);color:white;font-size:19px;font-weight:800}.hero-photo figcaption span{display:block;font-size:11px;font-weight:400;margin-top:6px}.project-story{padding:75px 6vw 35px;text-align:center}.project-story h2{font-family:Georgia,serif;font-weight:400;font-size:38px;line-height:1.15;color:var(--primary);max-width:25ch;margin:auto}.project-story>p:last-child{font-size:16px;line-height:1.6;max-width:62ch;margin:22px auto 0;color:#596055}.project-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:25px 6vw 85px}.project-offers article{padding:28px 25px;border:1px solid #e4dfd2;border-radius:8px;background:white}.offer-number{display:block;color:var(--secondary);font-family:Georgia,serif;font-size:28px;margin-bottom:28px}.project-offers h3{font-family:Georgia,serif;font-size:26px;color:var(--primary);font-weight:400}.project-offers p{font-size:15px;line-height:1.6;color:#596055;margin-top:14px;min-height:50px}.project-offers a{display:inline-block;font-size:13px;font-weight:800;color:var(--primary);border-bottom:1px solid var(--secondary);padding-bottom:5px;margin-top:24px}.project-contact{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:55px 6vw;background:var(--wash)}.project-contact h2{font-family:Georgia,serif;font-size:34px;line-height:1.12;max-width:26ch;font-weight:400;color:var(--primary)}.project-contact p:not(.eyebrow){font-size:14px;line-height:1.6;max-width:55ch;margin-top:18px}.project-contact .primary-action{flex:none;margin-top:0;max-width:300px;text-align:center}footer{padding:40px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:#6b6c63}footer strong{font-size:17px;color:var(--primary)}footer p{max-width:47ch;line-height:1.5}footer a{text-decoration:underline;text-underline-offset:4px}.project-salon h1,.project-bois h1{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.065em}.project-salon .hero-photo{border-radius:5px}.project-bois .hero-photo{border-radius:6px 100px 6px 6px}.project-azur .hero-photo{border-radius:150px 150px 0 0}.project-aube .hero-photo{border-radius:160px 4px 4px 4px}a:focus-visible,button:focus-visible{outline:3px solid var(--secondary);outline-offset:4px}
@media(max-width:760px){.demo-bar{padding:8px 20px;font-size:10px;gap:8px}.demo-bar>span{max-width:125px;line-height:1.2}.project-header{padding:7px 20px}.project-logo{width:135px;height:75px}.project-header nav{gap:14px;font-size:11px}.project-header nav a:first-child{display:none}.project-hero{grid-template-columns:1fr;padding:31px 25px 25px;gap:28px;min-height:0}.hero-copy{padding:0}.eyebrow{font-size:10px;margin-bottom:14px}h1{font-size:47px;line-height:1.03;max-width:16ch}.intro{font-size:15px;line-height:1.55;margin-top:19px;max-width:42ch}.primary-action{margin-top:23px;font-size:12px;min-height:46px;padding:12px 17px}.hero-line{margin-top:22px;font-size:10px}.hero-photo{height:340px;border-radius:85px 85px 4px 4px}.hero-photo figcaption{font-size:17px;padding:60px 20px 20px}.project-story{padding:45px 25px 20px}.project-story h2{font-size:31px}.project-story>p:last-child{font-size:15px}.project-offers{grid-template-columns:1fr;padding:20px 25px 45px;gap:13px}.project-offers article{padding:24px}.offer-number{margin-bottom:15px}.project-offers h3{font-size:25px}.project-offers p{min-height:0}.project-contact{display:block;padding:40px 25px}.project-contact h2{font-size:30px}.project-contact .primary-action{margin-top:22px}footer{padding:28px 25px;display:grid;gap:14px}}
@media(max-width:360px){.demo-bar{padding-inline:14px}.demo-bar>span{max-width:100px;font-size:9px}.project-header{padding-inline:16px}.project-header nav{gap:10px}.project-hero{padding-inline:20px}h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}