body.page-id-5223 {
  --gka-ink: #211e20;
  --gka-muted: #6f676b;
  --gka-accent: #b53162;
  --gka-accent-dark: #7f1f46;
  --gka-line: #e7dfe2;
  --gka-soft: #f7f3f4;
  background: var(--gka-soft);
}

body.page-id-5223 #content {
  padding: 34px 16px 64px;
  background: radial-gradient(circle at 10% 0,rgba(181,49,98,.08),transparent 25%),var(--gka-soft);
}

body.page-id-5223 #content > .ast-container,
body.page-id-5223 #primary {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0;
}

body.page-id-5223 #primary { float: none; }
body.page-id-5223 article.page { margin: 0; padding: 0; }
body.page-id-5223 article.page > .entry-header { display: none; }
body.page-id-5223 article.page > .entry-content { margin: 0; }

.gk-about {
  overflow: hidden;
  border: 1px solid var(--gka-line);
  border-radius: 26px;
  color: var(--gka-ink);
  background: #fff;
  box-shadow: 0 18px 50px rgba(45,31,38,.08);
}

.gk-about-hero {
  min-height: 560px;
  display: grid;
  align-items: center;
  padding: clamp(48px,8vw,100px);
  background:
    linear-gradient(90deg,rgba(18,14,16,.90) 0%,rgba(18,14,16,.75) 45%,rgba(18,14,16,.18) 100%),
    url("https://gkdoll.fr/wp-content/uploads/2024/11/banner-7.png") center/cover no-repeat;
}

.gk-about-hero__content { max-width: 680px; }
.gk-about-kicker,.gk-about-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 14px;
  color: #f4b6cd;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.gk-about-kicker::before,.gk-about-label::before {
  width: 26px;
  height: 2px;
  content: "";
  background: currentColor;
}

.gk-about-hero h1 {
  margin: 0 0 20px;
  color: #fff;
  font-family: "Iowan Old Style",Baskerville,"Times New Roman",serif;
  font-size: clamp(48px,7vw,82px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.045em;
}

.gk-about-hero p:not(.gk-about-kicker) {
  max-width: 610px;
  margin: 0 0 30px;
  color: rgba(255,255,255,.86);
  font-size: clamp(17px,1.6vw,20px);
  line-height: 1.75;
}

.gk-about-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.gk-about-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 25px;
  border: 1px solid var(--gka-accent);
  border-radius: 999px;
  color: #fff !important;
  background: linear-gradient(135deg,var(--gka-accent),var(--gka-accent-dark));
  box-shadow: 0 12px 28px rgba(127,31,70,.22);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .035em;
  text-decoration: none !important;
  text-transform: uppercase;
}
.gk-about-button--ghost { border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.08); box-shadow: none; }

.gk-about-story {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: clamp(34px,6vw,84px);
  padding: clamp(54px,7vw,90px);
}
.gk-about-label { color: var(--gka-accent-dark); }
.gk-about h2 {
  margin: 0 0 22px;
  color: var(--gka-ink);
  font-family: "Iowan Old Style",Baskerville,"Times New Roman",serif;
  font-size: clamp(34px,4.4vw,52px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.035em;
}
.gk-about p { color: #575054; font-size: 17px; line-height: 1.8; }
.gk-about-story__copy p:not(.gk-about-label) { margin: 0 0 17px; }
.gk-about-story__media { margin: 0; }
.gk-about-story__media img { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: 20px; box-shadow: 0 18px 42px rgba(45,31,38,.14); }

.gk-about-values {
  padding: clamp(54px,7vw,88px);
  background: #191517;
}
.gk-about-values__intro { max-width: 740px; margin-bottom: 34px; }
.gk-about-values h2 { color: #fff; }
.gk-about-values__intro > p:not(.gk-about-label) { color: rgba(255,255,255,.68); }
.gk-about-values__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.gk-about-values article { padding: 26px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.05); }
.gk-about-values article > span { display: block; margin-bottom: 30px; color: #e88eb0; font-size: 13px; font-weight: 800; }
.gk-about-values h3 { margin: 0 0 10px; color: #fff; font-size: 20px; }
.gk-about-values article p { margin: 0; color: rgba(255,255,255,.66); font-size: 15px; line-height: 1.7; }

.gk-about-assurance { padding: clamp(54px,7vw,90px); }
.gk-about-assurance__heading { max-width: 700px; margin-bottom: 34px; }
.gk-about-assurance__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.gk-about-assurance article { display: grid; grid-template-columns: 68px 1fr; gap: 18px; align-items: start; padding: 24px; border: 1px solid var(--gka-line); border-radius: 18px; background: #fff; }
.gk-about-assurance img { width: 68px; height: 68px; object-fit: contain; }
.gk-about-assurance h3 { margin: 3px 0 7px; color: var(--gka-ink); font-size: 19px; }
.gk-about-assurance article p { margin: 0; color: var(--gka-muted); font-size: 14px; line-height: 1.65; }

.gk-about-cta { padding: clamp(54px,7vw,84px) 24px; text-align: center; background: linear-gradient(145deg,#fbf5f7,#f3e4e9); }
.gk-about-cta h2 { max-width: 760px; margin-inline: auto; }
.gk-about-cta > p:not(.gk-about-kicker) { max-width: 680px; margin: 0 auto 27px; }
.gk-about-cta .gk-about-actions { justify-content: center; }
.gk-about-cta .gk-about-button--ghost { border-color: var(--gka-accent-dark); color: var(--gka-accent-dark) !important; background: transparent; }

@media (max-width:767px) {
  body.page-id-5223 #content { padding: 18px 12px 42px; }
  .gk-about { border-radius: 18px; }
  .gk-about-hero { min-height: 500px; padding: 44px 22px; background-position: 62% center; }
  .gk-about-hero h1 { font-size: 48px; }
  .gk-about-actions { align-items: stretch; flex-direction: column; }
  .gk-about-story { grid-template-columns: 1fr; padding: 42px 20px; }
  .gk-about-story__media { order: -1; }
  .gk-about-story__media img { aspect-ratio: 4/3; }
  .gk-about-values,.gk-about-assurance { padding: 42px 20px; }
  .gk-about-values__grid,.gk-about-assurance__grid { grid-template-columns: 1fr; }
  .gk-about-assurance article { grid-template-columns: 56px 1fr; padding: 19px; }
  .gk-about-assurance img { width: 56px; height: 56px; }
  .gk-about h2 { font-size: 34px; }
}