/* Zagros editorial carousel: source artwork, large touch targets, no library. */
.pa-showcase {
  --pa-showcase-inset:0px;
  --pa-showcase-gap:14px; --pa-showcase-ink:#0b4297;
  position:relative; width:100%; min-width:0; overflow:hidden; isolation:isolate;
  padding:24px 0; color:var(--pa-showcase-ink);
}
html body .pa-showcase.pa-section { padding-block:24px!important; padding-inline:0!important; margin:0!important; width:100%!important; max-width:none!important; }
/* Flush panel edges: slide corners belong to cards, not the viewport. */
.pa-showcase__panel { width:100%; max-width:none; min-width:0; margin-inline:var(--pa-showcase-inset); border-radius:0!important; overflow:hidden; }
.pa-showcase *, .pa-showcase *::before, .pa-showcase *::after { box-sizing:border-box; }
.pa-showcase__viewport {
  --pa-showcase-frame:calc(100vw - 2 * var(--pa-showcase-inset));
  /* Three whole cards, four gaps and a visible 36px neighbour on EACH side. */
  --pa-showcase-width:calc((var(--pa-showcase-frame) - 128px)/3);
  direction:ltr; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; scroll-snap-type:x mandatory; touch-action:auto; -webkit-user-select:none; user-select:none;
}
.pa-showcase__viewport::-webkit-scrollbar { display:none; }
.pa-showcase__track { display:flex; width:max-content; gap:var(--pa-showcase-gap); padding:0 20px; margin:0; align-items:stretch; }
.pa-showcase.is-ready .pa-showcase__viewport { overflow:hidden; cursor:grab; touch-action:pan-y pinch-zoom; }
.pa-showcase.is-ready .pa-showcase__track { padding:0; }
.pa-showcase.is-running .pa-showcase__track,.pa-showcase.is-dragging .pa-showcase__track { will-change:transform; }
.pa-showcase.is-dragging .pa-showcase__viewport { cursor:grabbing; }
.pa-showcase .pa-showcase__card { position:relative; flex:0 0 var(--pa-showcase-width); width:var(--pa-showcase-width); height:var(--pa-showcase-height-desktop,auto); aspect-ratio:4/3; min-width:0; overflow:hidden; border:0; border-radius:22px; background:#111821; scroll-snap-align:center; isolation:isolate; }
.pa-showcase .pa-showcase__card--placeholder { background:#d6d9de; }
.pa-showcase .pa-showcase__card--placeholder[data-placeholder-tone="2"] { background:#c9ced5; }
.pa-showcase .pa-showcase__card--placeholder[data-placeholder-tone="3"] { background:#bcc3cc; }
.pa-showcase .pa-showcase__card--placeholder[data-placeholder-tone="4"] { background:#dde0e4; }
.pa-showcase .pa-showcase__card--placeholder[data-placeholder-tone="5"] { background:#c7ccd3; }
.pa-showcase__picture { display:block; position:absolute; inset:0; }
.pa-showcase .pa-showcase__picture img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; -webkit-user-drag:none; }
.pa-showcase [data-fit="contain"] .pa-showcase__picture img { object-fit:contain; }
.pa-showcase__link { position:absolute; inset:0; z-index:1; border-radius:inherit; }
.pa-showcase__copy { position:absolute; inset:auto 0 0; display:flex; flex-direction:row; direction:rtl; align-items:end; justify-content:space-between; gap:14px; padding:55px 20px 20px; color:white; text-align:right; background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.25) 72%,transparent); pointer-events:none; z-index:2; }
.pa-showcase__copy>div { min-width:0; }
.pa-showcase .pa-showcase__copy h3 { margin:0; font-size:clamp(16px,1.5vw,22px); line-height:1.6; color:#fff; font-weight:850; }
.pa-showcase .pa-showcase__copy p { margin:4px 0 0; font-size:13px; color:#fff; line-height:1.6; }
.pa-showcase .pa-showcase__cta { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 20px; border-radius:999px; color:#0b3673; background:#fff; font-size:12px; line-height:1.6; font-weight:800; text-align:center; pointer-events:auto; position:relative; z-index:3; box-shadow:0 3px 12px #0002; }
.pa-showcase .pa-showcase__cta:hover { background:#eaf1fb; }
.pa-showcase__controls { direction:ltr; position:relative; display:flex; align-items:center; justify-content:center; max-width:1600px; min-height:58px; margin:6px auto 0; padding:0 64px; }
.pa-showcase [hidden] { display:none!important; }
.pa-showcase__dots { display:flex; justify-content:center; align-items:center; min-width:0; padding-inline:6px; border-radius:999px; background:#f4f7fb; color:#0b4297; }
.pa-showcase .pa-showcase__dot { display:grid; place-items:center; width:28px; height:44px; padding:0; border:0; background:transparent; color:inherit; border-radius:12px; cursor:pointer; transition:width .25s ease; }
.pa-showcase__dot>span { display:block; position:relative; width:8px; height:8px; border-radius:100px; overflow:hidden; background:currentColor; opacity:.35; transition:width .25s ease; }
.pa-showcase .pa-showcase__dot[aria-current="true"] { width:52px; }
.pa-showcase__dot[aria-current="true"]>span { width:38px; opacity:1; background:color-mix(in srgb,currentColor 22%,transparent); }
.pa-showcase__dot i { position:absolute; inset:0; background:currentColor; border-radius:inherit; transform:scaleX(0); transform-origin:left center; }
.pa-showcase__dot:not([aria-current="true"]) i { display:none; }
.pa-showcase .pa-showcase__toggle { position:absolute; right:18px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:44px; height:44px; min-height:44px; padding:10px; border:1px solid color-mix(in srgb,currentColor 12%,transparent); border-radius:50%; color:#0b4297; background:#f4f7fb; cursor:pointer; }
.pa-showcase__toggle svg { grid-area:1/1; display:block; width:24px; height:24px; }
.pa-showcase__pause { visibility:hidden; }
.pa-showcase.is-playing .pa-showcase__pause { visibility:visible; }
.pa-showcase.is-playing .pa-showcase__play { visibility:hidden; }
.pa-showcase a:focus-visible { outline:3px solid #62a5ff; outline-offset:-4px; }
.pa-showcase button:focus-visible,.pa-showcase__viewport:focus-visible { outline:3px solid currentColor; outline-offset:-3px; }
@media(min-width:761px) and (max-width:1068px) { .pa-showcase__viewport { --pa-showcase-width:clamp(300px,calc(var(--pa-showcase-frame)*.45),440px); } }
@media(max-width:760px) {
  .pa-showcase { --pa-showcase-gap:12px; padding:16px 0; }
  /* Portrait centre card matches the mobile reference; neighbours stay flush. */
  .pa-showcase__viewport { --pa-showcase-width:min(400px,calc(var(--pa-showcase-frame)*.8)); }
  html body .pa-showcase.pa-section { padding-block:16px!important; }
  .pa-showcase .pa-showcase__card { height:var(--pa-showcase-height-mobile,auto); aspect-ratio:4/5; border-radius:19px; }
  /* Scale from the edge facing the centre so peeks and the 12px gaps stay open.
     Only slide changes animate. Clone recentering and resize are instantaneous. */
  .pa-showcase.is-ready .pa-showcase__card { transform:scale(.87); transform-origin:center; transition:none; }
  .pa-showcase.is-ready .pa-showcase__card[data-showcase-side="before"] { transform-origin:right center; }
  .pa-showcase.is-ready .pa-showcase__card[data-showcase-side="after"] { transform-origin:left center; }
  .pa-showcase.is-ready .pa-showcase__card.is-current { transform:scale(1); }
  .pa-showcase.is-changing .pa-showcase__card { transition:transform 650ms cubic-bezier(.22,.61,.36,1); }
  .pa-showcase__copy { flex-direction:column; align-items:stretch; gap:12px; padding:50px 20px 20px; }
  .pa-showcase .pa-showcase__copy h3 { font-size:19px; }
  .pa-showcase .pa-showcase__cta { align-self:center; min-width:64%; font-size:13px; }
  .pa-showcase__controls { width:min(80%,400px); min-height:52px; padding:0 32px; }
  .pa-showcase .pa-showcase__toggle { right:-12px; }
  .pa-showcase__dots { color:#7b8798; }
  .pa-showcase__dot:not([aria-current="true"])>span { opacity:.65; }
  .pa-showcase .pa-showcase__dot[aria-current="true"] { color:#0b57ad; }
  .pa-showcase .pa-showcase__dot { width:24px; }
}
@media(prefers-reduced-motion:reduce) { .pa-showcase *, .pa-showcase *::before { transition:none!important; animation:none!important; } }
