@charset "UTF-8";
*{box-sizing:border-box}body{margin:0;color:#453e36;background:#faf7f1;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid #8b7044;outline-offset:6px}header{max-width:1320px;margin:auto;padding:26px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:108px;height:100px;overflow:hidden;mix-blend-mode:multiply;flex-shrink:0}.logo img{width:150px;max-width:none;display:block;transform:translate(-21px,-25px)}.soon{font-size:10px;letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.soon:before{content:'';width:6px;height:6px;background:#b49b73;border-radius:50%}main{max-width:1320px;margin:auto;padding:20px 6% 62px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:3%;min-height:620px}.eyebrow{font-size:10px;letter-spacing:.25em;color:#8a7351;text-transform:uppercase;margin:0 0 25px}h1{font:normal clamp(48px,5.1vw,76px)/1.1 Georgia,serif;letter-spacing:-.045em;margin:0 0 27px}h1 em{font-weight:normal;color:#9b7b4d}p{font-size:14px;line-height:1.9;max-width:350px;color:#786f64}.note{font:italic 19px/1.5 Georgia,serif;color:#9b7b4d;margin:27px 0}.contact{display:inline-flex;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:.04em;margin-top:12px}.contact a{text-decoration:none;border-bottom:1px solid #c8b796;padding-bottom:6px}.collage{position:relative;aspect-ratio:1/1.02;width:100%;isolation:isolate}.wash{position:absolute;inset:9% 3% 3% 4%;border-radius:48% 52% 45% 55%;background:#efe7da;transform:rotate(-14deg);z-index:-2}.orbit{position:absolute;inset:6% 3% 6% 9%;border:1px solid #cbb58d;border-radius:50%;transform:rotate(24deg);z-index:-1}.photo{position:absolute;object-fit:cover;border:7px solid #faf7f1;box-shadow:0 18px 35px #54402b14}.one{left:19%;top:2%;width:58%;height:78%;border-radius:48% 48% 4px 4px;object-position:50% 58%;transform:rotate(-5deg)}.two{left:0;bottom:3%;width:44%;height:43%;border-radius:50%;object-position:50% 55%;transform:rotate(-12deg)}.three{right:-2%;bottom:0;width:43%;height:56%;border-radius:48% 48% 5px 5px;object-position:50% 55%;transform:rotate(10deg)}.star{position:absolute;right:2%;top:8%;font:52px Georgia,serif;color:#baa176}.caption{position:absolute;left:45%;bottom:-4%;font:italic 15px Georgia,serif;color:#8d7654;transform:rotate(-5deg)}footer{max-width:1160px;margin:0 auto;padding:24px 0;border-top:1px solid #e0d7c9;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#85796b;letter-spacing:.06em}.variations{display:flex;gap:18px}.variations a{text-decoration:none}.variations a[aria-current]{color:#43392c;border-bottom:1px solid #9b7b4d}.rose{background:#fbf5f3}.rose .wash{background:#eee0da}.rose .photo{border-color:#fbf5f3}.rose h1 em{color:#a0786b}.rose .one{border-radius:48% 48% 48% 48%;transform:rotate(4deg)}.rose .two{border-radius:45% 45% 5px 5px;transform:rotate(-9deg)}.editorial main{grid-template-columns:.95fr 1.15fr}.editorial .one{left:5%;top:4%;width:57%;height:82%;transform:rotate(-6deg)}.editorial .two{left:51%;bottom:40%;width:45%;height:46%;transform:rotate(8deg)}.editorial .three{right:6%;bottom:0;width:45%;height:51%;transform:rotate(7deg)}.editorial .caption{left:9%;bottom:0}.intro{animation:arrive .7s ease-out both}.collage{animation:arrive 1s ease-out both}@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.intro,.collage{animation:none}}@media(min-width:1600px){main{min-height:710px}}@media(max-width:760px){header{padding:20px 7%}.soon{font-size:9px;letter-spacing:.12em}main,.editorial main{grid-template-columns:1fr;padding:28px 7% 55px;gap:40px;min-height:0}.intro{max-width:480px}h1{font-size:clamp(44px,9vw,65px)}p{max-width:420px}.collage{max-width:480px;margin:auto;width:95%}.photo{border-width:5px}footer{margin:0 7%;flex-direction:column;padding:22px 0;line-height:1.7}.caption{font-size:13px}} 
/* Adaptation de la version officielle aux écrans tactiles. */
main > *{min-width:0}
.contact a{min-height:44px;display:inline-flex;align-items:center}
@media (min-width:761px) and (max-width:1000px){
 h1{font-size:clamp(40px,5vw,50px)}
 header{padding-inline:5%}
 main{padding-inline:5%;gap:4%}
 footer{margin-inline:5%}
}
@media (max-width:760px){
 header{padding:16px 6%;gap:16px}
 .logo{width:94px;height:88px}
 .logo img{width:132px;height:auto;transform:translate(-19px,-22px)}
 .soon{max-width:145px;line-height:1.7;letter-spacing:.1em;font-size:9px}
 .soon:before{flex-shrink:0}
 main,.editorial main{padding:18px 6% 42px;gap:30px}
 .intro{max-width:520px;margin-inline:auto;width:100%}
 .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:18px}
 h1{font-size:clamp(37px,8.5vw,60px);line-height:1.12;margin-bottom:22px;letter-spacing:-.045em}
 p{font-size:15px;line-height:1.8;max-width:100%}
 .note{font-size:19px;margin:22px 0}
 .contact{display:flex;gap:8px 24px;font-size:13px;margin-top:8px}
 .contact a{padding:8px 0}
 .collage{width:90%;max-width:440px;aspect-ratio:1/1.13;margin:0 auto 8px}
 .editorial .one{left:4%;top:4%;width:58%;height:77%;transform:rotate(-5deg)}
 .editorial .two{left:51%;bottom:42%;width:45%;height:43%;transform:rotate(6deg)}
 .editorial .three{right:5%;bottom:5%;width:46%;height:49%;transform:rotate(6deg)}
 .photo{border-width:4px;box-shadow:0 12px 24px #54402b14}
 .star{right:0;top:0;font-size:38px}
 .editorial .caption{left:4%;bottom:0;font-size:12px;max-width:52%;line-height:1.4}
 footer{margin:0 6%;padding:20px 0;gap:7px;font-size:11px;line-height:1.7}
}
@media (max-width:359px){
 header{gap:10px}
 .soon{font-size:8px;max-width:125px}
 h1{font-size:35px}
 .contact{gap:6px 18px;font-size:12px}
 .editorial .caption{font-size:11px}
}