.vpo-public-overview,.vpo-system-message{box-sizing:border-box;font-family:inherit} .vpo-public-overview *,.vpo-public-overview *::before,.vpo-public-overview *::after,.vpo-system-message *,.vpo-system-message *::before,.vpo-system-message *::after{box-sizing:inherit} .vpo-public-overview{--vpo-header-bg:#004d4d;--vpo-header-text:#ffffff;--vpo-accent:#00a192;--vpo-accent-text:#ffffff;--vpo-page-bg:#f5fbfa;--vpo-card-bg:#ffffff;--vpo-card-text:#143838;--vpo-muted-text:#6f8a8a;--vpo-cover-bg:#ffffff;width:100%;min-height:70vh;overflow:hidden;background:var(--vpo-page-bg);color:var(--vpo-card-text)} .vpo-profile-header{position:relative;overflow:hidden;background:var(--vpo-header-bg);color:var(--vpo-header-text)} .vpo-profile-header::after{content:"";position:absolute;inset:auto -8% -95px 38%;height:190px;border-radius:50%;background:color-mix(in srgb,var(--vpo-accent) 74%,transparent);opacity:.42;pointer-events:none} .vpo-profile-header-inner,.vpo-public-content{width:min(1440px,calc(100% - 48px));margin:0 auto} .vpo-profile-header-inner{position:relative;z-index:1;padding:56px 0 50px} .vpo-brand-block{display:flex;align-items:center;gap:28px} .vpo-brand-logo-link{display:inline-flex;flex:0 0 auto;text-decoration:none} .vpo-brand-logo{display:block;width:auto;max-width:min(360px,42vw);height:76px;object-fit:contain;object-position:left center} .vpo-brand-monogram{display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;border:1px solid color-mix(in srgb,var(--vpo-header-text) 32%,transparent);background:color-mix(in srgb,var(--vpo-header-text) 10%,transparent);color:var(--vpo-header-text);font-size:34px;font-weight:750} .vpo-brand-copy{min-width:0} .vpo-eyebrow{margin:0 0 8px;font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase} .vpo-brand-copy h1{margin:0;color:inherit;font-size:clamp(30px,4vw,54px);line-height:1.08;font-weight:750;overflow-wrap:anywhere} .vpo-profile-description{max-width:760px;margin:14px 0 0;color:color-mix(in srgb,var(--vpo-header-text) 86%,transparent);font-size:15px;line-height:1.55;overflow-wrap:anywhere} .vpo-profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px;margin-top:16px;color:color-mix(in srgb,var(--vpo-header-text) 80%,transparent);font-size:14px} .vpo-profile-meta-item,.vpo-publication-count{display:inline-flex;align-items:center;gap:7px;margin:0;color:inherit;font-size:inherit;text-decoration:none !important} .vpo-profile-meta-item svg{width:17px;height:17px;flex:0 0 17px} .vpo-profile-website:hover,.vpo-profile-website:focus-visible{color:var(--vpo-header-text);text-decoration:underline !important;text-underline-offset:3px} .vpo-public-content{padding:48px 0 64px} .vpo-publication-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:34px 28px;align-items:start} .vpo-publication-card{min-width:0;margin:0;background:var(--vpo-card-bg)} .vpo-publication-link{display:block;color:inherit;text-decoration:none !important} .vpo-cover-frame{position:relative;display:grid;place-items:center;aspect-ratio:3 / 4;overflow:hidden;background:var(--vpo-cover-bg);border:1px solid color-mix(in srgb,var(--vpo-card-text) 14%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--vpo-card-text) 11%,transparent);transform:translateY(0);transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease} .vpo-publication-link:hover .vpo-cover-frame,.vpo-publication-link:focus-visible .vpo-cover-frame{transform:translateY(-5px);border-color:var(--vpo-accent);box-shadow:0 18px 42px color-mix(in srgb,var(--vpo-card-text) 18%,transparent)} .vpo-public-overview .vpo-cover-frame>.vpo-cover-media{position:absolute !important;inset:0 !important;z-index:0;display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;background:var(--vpo-cover-bg) !important} .vpo-public-overview .vpo-cover-frame>.vpo-cover-media>img.vpo-cover-image{position:static !important;display:block !important;flex:0 0 100% !important;width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important;max-width:100% !important;max-height:100% !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;object-fit:contain !important;object-position:50% 50% !important;transform:none !important;clip-path:none !important;background:transparent !important} .vpo-cover-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;padding:28px;background:var(--vpo-cover-bg);color:var(--vpo-accent);text-align:center} .vpo-cover-placeholder svg{width:56px;height:auto} .vpo-cover-placeholder span{font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase} .vpo-open-badge{position:absolute;z-index:2;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;background:var(--vpo-accent);color:var(--vpo-accent-text);opacity:0;transform:translateY(8px);transition:opacity 180ms ease,transform 180ms ease} .vpo-open-badge svg{width:20px;height:20px} .vpo-publication-link:hover .vpo-open-badge,.vpo-publication-link:focus-visible .vpo-open-badge{opacity:1;transform:translateY(0)} .vpo-publication-copy{min-height:82px;padding:16px 14px 14px;background:var(--vpo-card-bg)} .vpo-publication-copy h2{margin:0;color:var(--vpo-card-text);font-size:17px;line-height:1.35;font-weight:700;overflow-wrap:anywhere} .vpo-publication-copy p{margin:7px 0 0;color:var(--vpo-muted-text);font-size:13px;line-height:1.5} .vpo-empty-state,.vpo-system-message{width:min(680px,100%);margin:32px auto;padding:46px 36px;background:var(--vpo-card-bg,#ffffff);border:1px solid color-mix(in srgb,var(--vpo-card-text,#143838) 14%,transparent);color:var(--vpo-card-text,#143838);text-align:center} .vpo-empty-state .vpo-cover-placeholder{width:116px;height:146px;margin:0 auto 24px;padding:18px;border:1px solid color-mix(in srgb,var(--vpo-card-text) 14%,transparent)} .vpo-empty-state .vpo-cover-placeholder svg{width:40px} .vpo-empty-state h2,.vpo-empty-state h3,.vpo-system-message h2{margin:0;color:var(--vpo-card-text,#143838)} .vpo-empty-state p,.vpo-system-message p{margin:10px 0 0;color:var(--vpo-muted-text,#6f8a8a)} @media (max-width:760px){.vpo-profile-header-inner,.vpo-public-content{width:min(100% - 28px,1440px)} .vpo-profile-header-inner{padding:36px 0 34px} .vpo-brand-block{align-items:flex-start;flex-direction:column;gap:20px} .vpo-profile-description{font-size:14px} .vpo-profile-meta{align-items:flex-start;flex-direction:column;gap:8px} .vpo-brand-logo{max-width:min(360px,78vw);height:60px} .vpo-brand-monogram{width:62px;height:62px;flex-basis:62px;font-size:28px} .vpo-public-content{padding:30px 0 46px} .vpo-publication-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px} .vpo-publication-copy h2{font-size:15px} .vpo-open-badge{right:10px;bottom:10px;width:36px;height:36px;opacity:1;transform:none}} @media (max-width:430px){.vpo-publication-grid{grid-template-columns:minmax(0,1fr);max-width:310px;margin:0 auto} .vpo-publication-copy h2{font-size:17px} .vpo-empty-state,.vpo-system-message{padding:34px 22px}} .vpo-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important} .vpo-skip-link{position:fixed;z-index:100000;top:8px;left:8px;padding:11px 16px;background:#ffffff;color:#000000;border:2px solid #000000;font-weight:700;text-decoration:underline;transform:translateY(-160%)} .vpo-skip-link:focus{transform:translateY(0)} .vpo-public-overview a:focus-visible,.vpo-public-overview button:focus-visible,.vpo-public-overview [tabindex]:focus-visible{outline:3px solid currentColor !important;outline-offset:4px !important;box-shadow:0 0 0 2px var(--vpo-page-bg) !important} .vpo-profile-website{text-decoration:underline !important;text-underline-offset:3px} .vpo-brand-logo-link,.vpo-profile-website,.vpo-publication-link{min-width:24px;min-height:24px} .vpo-publication-link:focus-visible .vpo-cover-frame{transform:translateY(-5px);border-color:var(--vpo-accent);box-shadow:0 18px 42px color-mix(in srgb,var(--vpo-card-text) 18%,transparent)} .vpo-public-content:focus{outline:none} @media (prefers-reduced-motion:reduce){.vpo-public-overview *,.vpo-public-overview *::before,.vpo-public-overview *::after{scroll-behavior:auto !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} .vpo-publication-link:hover .vpo-cover-frame,.vpo-publication-link:focus-visible .vpo-cover-frame{transform:none}} @media (forced-colors:active){.vpo-public-overview,.vpo-profile-header,.vpo-publication-card,.vpo-cover-frame,.vpo-empty-state,.vpo-system-message{forced-color-adjust:auto} .vpo-cover-frame,.vpo-empty-state,.vpo-system-message{border:1px solid CanvasText} .vpo-open-badge{border:1px solid ButtonText}} .vpo-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:42px;flex-wrap:wrap} .vpo-pagination-pages{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap} .vpo-pagination-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:42px;min-height:42px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--vpo-card-text) 18%,transparent);border-radius:10px;background:var(--vpo-card-bg);color:var(--vpo-card-text);font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,transform 160ms ease} .vpo-pagination-link:hover{border-color:var(--vpo-accent);color:var(--vpo-accent);transform:translateY(-1px)} .vpo-pagination-current{border-color:var(--vpo-accent);background:var(--vpo-accent);color:var(--vpo-accent-text);cursor:default} .vpo-pagination-current:hover{color:var(--vpo-accent-text);transform:none} .vpo-pagination-prev,.vpo-pagination-next{min-width:auto;padding-inline:15px} .vpo-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:42px;color:var(--vpo-muted-text);font-weight:700} @media (max-width:520px){.vpo-pagination{gap:10px;margin-top:34px} .vpo-pagination-pages{order:3;width:100%} .vpo-pagination-prev,.vpo-pagination-next{flex:1 1 120px}}
