*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f7f6;color:#241b31;font:16px/1.7 "DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #68419f;outline-offset:5px}img{display:block;width:100%;height:auto}header,footer{padding:24px 4vw;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #d9d4df}header nav,footer nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.brand{font:24px "Italiana",Georgia,serif}.wrap{max-width:1500px;margin:auto;padding:0 5vw}.heading{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:end;padding:64px 0 40px}.eyebrow{text-transform:uppercase;font-size:14px;letter-spacing:.12em}h1{font:400 clamp(4rem,9vw,8rem)/1.05 "Italiana",Georgia,serif;margin:18px 0 24px}h2{font:400 clamp(2.5rem,4vw,4.5rem)/1.15 "Italiana",Georgia,serif;margin:18px 0 28px}p{margin:0 0 20px}.lead{max-width:40ch;font-size:18px}.hero{margin:0;background:#d4ffb3}.hero img{max-height:760px;object-fit:contain}.hero figcaption{padding:16px 24px;display:flex;justify-content:space-between;gap:16px;font-size:14px;background:#f7f7f6}.chapters{display:flex;gap:28px;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid #d9d4df;font-size:14px}.section{padding:80px 0;border-bottom:1px solid #d9d4df}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.copy{max-width:58ch}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery figure{margin:0}.image-button{border:0;background:transparent;padding:0;width:100%;cursor:zoom-in}.image-button img{aspect-ratio:1;object-fit:contain}.gallery figcaption{padding:12px 0;font-size:14px}.photo{max-width:850px;margin:30px auto 0}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.swatch{height:130px;border:1px solid #d9d4df}.swatches p{font-size:14px;padding-top:10px}.closing{text-align:center;padding:72px 0}.actions{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.actions a{border-bottom:1px solid currentColor;padding:10px 0}footer{border-top:1px solid #d9d4df;border-bottom:0;font-size:14px}dialog{border:0;padding:0;background:#f7f7f6;width:min(92vw,1000px);max-height:92vh}dialog::backdrop{background:rgba(20,10,30,.8)}dialog img{max-height:82vh;object-fit:contain}dialog button{display:block;margin:12px 16px 12px auto;min-height:44px;padding:8px 16px;background:#241b31;color:#fff;border:0;font:inherit;cursor:pointer}@media(max-width:700px){header,footer{align-items:flex-start;flex-direction:column;gap:16px}header nav{gap:16px}.heading,.split{grid-template-columns:1fr;gap:24px}.heading{padding:40px 0 28px}.lead{font-size:16px}.section{padding:48px 0}.gallery{grid-template-columns:1fr;gap:16px}.hero figcaption{flex-direction:column;gap:4px;padding:12px 0}.chapters{gap:16px}h1{font-size:4.5rem}footer nav{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Ouverture immersive et lecture multi-écrans. */
body{background:#F5EFE4;color:#3B291F}.immersive-nav{position:absolute;inset:0 0 auto;z-index:2;color:#fff;background:linear-gradient(rgba(30,18,10,.75),transparent);border:0;padding:24px 4vw;flex-direction:row;align-items:center}.immersive-nav .brand,.immersive-nav nav a{text-shadow:0 1px 6px rgba(0,0,0,.65)}.immersive-opening{position:relative;height:100vh;height:100svh;min-height:560px;background:#3B291F;overflow:hidden}.opening-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%}.opening-bottom{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:36px 4vw max(26px,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(30,18,10,.85));color:#fff;font-size:14px}.opening-bottom a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid currentColor}.brand-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:0 0 30px;max-width:1100px;font-size:18px}.swatches{grid-template-columns:1fr 1fr}.gallery{margin-top:40px}.gallery figcaption,.photo figcaption{color:#3B291F}.image-button{color:inherit}.section{border-color:#d9cebf}.heading{scroll-margin-top:24px}.photo figcaption{font-size:14px;padding:12px 0}.opening-bottom span{max-width:38ch}@media(min-width:1800px){.opening-image{object-position:50% 47%}}@media(orientation:portrait){.opening-image{object-fit:contain;background:#3B291F}.immersive-opening{min-height:620px}.immersive-nav{background:#3B291F}}@media(max-width:700px){.immersive-nav{padding:18px 5vw;gap:14px;flex-wrap:wrap}.immersive-nav .brand{font-size:20px}.immersive-nav nav{gap:18px;font-size:14px}.immersive-opening{min-height:560px}.opening-bottom{padding:24px 5vw;align-items:flex-start;flex-direction:column;gap:8px}.opening-bottom a{min-height:44px}.brand-intro{grid-template-columns:1fr;gap:8px;font-size:16px}.swatch{height:110px}.heading h1{font-size:clamp(3.5rem,16vw,5rem)}}@media(max-height:550px) and (orientation:landscape){.immersive-opening{min-height:100svh}.immersive-nav{padding:12px 4vw}.opening-bottom{padding:14px 4vw;background:rgba(30,18,10,.7)}}

/* Intégration des signatures en relief au fond lilas. */
.logo-relief{isolation:isolate;background:#eee4f8}.logo-relief img{mix-blend-mode:darken}
dialog.logo-relief-viewer{isolation:isolate;background:#eee4f8}dialog.logo-relief-viewer img{mix-blend-mode:darken}

/* Galerie alignée, inspirée d'une grille de collection mode. */
.luluaa-references .reference-intro{align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.luluaa-references .reference-intro h2{margin-bottom:0}
.luluaa-references .reference-intro .copy{max-width:42ch}
.luluaa-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:6px;margin:0 -5vw;padding:0 6px}
.luluaa-reference-grid figure{min-width:0;margin:0}
.luluaa-reference-grid .image-button{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;overflow:hidden;background:#eeece7}
.luluaa-reference-grid .image-button img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.luluaa-reference-grid figcaption{display:flex;align-items:baseline;gap:12px;padding:14px 12px 24px;margin:0;border:0;font-size:14px;line-height:1.5}
.luluaa-reference-grid .reference-number{font-size:12px;letter-spacing:.1em;flex-shrink:0;color:#68419f}
.luluaa-reference-grid .image-button:focus-visible{outline:2px solid #68419f;outline-offset:-3px}
@media(max-width:1099px){.luluaa-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}}
@media(max-width:599px){.luluaa-references .reference-intro{margin-bottom:28px}.luluaa-reference-grid{grid-template-columns:minmax(0,1fr);row-gap:8px}.luluaa-reference-grid .image-button{aspect-ratio:auto}.luluaa-reference-grid .image-button img{height:auto}.luluaa-reference-grid figcaption{padding:12px 14px 20px}}