@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#091224;--panel:#111e34;--line:#263650;--ink:#f5f8ff;--muted:#a7b6cc;--blue:#6cbaff;--bright:#93ceff;--font:'Noto Sans JP',system-ui,-apple-system,sans-serif;--display:'Barlow Condensed',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.8 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.45}h2{font-size:clamp(1.65rem,2.5vw,2.35rem);letter-spacing:-.045em}.shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:94px}.blue{color:var(--blue)}.icon{width:20px;height:20px;flex:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:20px;top:-80px;z-index:20;padding:10px 20px;background:var(--blue);color:var(--bg)}.skip-link:focus{top:10px}.eyebrow{font:600 .875rem/1.5 var(--display);letter-spacing:.14em;color:var(--blue)}.site-header{height:90px;border-bottom:1px solid #6cbaff21;position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.wordmark{display:flex;align-items:center;gap:12px;font:500 1.65rem/1 var(--display);letter-spacing:.05em}.wordmark b{font-weight:800}.wordmark small{display:block;font:500 .75rem/1.7 var(--font);color:var(--muted);letter-spacing:.12em;margin-top:4px}.brand-gem{color:var(--blue);font-size:2.1rem}.desktop-nav{display:flex;align-items:center;gap:29px;margin-left:auto;font-size:.875rem}.desktop-nav a:hover{color:var(--blue)}.header-cta{display:flex;align-items:center;gap:10px;padding:9px 21px;border:1px solid #4e6c8d;border-radius:5px;font:600 1.1rem var(--display)}.header-cta:hover{background:#192d49}.mobile-menu{display:none}
.hero{min-height:698px;display:grid;grid-template-columns:1.08fr 1fr;position:relative;gap:18px;padding-top:56px;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-top:23px;padding-bottom:58px}.hero .eyebrow{display:flex;align-items:center;gap:12px}.little-line{width:26px;height:1px;background:var(--blue)}h1{font-size:clamp(2.4rem,4.1vw,3.8rem);font-weight:900;letter-spacing:-.065em;line-height:1.43;margin-top:25px}.hero-name{margin:28px 0 23px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;width:max-content;max-width:100%}.hero-name>span{grid-column:1;font-size:.75rem;line-height:1.2;letter-spacing:.12em}.hero-name strong{grid-column:1;font-size:1.55rem;line-height:1.6;letter-spacing:.035em}.hero-name>b{grid-column:2;grid-row:1/3;align-self:end;padding-bottom:4px;color:var(--muted);font:500 1.05rem var(--display);letter-spacing:.15em}.hero-intro{color:#bdcbe0;font-size:1rem;line-height:2.15}.hero-actions{display:flex;gap:12px;margin-top:29px;flex-wrap:wrap}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 22px;font-size:1rem;font-weight:700;border-radius:5px;transition:background .2s,transform .2s}.primary{color:#092142;background:#8acaff;border:1px solid #8acaff;box-shadow:0 4px 30px #2686db20}.primary:hover{background:#b0dcff;transform:translateY(-2px)}.secondary{border:1px solid #3f5773;background:#0e1e3499}.secondary:hover{background:#203953;transform:translateY(-2px)}.hero-note{font-size:.875rem;color:var(--muted);margin-top:15px}.hero-visual{position:relative;min-width:0;isolation:isolate;align-self:stretch;background:linear-gradient(155deg,#173c69 0%,#132849 55%,#0b1830 100%);border-radius:180px 180px 8px 8px;margin:2px 4px 28px 0;border:1px solid #38659644}.avatar{height:660px;width:auto;max-width:120%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 30px #00000035)}.orbit{position:absolute;width:104%;aspect-ratio:1;border:1px solid #74b9ff40;left:-2%;top:22%;border-radius:50%;z-index:-1}.orbit:after{content:'';position:absolute;inset:20px;border:1px dashed #74b9ff21;border-radius:50%}.giant-word{position:absolute;bottom:24px;left:-21px;font:800 clamp(7rem,12vw,12rem)/1 var(--display);letter-spacing:-.02em;color:#538bce36;z-index:-1}.visual-index{position:absolute;top:26px;left:26px;font:600 .75rem var(--display);color:#b6d3f5;letter-spacing:.12em;z-index:3}.visual-caption{position:absolute;bottom:24px;left:24px;right:24px;padding:12px 18px;border-left:2px solid var(--blue);background:#0a142add;backdrop-filter:blur(8px);z-index:2}.visual-caption>span{font-size:.875rem;font-weight:600}.visual-caption>b{font:500 .75rem var(--display);color:#abc8ed;letter-spacing:.14em;display:block;margin-top:3px}.vertical-text{position:absolute;right:13px;top:155px;writing-mode:vertical-rl;font:500 .75rem var(--display);letter-spacing:.16em;color:#9fbee3;z-index:3}.visual-star{position:absolute;color:#abd9ff;font-size:2.1rem;z-index:3}.star-one{left:15px;top:39%}.star-two{right:30px;top:24%;font-size:2.8rem}.topic-strip{background:#72baff;color:#0b2444;overflow:hidden}.strip-inner{padding:15px 0;display:flex;justify-content:space-between;gap:24px;align-items:center;white-space:nowrap}.strip-inner span{font-size:.875rem;font-weight:700;letter-spacing:.035em}.strip-inner span:nth-of-type(odd){font:700 1.05rem var(--display);letter-spacing:.08em}.strip-inner i{font-style:normal}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{margin-top:9px}.section-heading>p{font-size:.875rem;color:var(--muted);line-height:1.9}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{position:relative;overflow:hidden;border-radius:8px;isolation:isolate;border:1px solid #32445f}.voyage{grid-column:1/-1;min-height:420px}.voyage>img{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:40% center;z-index:-3;opacity:.6}.voyage-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#112641 0%,#112641f7 33%,#11264192 66%,#11264112 100%)}.project-content{padding:28px 32px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.tag{font-size:.875rem;font-weight:600;letter-spacing:.02em;border:1px solid #83bfff45;border-radius:3px;padding:3px 10px;color:#c9e4ff}.card-number{font:500 1.4rem var(--display);color:#88abcf}.project-english{font:600 .875rem var(--display);letter-spacing:.15em;color:#94bdf0;margin-top:29px}.voyage h3{font:600 3.85rem/1.15 var(--display);margin:9px 0 12px;letter-spacing:.005em}.voyage h3 span{font-weight:800}.project-lead{font-size:1.7rem;font-weight:800;line-height:1.6}.project-description{margin-top:17px;color:#bfcee0;font-size:1rem;line-height:1.95;max-width:560px}.voyage .project-description{max-width:525px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:27px;border-top:1px solid #86b4ea33;padding-top:18px;font-size:.875rem;color:#aac6e4}.card-bottom a{text-decoration:underline;text-underline-offset:5px;color:#e0eeff;white-space:nowrap}.card-bottom a:hover{color:var(--blue)}.alexander{background:linear-gradient(135deg,#172d52,#14243e)}.first-play{background:linear-gradient(135deg,#302c47,#181d35);border-color:#4d405c}.alexander h3,.first-play h3{font-size:2.15rem;margin-top:14px;line-height:1.55;letter-spacing:-.045em}.project-subtitle{font-size:1rem;font-weight:700;color:var(--blue);margin-top:12px}.first-play .project-english,.first-play .project-subtitle{color:#e8accc}.first-play .tag{color:#f0cddd;border-color:#d2a6c345}.alexander .card-bottom,.first-play .card-bottom{flex-wrap:wrap}.clips-section{border-block:1px solid #263650;background:#0c182c}.text-link{font-size:.875rem;color:var(--muted);text-decoration:underline;text-underline-offset:6px}.text-link:hover{color:var(--blue)}.clip-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.clip-card{border-radius:7px;display:block;overflow:hidden;border:1px solid #273b57;transition:transform .22s,border-color .22s}.clip-card:hover{transform:translateY(-4px);border-color:#83bcf0}.clip-poster{aspect-ratio:1.92;position:relative;padding:26px 28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.magic-clip .clip-poster{background:#263f82}.warrior-clip .clip-poster{background:#375468}.clip-label{font:500 .875rem var(--font);color:#e5efff;letter-spacing:.04em}.poster-type{font-size:clamp(1.35rem,2.1vw,2rem);font-weight:800;line-height:1.6;letter-spacing:-.04em}.poster-type strong{color:#b7cfff;font-weight:900}.warrior-clip .poster-type strong{color:#b6e5ee}.poster-caption{font:600 .75rem var(--display);letter-spacing:.13em;color:#b3c4e4}.play-mark{position:absolute;right:28px;bottom:27px;width:46px;height:46px;border:1px solid #d5eaff99;border-radius:50%;display:grid;place-items:center;transition:background .2s}.play-mark svg{width:24px;height:24px}.clip-card:hover .play-mark{background:#ffffff22}.clip-copy{padding:21px 24px;background:#101d32;display:flex;justify-content:space-between;gap:24px;align-items:center}.clip-copy h3{font-size:1rem;max-width:350px;line-height:1.8;font-weight:600}.clip-copy>span{font-size:.875rem;color:var(--blue);white-space:nowrap}
.about-section{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding-block:104px}.about-title h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.55;margin-top:16px;letter-spacing:-.04em}.about-sig{display:block;color:#486994;font:500 2.6rem var(--display);letter-spacing:.02em;margin-top:25px}.about-copy{padding-top:8px;color:#b4c5dc;font-size:1rem}.about-copy>p+p{margin-top:20px}.about-copy .about-opening{color:#e6efff;font-size:1.15rem;line-height:1.9}.about-opening strong{font-weight:600}.about-facts{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:31px;padding-top:21px}.about-facts span{display:block;color:#7e99bc;font:500 .75rem var(--display);letter-spacing:.1em}.about-facts strong{display:block;margin-top:4px;font-size:.875rem;color:#dce8f8;font-weight:500}.welcome-section{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;background:#12233d;border:1px solid #294261;border-radius:8px;padding:44px 40px}.welcome-intro h2{font-size:1.55rem;line-height:1.8;letter-spacing:-.02em;margin-top:12px}.welcome-intro>p:not(.eyebrow){color:#acbfd9;font-size:1rem;margin-top:20px}.welcome-intro .button{margin-top:25px}.faq-list{align-self:center}.faq-list details{border-bottom:1px solid #355070}.faq-list details:first-child{border-top:1px solid #355070}.faq-list summary{font-size:1rem;font-weight:600;list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:400 1.3rem var(--display);color:var(--blue);transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--blue)}.faq-list details>p{font-size:1rem;line-height:1.95;color:#b4c6df;margin:0 0 18px}.faq-list details>a{font-size:.875rem;color:var(--blue);display:inline-block;margin-bottom:19px;text-decoration:underline;text-underline-offset:5px}.connect{padding-block:80px;display:flex;align-items:center;justify-content:space-between;gap:40px}.connect h2{margin-top:9px;font-size:1.5rem}.social-links{display:flex;gap:26px;flex-wrap:wrap}.social-links>a{display:flex;align-items:center;gap:10px;color:var(--blue)}.social-links>a span{font:600 1.25rem var(--display);color:#eff7ff}.social-links small{display:block;margin-top:7px;font:400 .875rem var(--font);color:#9cb0cc}.social-links>a:hover span,.social-links>a:hover small{color:var(--blue)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:28px;color:#93a8c4;font-size:.75rem}.footer-brand{font:600 1.35rem var(--display);letter-spacing:.06em;color:#d3e4fb}.footer-brand>span{font:400 .75rem var(--font);letter-spacing:.02em;margin-left:8px;color:#92a7c4}.site-footer>div{margin-left:auto}.game-credit{font-size:.75rem;color:#859ab6}.site-footer>a:last-child{font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1440px){.hero{min-height:750px}.hero-copy{padding-top:45px}.avatar{height:715px}.hero-visual{margin-top:8px}}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.desktop-nav{gap:18px}.header-inner{gap:22px}.hero{min-height:638px;padding-top:48px;gap:12px}.hero-copy{padding-top:5px}.hero h1{font-size:2.8rem}.hero .button{padding:13px 16px;font-size:.875rem}.avatar{height:592px}.hero-name strong{font-size:1.4rem}.strip-inner{gap:18px}.strip-inner span{font-size:.875rem}.strip-inner span:nth-of-type(odd){font-size:.95rem}.project-card .project-content{padding:24px}.about-section{gap:45px}.welcome-section{gap:35px;padding:35px 30px}.connect{align-items:flex-start;flex-direction:column;gap:30px}.social-links{gap:40px}.clip-copy{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:800px){.site-header{height:76px}.desktop-nav{display:none}.header-cta{margin-left:auto;padding:8px 17px}.mobile-menu{display:block;position:relative}.mobile-menu>summary{cursor:pointer;font-size:.875rem;list-style:none;padding:12px 0;color:#b7c8e0}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:44px;min-width:200px;border:1px solid #355476;background:#13243f;border-radius:5px;box-shadow:0 14px 40px #0007;padding:10px}.mobile-menu nav a{display:block;padding:11px 15px;font-size:.875rem}.mobile-menu nav a:hover{background:#294364}.hero{padding-top:35px;min-height:585px;grid-template-columns:1.12fr 1fr}.hero h1{font-size:clamp(2.1rem,4.5vw,2.7rem)}.hero .eyebrow{font-size:.75rem}.hero-visual{border-radius:130px 130px 6px 6px}.avatar{height:530px;max-width:135%}.hero-name{column-gap:12px}.hero-name strong{font-size:1.25rem}.hero-name>b{font-size:.875rem}.hero-actions{gap:10px}.hero-actions .button{min-height:45px}.visual-caption{left:14px;right:14px;bottom:18px;padding:10px 13px}.visual-caption>span{font-size:.875rem}.vertical-text{display:none}.visual-index{top:20px;left:20px}.star-one{display:none}.star-two{right:20px}.strip-inner{justify-content:center;flex-wrap:wrap;gap:5px 18px}.strip-inner>span{white-space:normal}.strip-inner i:nth-of-type(2){display:none}.section{padding-block:70px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.section-heading>p{display:none}.project-grid{gap:18px}.project-card .project-content{padding:24px}.alexander h3,.first-play h3{font-size:1.75rem}.tag{padding:3px 7px}.card-number{font-size:1.2rem}.project-card .card-top{gap:10px;align-items:flex-start}.first-play .tag{max-width:190px}.card-bottom{gap:12px;align-items:flex-start}.voyage .card-bottom{flex-direction:column}.clip-grid{gap:18px}.clip-poster{padding:20px;aspect-ratio:1.4}.poster-type{font-size:1.45rem}.play-mark{right:20px;bottom:19px;width:37px;height:37px}.clip-copy{padding:17px 20px}.about-section{grid-template-columns:1fr;gap:28px}.about-sig{display:none}.about-title h2 br{display:none}.about-title h2{font-size:2.05rem}.about-facts{justify-content:flex-start;gap:35px}.welcome-section{grid-template-columns:1fr;gap:32px;padding:32px}.welcome-intro h2{font-size:1.65rem}.welcome-intro h2 br{display:none}.welcome-intro>p:not(.eyebrow) br{display:none}.connect{padding-block:60px}.site-footer{flex-wrap:wrap}.site-footer>div{margin-left:0}}
@media(max-width:580px){.shell{width:calc(100% - 40px)}.header-inner{gap:16px}.wordmark{font-size:1.35rem;gap:8px}.brand-gem{font-size:1.8rem}.wordmark small{font-size:.75rem;letter-spacing:.02em}.header-cta{padding:8px 11px;gap:7px;font-size:1rem}.header-cta .icon{width:17px;height:17px}.mobile-menu>summary{font-size:.875rem}.hero{grid-template-columns:1fr;gap:0;padding-top:25px;overflow:visible}.hero-copy{padding-bottom:27px;padding-top:9px}.hero .eyebrow{font-size:.875rem}.hero h1{font-size:clamp(2.4rem,9.9vw,3.3rem);margin-top:20px;line-height:1.4}.hero-name{margin:24px 0 18px}.hero-name strong{font-size:1.45rem}.hero-name>b{font-size:1.05rem}.hero-intro{font-size:1rem;line-height:2}.wide-only{display:none}.hero-actions{margin-top:24px;gap:10px}.hero-actions .button{padding:13px 15px;min-height:49px;font-size:.875rem}.hero-note{font-size:.875rem}.hero-visual{height:480px;margin:50px 0 28px;border-radius:140px 140px 6px 6px;overflow:visible}.avatar{height:535px;max-width:117%;width:auto}.orbit{top:14%}.giant-word{font-size:8.5rem;left:0;bottom:40px}.visual-index{top:28px;left:23px}.visual-caption{left:20px;right:20px;bottom:20px}.visual-caption>span{font-size:.875rem}.star-two{top:23%;right:17px;font-size:2.6rem}.topic-strip{margin-top:0}.strip-inner{padding:13px 0;justify-content:space-between;row-gap:9px}.strip-inner>i{display:none}.strip-inner span{font-size:.875rem}.strip-inner span:nth-of-type(odd){font-size:.9rem}.section{padding-block:56px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:1.6rem;line-height:1.6}.project-grid,.clip-grid{grid-template-columns:1fr}.project-content,.project-card .project-content{padding:23px}.voyage{min-height:490px}.voyage>img{width:100%;height:62%;opacity:.45;object-position:45% center}.voyage-wash{background:linear-gradient(0deg,#102740 0%,#102740fb 20%,#102740b3 60%,#1027406b 100%)}.voyage .project-english{margin-top:50px}.voyage h3{font-size:3.3rem}.project-lead{font-size:1.6rem}.voyage .project-description{max-width:none}.alexander h3,.first-play h3{font-size:2rem}.first-play .tag{max-width:none}.clip-grid{gap:23px}.clip-poster{aspect-ratio:1.7;padding:22px 24px}.poster-type{font-size:1.8rem}.clip-copy{gap:10px;padding:18px 23px}.play-mark{right:23px;bottom:21px;width:42px;height:42px}.about-title h2{font-size:2rem}.about-title h2 br{display:block}.about-opening{font-size:1.05rem!important}.about-facts{gap:20px 35px}.welcome-section{padding:26px 23px}.welcome-intro h2{font-size:1.5rem}.welcome-intro h2 br{display:block}.faq-list summary{font-size:1rem;padding:17px 0}.connect{padding-block:53px;gap:26px}.connect h2{font-size:1.35rem}.social-links{gap:25px 30px}.social-links>a span{font-size:1.25rem}.site-footer{align-items:flex-start;gap:20px;padding-block:26px}.site-footer .footer-brand{width:100%}.site-footer>a:last-child{margin-left:auto}.site-footer>div{font-size:.75rem}.footer-brand>span{font-size:.75rem}}
.original-avatar{mix-blend-mode:lighten}
@media(max-width:580px){.avatar{max-width:110%}}
@media(max-width:400px){.header-inner{gap:12px}.header-cta{font-size:0;gap:0;padding:10px 12px}.header-cta .icon{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.project-card:not(.voyage)>.project-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.13;z-index:-1}.clip-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;z-index:0}.clip-poster>*:not(.clip-art){position:relative;z-index:1}.clip-poster>.play-mark{position:absolute}.admin-entry{color:#93ceff!important}.hero h1,.project-card h3,.poster-type{overflow-wrap:anywhere}.project-description,.about-copy,.faq-list p{overflow-wrap:anywhere}.hero-visual .avatar:not(.original-avatar){border-radius:8px}.hero-visual{overflow:visible}