@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root { --ink:#282d2d; --paper:#efebe1; --line:#c5bdaf; --accent:#9a7859; --night:#172537; }* { box-sizing:border-box; }body { margin:0; color:var(--ink); background:var(--paper); font-family:"Noto Serif JP",serif; line-height:1.8; }.world-layout { min-height:100vh; display:grid; grid-template-columns:270px minmax(0,1fr); }.world-menu { min-height:100vh; position:sticky; top:0; align-self:start; padding:38px 30px 24px; display:flex; flex-direction:column; color:#e9e7df; background:#1e292e; }.wordmark { color:inherit; font:500 31px/.95 "DM Mono",monospace; letter-spacing:-.06em; text-decoration:none; }.menu-caption { margin:15px 0 44px; color:#b9c0bd; font-size:12px; line-height:1.6; }.world-menu nav { display:grid; gap:30px; }.world-menu section { display:grid; gap:6px; }.world-menu h2 { margin:0 0 3px; color:#9d8d7a; font:11px "DM Mono",monospace; letter-spacing:.14em; }.world-menu a,.soon { padding:2px 0; display:flex; justify-content:space-between; align-items:baseline; color:inherit; text-decoration:none; font-size:14px; }.world-menu a:hover { color:#d6b490; }.world-menu a span { color:#8e9b97; font:11px "DM Mono",monospace; }.soon { color:#77817e; }.soon small { color:#5f6a67; font-size:10px; }.today-link { margin-top:3px; padding-top:19px; border-top:1px solid #53605e; }.today-link a { color:#e2c39d; font:15px "DM Mono",monospace; }.menu-footer { margin:auto 0 0; padding-top:24px; color:#71807c; font:10px "DM Mono",monospace; letter-spacing:.08em; }.world-main { padding:25px clamp(28px,6vw,90px) 44px; background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(233,228,216,.55)),var(--paper); }.main-topline { margin-bottom:48px; padding-bottom:12px; display:flex; justify-content:space-between; color:#877c6e; border-bottom:1px solid var(--line); font:11px "DM Mono",monospace; letter-spacing:.1em; }.main-topline p { margin:0; }.world-hero { display:grid; grid-template-columns:minmax(270px,.8fr) minmax(360px,1.2fr); align-items:end; gap:30px; }.hero-copy { padding:10px 0 24px; }.section-label { margin:0 0 10px; color:var(--accent); font:11px "DM Mono",monospace; letter-spacing:.13em; }.hero-copy h1 { margin:0 0 20px; font-size:clamp(43px,5.4vw,83px); font-weight:500; letter-spacing:.08em; line-height:1.25; }.hero-copy p:last-child { max-width:20em; margin:0; }.world-hero img { width:100%; min-height:460px; display:block; object-fit:cover; }.today-panel { margin:18px 0 76px; padding:25px 28px; display:flex; justify-content:space-between; align-items:end; gap:24px; color:#ece8de; background:#243640; }.today-panel h2 { margin:0 0 6px; font-size:22px; font-weight:500; }.today-panel p:last-child { margin:0; color:#c5ccc7; }.today-panel a { min-width:max-content; color:#ecd1aa; text-decoration:none; }.today-panel b { margin-left:16px; font-size:19px; font-weight:400; }.entrance-section,.future-section { margin-bottom:78px; }.section-heading { margin-bottom:20px; padding-bottom:12px; display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid var(--line); }.section-heading h2,.future-section h2 { margin:0; font-size:27px; font-weight:500; }.section-heading a { color:#66513d; text-decoration:none; font-size:14px; }.person-card { display:grid; grid-template-columns:245px 1fr; gap:28px; color:inherit; text-decoration:none; }.person-card img { width:100%; height:310px; object-fit:cover; }.person-card > div { padding:20px 0; }.person-card h3 { margin:0; font-size:38px; font-weight:500; letter-spacing:.16em; }.roman { margin:2px 0 24px; color:#856f59; font:12px "DM Mono",monospace; letter-spacing:.1em; }.person-card > div > p:nth-of-type(3) { max-width:28em; margin-bottom:24px; }.person-card span { color:#805f44; font-size:14px; }.person-card:hover h3 { color:#9a7859; }.future-grid { margin-top:22px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.future-grid article { min-height:170px; padding:18px; border:1px solid var(--line); background:rgba(255,255,255,.26); }.future-grid span { color:#9a7859; font:11px "DM Mono",monospace; }.future-grid h3 { margin:28px 0 8px; font-size:17px; font-weight:500; }.future-grid p { margin:0; font-size:13px; line-height:1.7; }footer { padding-top:16px; color:#887d6e; border-top:1px solid var(--line); font:11px "DM Mono",monospace; letter-spacing:.06em; }
@media (max-width:850px) { .world-layout { display:block; }.world-menu { min-height:auto; position:static; padding:22px 20px; }.wordmark { font-size:25px; }.menu-caption,.menu-footer { display:none; }.world-menu nav { grid-template-columns:repeat(4,1fr); gap:14px; }.world-menu section { gap:2px; }.world-menu h2 { margin-bottom:5px; }.world-menu a,.soon { font-size:12px; }.today-link { margin:0; padding:0; border:0; }.world-main { padding:24px 20px; }.main-topline { margin-bottom:30px; }.world-hero { grid-template-columns:1fr; }.world-hero img { min-height:330px; }.today-panel { margin-bottom:52px; }.entrance-section,.future-section { margin-bottom:52px; } }@media (max-width:580px) { .world-menu nav { grid-template-columns:repeat(2,1fr); }.world-menu section:nth-child(3) { display:none; }.main-topline { font-size:9px; }.world-hero { gap:6px; }.hero-copy h1 { font-size:46px; }.world-hero img { min-height:260px; }.today-panel { display:block; padding:20px; }.today-panel a { margin-top:18px; display:block; }.person-card { grid-template-columns:120px 1fr; gap:16px; }.person-card img { height:190px; }.person-card > div { padding:0; }.person-card h3 { font-size:27px; }.person-card > div > p:nth-of-type(3) { display:none; }.future-grid { grid-template-columns:1fr; }.future-grid article { min-height:auto; }.future-grid h3 { margin:10px 0 4px; } }