:root{--ink:#30302d;--pink:#e8b4ac;--blush:#f9ece7;--cream:#fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:13px}.topline{text-align:center;height:23px;background:#f3f1f0;font-size:9px;padding:6px;color:#777}header{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 12%;font-size:9px}.logo{font:22px/15px "Playfair Display",serif;color:var(--ink);text-decoration:none;text-align:center}.logo small{display:block;font:700 6px "DM Sans";letter-spacing:.18em}.social,.mini-links{font-size:8px;color:#777;width:200px}.mini-links{text-align:right}nav{height:31px;display:flex;align-items:center;justify-content:center;gap:22px;border-bottom:1px solid #eee}nav a{text-transform:uppercase;text-decoration:none;color:var(--ink);font-size:8px;font-weight:700}.hero{height:470px;position:relative;overflow:hidden}.hero>img{height:100%;width:100%;object-fit:cover;object-position:center 54%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(46,42,41,.6),rgba(38,30,29,.1) 67%)}.hero-copy{position:absolute;top:0;bottom:0;left:12%;color:#fff;display:flex;justify-content:center;flex-direction:column;width:370px}.hero-copy>p,.tag{font-size:8px;font-weight:700;letter-spacing:.13em;margin:0 0 10px}.hero h1,h2,h3{font-family:"Playfair Display",serif;font-weight:400}.hero h1{font-size:39px;line-height:1.03;margin:0 0 14px}.hero-copy>span{font-size:10px;line-height:1.55;max-width:315px}.hero-copy div{display:flex;gap:7px;margin-top:20px}.pill{display:inline-block;border:0;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;font:bold 8px "DM Sans";padding:9px 12px;border-radius:18px;cursor:pointer}.rose{background:var(--pink);color:#fff}.clear{color:#fff;border:1px solid #fff}.dark{background:var(--ink);color:#fff}.mosaic{display:grid;grid-template-columns:repeat(4,1fr)}.tile{height:245px;position:relative;overflow:hidden;text-decoration:none;color:#fff}.tile img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.tile:hover img{transform:scale(1.04)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.45))}.tile span{position:absolute;z-index:1;bottom:17px;width:100%;text-align:center;font:15px "Playfair Display"}.tile small{display:block;font:7px "DM Sans";margin-top:3px}.more{text-align:center;padding:14px}.builder{min-height:330px;display:grid;grid-template-columns:48% 52%;background:#e4e5ed;overflow:hidden}.builder-copy{padding:52px 12%}.builder h2,.atelier h2{font-size:28px;line-height:1.05;margin:0 0 13px}.builder-copy>p:not(.tag),.atelier p:not(.tag),.contact>div>p:not(.tag){font-size:10px;line-height:1.55;max-width:340px}.price{display:flex;gap:8px;margin:13px 0}.price b{background:#40413f;border-radius:50%;color:#fff;font-size:8px;padding-top:13px;text-align:center;width:36px;height:36px}.builder>img{width:100%;height:100%;object-fit:cover}.atelier{padding:80px 22%;display:grid;grid-template-columns:55% 45%;gap:45px;background:var(--blush)}.atelier-card{background:#fff8f4;box-shadow:0 6px 20px #c7aaa455;min-height:190px;padding:32px;font:19px/1.2 "Playfair Display"}.atelier-card span{display:block;color:var(--pink);font-size:25px}.favorites{padding:65px 6%;text-align:center}.favorites h2,.reviews h2{font-size:26px;margin:0 0 28px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left;margin-bottom:25px}.products img{width:100%;height:200px;object-fit:cover}.products h3{margin:8px 0 2px;font-size:14px}.products p{margin:0;color:#c78078;font-size:9px}.reviews{padding:45px 11%;background:#fbe9e4;text-align:center}.reviews>div{display:grid;grid-template-columns:1fr 1fr;gap:13px}.reviews blockquote{margin:0;background:#d98d80;color:#fff;text-align:left;padding:22px;font-size:10px;line-height:1.5}.reviews small{display:block;margin-top:14px;font-size:8px}.contact{padding:70px 20%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#fff8f5}.contact h2{font-size:36px;margin:0}.contact form{display:flex;flex-direction:column;gap:12px}.contact input,.contact textarea{font-family:inherit;border:0;border-bottom:1px solid #c9c2be;background:none;padding:9px 0;font-size:11px}.contact textarea{height:68px}.contact button{align-self:start}.form-response{font-size:9px;color:#697b63}footer{padding:30px 12%;background:#f7eee9;display:grid;grid-template-columns:2fr 2fr 2fr 1fr;align-items:center;color:#555;font-size:9px}footer>a:last-child{color:var(--ink);text-align:right;text-decoration:none}@media(max-width:700px){header{padding:0 6%;height:50px}.social,.mini-links{font-size:0;width:45px}.social:after{content:"☰";font-size:17px}.mini-links:after{content:"Panier";font-size:8px}.logo{font-size:20px}nav{overflow:auto;justify-content:flex-start;padding:0 16px;gap:18px;white-space:nowrap}.hero{height:440px}.hero-copy{left:8%;width:270px}.hero h1{font-size:35px}.mosaic{grid-template-columns:repeat(2,1fr)}.tile{height:180px}.builder{grid-template-columns:1fr}.builder>img{height:270px}.atelier{padding:55px 9%;grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.products img{height:155px}.reviews,.contact{padding:50px 8%}.reviews>div,.contact{grid-template-columns:1fr}.contact{gap:35px}footer{padding:28px 8%;grid-template-columns:1fr;gap:8px}footer>a:last-child{text-align:left}}