/* Compact navigation stays in reach across the whole studio page. */
.masthead{padding-right:68px}
.site-navigation{position:fixed;top:16px;right:4.4vw;z-index:50;font-family:'Avenir Next','Helvetica Neue',Arial,sans-serif}
.site-menu-toggle{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;padding:11px;border:1px solid #a397ff66;border-radius:5px;background:#10111ce8;box-shadow:0 7px 24px #0004;backdrop-filter:blur(14px);touch-action:manipulation;transition:background .2s,border-color .2s}
.site-menu-toggle>span{display:block;width:22px;height:2px;border-radius:1px;background:#f2f3ee;transition:transform .2s,opacity .2s}
.site-menu-toggle:hover{background:#242035;border-color:var(--brand-readable)}
.site-menu-toggle[aria-expanded="true"]{background:var(--brand);border-color:var(--brand-letter)}
.site-menu-toggle[aria-expanded="true"]>span:first-child{transform:translateY(7px) rotate(45deg)}
.site-menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}
.site-menu-toggle[aria-expanded="true"]>span:last-child{transform:translateY(-7px) rotate(-45deg)}
.site-section-menu{position:absolute;top:60px;right:0;width:min(360px,calc(100vw - 44px));max-height:calc(100svh - 100px);overflow-y:auto;overscroll-behavior:contain;padding:23px 24px 18px;border:1px solid #9d8fff55;border-radius:7px;background:linear-gradient(140deg,#1a1728f5,#0c0d17f7);box-shadow:0 22px 65px #000a;backdrop-filter:blur(22px);scrollbar-width:thin;scrollbar-color:#60578a transparent;animation:section-menu-in .18s ease-out;transform-origin:top right}
.site-menu-label{font-size:11px;font-weight:550;letter-spacing:.01em;color:var(--brand-readable);margin:0 0 13px}
.site-section-menu>a{display:flex;align-items:center;justify-content:space-between;gap:19px;min-height:44px;padding:10px 0;border-top:1px solid #ffffff14;color:#f0f0f5;font-family:Impact,'Arial Black','Arial Narrow',sans-serif;font-size:24px;font-weight:400;letter-spacing:.01em;text-transform:uppercase;line-height:1.05;transition:color .15s}
.site-section-menu>a>span:last-child{font:19px/1 Arial,sans-serif;color:#8e85b8;flex:none}
.site-section-menu>a:hover,.site-section-menu>a[aria-current="location"]{color:var(--brand-readable)}
.site-section-menu>a:hover>span:last-child,.site-section-menu>a[aria-current="location"]>span:last-child{color:var(--brand-readable)}
.site-section-menu>a:focus-visible{outline-offset:3px}
#creative-process,#experience-story,#romy-example,#trio-games-story{scroll-margin-top:84px}
@keyframes section-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.site-navigation{top:12px;right:22px}.site-menu-toggle{width:46px;height:46px}.site-section-menu{top:57px;padding:21px 21px 16px;max-height:calc(100svh - 91px)}.site-section-menu>a{font-size:23px;min-height:44px}#creative-process,#experience-story,#romy-example,#trio-games-story{scroll-margin-top:74px}}
@media(prefers-reduced-motion:reduce){.site-section-menu{animation:none}.site-menu-toggle,.site-menu-toggle>span,.site-section-menu>a{transition:none}}