/* Shared navigation, controls and certification footer. Linked before site-consistency.css. */
.playroom .site-header,.playroom.detail-page .site-header{height:auto;min-height:64px;position:sticky;top:12px;width:calc(100% - 32px);max-width:1280px;margin:12px auto 0;padding:10px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;border:1px solid #ffffff80;border-radius:18px;background:linear-gradient(180deg,#ffffff63 0%,#ffffff45 100%,#ffffff4a 100%);-webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff25,0 6px 16px #22220f0e,0 1px 3px #22220f06;z-index:20}
.playroom .wordmark{font-family:var(--heading);font-size:1.4rem;font-weight:650;letter-spacing:-.065em;white-space:nowrap}
.playroom .site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 30px;margin:0;font-size:.875rem}
.playroom .site-header nav a{color:var(--ink);text-decoration:none;padding:9px 0}
.playroom .site-header nav a:hover{text-decoration:none}
.playroom .site-header nav a.members-link{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px}
.playroom .members-link svg{display:block;flex:none}
@media(min-width:801px) and (max-width:1150px){.playroom .site-header nav{gap:4px}.playroom .site-header nav a{padding-inline:8px;font-size:.8125rem}}
.playroom .site-menu{display:contents}
.playroom .site-menu>.nav-cta{justify-self:end}
.playroom .menu-toggle{display:none}
.playroom .nav-cta,.playroom .button,.playroom.detail-page .btn{border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;box-shadow:2px 3px 0 #fff,3px 4px 0 var(--ink);padding:.8rem 1.2rem;font-family:var(--sans);font-size:.875rem;font-weight:500;line-height:1.3;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:24px}
.playroom .nav-cta{padding:.6rem .9rem;gap:15px}
.playroom .button:hover,.playroom .nav-cta:hover,.playroom.detail-page .btn:hover{background:var(--ink);transform:translate(2px,2px);box-shadow:0 1px 0 #fff,1px 2px 0 var(--ink)}
.playroom .button:active,.playroom .nav-cta:active,.playroom.detail-page .btn:active{transform:translate(3px,4px);box-shadow:none}
.playroom a:focus-visible,.playroom button:focus-visible,.playroom summary:focus-visible{outline:3px solid #593098;outline-offset:6px}
@media(max-width:800px){.playroom .site-header,.playroom.detail-page .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;height:auto;min-height:64px;padding:12px 16px}
.playroom .site-menu{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:18px}
.playroom .site-header nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:0;border:0}
.playroom .site-header nav a{display:block!important;width:100%;padding:16px 12px;text-align:center;font-family:var(--heading);font-size:1.5rem;font-weight:650;line-height:1.3;letter-spacing:-.03em}
.playroom .site-header nav a.members-link{display:flex!important}
.playroom .site-menu>.nav-cta{align-self:flex-start;margin-bottom:4px}
.playroom .menu-ready .menu-toggle{display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}
.playroom .menu-ready .site-menu{position:absolute;inset:calc(100% + 8px) 0 auto;background:#fffff8;border:1px solid #17171420;border-radius:16px;box-shadow:0 12px 24px #17171418;padding:20px;max-height:calc(100dvh - 100% - 42px);overflow-y:auto;overscroll-behavior:contain}
.playroom .menu-ready .menu-toggle[aria-expanded="false"]~.site-menu{display:none}
.playroom .menu-ready .menu-toggle[aria-expanded="true"] .menu-top{transform:translateY(6px) rotate(45deg)}
.playroom .menu-ready .menu-toggle[aria-expanded="true"] .menu-middle{opacity:0}
.playroom .menu-ready .menu-toggle[aria-expanded="true"] .menu-bottom{transform:translateY(-6px) rotate(-45deg)}
.playroom .menu-toggle path{transform-box:fill-box;transform-origin:center}
}
/* Reserve the enhanced header before the deferred menu script runs. Without
   scripting, the navigation remains expanded and every link stays accessible. */
@media(max-width:800px) and (scripting:enabled){
 .playroom .site-header:not(.menu-ready){min-height:70px}
 .playroom .site-header:not(.menu-ready) .site-menu{display:none}
}
@media(prefers-reduced-motion:reduce){.playroom .nav-cta,.playroom .button,.playroom.detail-page .btn{transition:none}
}
.playroom.detail-page .btn.ghost{background:#fff;color:var(--ink);box-shadow:2px 3px 0 var(--ink);border-radius:8px}
.playroom.detail-page .btn.ghost:hover{background:var(--rose);box-shadow:1px 1px 0 var(--ink)}

.playroom .site-footer a:focus-visible{outline-color:#f7fbcf}

.playroom .skip{position:fixed;left:16px;top:-100px;z-index:100;padding:8px 16px;background:white;color:#111}
.playroom .skip:focus{top:16px}

.playroom .certification-footer{position:relative;display:block;width:100%;max-width:none;margin:0;border:0;border-top:clamp(48px,6vw,80px) solid var(--wash);padding:42px 0;background:#141512;color:#f6f2e9}
.playroom .badge-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;list-style:none;padding:0;margin:0 auto;width:calc(100% - 64px);max-width:800px}
.playroom .badge-grid>li{flex:0 0 calc((100% - 96px)/5);min-width:0;display:flex;align-items:center;justify-content:center}
.playroom .badge-grid img{display:block;width:70%;height:84px;object-fit:contain;filter:grayscale(1);opacity:.88}
.playroom .badge-grid .badge-prince2 img{filter:grayscale(1) invert(1) brightness(1.7);mix-blend-mode:screen}
@media(max-width:800px){.playroom .badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;max-width:560px}
.playroom .badge-grid img{height:clamp(56px,16.8vw,84px)}
}
@media(max-width:800px){.playroom .certification-footer{padding-block:30px}
.playroom .badge-grid{width:calc(100% - 40px)}
}

.wordmark .wordmark-dot{color:#fff}

.playroom .site-header nav a{padding-inline:12px;border-radius:5px;transition:background-color .18s ease}
.playroom .site-header nav a:is(:hover,:focus-visible){background-color:color-mix(in srgb,var(--ink) 7%,transparent)}
.playroom .menu-toggle path{transition:transform .2s ease,opacity .16s ease}
@media(max-width:800px){.playroom .menu-ready .menu-toggle[aria-expanded="true"]~.site-menu{animation:reading-reveal .18s ease-out both}
}

.playroom .site-header nav a[aria-current="page"]{text-decoration:none;background-color:color-mix(in srgb,var(--ink) 7%,transparent)}

.playroom[data-page="home"] .site-header{top:18px;margin-top:18px}


@keyframes reading-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}