/* One simple studio menu on every public page. */
.direction-header{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:38px;padding:24px 52px;min-height:94px;color:#fff;font-family:Manrope,"DM Sans",sans-serif;box-sizing:border-box}
.direction-header a{text-decoration:none;color:inherit}
.direction-header .logo{font-size:35px;font-weight:500;letter-spacing:-2px}
.direction-header .header-hello{margin-left:auto;font-size:14px;padding:12px 0;border-bottom:1px solid currentColor}
.direction-header .header-hello span{margin-left:23px}
.direction-menu>summary{display:flex;align-items:center;gap:16px;min-height:48px;padding:10px 0 10px 14px;position:relative;z-index:3;cursor:pointer;font-size:14px;list-style:none}
.direction-menu>summary::-webkit-details-marker{display:none}
.menu-lines{width:24px;height:16px;border-block:1px solid currentColor;position:relative}
.menu-lines::after{content:'';position:absolute;top:7px;left:0;width:24px;border-top:1px solid currentColor}
.direction-menu[open] .menu-lines{border:0;transform:rotate(45deg)}
.direction-menu[open] .menu-lines::before{content:'';position:absolute;top:7px;left:0;width:24px;border-top:1px solid currentColor;transform:rotate(90deg)}
.direction-header.menu-is-open,.direction-header.over-paper{background:#f6f3ec;color:#302d38}
.direction-header.menu-is-open{box-shadow:none}
.direction-header .menu-sheet{position:absolute;top:100%;left:0;right:0;background:#f6f3ec;color:#302d38;box-sizing:border-box;height:calc(100dvh - 100%);max-height:calc(100dvh - 100%);overflow-y:auto;overscroll-behavior:contain;padding:28px 24px 48px;display:grid;align-content:center;box-shadow:none}
.direction-header .menu-sheet nav{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:clamp(38px,6vw,78px);font-weight:400}
.direction-header .menu-sheet nav>a{display:block;border:0;padding:6px 20px;text-align:center;line-height:1.18;letter-spacing:-.045em;color:#77727d}
.direction-header .menu-sheet nav>a:hover,.direction-header .menu-sheet nav>a[aria-current],.direction-header .menu-sheet nav>a:focus-visible{color:#302d38}
.direction-header :focus-visible{outline:2px solid currentColor;outline-offset:6px}
@media(max-width:760px){.direction-header{padding:18px 24px;gap:24px}.direction-header .logo{font-size:29px}.direction-header .header-hello{font-size:12px}.direction-menu>summary{font-size:12px;gap:12px}.direction-header .menu-sheet nav{font-size:clamp(38px,9vw,62px);gap:12px}}
@media(max-height:540px){.direction-header .menu-sheet{align-content:start;padding-block:12px 24px}.direction-header .menu-sheet nav{font-size:32px;gap:0}}