.global-header,.global-footer,.global-menu{font-family:'Space Grotesk','Noto Sans JP',sans-serif;box-sizing:border-box;color:#dfe6e8}
.global-header{position:fixed;inset:0 0 auto;z-index:1000;height:88px;padding:0 clamp(22px,4.5vw,80px);display:flex;align-items:center;gap:36px;background:#090c0ded;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff20;transform:translateY(0);transition:transform .3s}
.global-header.is-hidden{transform:translateY(-101%)}
.global-logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}.global-logo img{width:172px;height:auto;display:block;max-width:100%}
.global-desktop{display:flex;gap:30px;margin-left:auto;align-items:center}.global-desktop a{font-size:11px;letter-spacing:.09em;color:#9eacb3;text-decoration:none;padding:12px 0;border-bottom:1px solid transparent}.global-desktop a:hover,.global-desktop a[aria-current]{color:#fff;border-bottom-color:#dce6ec}
.global-controls{display:flex;align-items:center;gap:30px}.global-motion,.global-menu-toggle{appearance:none;border:0;background:none;color:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 0;min-height:44px;font:10px 'Space Grotesk',sans-serif;letter-spacing:.05em}.global-motion>span:first-child{font-size:14px;width:14px}.global-menu-toggle i{display:block;width:28px;height:10px;border-block:1px solid #c4d4dc;transition:transform .2s}.global-menu-toggle[aria-expanded=true] i{transform:rotate(-45deg);height:0;border-bottom:0}
.global-menu[hidden]{display:none!important}.global-menu{position:fixed;inset:88px 0 0;z-index:999;background:#0b1013;padding:clamp(25px,6vw,80px);display:flex;flex-direction:column;justify-content:center;overflow:auto}.global-menu>div{width:min(900px,100%);margin:auto}.global-menu a{color:#dce5e9;text-decoration:none;display:flex;gap:28px;padding:18px 0;border-bottom:1px solid #ffffff25;align-items:baseline}.global-menu a>small{font:11px 'Space Grotesk',sans-serif;color:#788f9c}.global-menu a>span{font:500 clamp(28px,5vw,64px)/1 'Barlow Condensed',sans-serif;letter-spacing:.02em}.global-menu a em{font:400 12px 'Noto Sans JP',sans-serif;display:inline-block;margin-left:24px;color:#a2b2bb}.global-menu a:hover,.global-menu a[aria-current]{color:#fff}.global-menu>p{font-size:10px;letter-spacing:.1em;color:#8598a2;margin-top:40px}.global-menu-open{overflow:hidden}
footer.global-footer{position:relative;background:#080b0d;color:#c8d3da;padding:50px clamp(22px,4.5vw,80px) 25px;display:block;border-top:1px solid #ffffff22;min-height:0;width:auto;font-size:12px}
.global-footer-top{display:flex;align-items:center;gap:36px;margin-bottom:42px}.global-footer-top>span{font:11px 'Space Grotesk',sans-serif;letter-spacing:.06em;color:#91a4af}.global-footer .global-top{margin-left:auto;display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex-shrink:0;border:1px solid #839ca8;border-radius:50%;color:#dce5e9;transition:background .25s,transform .25s}.global-top:hover{background:#273238;transform:translateY(-3px)}
.global-footer nav{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-bottom:38px}.global-footer nav a{display:block;text-decoration:none;color:#dce5e9;font:500 16px 'Space Grotesk',sans-serif;letter-spacing:.02em}.global-footer nav a small{display:block;font:400 11px 'Noto Sans JP',sans-serif;color:#8598a2;margin-top:9px}.global-footer nav a:hover{color:#fff}.global-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff22;padding-top:22px;font:10px 'Space Grotesk',sans-serif;color:#899ba5}
.global-header :focus-visible,.global-footer :focus-visible,.global-menu :focus-visible{outline:2px solid #cee4f2;outline-offset:6px}
.play-invitation{--gutter:var(--g,6vw)}.play-invitation .section-meta{display:flex;justify-content:space-between;gap:20px}.play-invitation h2{font-family:'Noto Sans JP',sans-serif}.play-invitation .section-meta>span:last-child{flex-shrink:0}.play-open .global-header{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.global-header{height:76px;gap:15px}.global-logo img{width:140px}.global-desktop{display:none}.global-controls{margin-left:auto;gap:20px}.global-menu-toggle>span{display:none}.global-motion{font-size:8px;gap:6px}.global-menu{top:76px;padding:30px 24px}.global-menu a{padding:22px 0;gap:20px}.global-menu a>span{font-size:34px}.global-menu a em{display:block;margin:10px 0 0;font-size:11px}.global-footer-top{flex-wrap:wrap;gap:20px;margin-bottom:35px}.global-footer-top>span{display:none}.global-footer .global-top{width:50px;height:50px;margin-left:auto}.global-footer nav{grid-template-columns:1fr 1fr;gap:28px 18px}.global-footer nav a{font-size:13px}.global-footer-bottom{font-size:9px}.global-footer-bottom>span:last-child{display:none}.play-invitation .section-meta{display:block}.play-invitation .section-meta>span:last-child{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.global-header,.global-top{transition:none}}

.global-logo img{filter:invert(1);mix-blend-mode:screen} .global-desktop{position:static;inset:auto;padding:0;background:none;overflow:visible;flex-direction:row;justify-content:flex-start}.global-footer nav{position:static;inset:auto;background:none;overflow:visible;z-index:auto} #playground{scroll-margin-top:88px} .global-menu{flex-direction:column}

body.v8-page{padding-top:88px}.v8-page .identity-inner{top:110px}@media(max-width:760px){body.v8-page{padding-top:76px}.v8-page .identity-inner{top:auto}}

.global-menu-toggle[aria-expanded=true] i::after{content:'';position:absolute;left:0;top:-1px;width:28px;border-top:1px solid #c4d4dc;transform:rotate(90deg)}

.v8-page .complete-hero{min-height:calc(100svh - 88px)}@media(max-width:760px){.v8-page .complete-hero{min-height:calc(100svh - 76px)}}

/* Shared metal gestures: leave an edge free for scrolling on touch screens. */
.interactive-metal:not(.identity-inner){position:relative}
.hero-metal-handle{position:absolute;inset:12% 3% 12% 20%;z-index:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.hero-metal-handle.is-dragging,.works-ring-handle.is-dragging{cursor:grabbing}
.hero-metal-handle:focus-visible,.works-ring-handle:focus-visible{outline:1px solid #adc1ce;outline-offset:-5px}
.hero.interactive-metal>.hero-metal-handle{inset:15% 0 15% 30%}
.interactive-metal>.outro-content,.interactive-metal>h1,.interactive-metal>h2,.interactive-metal>.jp-title,.interactive-metal>.eyebrow,.interactive-metal>.outro-bottom{pointer-events:none;position:relative;z-index:2}
.interactive-metal>.complete-content{pointer-events:none;position:relative;z-index:2}
.interactive-metal>.complete-content a{pointer-events:auto}
.works-ring-handle{position:absolute;z-index:1;transform:translate(-50%,-50%);border-radius:50%;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
@media(max-width:600px){.hero.interactive-metal>.hero-metal-handle{inset:20% 0 47% 20%}}

/* Balance secondary metal surfaces against the home hero. */
.global-header{background:rgba(9,12,13,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-bottom-color:#ffffff26}
.global-desktop a{color:#c1ccd2}
.global-menu-open .global-header{background:rgba(9,12,13,.94)}
.outro-field{opacity:.62}
.outro:after{background:linear-gradient(90deg,#0a0c0d9e,transparent 100%),linear-gradient(0deg,#0a0c0d99,transparent 35%)}
.outro-shade{background:linear-gradient(90deg,#080a0b8c,#080a0b14 75%),linear-gradient(0deg,#080a0b73,transparent 65%)}
.privacy-hero .privacy-motion::after{background:linear-gradient(90deg,#0b0d0ea6 0%,#0b0d0e70 55%,#0b0d0e47 100%),linear-gradient(0deg,#0b0d0e33,transparent 65%)}
.complete-hero .complete-motion::after{background:linear-gradient(90deg,#0b0d0ecc 0%,#0b0d0ea6 35%,#0b0d0e2e 100%),linear-gradient(0deg,#0b0d0e99,transparent 70%)}
@media(max-width:700px){
 .contact-identity .metal-window{opacity:.72}
 .hero-fold{opacity:.95}
 .privacy-hero .privacy-motion::after{background:linear-gradient(90deg,#0b0d0eb3,#0b0d0e59),linear-gradient(0deg,#0b0d0e33,transparent)}
 .complete-hero .complete-motion::after{background:linear-gradient(90deg,#0b0d0eb3,#0b0d0e59),linear-gradient(0deg,#0b0d0e99,transparent)}
}

/* Carry full-width title artwork behind the translucent fixed header. */
body.v8-page{background:linear-gradient(to bottom,#080b0d 0 88px,var(--paper,#f1f3ed) 88px)}
@media(max-width:760px){body.v8-page{background:linear-gradient(to bottom,#080b0d 0 76px,var(--paper,#f1f3ed) 76px)}}
.v8-page .privacy-hero{margin-top:-88px;padding-top:130px}
.v8-page .complete-hero{margin-top:-88px;padding-top:146px;min-height:100svh}
@media(max-width:760px){
 .v8-page .privacy-hero{margin-top:-76px;padding-top:118px}
 .v8-page .complete-hero{margin-top:-76px;padding-top:134px}
}
@media(max-width:700px){
 .v8-page .privacy-hero{padding-top:106px}
 .v8-page .complete-hero{padding-top:114px}
}

/* Official logo: remove the original white background instead of inverting it. */
.global-logo img{filter:url('#transparent-logo');mix-blend-mode:normal}
.global-controls{gap:0}
@media(max-width:760px){.global-controls{gap:0}}