/* Decorative avatar. Controls alone accept pointer input. */
#avatar-slot{position:relative;width:100%;height:520px;min-width:0;align-self:center}
#avatar-layer{position:absolute;inset:0;pointer-events:none;transform-origin:0 0}
.avatar-enhanced #avatar-layer{position:fixed;inset:auto;left:0;top:0;z-index:8;will-change:transform}
#avatar{position:absolute;inset:0;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 70%,transparent 90%);-webkit-mask-image:linear-gradient(#000 0%,#000 70%,transparent 90%)}
#avatar canvas,#avatar .poster{position:absolute;width:100%;height:100%;inset:0;display:block;object-fit:contain;max-width:none}
#avatar .poster{opacity:1;transition:opacity .3s}#avatar canvas{opacity:0;transition:opacity .3s}#avatar.loaded .poster{opacity:0}#avatar.loaded canvas{opacity:1}
.avatar-hero-control{display:block;background:none;border:0;border-bottom:1px solid #617184;color:#b8c3d0;padding:6px 0;margin-top:17px;font-size:12px;cursor:pointer;min-height:32px}
#dock-controls{position:fixed;right:24px;bottom:24px;z-index:9;display:flex;gap:6px}
#dock-controls button,#show-avatar{font:400 11px/1.4 Ubuntu,Arial,sans-serif;min-height:36px;border:1px solid #8d9dae;border-radius:20px;background:#0c1b2a;color:#eef0f2;padding:8px 11px;cursor:pointer;box-shadow:0 2px 12px #06111d18}
#dock-controls button:hover,#show-avatar:hover{background:#24374b;color:#f4e0b3}
#show-avatar{position:fixed;right:24px;bottom:24px;z-index:9}
#dock-controls button:focus-visible,#show-avatar:focus-visible{outline:3px solid #4a87bd;outline-offset:3px}
[hidden]{display:none!important}
/* A reading gutter leaves room for the avatar without covering links or text. */
@media(min-width:901px){.avatar-enhanced main>.section>.container,.avatar-enhanced main>.promise>.container,.avatar-enhanced main>.newsletter>.container,.avatar-enhanced .site-footer>.container{width:min(1200px,calc(100% - 310px));margin-left:max(48px,calc((100% - 1462px)/2));margin-right:auto}.avatar-enhanced .section-intro{gap:35px}.avatar-enhanced .steps{gap:25px}.avatar-enhanced .newsletter-panel{padding:38px;gap:32px}.avatar-enhanced .footer-inner{flex-wrap:wrap}.avatar-enhanced .skos-project{gap:18px;padding:32px}.avatar-enhanced .skos-copy h3{font-size:28px}}
@media(min-width:901px) and (max-width:1200px){.avatar-enhanced .section-intro,.avatar-enhanced .skos-project,.avatar-enhanced .newsletter-panel,.avatar-enhanced .promise-grid{grid-template-columns:1fr}.avatar-enhanced .steps{grid-template-columns:1fr}.avatar-enhanced .step p{max-width:none}.avatar-enhanced .commitments{grid-template-columns:1fr 1fr}.avatar-enhanced .approach-result{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){#dock-controls,#show-avatar{display:none!important}}
@media(max-width:760px){#avatar-slot{height:410px;width:min(410px,100%);justify-self:center}.hero-grid{gap:5px}.hero-bottom{margin-top:0}}
@media(prefers-reduced-motion:reduce){#avatar .poster,#avatar canvas{transition:none}}
@media print{#avatar-slot,#avatar-layer,#dock-controls,#show-avatar,.avatar-hero-control{display:none!important}.avatar-enhanced main>.section>.container,.avatar-enhanced main>.promise>.container,.avatar-enhanced main>.newsletter>.container,.avatar-enhanced .site-footer>.container{width:100%;margin:0}}