.adm-portfolio .gallery-window .gallery-track>.card{flex:0 0 min(85vw,var(--adm-card-width));max-width:100%}.adm-portfolio .project-media{aspect-ratio:var(--adm-ratio);height:auto}.adm-portfolio .gallery-track{align-items:flex-start}.adm-portfolio .gallery-controls button{top:calc(var(--media-height)/2)}
.adm-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;z-index:2}.adm-preview>span:not(.sr-only){background:#172b45b3;border:0;border-radius:99px;display:grid;place-items:center;width:48px;height:48px;font-size:1.5rem;line-height:1;text-align:center;opacity:.65;transition:opacity .2s}.adm-preview:hover>span:not(.sr-only),.adm-preview:focus-visible>span:not(.sr-only){opacity:1}.adm-preview:focus-visible{outline:3px solid var(--orange,#ff914d);outline-offset:-4px}
.adm-dialog-toolbar{position:sticky;top:0;z-index:4;display:flex;justify-content:flex-end;background:var(--surface);padding:.5rem 0;margin-bottom:1.5rem}.adm-dialog-navigation{position:sticky;top:50%;z-index:3;height:0;pointer-events:none}.adm-dialog-navigation button{position:absolute;top:0;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:1.25rem;pointer-events:auto;transform:translateY(-50%);box-shadow:0 4px 18px #0006}.adm-dialog-navigation button:first-child{left:calc(-1 * clamp(1rem,3vw,2.25rem))}.adm-dialog-navigation button:last-child{right:calc(-1 * clamp(1rem,3vw,2.25rem))}.adm-dialog-navigation button:hover,.adm-dialog-navigation button:focus-visible{border-color:var(--orange);color:var(--orange)}.adm-project-dialog .adm-dialog-close{margin:0}.adm-dialog-navigation[hidden]{display:none}
.adm-project-dialog{width:min(760px,calc(100% - 2rem));max-height:85svh;overflow-y:auto}.adm-project-dialog::backdrop{background:#000b}.adm-project-dialog h2{overflow-wrap:anywhere}.adm-specs dt{font-size:.875rem;color:var(--muted,#667)}.adm-specs dd{margin:.4rem 0 0;overflow-wrap:anywhere}.adm-detail-video{display:block;width:100%;height:auto;max-height:60svh;margin:1.5rem 0;background:#000}.adm-project-detail{max-width:900px;margin-inline:auto}.adm-project-dialog p,.adm-project-detail p,.adm-portfolio .card-title{overflow-wrap:anywhere}.adm-project-dialog .close-dialog{color:var(--text,#172b45)}
@media(prefers-reduced-motion:reduce){.adm-portfolio *{scroll-behavior:auto!important}}

.adm-portfolio .card>.text-link.preview-open{color:var(--orange,#ff914d);text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px;border-bottom:0}

.adm-eye-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.adm-preview .adm-eye-icon{width:24px;height:24px}

/* Keep navigation outside the independently scrolling project panel. */
.adm-project-dialog{width:min(760px,calc(100% - 128px));max-width:none;padding:0;border:0;background:transparent;overflow:visible;max-height:85svh}
.adm-dialog-panel{max-height:85svh;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:clamp(1.25rem,4vw,3rem)}
.adm-dialog-toolbar{position:static;background:transparent;padding:0;margin-bottom:1.5rem}
.adm-dialog-navigation{position:absolute;inset:0;height:auto;pointer-events:none}
.adm-dialog-navigation button{top:50%}
.adm-dialog-navigation button:first-child{left:-56px}
.adm-dialog-navigation button:last-child{right:-56px}
@media(max-width:600px){.adm-project-dialog{width:calc(100% - 104px)}.adm-dialog-panel{padding:1rem}.adm-dialog-navigation button:first-child{left:-48px}.adm-dialog-navigation button:last-child{right:-48px}.adm-project-dialog h2{font-size:clamp(1.4rem,6vw,2.5rem)}}