:root{--ink:#18374d;--deep:#0e2d43;--blue:#4d97c4;--pale:#eaf6f9;--line:#9ebdca;--paper:#fbfaf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;image-rendering:auto}.site-header{height:74px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);display:flex;align-items:center;padding:0 42px;border-bottom:1px solid #dbe7eb;backdrop-filter:blur(10px)}.brand{width:155px}.brand img{height:44px;width:auto;object-fit:contain}.site-header nav{margin-left:auto;display:flex;gap:27px;font:700 11px/1 Arial;letter-spacing:.12em}.site-header nav a:hover{color:var(--blue)}.hero{height:calc(100vh - 74px);min-height:680px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f6fbfc 0%,#d8eef4 68%,#badde8 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(36,98,127,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(36,98,127,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-wave{position:absolute;border:3px solid rgba(76,151,194,.34);border-radius:50%;width:1200px;height:360px;left:-200px;bottom:-160px}.wave-b{left:300px;bottom:-210px;width:1400px;border-color:rgba(76,151,194,.18)}.hero-copy{position:absolute;left:8vw;top:18%;width:min(610px,46vw)}.eyebrow,.section-index{font:700 12px/1.4 Arial;letter-spacing:.16em;color:var(--blue)}.hero-logo{width:min(560px,42vw);margin:38px 0 42px}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(32px,3.4vw,58px);font-weight:500;line-height:1.48;margin:0}.hero-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(24,55,77,.3);letter-spacing:.12em}.hero-seal{position:absolute;right:8vw;top:19%;width:280px;height:280px;border:1px solid rgba(24,55,77,.23);border-radius:50%;display:grid;place-items:center;color:rgba(24,55,77,.35);transform:rotate(8deg)}.hero-seal:before,.hero-seal:after{content:"";position:absolute;inset:28px;border:1px solid currentColor;border-radius:50%}.hero-seal span{font:700 70px Georgia}.hero-seal small{position:absolute;bottom:65px;letter-spacing:.18em}.scroll{position:absolute;bottom:28px;right:42px;font:700 10px Arial;letter-spacing:.2em}.section{padding:105px 7vw}.about{background:var(--paper)}.about-head{display:flex;justify-content:space-between;align-items:flex-end;margin:25px 0 60px}.about-head h2,.world-title h2,.character-heading h2,.memory h2,.relation h2{font-family:"Yu Mincho",serif;font-weight:500;font-size:clamp(42px,4.4vw,70px);line-height:1.24;margin:0}.about-head p{max-width:420px;border-left:1px solid var(--line);padding-left:28px}.about-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:start}.about figure{margin:0;background:linear-gradient(180deg,#eef7f9,#dceff4);padding:16px}.about figure img{width:100%;height:660px;object-fit:contain;object-position:center center}.about figcaption{font:700 10px Arial;letter-spacing:.17em;margin-top:12px;color:#7793a2}.about-copy{padding-top:25px}.about-copy dl{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--line);margin:0 0 45px}.about-copy dt,.about-copy dd{margin:0;padding:18px 0;border-bottom:1px solid #cfdee4}.about-copy dt{font:700 11px Arial;color:var(--blue);letter-spacing:.12em}.about-copy dd{font-weight:700}.about-copy dd span{font-weight:400;color:#758c98}.about-copy p{line-height:2;font-size:15px}.story{padding:0;display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:#fff}.story-image{display:grid;place-items:center;background:#092336;padding:24px}.story-image img{width:100%;height:100%;min-height:760px;max-height:760px;object-fit:contain;object-position:center center}.story-copy{padding:100px 7vw}.section-index.light{color:#9ed0e5}.story blockquote{font-family:"Yu Mincho",serif;font-size:clamp(34px,3vw,52px);line-height:1.5;margin:35px 0 60px}.story-copy>p{line-height:2.15;color:#e2edf2}.story-messages{margin-top:55px;border-top:1px solid #477184}.story-messages span{display:block;border-bottom:1px solid #477184;padding:16px 0;font-size:13px;letter-spacing:.08em}.world{background:#f5fbfc}.world-title{display:flex;align-items:flex-end;justify-content:space-between;margin:25px 0 65px}.world-title p{letter-spacing:.08em}.flags{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#fff;border:1px solid #c7dbe4}.flags figure{margin:0;position:relative;overflow:hidden;background:#edf6f8}.flags img{width:100%;height:430px;object-fit:contain;object-position:center center;background:#edf6f8;padding:10px}.flags figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(7,35,52,.88));padding:70px 28px 25px;color:#fff}.flags b,.flags span{display:block}.flags b{font:700 16px Arial;letter-spacing:.12em}.flags span{font-size:12px;margin-top:7px}.keyword-main{margin:70px 0 55px;padding:55px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr 1.1fr;gap:45px;align-items:start}.keyword-no{font:700 11px Arial;letter-spacing:.15em;color:var(--blue)}.keyword-main h3{font-family:"Yu Mincho",serif;font-size:36px;line-height:1.5;margin:0}.keyword-main p{grid-column:3;line-height:2;margin:0 0 15px}.keyword-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.keyword-list div{border-top:1px solid var(--line);padding-top:16px}.keyword-list span{font:400 29px Georgia;color:#a9c7d4;margin-right:20px}.characters{background:#102f45;color:#fff}.character-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:25px 0 55px}.character-heading p{font:700 11px Arial;letter-spacing:.16em;color:#93bdcf}.character-stage{display:grid;grid-template-columns:170px 330px minmax(520px,1fr);gap:45px;min-height:860px}.character-tabs{display:flex;flex-direction:column;border-top:1px solid #426579}.character-tabs button{appearance:none;border:0;border-bottom:1px solid #426579;background:none;color:#849eab;text-align:left;padding:20px 0;font:700 12px Arial;letter-spacing:.08em;cursor:pointer}.character-tabs button span{display:inline-block;width:42px;color:#5f8293}.character-tabs button.active{color:#fff}.character-text{padding-top:80px}.char-no{font:400 90px Georgia;color:#25485d}.role{font:700 11px Arial;letter-spacing:.13em;color:#8bc5dd}.character-text h3{font-family:"Yu Mincho",serif;font-size:45px;font-weight:500;margin:18px 0}.character-text h3 small{font:400 15px Arial;color:#819dac;margin-left:15px}.desc{line-height:2;color:#dbe7ec}.character-cards{position:relative;min-height:860px;background:linear-gradient(180deg,#edf7fa,#dbeef3);overflow:hidden;padding:20px}.character-cards img{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:contain;object-position:center top;opacity:0;transform:translateX(15px);transition:.35s ease}.character-cards img.active{opacity:1;transform:none}.memory{display:grid;grid-template-columns:.8fr 1.2fr;padding-top:0;padding-bottom:0;background:var(--paper)}.memory-lead{padding:110px 55px 110px 0;border-right:1px solid #d3e0e5}.memory-list{padding:70px 0 70px 70px}.memory-list article{padding:40px 0;border-bottom:1px solid #c6d7de}.memory-list span{font:700 11px Arial;letter-spacing:.15em;color:var(--blue)}.memory-list h3{font-family:"Yu Mincho",serif;font-size:30px;font-weight:500;margin:14px 0}.relation{background:#0d2a3e;color:#fff;padding:95px 7vw;display:grid;grid-template-columns:380px 1fr;align-items:center;gap:55px}.relation-copy p{font:700 10px Arial;letter-spacing:.18em;color:#89b4c7}.relation img{width:100%;max-height:840px;object-fit:contain;object-position:center center}.gallery{background:#fff}.gallery-empty{margin-top:35px;height:500px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.gallery-empty:before{content:"";position:absolute;width:800px;height:800px;border:1px solid #d8e8ed;border-radius:50%}.gallery-word{position:absolute;font:700 clamp(80px,13vw,190px) Arial;color:#eff6f8;letter-spacing:-.04em}.gallery-empty p{font-family:"Yu Mincho",serif;font-size:40px;z-index:1;margin:0}.gallery-empty span{position:absolute;bottom:55px;font-size:12px;color:#7f99a5;letter-spacing:.12em}.portals{display:grid;grid-template-columns:repeat(3,1fr);background:#0b2639;color:#fff}.portals a{min-height:275px;padding:48px;position:relative;border-right:1px solid #496779;transition:.25s}.portals a:hover{background:#143b55}.portals span{font:400 28px Georgia;color:#6794aa}.portals small,.portals b{display:block}.portals small{margin-top:32px;color:#8fb4c5;font:700 10px Arial;letter-spacing:.14em}.portals b{font:700 40px Arial;margin-top:8px}.portals i{position:absolute;right:42px;bottom:40px;font-style:normal;font-size:25px}.footer{background:#071f2f;color:#fff;padding:85px 7vw 28px;position:relative;overflow:hidden}.footer-logo{position:absolute;width:780px;right:-120px;bottom:-120px;opacity:.1;filter:none}.footer-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:58px;border-bottom:1px solid #345363}.creator{display:flex;align-items:center;gap:26px}.creator>img{width:122px;height:122px;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.creator span{font:700 10px Arial;letter-spacing:.15em;color:#79abc2}.creator h2{font-family:"Yu Mincho",serif;font-weight:500;font-size:30px;margin:9px 0}.creator a{font-size:13px;color:#b6d0dc}.creator-copy{text-align:right;font-family:"Yu Mincho",serif;font-size:18px;line-height:1.8;color:#aac6d3}.footer-links{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #345363}.footer-links a{display:grid;grid-template-columns:45px 180px 1fr 25px;align-items:center;min-height:86px;border-bottom:1px solid #345363}.footer-links a:nth-child(odd){border-right:1px solid #345363;padding-right:30px}.footer-links a:nth-child(even){padding-left:30px}.footer-links span{font:400 18px Georgia;color:#4e7b91}.footer-links b{font:700 12px Arial;letter-spacing:.1em}.footer-links em{font-style:normal;font-size:12px;color:#88a8b7}.social{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:24px;padding:35px 0;border-bottom:1px solid #345363;font:700 10px Arial;letter-spacing:.12em}.social>span{color:#4e7b91;margin-right:10px}.social a{color:#bdd0d8}.footer-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;padding-top:25px;font:400 10px Arial;color:#688d9d;letter-spacing:.08em}.about figure,.story-image,.flags figure{border:1px solid #d4e6ec}.relation img,.character-cards img,.about figure img,.story-image img,.flags img{backface-visibility:hidden}.story-copy,.about-copy{word-break:keep-all}.hero-logo,.brand img,.footer-logo{image-rendering:auto}@media(max-width:900px){.site-header nav{display:none}.hero-seal{display:none}.hero-copy{left:7vw;width:86vw}.hero-logo{width:78vw}.about-head,.world-title,.character-heading{display:block}.about-layout,.story,.memory,.relation{grid-template-columns:1fr}.about figure img{height:500px;object-fit:contain}.story-image img{min-height:500px;max-height:500px;object-fit:contain}.keyword-main{grid-template-columns:1fr}.keyword-main p{grid-column:1}.keyword-list{grid-template-columns:1fr 1fr}.character-stage{grid-template-columns:1fr}.character-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.character-tabs button{padding-right:10px}.character-text{padding-top:10px}.character-cards{min-height:720px}.memory-lead{border-right:0;border-bottom:1px solid #d3e0e5}.memory-list{padding-left:0}.flags{grid-template-columns:1fr}.footer-top{display:block}.creator-copy{text-align:left;margin-top:35px}.footer-links{grid-template-columns:1fr}.footer-links a:nth-child(odd){border-right:0;padding-right:0}.footer-links a:nth-child(even){padding-left:0}.portals{grid-template-columns:1fr}}