.person-works-layer[hidden],.person-works-layer [hidden]{display:none!important}
html.has-person-works,html.has-person-works body{overflow:hidden;overscroll-behavior:none}
.person-work-trigger{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;padding:0;cursor:pointer;min-height:var(--control-h)}
.person-works-layer{position:fixed;z-index:90;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:var(--c-overlay);box-sizing:border-box;color:var(--c-navy);font-family:var(--font-body)}
.person-works-dialog{box-sizing:border-box;width:100%;max-width:calc(var(--sp-40) * 15);max-height:min(100%,calc(var(--sp-40) * 18));margin:0;padding:0;border:1px solid var(--c-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--c-white);box-shadow:var(--shadow-float);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;line-height:var(--lh-normal)}
.person-works-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);padding:var(--sp-4) var(--sp-12);background:var(--c-white);border-bottom:1px solid var(--c-border)}
.person-works-heading h2{margin:0;font-family:var(--font-heading);font-size:var(--fs-ui-heading);line-height:var(--lh-normal)}
.person-works-close{flex:none;width:var(--control-h);height:var(--control-h);border:0;border-radius:var(--radius-m);padding:0;background:transparent;color:var(--c-navy);font:inherit;font-size:var(--fs-22);cursor:pointer}
.person-works-content{padding:var(--sp-12);padding-bottom:max(var(--sp-12),env(safe-area-inset-bottom))}
.person-works-profile{display:flex;align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-12);overflow-wrap:anywhere}
.person-works-avatar{position:relative;display:grid;place-items:center;flex:none;width:calc(var(--sp-32) * 2);height:calc(var(--sp-32) * 2);border-radius:var(--radius-pill);background:var(--c-bg-lilac);color:var(--c-role-collaborator);overflow:hidden}
.person-works-avatar svg{width:var(--sp-32);height:var(--sp-32);fill:currentColor}
.person-works-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.person-works-profile strong{display:block;font-size:var(--fs-ui-heading);font-weight:800}
.person-works-identity>span{font-size:var(--fs-ui-meta);color:var(--c-text-sub)}
.person-works-identity{flex:1;min-width:0}
.person-works-socials{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-8)}
.person-works-social{display:grid;place-items:center;flex:none;width:var(--control-h);height:var(--control-h);border-radius:var(--radius-pill);color:var(--c-x-black);background:var(--c-white);text-decoration:none}
.person-works-social-icon{display:grid;place-items:center;width:var(--sp-24);height:var(--sp-24)}
.person-works-social[data-service=x] .person-works-social-icon{background:var(--c-x-black);color:var(--c-white);border-radius:var(--radius-pill)}
.person-works-social-icon svg{width:100%;height:100%;fill:currentColor}
.person-works-social[data-service=x] svg{width:var(--sp-16);height:var(--sp-16)}
.person-works-youtube-play{fill:var(--c-white)}
.person-works-views{margin:var(--sp-8) 0 0;font-size:var(--fs-ui-body);color:var(--c-text-sub)}
.person-works-views strong{display:inline;font-size:inherit;font-weight:800;font-variant-numeric:tabular-nums;color:var(--c-navy)}
.person-works-tabs{display:flex;gap:var(--sp-12);margin-bottom:var(--sp-12);border-bottom:1px solid var(--c-border)}
.person-works-tabs button{min-height:var(--control-h);padding:var(--sp-4) 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--c-text-sub);font:inherit;font-size:var(--fs-ui-body);cursor:pointer}
.person-works-tabs button[aria-selected=true]{border-bottom-color:var(--c-navy);color:var(--c-navy);font-weight:800}
.person-works-rows{display:grid;gap:var(--sp-12)}
.person-works-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--sp-12);align-items:start;color:var(--c-navy);text-decoration:none;min-height:var(--control-h)}
.person-works-thumb{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:var(--c-bg-soft)}
.person-works-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.person-works-thumb svg{width:var(--sp-32);height:var(--sp-32);fill:var(--c-text-sub)}
.person-works-copy{min-width:0;overflow-wrap:anywhere}
.person-works-copy>a{color:var(--c-navy);text-decoration:none}
.person-works-copy strong{display:block;font-size:var(--fs-ui-body);line-height:var(--lh-normal)}
.person-works-copy>span,.person-works-copy>small{display:block;margin-top:var(--sp-4);font-size:var(--fs-ui-meta);color:var(--c-text-sub)}
.person-works-copy>small{color:var(--c-role-collaborator)}
.person-works-status{margin:var(--sp-16) 0;font-size:var(--fs-ui-body)}
.person-works-more{min-height:var(--control-h);max-width:100%;margin-top:var(--sp-12);padding:var(--sp-4) var(--sp-12);border:1px solid var(--c-border-input);border-radius:var(--radius-m);background:var(--c-white);color:var(--c-navy);font:inherit;font-size:var(--fs-ui-body);cursor:pointer}
.person-works-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12);margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid var(--c-border);font-size:var(--fs-ui-meta);color:var(--c-text-sub)}
.person-works-layer :is(button,a,[tabindex]):focus-visible,.person-work-trigger:focus-visible{outline:var(--focus-ring);box-shadow:var(--shadow-focus)}
@media (min-width: 960px){
  .person-works-layer{align-items:center;padding:var(--sp-12)}
  .person-works-dialog{border-radius:var(--radius-xl)}
}