/* XY STUDIO V15 — Release 4.2.5
   Canonical Editorial / SEO Panel
   Reference structure: cases.html -> .seo-panel .seo-grid

   Desktop:
   LEFT  = label + H2
   RIGHT = all body text
   Mobile:
   label -> H2 -> body text
*/

/* ---------------- CANONICAL EDITORIAL / SEO PANEL ---------------- */
.v15-editorial-section .seo-panel{
  width:100%;
  max-width:none;
}

.v15-editorial-section .seo-panel .seo-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:58px;
  align-items:start;
  width:100%;
}

.v15-editorial-section .seo-panel .seo-grid > div{
  min-width:0;
}

.v15-editorial-section .seo-panel .seo-grid > div:first-child .section-kicker{
  margin:0;
  padding-top:7px;
}

.v15-editorial-section .seo-panel .seo-grid h2{
  margin:7px 0 18px;
  font-size:clamp(32px,3.8vw,52px);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:520;
  text-wrap:balance;
  max-width:790px;
}

.v15-editorial-section .seo-panel .seo-grid > div:last-child p{
  max-width:68ch;
  margin:0 0 18px;
  font-size:17px;
  line-height:1.76;
  color:#4f4f49;
}

.v15-editorial-section .seo-panel .seo-grid > div:last-child p:last-child{
  margin-bottom:0;
}

/* Keep special editorial section backgrounds, but not their old inner layout. */
.service-editorial-section .seo-panel,
.rx-editorial .seo-panel{
  width:100%;
}

/* ---------------- MOBILE ---------------- */
@media (max-width:1100px){
  .v15-editorial-section .seo-panel .seo-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}

@media (max-width:700px){
  .v15-editorial-section .seo-panel .seo-grid{
    gap:12px;
  }

  .v15-editorial-section .seo-panel .seo-grid > div:first-child .section-kicker{
    padding-top:0;
  }

  .v15-editorial-section .seo-panel .seo-grid h2{
    font-size:40px;
    line-height:.98;
  }

  .v15-editorial-section .seo-panel .seo-grid > div:last-child p{
    font-size:16px;
    line-height:1.7;
  }
}

/* ---------------- QA / OVERFLOW ---------------- */
.v15-editorial-section .seo-panel .seo-grid > *,
.v15-editorial-section .seo-panel .seo-grid p,
.v15-editorial-section .seo-panel .seo-grid h2{
  min-width:0;
}

@media (prefers-reduced-motion:reduce){
  .v15-editorial-section .seo-panel *{transition:none!important}
}

/* ---------------- RELEASE 4.2.5 / THANK YOU ---------------- */
.page-thank-you .thank-you-hero{
  min-height:clamp(620px,72vh,820px);
  display:flex;
  align-items:center;
}
.page-thank-you .thank-you-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:0px;
  align-items:start;
}
.page-thank-you .thank-you-grid .eyebrow{
  margin:7px 0 0;
  padding-top:0;
}
.page-thank-you .thank-you-copy h1{
  margin:0 0 26px;
  max-width:760px;
}
.page-thank-you .thank-you-copy p{
  max-width:640px;
  margin:0 0 30px;
  color:#c7c7c1;
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.55;
}
.page-thank-you .thank-you-copy .btn{
  display:inline-flex;
}
@media (max-width:1100px){
  .page-thank-you .thank-you-grid{grid-template-columns:1fr;gap:26px}
}
@media (max-width:700px){
  .page-thank-you .thank-you-hero{min-height:560px}
  .page-thank-you .thank-you-grid{gap:16px}
  .page-thank-you .thank-you-copy h1{font-size:45px;line-height:.98}
  .page-thank-you .thank-you-copy p{font-size:17px;line-height:1.52}
  .page-thank-you .thank-you-copy .btn{width:100%}
}

/* Release 4.2.6 — Custom Product visual alignment */
.page-custom-product .product-architecture-section.home-work .section-head{margin-bottom:34px !important}
.page-custom-product .product-architecture-section.home-work .path.v15-workflow{display:grid !important}

/* Custom Product only: light version of the former dark panel. */
.page-custom-product .custom-product-light-panel .dark-panel{
  background:#f5f5f1 !important;
  color:#111 !important;
  border:1px solid var(--line,#deded8) !important;
  box-shadow:none !important;
}
.page-custom-product .custom-product-light-panel .dark-panel h2,
.page-custom-product .custom-product-light-panel .dark-panel h3{color:#111 !important}
.page-custom-product .custom-product-light-panel .dark-panel p{color:#555 !important}
.page-custom-product .custom-product-light-panel .dark-panel .card.dark{
  background:#fff !important;
  color:#111 !important;
  border:1px solid var(--line,#deded8) !important;
  box-shadow:none !important;
}
.page-custom-product .custom-product-light-panel .dark-panel .card.dark h3{color:#111 !important}
.page-custom-product .custom-product-light-panel .dark-panel .card.dark p{color:#666 !important}

/* Custom Product leadbox: same composition as the Home bottom CTA. */
.page-custom-product .custom-product-leadbox .leadbox{
  display:grid !important;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr) !important;
  column-gap:76px !important;
  align-items:stretch !important;
  min-height:310px !important;
  padding:42px !important;
}
.page-custom-product .custom-product-leadbox .leadbox-left{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}
.page-custom-product .custom-product-leadbox .leadbox-left .eyebrow{margin:0 !important}
.page-custom-product .custom-product-leadbox .leadbox-left p{
  margin:auto 0 0 !important;
  max-width:390px !important;
  line-height:1.55 !important;
}
.page-custom-product .custom-product-leadbox .leadbox-right{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  min-width:0 !important;
}
.page-custom-product .custom-product-leadbox .leadbox-right h2{
  margin:0 !important;
  max-width:680px !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
}
.page-custom-product .custom-product-leadbox .leadbox-right .btn{
  margin-top:30px !important;
  align-self:flex-start !important;
}
@media (max-width:900px){
  .page-custom-product .custom-product-leadbox .leadbox{grid-template-columns:1fr !important;row-gap:26px !important;min-height:0 !important;padding:30px !important}
  .page-custom-product .custom-product-leadbox .leadbox-left p{margin:10px 0 0 !important;max-width:620px !important}
  .page-custom-product .custom-product-leadbox .leadbox-right h2{max-width:720px !important}
}
@media (max-width:640px){
  .page-custom-product .custom-product-leadbox .leadbox{padding:24px !important;row-gap:22px !important}
  .page-custom-product .custom-product-leadbox .leadbox-right .btn{margin-top:22px !important;width:100% !important;text-align:center !important}
}

/* Release 4.2.7 — Custom Product light panel editorial composition */
.page-custom-product .custom-product-light-panel .section-head{
  margin-bottom:40px !important;
}
.page-custom-product .custom-product-light-panel .section-head>div:first-child{
  min-width:0;
}
.page-custom-product .custom-product-light-panel .section-head h2{
  margin-top:7px !important;
}
.page-custom-product .custom-product-light-panel .custom-product-panel-copy{
  min-width:0;
  max-width:560px;
  justify-self:end;
}
.page-custom-product .custom-product-light-panel .custom-product-panel-copy p{
  margin:0 0 16px;
  color:var(--muted,#66665f);
  font-size:16px;
  line-height:1.62;
}
.page-custom-product .custom-product-light-panel .custom-product-panel-copy p:last-child{
  margin-bottom:0;
}
.page-custom-product .custom-product-light-panel .custom-product-panel-cards{
  margin-top:0 !important;
}
.page-custom-product .custom-product-light-panel .custom-product-panel-cards .card{
  background:#fff !important;
  color:inherit !important;
  border:1px solid var(--line,#deded8) !important;
  box-shadow:none !important;
}
@media (max-width:900px){
  .page-custom-product .custom-product-light-panel .section-head{
    grid-template-columns:1fr !important;
    gap:18px !important;
    margin-bottom:30px !important;
  }
  .page-custom-product .custom-product-light-panel .custom-product-panel-copy{
    justify-self:start;
    max-width:720px;
  }
}