.project-records-carousel { margin-top:72px; }
.project-records-carousel .project-records-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin:0 0 28px; max-width:none; }
.project-records-carousel .project-records-heading>div:first-child { max-width:760px; }
.project-records-controls { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.project-records-controls[hidden] { display:none; }
.project-records-controls button { display:grid; place-items:center; width:48px; height:48px; border:1px solid #b8ccd8; border-radius:50%; background:#fff; color:#12364d; font:700 22px/1 Arial,sans-serif; cursor:pointer; transition:background .2s ease,border-color .2s ease; }
.project-records-controls button:hover { background:#edf6f7; border-color:#1097a7; }
.project-records-controls button:disabled { opacity:.35; cursor:default; }
.project-records-controls span { min-width:82px; color:#45677b; font-size:14px; text-align:center; }
.project-records-carousel .project-records { display:flex; gap:24px; margin-top:0; padding:0 0 14px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#1097a7 #e6eef2; overscroll-behavior-inline:contain; }
.project-records-carousel .project-record-card { box-sizing:border-box; flex:0 0 calc(50% - 12px); min-width:0; margin:0; border:1px solid #cfdee5; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 8px 24px rgba(8,37,56,.045); scroll-snap-align:start; }
.project-records-carousel .project-record-media { display:flex; align-items:center; justify-content:center; height:min(58vw,610px); max-height:610px; min-height:430px; padding:14px; background:#f3f6f7; }
.project-records-carousel .project-record-media img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.project-records-carousel .project-record-card figcaption { min-height:72px; box-sizing:border-box; display:flex; align-items:center; padding:18px 20px; color:#34596e; font-size:14px; line-height:1.45; }
.project-records-hint { margin:4px 0 0; color:#60788a; font-size:13px; text-align:left!important; }
.project-records-carousel :focus-visible { outline:3px solid #1097a7; outline-offset:3px; }
@media(max-width:767px) {
  .project-records-carousel { margin-top:52px; }
  .project-records-carousel .project-records-heading { display:block; }
  .project-records-controls { margin-top:20px; justify-content:flex-start; }
  .project-records-carousel .project-records { gap:16px; }
  .project-records-carousel .project-record-card { flex-basis:100%; }
  .project-records-carousel .project-record-media { height:520px; min-height:0; padding:10px; }
  .project-records-carousel .project-record-card figcaption { min-height:68px; padding:16px; }
}
@media(max-width:420px) { .project-records-carousel .project-record-media { height:470px; } }
@media(prefers-reduced-motion:reduce) { .project-records-carousel .project-records { scroll-behavior:auto!important; } }