/* Original brand illustrations: responsive, decorative surfaces and readable captions. */
.lwt-illustration { margin:0; min-width:0; width:100%; isolation:isolate; }
.lwt-illustration img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.lwt-illustration figcaption { color:#566b80; font-size:.875rem; line-height:1.5; display:flex; flex-direction:column; align-items:center; gap:7px; text-align:center; }
.lwt-art-label { color:#124d86; font-size:.875rem; font-weight:700; letter-spacing:.01em; }
.hero:has(.lwt-illustration) { background:linear-gradient(135deg,#f3f8ff 0%,#ecf6fe 58%,#f8fbff 100%); }
.hero:has(.lwt-illustration) .hero-grid { grid-template-columns:1.05fr 1fr; padding-block:42px 58px; gap:30px; }
.hero:has(.lwt-illustration) .hero-grid-floor { display:none; }
.hero:has(.lwt-illustration) .hero-framework { max-width:560px; }
.hero .lwt-illustration img { filter:drop-shadow(0 24px 26px #16477c0c); }
.hero .lwt-illustration figcaption { margin-top:-12px; }
.lwt-illustrated-hero { background:linear-gradient(125deg,#f3f8ff 0%,#eaf5ff 66%,#f4fbff 100%); padding-bottom:48px; }
.lwt-illustrated-hero .page-hero-layout { display:grid; grid-template-columns:1.12fr 1fr; gap:45px; align-items:center; padding-top:8px; }
.lwt-illustrated-hero .page-hero-layout > div { min-width:0; }
.lwt-illustrated-hero h1 { font-size:clamp(2.4rem,3.85vw,3.6rem); line-height:1.15; max-width:690px; }
.lwt-illustrated-hero .lead { max-width:640px; font-size:1.1rem; line-height:1.8; }
.lwt-illustrated-hero .lwt-illustration { max-width:540px; justify-self:center; }
.lwt-illustrated-hero .lwt-illustration figcaption { margin-top:-22px; }
.lwt-illustration--catalog { max-width:320px; margin:14px auto 0; }
.lwt-illustrated-hero .project-hero-mark { background:transparent; border:0; box-shadow:none; padding:0; text-align:center; }
.lwt-illustrated-hero .project-hero-mark .lwt-illustration { max-width:420px; margin-inline:auto; }
.lwt-illustrated-hero .project-hero-mark > span { display:block; color:var(--blue-dark); margin-top:18px; }
.lwt-illustrated-hero .project-hero-mark > strong { color:var(--navy); font-size:1.7rem; margin-block:7px; }
.lwt-illustrated-hero .project-hero-mark > p { color:var(--muted); font-size:.875rem; margin:0; }
.lwt-illustration--project figcaption { font-size:.8125rem; color:#617286; }
@media (max-width:1080px) {
  .lwt-illustrated-hero .page-hero-layout { gap:26px; }
  .lwt-illustrated-hero h1 { font-size:clamp(2.3rem,4.5vw,3.3rem); }
}
@media (max-width:800px) {
  .hero:has(.lwt-illustration) .hero-grid { grid-template-columns:1fr; gap:24px; padding-block:44px; }
  .hero:has(.lwt-illustration) .hero-framework { width:min(100%,470px); margin:0 auto; }
  .lwt-illustrated-hero .page-hero-layout { grid-template-columns:1fr; gap:20px; padding-top:28px; }
  .lwt-illustrated-hero .lwt-illustration { width:min(100%,440px); margin-inline:auto; }
  .lwt-illustrated-hero .lwt-illustration figcaption { margin-top:-12px; }
  .lwt-illustration--catalog { width:260px; margin:12px 0 0; }
  .lwt-illustrated-hero .project-hero-mark .lwt-illustration { max-width:360px; }
}
@media (max-width:520px) {
  .hero:has(.lwt-illustration) .hero-grid { padding-block:34px 36px; gap:15px; }
  .hero:has(.lwt-illustration) .hero-framework { max-width:370px; }
  .lwt-illustrated-hero { padding-bottom:32px; }
  .lwt-illustrated-hero h1 { font-size:2.4rem; }
  .lwt-illustrated-hero .lead { font-size:1rem; line-height:1.75; }
  .lwt-illustration figcaption { font-size:.875rem; }
  .lwt-illustration--hero { max-width:370px!important; }
}