.creation-sites-jump{position:relative;z-index:3;display:inline-flex;align-items:center;gap:35px;padding:15px 22px;border:1px solid var(--wine);color:var(--wine);font-size:12px;margin-top:28px;background:#f5f1eacc}.creation-sites-jump span{font-size:20px}.creation-sites{padding-block:50px 100px;border-top:1px solid var(--line);scroll-margin-top:115px}.creation-sites-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:end;margin-bottom:50px}.creation-sites-heading h2{font-size:clamp(42px,4.8vw,72px);line-height:1.05;letter-spacing:-.045em;margin-top:22px}.creation-sites-heading h2 em{font-family:Instrument,Georgia,serif;font-weight:400;color:var(--wine)}.creation-sites-heading>div:last-child>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:420px}.creation-sites-heading .text-link{font-size:11px;margin-top:18px}.creation-sites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.creation-site-image{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#ede5db}.creation-site-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.65,.3,1)}.creation-site-image:hover img{transform:scale(1.035)}.creation-site-invite{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f5f1eaf2;padding:12px 15px;font-size:10px;color:var(--wine);box-shadow:0 5px 20px #281b1b08}.creation-site-invite>span{font-size:17px}.creation-site-caption{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:22px}.creation-site-caption .tiny{font-size:8px;letter-spacing:.1em}.creation-site-caption h3{font-size:30px;letter-spacing:-.05em;margin-top:9px;line-height:1.1}.creation-site-chapters{font-size:9px;white-space:nowrap;color:var(--muted);padding-bottom:5px}.creation-site-open{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--wine);margin-top:9px;min-height:48px}.creation-site-open>span{font-size:19px}.creation-sites-continue{display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:11px;padding-top:30px;color:var(--muted);margin-top:30px}.creation-sites-continue>span{font-size:20px;color:var(--wine)}#nos-creations{scroll-margin-top:120px}
@media(max-width:800px){.creation-sites{padding-block:45px 65px}.creation-sites-heading{display:block;margin-bottom:35px}.creation-sites-heading h2{font-size:47px}.creation-sites-heading>div:last-child{margin-top:25px}.creation-sites-grid{grid-template-columns:1fr;gap:38px}.creation-site-image{aspect-ratio:3/2}.creation-site-caption h3{font-size:34px}.creation-site-caption .tiny{font-size:9px}.creation-sites-continue{font-size:10px;line-height:1.8}.creation-sites-jump{font-size:11px;margin-top:22px}.creation-site-invite{font-size:11px}.creation-site-open{font-size:12px}.creation-site-chapters{font-size:10px}}
@media(prefers-reduced-motion:reduce){.creation-site-image img{transition:none}}

/* Rosée — aperçu éditorial */
img[src*="/assets/demo-lisiere-jardins.png"]{object-position:left center}

/* Couvertures signature : un meme cadre pour chaque ouverture. */
.creation-site-image{aspect-ratio:16/9}

.collection-heading .creation-sites-jump {
  justify-self: start;
  min-height: 44px;
  gap: 18px;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid currentColor;
  background: transparent;
}

.creation-sites-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(42px, 6vw, 96px) clamp(24px, 5vw, 80px);
  align-items: start;
}

.creation-site:nth-child(2) { margin-top: clamp(40px, 8vw, 125px); }
.creation-site:nth-child(3) { grid-column: 1 / -1; width: min(72%, 930px); margin-inline: auto; }
.creation-site-image { border: 0; border-radius: 0; }
.creation-site-invite {
  inset: auto 0 0;
  padding: 32px 20px 16px;
  background: linear-gradient(transparent, #23191cdd);
  color: #fff8ef;
  box-shadow: none;
}
.creation-site-caption h3 {
  font-family: Instrument, Georgia, serif;
  font-weight: 400;
  font-size: clamp(38px, 5vw, 76px);
  color: var(--wine);
}

@media (max-width: 800px) {
  .creation-sites-grid { grid-template-columns: minmax(0, 1fr); gap: 38px; }
  .creation-site:nth-child(2) { margin-top: 0; }
  .creation-site:nth-child(3) { width: 100%; }
}

/* Chaque vitrine emprunte sa teinte à son univers. */
.creation-site{--card-ink:#722238;--card-wash:#ecd6cd;--card-rule:#a75c53;position:relative;isolation:isolate;padding:clamp(14px,2vw,28px)}
.creation-site:nth-child(2){--card-ink:#57364e;--card-wash:#eadce7;--card-rule:#a47796}
.creation-site:nth-child(3){--card-ink:#30483f;--card-wash:#dfe8dd;--card-rule:#647d68}
.creation-site .creation-site-caption h3,.creation-site .creation-site-open,.creation-site .creation-site-caption .tiny{color:var(--card-ink)}
.creation-site .creation-site-open{border-bottom-color:var(--card-rule)}
.creation-site-image:focus-visible,.creation-site-open:focus-visible{outline:2px solid var(--card-ink);outline-offset:4px}

.creation-site::before,.creation-site::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.creation-site::before{inset:0 9% 14% 0;background:var(--card-wash);border-radius:52% 49% 25% 15% / 48% 42% 18% 14%}
.creation-site:nth-child(2)::before{inset:2% 0 12% 5%;border-radius:62% 38% 52% 48% / 39% 62% 38% 61%}
.creation-site:nth-child(2)::after{inset:5% 5% 20% 0;border:1px solid var(--card-rule);border-radius:40% 60% 36% 64% / 52% 34% 66% 48%}
.creation-site:nth-child(3)::before{inset:0 0 12% 14%;border-radius:0;clip-path:polygon(18% 0,100% 0,100% 83%,80% 100%,0 100%,0 20%)}
.creation-site:nth-child(3)::after{inset:10% 8% 3% 4%;background:#cad9ce;clip-path:polygon(0 0,86% 0,100% 19%,100% 100%,14% 100%,0 83%);z-index:-2}
@media(min-width:801px){
  .creation-site:nth-child(3){width:100%;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;column-gap:clamp(24px,5vw,72px)}
  .creation-site:nth-child(3) .creation-site-image{grid-area:1 / 2 / 3}
  .creation-site:nth-child(3) .creation-site-caption{grid-area:1 / 1;align-self:end;margin-top:0}
  .creation-site:nth-child(3) .creation-site-open{grid-area:2 / 1;align-self:start}
}