/* Page template: Collaborer avec ICON-ICON */
.icon-collab {
  --ii-black: #050505;
  --ii-soft-black: #121212;
  --ii-white: #ffffff;
  --ii-cream: #f3f1ec;
  --ii-grey: #b8b8b8;
  --ii-line: rgba(255,255,255,.18);
  --ii-max: 1240px;
  background: var(--ii-white);
  color: var(--ii-black);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.65;
}

.icon-collab *, .icon-collab *::before, .icon-collab *::after { box-sizing: border-box; }
.icon-collab a { text-decoration: none; }
.icon-collab__container { width: min(var(--ii-max), calc(100% - 40px)); margin-inline: auto; }
.icon-collab__narrow { max-width: 900px; }
.icon-collab__section { padding: clamp(72px, 9vw, 130px) 0; }
.icon-collab__section--black { background: var(--ii-black); color: var(--ii-white); }
.icon-collab__section--soft { background: var(--ii-cream); }

.icon-collab h1, .icon-collab h2, .icon-collab h3 {
  margin: 0;
  color: inherit;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -.025em;
}
.icon-collab h1 { max-width: 900px; font-size: clamp(3.2rem, 8vw, 7.2rem); text-transform: uppercase; }
.icon-collab h1 span { display: block; -webkit-text-stroke: 1px #fff; color: transparent; }
.icon-collab h2 { font-size: clamp(2.2rem, 5vw, 4.6rem); }
.icon-collab h3 { font-size: clamp(1.5rem, 2.5vw, 2.2rem); }
.icon-collab p { margin: 0 0 1.25rem; }

.icon-collab__hero { min-height: 84vh; display: grid; align-items: end; padding: 150px 0 90px; background: var(--ii-black); color: var(--ii-white); position: relative; overflow: hidden; }
.icon-collab__hero::after { content: ''; position: absolute; width: 55vw; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; right: -20vw; top: -16vw; }
.icon-collab__hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 260px; align-items: end; gap: 70px; position: relative; z-index: 1; }
.icon-collab__eyebrow, .icon-collab__kicker { margin-bottom: 22px !important; font-size: .76rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.icon-collab__lead { max-width: 760px; margin-top: 34px !important; font-size: clamp(1.15rem, 2vw, 1.6rem); color: #dedede; }
.icon-collab__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.icon-collab__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 13px 24px; border: 1px solid #fff; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: .2s ease; }
.icon-collab__button--light { background: #fff; color: #000; }
.icon-collab__button--outline { color: #fff; }
.icon-collab__button:hover { transform: translateY(-2px); opacity: .82; }
.icon-collab__hero-note { border-left: 1px solid var(--ii-line); padding-left: 28px; }
.icon-collab__hero-note p { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--ii-line); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }

.icon-collab__intro p { font-size: 1.08rem; }
.icon-collab blockquote { margin: 56px 0; padding: 8px 0 8px 35px; border-left: 3px solid #000; }
.icon-collab blockquote p { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.7rem, 3.5vw, 3rem); line-height: 1.18; }
.icon-collab__section-heading { margin-bottom: 54px; }
.icon-collab__section-heading > p:not(.icon-collab__kicker) { max-width: 700px; margin-top: 22px; }
.icon-collab__section-heading--split { display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: end; }

.icon-collab__grid { display: grid; gap: 18px; }
.icon-collab__grid--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.icon-collab__grid--4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.icon-collab__principle { min-height: 190px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px; border: 1px solid var(--ii-line); }
.icon-collab__principle span { color: #777; font-size: .72rem; letter-spacing: .15em; }
.icon-collab__principle p { margin: 40px 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 1.35rem; line-height: 1.25; }
.icon-collab__closing { max-width: 820px; margin: 55px 0 0 !important; color: #bbb; font-size: 1.08rem; }

.icon-collab__offer { min-height: 350px; display: flex; flex-direction: column; padding: 30px; border: 1px solid #d8d8d8; background: #fff; }
.icon-collab__offer--featured { background: #000; color: #fff; border-color: #000; }
.icon-collab__offer--light { background: transparent; }
.icon-collab__offer-label { margin-bottom: 55px !important; font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .64; }
.icon-collab__offer h3 { margin-bottom: 22px; }
.icon-collab__offer .icon-collab__price { margin-top: auto; }
.icon-collab__price { margin: 25px 0 0 !important; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 3vw, 3rem); line-height: 1; }
.icon-collab__price small { font-family: Arial, sans-serif; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; }
.icon-collab__price--hero { color: #fff; }
.icon-collab__simple-list, .icon-collab__pack ul, .icon-collab__feature-list, .icon-collab__check-list { margin: 22px 0; padding: 0; list-style: none; }
.icon-collab__simple-list li, .icon-collab__pack li { padding: 8px 0; border-bottom: 1px solid rgba(128,128,128,.25); }

.icon-collab__policy { margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 65px; padding: 45px; background: var(--ii-cream); }
.icon-collab__policy h3 { margin-bottom: 18px; }
.icon-collab__policy ul { margin: 0; padding: 0; list-style: none; }
.icon-collab__policy li { display: flex; justify-content: space-between; gap: 20px; padding: 17px 0; border-bottom: 1px solid #ccc; }

.icon-collab__section--signature { background: #111; color: #fff; }
.icon-collab__signature-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: center; }
.icon-collab__signature-grid h2 { font-size: clamp(3.5rem, 8vw, 7.5rem); }
.icon-collab__feature-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; }
.icon-collab__feature-list li { padding: 16px 0; border-bottom: 1px solid var(--ii-line); }

.icon-collab__tag-list, .icon-collab__universes { display: flex; flex-wrap: wrap; gap: 10px; }
.icon-collab__tag-list span, .icon-collab__universes span { padding: 11px 16px; border: 1px solid #aaa; font-size: .78rem; letter-spacing: .07em; text-transform: uppercase; }
.icon-collab__universes { justify-content: center; }
.icon-collab__center-note { max-width: 820px; margin: 40px auto 0 !important; text-align: center; }

.icon-collab__pack { min-height: 410px; display: flex; flex-direction: column; padding: 32px; border: 1px solid var(--ii-line); }
.icon-collab__pack--premium { background: #fff; color: #000; }
.icon-collab__pack .icon-collab__price { margin-top: auto !important; }
.icon-collab__reasons-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: start; }
.icon-collab__check-list { margin-top: 0; }
.icon-collab__check-list li { position: relative; padding: 18px 0 18px 34px; border-bottom: 1px solid #ddd; }
.icon-collab__check-list li::before { content: '✓'; position: absolute; left: 0; font-weight: 700; }

.icon-collab__section--stats { background: #0b0b0b; color: #fff; }
.icon-collab__stat { min-height: 185px; padding: 24px; border-top: 1px solid #666; }
.icon-collab__stat strong { display: block; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.5rem, 5vw, 4.8rem); font-weight: 500; }
.icon-collab__stat span { display: block; margin-top: 12px; color: #aaa; font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; }

.icon-collab__contact { padding: clamp(85px, 11vw, 150px) 0; background: #000; color: #fff; }
.icon-collab__contact-grid { display: grid; grid-template-columns: 1fr .85fr; gap: 100px; align-items: center; }
.icon-collab__contact h2 { margin-bottom: 30px; }
.icon-collab__response-time { color: #999; }
.icon-collab__contact-card { border: 1px solid var(--ii-line); padding: 34px; }
.icon-collab__contact-card a { display: block; padding: 17px 0; border-bottom: 1px solid var(--ii-line); color: #fff; overflow-wrap: anywhere; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.1rem, 2vw, 1.55rem); }
.icon-collab__contact-card p { margin: 28px 0 0; color: #888; font-size: .85rem; }

@media (max-width: 980px) {
  .icon-collab__hero-grid, .icon-collab__section-heading--split, .icon-collab__signature-grid, .icon-collab__reasons-grid, .icon-collab__contact-grid { grid-template-columns: 1fr; gap: 45px; }
  .icon-collab__hero-note { display: none; }
  .icon-collab__grid--3, .icon-collab__grid--4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .icon-collab__policy { grid-template-columns: 1fr; gap: 30px; }
}

@media (max-width: 640px) {
  .icon-collab__container { width: min(100% - 24px, var(--ii-max)); }
  .icon-collab__hero { min-height: auto; padding: 125px 0 65px; }
  .icon-collab__section { padding: 70px 0; }
  .icon-collab__grid--3, .icon-collab__grid--4, .icon-collab__feature-list { grid-template-columns: 1fr; }
  .icon-collab__offer, .icon-collab__pack { min-height: auto; }
  .icon-collab__policy { padding: 26px; }
  .icon-collab__policy li { align-items: flex-start; flex-direction: column; gap: 4px; }
  .icon-collab__button { width: 100%; }
}

/* Mobile containment and full-viewport breakout from BlogSphere wrappers */
.icon-collab {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow-x: clip;
}

.icon-collab__hero,
.icon-collab__section,
.icon-collab__contact {
  width: 100%;
  max-width: none;
}

.icon-collab h1,
.icon-collab h2,
.icon-collab h3,
.icon-collab p,
.icon-collab li,
.icon-collab a,
.icon-collab span,
.icon-collab strong {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 640px) {
  .icon-collab__container {
    width: 100%;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon-collab__hero {
    padding-top: 82px;
    padding-bottom: 52px;
  }

  .icon-collab h1 {
    max-width: 100%;
    font-size: clamp(2.35rem, 12vw, 3.45rem);
    line-height: .98;
    letter-spacing: -.035em;
  }

  .icon-collab h1 span {
    -webkit-text-stroke-width: .7px;
  }

  .icon-collab h2 {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .icon-collab h3 {
    font-size: clamp(1.35rem, 7vw, 1.9rem);
  }

  .icon-collab__eyebrow,
  .icon-collab__kicker {
    font-size: .68rem;
    letter-spacing: .14em;
  }

  .icon-collab__lead {
    margin-top: 24px !important;
    font-size: 1.05rem;
    line-height: 1.55;
  }

  .icon-collab__actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 10px;
    margin-top: 28px;
  }

  .icon-collab__button {
    width: 100%;
    min-width: 0;
    padding-left: 14px;
    padding-right: 14px;
    text-align: center;
    white-space: normal;
  }

  .icon-collab blockquote {
    margin: 38px 0;
    padding-left: 22px;
  }

  .icon-collab__section-heading {
    margin-bottom: 38px;
  }

  .icon-collab__offer,
  .icon-collab__pack,
  .icon-collab__contact-card,
  .icon-collab__policy {
    padding: 22px;
  }

  .icon-collab__signature-grid h2 {
    font-size: clamp(2.6rem, 13vw, 4rem);
  }

  .icon-collab__tag-list span,
  .icon-collab__universes span {
    max-width: 100%;
  }
}

@supports not (overflow: clip) {
  .icon-collab { overflow-x: hidden; }
}