/* Shared header geometry for every Sorajima page. */
.sorajima-header.site-header{--head-text:var(--text,var(--fg-primary,#f6f5f6));--head-muted:var(--secondary,var(--fg-secondary,#aaa));--head-line:var(--line,var(--border-subtle,rgba(255,255,255,.09)));position:sticky;top:0;z-index:50;width:100%;height:auto;min-height:0;padding:0;margin:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font:400 12px/1.4 Jacobs,system-ui,sans-serif;color:var(--head-text);isolation:isolate}
.sorajima-header .sorajima-header-inner{box-sizing:border-box;width:min(1120px,calc(100% - 80px));height:80px;min-height:80px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sorajima-header .sorajima-header-brand{display:flex;align-items:center;gap:16px;flex-shrink:0;margin:0;padding:0;text-decoration:none;line-height:1}
.sorajima-header .sorajima-wordmark{display:block;width:148px;height:39px;object-fit:contain;margin:0;flex-shrink:0}
.sorajima-header .sorajima-wordmark.only-light{display:none}
[data-theme=light] .sorajima-header .sorajima-wordmark.only-dark{display:none}
[data-theme=light] .sorajima-header .sorajima-wordmark.only-light{display:block}
.sorajima-header .sorajima-service{margin:0;padding:0 0 0 16px;border-left:1px solid var(--head-line);font:400 12px/20px Jacobs,system-ui,sans-serif;letter-spacing:0;color:var(--head-muted)}
.sorajima-header .sorajima-header-actions{position:static;inset:auto;height:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 0 auto;flex-shrink:0;padding:0}
.sorajima-header .sorajima-header-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;min-height:38px;min-width:38px;padding:0 15px;border:1px solid var(--head-line);border-radius:999px;background:transparent;box-shadow:none;color:var(--head-muted);font:400 12px/1 Jacobs,system-ui,sans-serif;letter-spacing:0;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.sorajima-header .sorajima-header-button:hover{background:var(--soft,var(--accent-soft,rgba(250,160,160,.06)));color:var(--head-text);transform:none}
.sorajima-header .sorajima-header-button:active{transform:scale(.95)}
.sorajima-header .sorajima-header-icon{width:38px;padding:0;border-radius:50%;flex-shrink:0}
.sorajima-header .sorajima-header-button svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sorajima-header .sorajima-header-button .icon-moon{display:none}
[data-theme=light] .sorajima-header .sorajima-header-button .icon-sun{display:none}
[data-theme=light] .sorajima-header .sorajima-header-button .icon-moon{display:block}
.sorajima-header .sorajima-header-cta{color:var(--accent);border-color:var(--accent-line,var(--border-accent-subtle));gap:16px}
.sorajima-header .header-nav{display:flex;gap:2px;align-items:center;padding:4px;margin:0;border:1px solid var(--head-line);border-radius:999px;background:transparent}
.sorajima-header .header-nav a{font:400 12px/1 Jacobs,system-ui,sans-serif;padding:10px 15px;border-radius:999px;color:var(--head-muted)}
.sorajima-header .header-nav a:hover,.sorajima-header .header-nav a[aria-current=location]{background:var(--soft);color:var(--head-text)}
.sorajima-header .menu-toggle{display:none}
.sorajima-header::before{content:"";position:absolute;inset:0 0 -44px;z-index:-1;pointer-events:none;background:transparent;box-shadow:none;border:0;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);mask-image:linear-gradient(#000 0%,#000b 28%,#0005 62%,transparent);-webkit-mask-image:linear-gradient(#000 0%,#000b 28%,#0005 62%,transparent);opacity:var(--header-blur-opacity,0);transition:opacity .3s}
.sorajima-header .ui-service-menu>summary{box-sizing:border-box;min-height:38px;height:38px;padding:0 13px;gap:8px;font:400 12px/1 Jacobs,system-ui,sans-serif;border-color:var(--head-line)}
.sorajima-header .ui-service-menu>summary svg{width:16px;height:16px}
.sorajima-header .mobile-nav{box-sizing:border-box;width:min(1120px,calc(100% - 80px));margin:0 auto;padding:10px 0 18px}
.sorajima-header .mobile-nav[hidden]{display:none}
.sorajima-header:has(.mobile-nav:not([hidden]))::before{opacity:1}
.sorajima-header .hidden-element{display:none!important}
.sorajima-header .header-logout-icon{display:none}
@media(max-width:560px){.sorajima-header #btnLogout{padding:0;width:36px}.sorajima-header .header-logout-text{display:none}.sorajima-header .header-logout-icon{display:block}.sorajima-header .studio-header-logout{padding:0;width:36px}.sorajima-header .studio-header-logout span{display:none}}
@media(max-width:370px){.sorajima-header .sorajima-header-actions>.ui-service-menu{display:none}.sorajima-header .sorajima-wordmark{width:112px;height:30px}}
@media(max-width:1100px){.sorajima-header .header-nav a{padding-inline:11px}}
@media(max-width:850px){.sorajima-header .sorajima-header-inner{width:calc(100% - 48px);height:72px;min-height:72px;gap:16px}.sorajima-header .header-nav{display:none}.sorajima-header .menu-toggle{display:inline-flex}.sorajima-header .mobile-nav{width:calc(100% - 48px)}}
@media(max-width:560px){.sorajima-header .sorajima-header-inner{width:calc(100% - 36px);height:68px;min-height:68px;gap:12px}.sorajima-header .sorajima-header-brand{gap:10px}.sorajima-header .sorajima-wordmark{width:127px;height:34px}.sorajima-header .sorajima-service{padding-left:10px;font-size:11px}.sorajima-header .sorajima-header-actions{gap:6px}.sorajima-header .sorajima-header-button{height:36px;min-height:36px;min-width:36px;padding-inline:11px;font-size:11px}.sorajima-header .sorajima-header-icon{width:36px;padding:0}.sorajima-header .sorajima-header-button svg{width:17px;height:17px}.sorajima-header .ui-services-label{display:none}.sorajima-header .ui-service-menu>summary{width:36px;height:36px;min-height:36px;padding:0;justify-content:center;border-radius:50%}.sorajima-header .sorajima-support{display:none}.sorajima-header .mobile-nav{width:calc(100% - 36px)}}
@media(max-width:370px){.sorajima-header .sorajima-header-cta{display:none}.sorajima-header .sorajima-service{font-size:10px;padding-left:8px}.sorajima-header .sorajima-header-brand{gap:8px}}
@media(prefers-reduced-motion:reduce){.sorajima-header *,.sorajima-header::before{transition:none!important}}
@media(max-width:370px){.sorajima-header .sorajima-wordmark{width:112px;height:30px}}