html{scrollbar-gutter:stable}
html.pd-modal-open{overflow:hidden}
html #top.pd-site #wrap_all .pd-case-overview{font-size:13px;line-height:1.8;color:var(--pd-muted);margin-bottom:22px}
html #top.pd-site #wrap_all .pd-showcase-body h3 a:hover{}
:where(html #top.pd-site #wrap_all .pd-showcase-body h3 a:hover){color:var(--pd-blue)}
html #top.pd-site #wrap_all .pd-software-card .pd-symbol{margin-bottom:22px}
html #top.pd-site #wrap_all .pd-software-card .pd-eyebrow{margin-bottom:16px}
html #top.pd-site #wrap_all .pd-project-image-link{display:block;overflow:hidden}
html #top.pd-site #wrap_all .pd-project-dialog{width:calc(100% - 48px);max-width:1000px;max-height:90vh;max-height:90svh;padding:0;border:1px solid var(--pd-line);border-radius:8px;background:var(--pd-paper);color:var(--pd-ink);overscroll-behavior:contain;box-shadow:0 25px 90px color-mix(in srgb, var(--pd-dark) 33.33%, transparent);}
html #top.pd-site #wrap_all .pd-project-dialog::backdrop{background:color-mix(in srgb, var(--pd-dark) 76.86%, transparent)}
html #top.pd-site #wrap_all .pd-project-sheet{position:relative}
html #top.pd-site #wrap_all .pd-dialog-close{position:sticky;z-index:2;top:14px;float:right;margin:14px 16px -52px 0;min-height:40px;padding:9px 14px;border:1px solid var(--pd-dark-copy);border-radius:4px;background:var(--pd-paper);color:var(--pd-ink);font:600 12px/1.4 Manrope,Arial,sans-serif;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--pd-dark) 6.27%, transparent)}
html #top.pd-site #wrap_all .pd-dialog-close span{font-size:19px;line-height:1;margin-left:10px;vertical-align:middle}
html #top.pd-site #wrap_all .pd-dialog-image{margin:0;max-height:450px;overflow:hidden;background:var(--pd-soft);aspect-ratio:1.85}
html #top.pd-site #wrap_all .pd-dialog-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
html #top.pd-site #wrap_all .pd-dialog-body{padding:38px 44px 44px;clear:both}
html #top.pd-site #wrap_all .pd-dialog-body h2{font-size:42px;margin-bottom:16px}
html #top.pd-site #wrap_all .pd-dialog-body .pd-eyebrow{margin-bottom:16px}
html #top.pd-site #wrap_all .pd-case-status{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--pd-muted);border-bottom:1px solid var(--pd-line);padding-bottom:22px;margin-bottom:25px}
html #top.pd-site #wrap_all .pd-case-prose{font-size:15px;line-height:1.85;max-width:850px}
html #top.pd-site #wrap_all .pd-case-prose h3{font-size:23px;margin:32px 0 14px}
html #top.pd-site #wrap_all .pd-case-prose p{color:var(--pd-muted)}
html #top.pd-site #wrap_all .pd-case-prose .pd-case-lead{font-size:19px;color:var(--pd-ink)}
html #top.pd-site #wrap_all .pd-case-prose ul{margin:0 0 24px 20px;color:var(--pd-muted)}
html #top.pd-site #wrap_all .pd-case-prose li{padding-left:4px;margin-bottom:7px}
html #top.pd-site #wrap_all .pd-case-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;border-top:1px solid var(--pd-line);padding-top:26px;margin-top:32px}
html #top.pd-site #wrap_all .pd-case-permalink{display:inline-block;margin-top:26px;font-size:11px;text-decoration:underline;text-underline-offset:3px;color:var(--pd-muted)}
html #top.pd-site #wrap_all .pd-software-case .pd-symbol{width:120px;height:120px}
@media(max-width:767px){html #top.pd-site #wrap_all .pd-project-dialog{width:calc(100% - 24px);max-height:94vh;max-height:94svh;border-radius:5px}html #top.pd-site #wrap_all .pd-dialog-body{padding:28px 23px}html #top.pd-site #wrap_all .pd-dialog-body h2{font-size:30px;overflow-wrap:anywhere}html #top.pd-site #wrap_all .pd-dialog-close{top:10px;margin:10px 10px -50px 0}html #top.pd-site #wrap_all .pd-dialog-image{aspect-ratio:1.4}html #top.pd-site #wrap_all .pd-case-prose{font-size:14px}html #top.pd-site #wrap_all .pd-case-prose .pd-case-lead{font-size:17px}}
html #top.pd-site #wrap_all .pd-project-image-link .image-overlay{display:none!important}

html #top.pd-site #wrap_all .pd-dialog-toolbar{position:sticky;top:0;height:0;z-index:2}
html #top.pd-site #wrap_all .pd-dialog-close{position:absolute;right:16px;top:14px;float:none;margin:0}
html #top.pd-site #wrap_all .pd-dialog-no-image{padding-top:76px}
html #top.pd-site #wrap_all .pd-project-dialog[open] .pd-project-sheet{animation:pd-dialog-enter .18s ease-out both}
@keyframes pd-dialog-enter{from{opacity:.85;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){html #top.pd-site #wrap_all .pd-dialog-close{right:10px;top:10px}html #top.pd-site #wrap_all .pd-dialog-no-image{padding-top:68px}}
html #top.pd-site #wrap_all .pd-dialog-image{width:100%}

@media(max-width:767px){html #top.pd-site #wrap_all .pd-dialog-close{min-height:44px}}

/* Portfolio images share one frame; preserve software artwork and website mockups. */
html #top.pd-site #wrap_all .pd-showcase-screen{aspect-ratio:1030/715;height:auto;overflow:hidden;margin:0;background:var(--pd-paper)}
html #top.pd-site #wrap_all .pd-showcase-screen img{display:block;width:100%;height:100%;aspect-ratio:1030/715;object-fit:contain;object-position:center}
html #top.pd-site #wrap_all .pd-dialog-image{aspect-ratio:1030/715;max-height:none}
html #top.pd-site #wrap_all .pd-dialog-image img{object-fit:contain}

/* Portfolio category pagination retains the native Enfold columns and colours. */
#top #wrap_all .flex_column[hidden]{display:none!important}
#top #wrap_all .pd-project-pagination{clear:both;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding-top:32px;width:100%}
#top #wrap_all .pd-project-pagination .pd-button{min-width:44px;min-height:44px;padding:10px 16px;cursor:pointer}
#top #wrap_all .pd-project-pagination .pd-button[aria-current="page"]{outline:2px solid currentColor;outline-offset:3px}
#top #wrap_all .pd-project-pagination .pd-button:disabled{opacity:.4;cursor:default}
#top #wrap_all .pd-project-page-status{flex-basis:100%;text-align:center;margin-top:8px;font-size:14px}
#websites,#software{scroll-margin-top:110px}