/*
Theme Name: Feng Shui YJ
Theme URI: https://yves-jacquot.fr
Author: Yves Jacquot
Description: Thème Feng Shui : prestations avant construction, à l’aménagement et en habitation existante. Les pages sont créées à l’activation.
Version: 1.0
Text Domain: fengshui-yj
*/
:root{--noir:#0D0B0A;--braise:#1C1614;--rouge:#C8281E;--or:#C9A24B;--ivoire:#EDE6D6}
*{box-sizing:border-box}
body{margin:0;background:var(--noir);color:var(--ivoire);font:18px/1.7 Georgia,"Times New Roman",serif}
h1,h2,h3,.brand,.btn,.prix,nav a{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:.03em}
h1{font-size:clamp(3.2rem,10vw,7.5rem);line-height:.95;margin:0 0 .3em}
h2{font-size:clamp(2rem,5vw,3rem);line-height:1;color:var(--or);margin:1.6em 0 .5em}
h3{font-size:2rem;line-height:1;color:var(--or);margin:0 0 .4em}
a{color:var(--or)}a:hover{color:var(--rouge)}
:focus-visible{outline:3px solid var(--or);outline-offset:3px}
img{max-width:100%;height:auto}
.wrap{max-width:1100px;margin:0 auto;padding:0 1.25rem}
.narrow{max-width:68ch}
.lead{font-size:1.3rem}
header.site{border-bottom:3px solid var(--rouge)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding-top:1rem;padding-bottom:1rem}
.brand{font-size:2.2rem;color:var(--ivoire);text-decoration:none}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0}
nav a{color:var(--ivoire);text-decoration:none;font-size:1.3rem}
nav a:hover,nav .current-menu-item a{color:var(--or)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding-top:3rem;padding-bottom:3rem}
.btn{display:inline-block;background:var(--rouge);color:var(--ivoire);border:2px solid var(--rouge);padding:.45rem 1.6rem;font-size:1.6rem;text-decoration:none}
.btn:hover{background:transparent;color:var(--ivoire);border-color:var(--or)}
.prix{font-size:2.4rem;color:var(--or);margin:.2em 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.door{display:block;background:var(--braise);border-left:6px solid var(--rouge);padding:1.25rem 1.25rem 1.5rem;color:var(--ivoire);text-decoration:none}
.door:hover{border-left-color:var(--or);color:var(--ivoire)}
.door p{margin:0 0 .5rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.page{padding-top:3rem;padding-bottom:4rem}
.content li{margin:.4em 0}
.fig{margin:1.5rem 0}.fig img{max-width:460px;width:100%}
figcaption{font-size:.9rem;opacity:.8}
footer.site{border-top:3px solid var(--rouge);margin-top:3rem;padding:1.5rem 0;font-size:.9rem;opacity:.85}
@media(max-width:760px){.hero,.grid3,.split{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.hero .bagua{animation:tourne 2.4s cubic-bezier(.2,.7,.2,1) 1}}
@keyframes tourne{from{transform:rotate(-90deg);opacity:0}to{transform:none;opacity:1}}