/* Design extrait des CSS réellement servis par la préproduction le 6 octobre 2026. */

.osl-seo-block{--osl-ink:var(--osl-legacy-ink);--osl-sea:var(--osl-green-dark);--osl-home-paper:var(--osl-paper);--osl-home-ink:var(--osl-legacy-ink);--osl-home-muted:var(--osl-muted-alt);--osl-home-line:var(--osl-line);--osl-home-gold:var(--osl-gold);--osl-home-coral:var(--osl-coral);--osl-home-terracotta:var(--osl-terracotta);--osl-home-terracotta-soft:var(--osl-terracotta-soft);--osl-home-terracotta-pale:var(--osl-terracotta-pale);--osl-home-ivory:var(--osl-ivory-deep);font-family:Arial,Helvetica,sans-serif;}

.osl-seo-block,.osl-seo-block *,.osl-seo-block::before,.osl-seo-block::after{box-sizing:border-box}.osl-seo-block a{text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}.osl-seo-block a:focus-visible{outline:2px solid var(--osl-terracotta);outline-offset:3px}

.osl-seo-block__eyebrow{

  margin: 0 0 .75rem;

  color: var(--osl-terracotta);

  font-size: .66rem;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: .18em;

  text-transform: uppercase;

}

.osl-seo-block{

  position: relative;

  left: 50%;

  z-index: 0;

  display: grid;

  grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr);

  gap: clamp(2rem, 5vw, 6rem);

  width: 100vw;

  margin-left: -50vw;

  padding: clamp(4.8rem, 7vw, 8rem) max(1.5rem, calc((100vw - 1320px) / 2));

  overflow: hidden;

}

.osl-seo-block::before{

  content: "";

  position: absolute;

  top: 50%;

  left: clamp(-190px, -9vw, -75px);

  z-index: -2;

  width: clamp(310px, 34vw, 545px);

  aspect-ratio: 1;

  border: 1px solid rgba(122, 81, 64, .18);

  border-radius: 50%;

  transform: translateY(-50%);

}

.osl-seo-block::after{

  content: "";

  position: absolute;

  right: -4%;

  bottom: -28%;

  z-index: -2;

  width: clamp(110px, 13vw, 190px);

  aspect-ratio: 1;

  border-radius: 50%;

  background: rgba(196, 100, 67, .08);

}

.osl-seo-block__watermark{

  position: absolute;

  top: 50%;

  left: clamp(-78px, -2vw, 0px);

  z-index: -1;

  width: clamp(230px, 28vw, 450px);

  height: auto;

  opacity: .045;

  pointer-events: none;

  transform: translateY(-50%) rotate(-7deg);

}

.osl-seo-block__heading{

  position: relative;

  align-self: start;

  padding: clamp(1.5rem, 3vw, 3rem) 0 clamp(1.5rem, 3vw, 3rem) clamp(1rem, 2.5vw, 2.5rem);

}

.osl-seo-block__heading::before{

  content: "";

  position: absolute;

  top: clamp(.5rem, 1.5vw, 1.3rem);

  left: 0;

  width: 44px;

  height: 3px;

  background: var(--osl-coral);

}

.osl-seo-block__heading h2{

  max-width: 580px;

  margin: 0;

  font-family: Georgia, "Times New Roman", serif;

  font-size: clamp(2.15rem, 3.25vw, 3.55rem);

  font-weight: 400;

  line-height: 1.04;

  letter-spacing: -.04em;

  text-transform: none;

}

.osl-seo-block__content{

  align-self: start;

  padding: clamp(1.4rem, 3vw, 2.8rem);

  border: 0;

  background: rgba(255, 253, 249, .32);

  -webkit-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

}

.osl-seo-block__text,

.osl-seo-block__text p{

  font-size: .96rem;

  line-height: 1.78;

}

.osl-seo-block__text p{

  margin: 0 0 1.25rem;

}

.osl-seo-block__text p:last-child{

  margin-bottom: 0;

}

.osl-seo-block__text > p:first-child::first-letter,

.osl-seo-block__text::first-letter{

  float: left;

  margin: .08rem .45rem 0 0;

  color: var(--osl-coral);

  font-family: Georgia, "Times New Roman", serif;

  font-size: 3.1rem;

  line-height: .8;

}

.osl-seo-block__links{

  display: flex;

  flex-wrap: wrap;

  gap: .8rem 1.3rem;

  margin-top: 1.8rem;

  padding-top: 1.2rem;

  border-top: 1px solid rgba(172, 134, 107, .38);

}

.osl-seo-block__links a{

  padding-bottom: .25rem;

  border-bottom: 1px solid var(--osl-terracotta);

  color: var(--osl-ink);

  font-size: .67rem;

  font-weight: 700;

  letter-spacing: .04em;

  text-transform: uppercase;

}

.osl-seo-block__links a:hover{

  color: var(--osl-coral);

  border-color: var(--osl-coral);

}

@media (max-width: 1050px){

.osl-seo-block{

    padding-right: 2rem;

    padding-left: 2rem;

  }

.osl-seo-block{

    grid-template-columns: 1fr 1fr;

    gap: 2rem;

  }

}

@media (max-width: 767.98px){

.osl-seo-block{

    grid-template-columns: 1fr;

    gap: .8rem;

    padding: 4.5rem 1.25rem;

  }

.osl-seo-block__heading{

    padding: 1.7rem 0 1.15rem 1rem;

  }

.osl-seo-block__heading::before{

    top: .6rem;

    width: 32px;

  }

.osl-seo-block__heading h2{

    font-size: 2.35rem;

  }

.osl-seo-block__watermark{

    top: 30%;

    left: -98px;

    width: 290px;

    opacity: .04;

  }

.osl-seo-block__content{

    padding: 1.35rem 1.1rem 1.55rem;

    background: rgba(255, 253, 249, .23);

  }

.osl-seo-block__text,

.osl-seo-block__text p{

    font-size: .88rem;

    line-height: 1.72;

  }

.osl-seo-block__links{

    flex-direction: column;

    align-items: flex-start;

  }

}

.osl-seo-block,

.osl-seo-block__content{ background: var(--osl-white); }

.osl-seo-block::before,

.osl-seo-block::after{ display: none; }

.osl-seo-block{

  --osl-home-paper: var(--osl-paper);

  --osl-home-ink: var(--osl-legacy-ink);

  --osl-home-muted: var(--osl-muted-alt);

  --osl-home-line: var(--osl-line);

  --osl-home-gold: var(--osl-gold);

  --osl-home-coral: var(--osl-coral);

  --osl-home-terracotta: var(--osl-terracotta);

  --osl-home-terracotta-soft: var(--osl-terracotta-soft);

  --osl-home-terracotta-pale: var(--osl-terracotta-pale);

  --osl-home-ivory: var(--osl-ivory-deep);

  color: var(--osl-home-ink);

  font-family: Arial, Helvetica, sans-serif;

}

.osl-seo-block{

  isolation: isolate;

  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);

  align-items: center;

  padding: clamp(5rem, 8vw, 8rem) max(2rem, calc(50vw - 640px));

  gap: clamp(3rem, 7vw, 7rem);

  background: linear-gradient(135deg, var(--osl-home-terracotta-pale), var(--osl-frame-muted) 55%, var(--osl-home-ivory));

}

.osl-seo-block::before,

.osl-seo-block::after{

  display: block;

  z-index: -1;

  border: 0;

}

.osl-seo-block::before{

  left: clamp(-150px, -8vw, -70px);

  width: clamp(280px, 34vw, 540px);

  background: rgba(255, 255, 255, .34);

}

.osl-seo-block::after{

  bottom: -20%;

  width: clamp(100px, 12vw, 180px);

  background: rgba(196, 100, 67, .09);

}

.osl-seo-block__watermark{

  left: clamp(-70px, -2vw, 0px);

  width: clamp(220px, 28vw, 440px);

  opacity: .055;

}

.osl-seo-block__heading{ align-self: center; }

.osl-seo-block__heading h2{

  margin: 0;

  color: var(--osl-home-ink);

  font-family: Georgia, "Times New Roman", serif;

  font-size: clamp(1.9rem, 2.4vw, 2.75rem);

  font-weight: 400;

  line-height: 1.08;

  letter-spacing: -.03em;

  text-transform: none;

}

.osl-seo-block .osl-seo-block__eyebrow{

  margin: 0 0 1rem;

  color: var(--osl-home-coral);

  font: 800 .65rem/1.3 Arial, Helvetica, sans-serif;

  letter-spacing: .2em;

  text-transform: uppercase;

}

.osl-seo-block__content{

  align-self: center;

  padding: clamp(1.5rem, 3.5vw, 3rem);

  background: transparent;

  backdrop-filter: none;

  -webkit-backdrop-filter: none;

}

.osl-seo-block__text,

.osl-seo-block__text p{

  color: var(--osl-home-ink);

  font-size: .86rem;

  line-height: 1.8;

}

.osl-seo-block__text p{ max-width: 560px; margin: 0 0 1.15rem; }

.osl-seo-block__links{ border-top-color: var(--osl-home-terracotta-soft); }

.osl-seo-block__links a{

  border-bottom-color: var(--osl-home-gold);

  font-size: .65rem;

  font-weight: 800;

  letter-spacing: normal;

  text-transform: none;

}

@media (max-width: 1050px){

.osl-seo-block{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; }

}

@media (max-width: 680px){

.osl-seo-block{ grid-template-columns: 1fr; padding: 4.5rem 1.25rem; gap: 1rem; }

.osl-seo-block__heading{ padding: 1.8rem 0 1.3rem 1.1rem; }

.osl-seo-block__heading::before{ top: .65rem; width: 32px; }

.osl-seo-block__watermark{ top: 38%; left: -95px; width: 280px; opacity: .045; }

.osl-seo-block__content{ padding: 1.35rem 0 0; }

.osl-seo-block__links{ flex-direction: column; align-items: flex-start; }

.osl-seo-block__heading h2{ font-size: 2rem; }

}