:root{--ink:#06151f;--sea:#0a2533;--cream:#eee7d9;--muted:#b7c5ca;--red:#d25358;--line:#45606c;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--scroll-progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}img{max-width:100%}figure,p,h1,h2{margin:0}a{color:inherit;text-underline-offset:6px}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #f4b366;outline-offset:6px}::selection{background:#a63e48;color:#fff}svg{display:block}.skip-link{position:fixed;top:-120px;left:20px;z-index:30;padding:12px 20px;background:var(--cream);color:var(--ink)}.skip-link:focus{top:12px}.site-header{position:relative;z-index:15;background:var(--ink);border-bottom:1px solid #29404b}.header-inner{width:calc(100% - 96px);max-width:1520px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:104px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:210px;height:56px;object-fit:contain}.site-header nav{display:flex;gap:42px}.site-header nav a{display:flex;flex-direction:column;justify-content:center;min-height:48px;text-decoration:none;line-height:1.5}.site-header nav a span:first-child{font-size:10px;letter-spacing:.18em}.site-header nav a span:last-child{font-size:10px;color:var(--muted);margin-top:4px}.site-header nav a:hover{color:#f29491}.reading-line{position:fixed;left:0;top:0;height:2px;background:var(--red);width:calc(var(--scroll-progress)*100%);z-index:25}.section-shell{width:calc(100% - 128px);max-width:1344px;margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--muted)}.hero{position:relative;isolation:isolate;max-width:1660px;margin:0 auto;padding:64px 48px 0;display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:42px}.hero-aura{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 82% 48%,#24465955,transparent 58%),radial-gradient(ellipse at 5% 85%,#8f273f35,transparent 45%)}.hero-side{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:28px}.hero-side .eyebrow{font-size:11px;writing-mode:vertical-rl;position:absolute;left:0;top:40px;letter-spacing:.28em}.hero h1{font-family:var(--serif);font-weight:500;font-size:80px;line-height:1.1;letter-spacing:.16em;writing-mode:vertical-rl;white-space:nowrap}.hero-roman{font-family:Georgia,serif;font-size:22px;line-height:1.2;letter-spacing:.12em;margin-top:36px;align-self:center}.side-line{width:1px;height:80px;background:var(--red);margin-top:32px}.hero-visual{min-width:0;position:relative}.hero-frame{position:relative;border-radius:180px 0 0 0;isolation:isolate}.hero-frame::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid #657d86;border-radius:190px 0 0 0;z-index:-1;opacity:.55}.hero-frame img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:180px 0 0 0}.frame-corner{position:absolute;width:34px;height:34px;pointer-events:none;border-color:var(--red);border-style:solid}.corner-a{top:-16px;right:-16px;border-width:1px 1px 0 0}.corner-b{bottom:-16px;left:-16px;border-width:0 0 1px 1px}.hero-visual figcaption{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted);letter-spacing:.13em;margin-top:20px}.hero-visual figcaption span:first-child{font-size:9px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:32px;padding:54px 0 72px 222px;position:relative;z-index:1}.hero-message{display:flex;align-items:end;gap:48px}.hero-message>p{font-family:var(--serif);font-size:32px;line-height:1.7;letter-spacing:.12em}.hero-message>span{font-size:12px;color:var(--muted);line-height:2}.scroll-cue{text-decoration:none;display:flex;align-items:center;gap:24px;padding:12px 0}.scroll-cue>span{font-size:9px;letter-spacing:.17em;writing-mode:vertical-rl}.scroll-cue svg{width:20px;height:44px;stroke:var(--red);stroke-width:1;fill:none}.hero-watermark{grid-column:1/-1;pointer-events:none;font-family:Georgia,serif;font-size:clamp(64px,12.3vw,200px);line-height:.92;letter-spacing:-.035em;color:transparent;-webkit-text-stroke:1px #38525e;opacity:.55;white-space:nowrap;transform:translateY(14%);margin-left:-5px;position:relative;z-index:-1}.about{background:var(--cream);color:#112c38;position:relative;padding:104px 0 92px;z-index:1}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.portrait-stage{position:relative;isolation:isolate;max-width:480px;align-self:end}.portrait-stage::before{content:"";position:absolute;inset:10% 0 2%;z-index:-1;background:radial-gradient(ellipse,#a94a4530,transparent 68%)}.portrait-stage img{width:100%;height:auto;display:block;aspect-ratio:2/3;position:relative}.portrait-stage>p{font-size:9px;letter-spacing:.23em;text-align:center;border-top:1px solid #acb3ac;padding-top:20px;margin-top:22px}.portrait-orbit{position:absolute;border:1px solid #aab5af;z-index:-1;border-radius:50%;width:92%;height:75%;top:9%;left:4%;transform:rotate(-18deg)}.orbit-b{width:76%;height:88%;left:12%;top:3%;transform:rotate(24deg);opacity:.5}.section-index{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.18em;margin-bottom:36px}.section-index>span:first-child{font-family:Georgia,serif;font-size:25px;letter-spacing:0;color:var(--red)}.section-index>span:last-child{border-left:1px solid #7a8b90;padding-left:20px}.about h2,.gallery h2,.world h2{font-family:var(--serif);font-weight:500;font-size:clamp(29px,2.65vw,43px);line-height:1.8;letter-spacing:.08em}.name-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 20px;margin-top:30px;border-bottom:1px solid #b4beb9;padding-bottom:18px}.name-line p{font-family:var(--serif);font-size:24px;letter-spacing:.14em}.name-line>span{font-size:9px;letter-spacing:.08em}.prose{font-size:14px;line-height:2.2;margin-top:28px;max-width:460px}.prose p+p{margin-top:22px}.social-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px}.social-links a{display:flex;align-items:center;justify-content:space-between;gap:48px;min-height:50px;border:1px solid #8f9f9e;padding:9px 16px;text-decoration:none;font-size:13px}.social-links svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.3;fill:none}.social-links a:hover{background:#112c38;color:var(--cream)}.setting-note{font-size:10px;color:#506570;line-height:1.9;margin-top:26px;max-width:450px}.gallery{padding-block:108px 116px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:56px}.section-top .section-index{margin-bottom:18px}.section-note{font-size:12px;color:var(--muted);line-height:2.1}.gallery-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:6%;align-items:start}.art-open{display:block;position:relative;text-decoration:none}.art-open img{display:block;width:100%;height:auto;position:relative;z-index:1}.scene-image{border:1px solid #3a5766}.scene-image img{aspect-ratio:3/2}.art-hint{position:absolute;right:14px;bottom:14px;z-index:2;background:#06151fe8;color:var(--cream);font-size:10px;display:flex;align-items:center;gap:16px;min-height:36px;padding:7px 12px;transition:background .2s}.art-hint svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.2;fill:none}.art-open:hover .art-hint{background:#973b47}.gallery figure figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px;margin-top:18px}.gallery figure figcaption span:last-child{font-size:9px;letter-spacing:.12em}.scene-caption{font-family:var(--serif);font-size:23px;letter-spacing:.12em;line-height:2;margin-top:44px;padding-left:26px;border-left:2px solid var(--red)}.character-piece{margin-top:102px}.character-image{background:radial-gradient(ellipse at 50% 50%,#284a5650,transparent 65%)}.character-image img{aspect-ratio:2/3}.character-line{position:absolute;inset:5% 4%;border:1px solid #4b6570;border-radius:50% 50% 0 0}.world{position:relative;isolation:isolate;background:#0b2839;padding-block:100px;border-top:1px solid #365361;overflow:clip}.world::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 50%,#91374b38,transparent 45%),radial-gradient(ellipse at 0 0,#376b7b20,transparent 60%)}.world-grid{position:absolute;inset:0;opacity:.18;z-index:-1;background-image:linear-gradient(#75929c35 1px,transparent 1px),linear-gradient(90deg,#75929c35 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000)}.world-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}.world-copy{color:var(--muted);font-size:14px;line-height:2.3;margin-top:30px}.world-copy p+p{margin-top:20px}.world-note{color:var(--muted);font-size:10px;margin-top:30px}.mendako-play{position:relative;display:flex;align-items:center;flex-direction:column;isolation:isolate;padding-block:24px}.play-orbit{position:absolute;width:min(100%,350px);aspect-ratio:1;top:0;border:1px solid #74839070;border-radius:50%;z-index:-1}.play-orbit::before{content:"";position:absolute;inset:20px;border:1px dashed #74839060;border-radius:50%}.mendako{position:relative;width:190px;aspect-ratio:1;border:none;border-radius:50%;background:none;display:grid;place-items:center;padding:10px;transition:background .2s}.mendako:hover{background:#a3454f18}.mendako svg{width:100%;height:100%;filter:drop-shadow(0 14px 28px #080e1a55)}.mendako-body{fill:#b94b54;stroke:#efaba0;stroke-width:1.3}.mendako-eye,.mendako-mouth{stroke:#341f2b;stroke-width:3;fill:none;stroke-linecap:round}.mendako-shine{fill:none;stroke:#efaba0;stroke-width:3;stroke-linecap:round}.play-hint{font-size:10px;color:var(--muted);letter-spacing:.1em;margin-top:16px}.mendako-reply{font-family:var(--serif);font-size:19px;letter-spacing:.08em;text-align:center;min-height:70px;line-height:1.9;margin-top:28px}.mendako.is-tapped svg{animation:mendako-nod .65s ease-out}.mendako.is-tapped .tap-ring{position:absolute;inset:10px;border:1px solid #e78586;border-radius:50%;animation:tap-wave .75s ease-out both;pointer-events:none}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:44px}.site-footer>.brand img{width:190px;height:auto;aspect-ratio:420/112}.site-footer>p{font-size:11px;color:var(--muted);line-height:1.9}.site-footer>p span{display:block;font-size:8px;letter-spacing:.2em;margin-top:4px}.back-top{display:flex;align-items:center;gap:24px;font-size:10px;text-decoration:none;min-height:44px}.back-top svg{width:20px;height:24px;stroke:var(--red);stroke-width:1.2;fill:none}.intro{display:none}.intro-active .intro{position:fixed;inset:0;z-index:40;background:#06151ff8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;animation:intro-safety 0s 3s forwards}.intro-emblem{position:relative}.intro-emblem img{width:80px;height:80px;display:block}.intro-orbit{position:absolute;inset:-20px;border:1px solid #d2535855;border-radius:50%}.intro-title{font-family:var(--serif);font-size:22px;letter-spacing:.15em;margin-top:22px}.intro-status{font-size:10px;color:var(--muted)}.intro-skip{background:none;border:0;border-bottom:1px solid var(--line);padding:10px 0;min-height:44px;font-size:11px;margin-top:22px}.intro-skip span{margin-left:32px}.art-viewer{width:min(1200px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:20px;background:#071c29;color:var(--cream);border:1px solid #6f7e87}.art-viewer::backdrop{background:#020a10e8;backdrop-filter:blur(8px)}.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;margin-bottom:18px}.viewer-top button{display:flex;align-items:center;gap:16px;min-height:44px;padding:8px 14px;border:1px solid #627985;background:none;font-size:12px}.viewer-top svg{width:18px;height:18px;stroke:currentColor;stroke-width:1;fill:none}.viewer-image-wrap{display:flex;justify-content:center;min-height:80px}.viewer-image-wrap img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 150px);object-fit:contain}.art-viewer #viewer-status{font-size:12px;text-align:center;color:var(--muted)}.reveal-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal-ready .reveal.is-visible,.reveal-ready .reveal:focus-within{opacity:1;transform:none}@keyframes mendako-nod{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-13px) rotate(-7deg)}65%{transform:translateY(0) rotate(5deg)}}@keyframes tap-wave{from{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@keyframes intro-safety{to{visibility:hidden;pointer-events:none;opacity:0}}
@media(min-width:1700px){.hero{padding-top:80px}.hero-side{padding-top:60px}.hero h1{font-size:100px}}
@media(max-width:1100px){.hero{grid-template-columns:130px minmax(0,1fr);gap:28px;padding-inline:32px;padding-top:44px}.hero h1{font-size:66px}.hero-side .eyebrow{left:-8px}.hero-side{padding-top:18px}.hero-roman{font-size:17px;margin-top:24px}.side-line{height:40px;margin-top:20px}.hero-bottom{padding-left:158px;padding-top:40px;padding-bottom:48px}.hero-message{display:block}.hero-message>p{font-size:27px}.hero-message>span{display:block;margin-top:16px}.header-inner{width:calc(100% - 64px)}.section-shell{width:calc(100% - 80px)}.about-grid{gap:6%}.about h2{font-size:28px}.prose{font-size:13px}.social-links{gap:12px}.social-links a{gap:32px}.scene-caption{font-size:20px}.world-inner{gap:32px}.world h2{font-size:28px}.world{padding-block:80px}.mendako{width:160px}.mendako-reply{font-size:17px}.play-orbit{max-width:300px}.site-header nav{gap:28px}}
@media(max-width:700px){html{scroll-padding-top:24px}.header-inner{width:calc(100% - 40px);min-height:90px;gap:14px;flex-wrap:wrap;padding-block:18px 8px}.brand img{width:165px;height:44px}.site-header nav{width:100%;justify-content:space-between;gap:18px;border-top:1px solid #344d58;padding-top:4px}.site-header nav a{flex-direction:row;align-items:center;gap:9px;min-height:44px}.site-header nav a span:first-child{font-size:8px;letter-spacing:.12em}.site-header nav a span:last-child{font-size:10px;margin-top:0}.section-shell{width:calc(100% - 40px)}.hero{display:flex;flex-wrap:wrap;gap:0;padding:40px 20px 0}.hero-visual{width:100%;order:0}.hero-frame,.hero-frame img{border-radius:88px 0 0 0}.hero-frame::before{inset:-9px 9px 9px -9px;border-radius:96px 0 0 0}.frame-corner{width:23px;height:23px}.corner-a{top:-9px;right:-7px}.corner-b{bottom:-9px;left:-7px}.hero-visual figcaption{font-size:8px;letter-spacing:.08em;margin-top:15px;gap:8px}.hero-visual figcaption span:first-child{font-size:7px;letter-spacing:.08em}.hero-side{width:100%;order:1;display:grid;grid-template-columns:1fr auto;align-items:end;justify-items:start;padding-top:40px;gap:12px}.hero-side .eyebrow{position:static;writing-mode:horizontal-tb;grid-column:1/-1;font-size:10px;letter-spacing:.18em}.hero h1{writing-mode:horizontal-tb;font-size:clamp(40px,12vw,74px);letter-spacing:.09em;line-height:1.5}.hero-roman{font-size:12px;line-height:1.3;margin:0 0 11px;letter-spacing:.1em;justify-self:end}.side-line{display:none}.hero-bottom{order:2;width:100%;padding:28px 0 34px;gap:20px;align-items:end}.hero-message>p{font-size:25px;line-height:1.8}.hero-message>span{font-size:11px;margin-top:16px}.scroll-cue{gap:14px}.scroll-cue>span{font-size:8px}.scroll-cue svg{width:16px}.hero-watermark{order:3;width:100%;font-size:12.2vw;transform:translateY(15%);margin:0;letter-spacing:-.04em}.about{padding:66px 0}.about-grid{display:flex;flex-direction:column;gap:48px}.portrait-stage{order:1;width:80%;max-width:320px;align-self:center}.about-copy{width:100%;order:0}.section-index{margin-bottom:24px;gap:16px;font-size:9px}.section-index>span:first-child{font-size:23px}.section-index>span:last-child{padding-left:16px}.about h2,.gallery h2,.world h2{font-size:clamp(24px,6.3vw,35px);letter-spacing:.05em;line-height:1.8}.name-line{margin-top:24px;gap:10px 16px}.name-line p{font-size:21px}.name-line>span{font-size:8px}.prose{font-size:13px;margin-top:22px}.social-links{margin-top:24px;gap:14px}.social-links a{flex:1;gap:18px;padding-inline:14px;min-height:48px}.setting-note{font-size:10px;margin-top:22px}.gallery{padding-block:66px 74px}.section-top{display:block;margin-bottom:32px}.section-note{font-size:11px;margin-top:20px}.gallery-grid{display:flex;flex-direction:column;gap:42px}.scene-piece{width:100%}.scene-caption{font-size:18px;margin-top:28px;padding-left:18px;letter-spacing:.05em}.gallery figure figcaption{font-size:9px;margin-top:14px}.gallery figure figcaption span:last-child{font-size:8px}.character-piece{margin-top:0;width:80%;align-self:center;max-width:330px}.art-hint{font-size:9px;right:8px;bottom:8px;min-height:36px;padding:6px 9px;gap:10px}.world{padding-block:66px}.world-inner{display:block}.world-copy{font-size:13px;margin-top:24px}.world-note{font-size:9px;margin-top:24px}.mendako-play{margin-top:46px;padding-top:10px}.mendako{width:160px}.play-orbit{width:250px;top:-14px}.play-hint{font-size:10px}.mendako-reply{font-size:17px;margin-top:20px;min-height:64px}.site-footer{flex-wrap:wrap;gap:20px;padding-block:32px}.site-footer .brand{width:100%}.site-footer>.brand img{width:175px}.site-footer>p{font-size:10px}.back-top{font-size:9px;gap:16px}.intro-title{font-size:18px}.art-viewer{padding:12px}.viewer-top{font-size:10px;margin-bottom:10px}.viewer-top button{font-size:11px;padding:8px 10px}.viewer-image-wrap img{max-height:calc(100dvh - 140px)}}
@media(max-width:360px){.site-header nav{gap:8px}.site-header nav a{gap:5px}.site-header nav a span:last-child{font-size:9px}.hero-roman{font-size:10px}.hero-message>p{font-size:23px}.hero-message>span{font-size:10px}.hero h1{font-size:39px}.about h2,.gallery h2,.world h2{font-size:24px}.intro-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-active .intro{display:none}.reveal-ready .reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation:none!important;transition:none!important}}

.not-found{padding-block:64px;max-width:900px}.not-found .brand{margin-bottom:72px}.not-found h1{font-family:var(--serif);font-size:clamp(30px,6vw,64px);font-weight:500;line-height:1.6;margin-block:24px}.not-found .back-top{margin-top:32px;text-decoration:underline}
@media(max-width:700px){.hero-bottom{display:block}.hero-message>p{font-size:clamp(20px,5.8vw,25px);letter-spacing:.08em}.scroll-cue{position:absolute;right:0;bottom:26px}}

.about .section-index>span:first-child{color:#9e3441}.gallery .section-index>span:first-child,.world .section-index>span:first-child{color:#ed8585}