@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;600&family=Playfair+Display:ital,wght@0,600;1,500&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#171512;color:#efe9de;font-family:Manrope,Arial,sans-serif}a{color:inherit}header{position:sticky;top:0;z-index:4;background:rgba(18,16,14,.95);display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;border-bottom:1px solid #514a40}header nav{display:flex;gap:25px}header a{text-decoration:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.intro{min-height:72vh;padding:12vh 8vw 8vh;background:linear-gradient(90deg,#171512 20%,rgba(23,21,18,.35)),url('assets/atelier-oeuvres.jpg') center/cover}.intro p,.label{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.intro h1{font:500 clamp(3.4rem,7vw,7.4rem)/.98 "Playfair Display",serif;max-width:1100px}.intro span{display:block;max-width:720px;line-height:1.8}.series{display:grid;grid-template-columns:repeat(3,1fr);background:#d7cdbd;color:#171512;padding:7vw;gap:1px}.series article{background:#eee7dc;padding:45px;min-height:360px}.series span{color:#a34831}.series h2{font:500 clamp(2rem,3vw,3.7rem)/1 "Playfair Display",serif}.series p{line-height:1.8}section:not(.intro):not(.series){padding:8vw}.wall{margin-top:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;background:linear-gradient(90deg,#2c2924,#5b5144 50%,#2c2924);padding:55px;perspective:900px}.wall figure{margin:0;background:#e7dfd1;padding:10px;box-shadow:0 14px 22px #0009}.wall figure:nth-child(4n+1){transform:rotateY(3deg)}.wall figure:nth-child(4n){transform:rotateY(-3deg)}.wall img{width:100%;height:300px;object-fit:contain;background:#ddd4c6}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.photos figure{margin:0}.photos img{width:100%;aspect-ratio:4/3;object-fit:cover}.photos figcaption{padding:12px 0;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}footer{padding:45px 8vw;background:#070707;text-align:right}@media(max-width:800px){header strong{display:none}.intro{min-height:80vh}.series,.photos{grid-template-columns:1fr}.wall{grid-template-columns:1fr 1fr;padding:24px}.wall img{height:230px}}
