/* Kaizen V11.6.66 — responsive leadership and compact project detail dialog. */

/* Keep the complete chairman photograph visible. The media frame supplies the
   background instead of cropping the source image to an arbitrary ratio. */
.about-chairman-media {
  background:linear-gradient(145deg,#071a2d 0%,#102c45 58%,#071a2d 100%) !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.about-chairman-media > img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center bottom !important;
}
.about-chairman-copy__signoff {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:.18rem !important;
  text-align:left !important;
}
.about-chairman-copy__signoff strong { color:#f15a24 !important; }
.about-chairman-copy__signoff span { display:block !important; color:#13293d !important; }

html.project-dialog-locked,
body.project-dialog-locked { overflow:hidden !important; overscroll-behavior:none; }
body.project-dialog-locked { position:fixed !important; inset-inline:0; width:100%; }

.project-dialog--portfolio {
  width:min(980px,calc(100vw - 40px)) !important;
  height:auto !important;
  max-width:980px !important;
  max-height:min(720px,82dvh) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:24px !important;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr) !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 32px 90px rgba(2,18,32,.36) !important;
}
.project-dialog--portfolio[open] { display:grid !important; }
.project-dialog--portfolio::backdrop { background:rgba(3,18,31,.78); backdrop-filter:blur(5px); }
.project-dialog--portfolio .project-dialog__visual {
  position:relative !important;
  min-height:520px !important;
  height:100% !important;
  overflow:hidden !important;
  background:#071a2d !important;
}
.project-dialog--portfolio .project-dialog__visual > img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.project-dialog--portfolio .project-dialog__body {
  position:relative !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:78px 30px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:#fff !important;
}
.project-dialog--portfolio .project-dialog__logo {
  position:absolute !important;
  top:30px !important;
  width:82px !important;
  height:66px !important;
  margin:0 !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(6,25,43,.12) !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
.project-dialog--portfolio .project-dialog__logo img { max-width:72px !important; max-height:54px !important; object-fit:contain !important; }
.project-dialog--portfolio [data-dialog-location],
.project-dialog--portfolio [data-dialog-title] { color:#f15a24 !important; }
.project-dialog--portfolio [data-dialog-location] { margin:22px 0 8px !important; }
.project-dialog--portfolio [data-dialog-title] { margin:0 0 8px !important; font-size:clamp(1.75rem,3vw,2.7rem) !important; line-height:1.04 !important; }
.project-dialog--portfolio .project-dialog__meta { color:#13293d !important; margin:0 0 14px !important; font-weight:700 !important; }
.project-dialog--portfolio .project-dialog__summary {
  min-height:0 !important;
  max-height:6.8em !important;
  margin:0 0 18px !important;
  padding:0 12px 0 0 !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable;
  line-height:1.7 !important;
  color:#546b7e !important;
}
.project-dialog--portfolio .project-dialog__summary::-webkit-scrollbar { width:7px; }
.project-dialog--portfolio .project-dialog__summary::-webkit-scrollbar-thumb { background:#f15a24; border-radius:99px; }
.project-dialog--portfolio .project-dialog__actions { margin-top:auto !important; display:grid !important; gap:9px !important; }
.project-dialog--portfolio .project-dialog__actions .button,
.project-dialog--portfolio .project-dialog__all { min-height:46px !important; border-radius:10px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:10px 16px !important; text-align:center !important; font-weight:800 !important; text-decoration:none !important; }
.project-dialog--portfolio .project-dialog__actions .primary,
.project-dialog--portfolio .project-dialog__actions .secondary { background:#f15a24 !important; border-color:#f15a24 !important; color:#fff !important; }
.project-dialog--portfolio .project-dialog__all { border:1px solid #0b2439 !important; background:#fff !important; color:#0b2439 !important; }
.project-dialog--portfolio .project-dialog__close {
  z-index:8 !important;
  top:18px !important;
  right:18px !important;
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  border:1px solid rgba(11,36,57,.12) !important;
  background:#0b2439 !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(5,23,39,.18) !important;
  font-size:1.5rem !important;
  line-height:1 !important;
}

@media (max-width:760px) {
  .about-chairman-media > img { width:100% !important; }
  .project-dialog--portfolio {
    width:calc(100vw - 18px) !important;
    max-height:90dvh !important;
    border-radius:18px !important;
    grid-template-columns:1fr !important;
    grid-template-rows:clamp(150px,27dvh,220px) minmax(0,1fr) !important;
  }
  .project-dialog--portfolio[open] { display:grid !important; }
  .project-dialog--portfolio .project-dialog__visual { min-height:0 !important; height:auto !important; }
  .project-dialog--portfolio .project-dialog__body { padding:46px 16px 16px !important; }
  .project-dialog--portfolio .project-dialog__logo { top:-35px !important; left:18px !important; width:70px !important; height:58px !important; }
  .project-dialog--portfolio [data-dialog-location] { margin:14px 0 5px !important; }
  .project-dialog--portfolio [data-dialog-title] { font-size:clamp(1.35rem,7vw,1.8rem) !important; }
  .project-dialog--portfolio .project-dialog__meta { margin-bottom:9px !important; font-size:.8rem !important; }
  .project-dialog--portfolio .project-dialog__summary { max-height:6em !important; line-height:1.5 !important; margin-bottom:11px !important; font-size:.9rem !important; }
  .project-dialog--portfolio .project-dialog__actions { grid-template-columns:1fr 1fr !important; }
  .project-dialog--portfolio .project-dialog__actions [data-dialog-permalink] { grid-column:1/-1 !important; }
  .project-dialog--portfolio .project-dialog__actions .button,
  .project-dialog--portfolio .project-dialog__all { min-height:41px !important; padding:8px 9px !important; font-size:.78rem !important; }
  .project-dialog--portfolio .project-dialog__close { top:10px !important; right:10px !important; width:38px !important; height:38px !important; }
}

@media (max-width:380px), (max-height:680px) {
  .project-dialog--portfolio { max-height:94dvh !important; grid-template-rows:135px minmax(0,1fr) !important; }
  .project-dialog--portfolio .project-dialog__logo { top:-31px !important; }
  .project-dialog--portfolio .project-dialog__body { padding-top:39px !important; }
  .project-dialog--portfolio .project-dialog__summary { max-height:4.6em !important; }
}

@media (prefers-reduced-motion:reduce) {
  .project-dialog--portfolio,
  .project-dialog--portfolio * { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}