/* Viva Palestyna shares the presentation → scope → navigation pattern of 01–05. */
html #projects-inner #case-viva-palestyna>.viva-case-body{display:block;grid-template-columns:none;margin:0;padding:0;min-width:0;overflow-anchor:none;color:var(--ink,#202020);font-family:var(--sans,Arial,sans-serif)}
html #case-viva-palestyna .viva-site-viewport{position:relative;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;box-shadow:none}
html #case-viva-palestyna .viva-live-site{display:block;width:calc(100% + 11px);height:85svh;min-height:560px;max-width:none;border:0;margin:0;background:#fff}
html #case-viva-palestyna .viva-site-viewport::after{content:'';position:absolute;inset:0 0 0 auto;width:6px;background:color-mix(in srgb,var(--paper,#fcfcf9) 58%,transparent);pointer-events:none}
html #case-viva-palestyna .site-preview-toolbar{display:flex;align-items:center;justify-content:flex-end;min-height:36px;margin:0 0 8px;padding:0;border:0;background:none}
html #case-viva-palestyna .site-preview-toolbar .site-fullscreen-toggle{opacity:.65}
html #case-viva-palestyna .site-preview-toolbar .site-fullscreen-toggle:is(:hover,:focus-visible){opacity:1}
html #case-viva-palestyna>.project-body>.case-sequence{display:none!important}
html #projects-inner #case-viva-palestyna .wl-project-caption{display:block;grid-column:1/-1;width:100%;max-width:72ch;margin:28px 0 0;padding:0;text-align:start;letter-spacing:0}
html #projects-inner #case-viva-palestyna .wl-project-caption-title{margin:0 0 12px;padding:0;color:var(--ink,#202020);font:500 20px/26px var(--sans,Arial,sans-serif);letter-spacing:0;text-transform:none}
html #projects-inner #case-viva-palestyna .wl-project-caption-scope{margin:0;padding:0;color:var(--ink,#202020);font:400 14px/22px var(--sans,Arial,sans-serif);letter-spacing:0;text-wrap:pretty}
html #case-viva-palestyna .wl-project-caption-item{display:inline-block;max-width:100%;vertical-align:top}
html #projects-inner #case-viva-palestyna .wl-project-caption-meta{margin:8px 0 0;padding:0;color:var(--muted,#626262);font:400 14px/22px var(--sans,Arial,sans-serif);letter-spacing:0;text-wrap:pretty}
html #case-viva-palestyna .site-preview-expanded>.viva-live-site{width:100%!important;height:100%!important;min-height:0!important}
html #case-viva-palestyna .site-preview-expanded::after{display:none}
.wl-carousel-card[data-project=viva-palestyna] .wl-carousel-screen{position:relative;display:block;box-sizing:border-box;width:100%;aspect-ratio:16/9;margin:0;padding:0;line-height:0;background:transparent;overflow:hidden}
.wl-carousel-card[data-project=viva-palestyna] .viva-cover-image{position:absolute;inset:0;display:block;box-sizing:border-box;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;object-fit:cover;object-position:center;clip-path:none;pointer-events:none}
/* The original 960x600 bitmap contains ~39px white mattes. Cover alone crops
   only 30px at 16:9. A static 4% optical crop removes the mattes; keeping it
   in individual scale preserves the independent hover transform and reduced motion. */
.wl-carousel-card[data-project=viva-palestyna] .viva-cover-image{scale:1.04;transform-origin:center}
@media(max-width:600px){html #case-viva-palestyna .viva-live-site{min-height:520px}html #projects-inner #case-viva-palestyna .wl-project-caption{margin-top:24px}}