:root{--navy:#2b3a52;--slate:#3d5068;--blue-grey:#5c7080;--mist:#8fa5b2;--light-mist:#c2d0d8;--pale-sky:#e8eef1;--accent:#b52414;--text-dark:#2b3a52;--text-mid:#3d5068;--text-muted:#5c7080;--text-light:#e8eef1;--text-mist:#c2d0d8}body.dark-mode{--pale-sky:#2b3a52;--text-dark:#e8eef1;--text-muted:#8fa5b2}@font-face{font-family:Hannari;src:url(/fonts/HannariMincho-Regular.otf);font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond12-Regular.otf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond12-Italic.otf);font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond08-Regular.otf);font-weight:600;font-display:swap}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{font-family:EB Garamond,Georgia,serif;background-color:#2b3a52;color:#e8eef1;line-height:1.6;overflow-x:hidden;min-height:100%}.nav-bar{position:fixed;top:0;left:0;right:0;background:rgba(43,58,82,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.8rem 4%;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 2px 24px rgba(0,0,0,.3);border-bottom:1px solid rgba(194,208,216,.1)}.logo-name{font-family:EB Garamond,serif;font-size:2rem;color:#e8eef1;font-weight:600;text-decoration:none;letter-spacing:.02em}.nav-links{display:flex;list-style:none;gap:1.5rem}.nav-links a{text-decoration:none;color:#c2d0d8;font-family:EB Garamond,serif;font-size:1.1rem;padding:.5rem 1.1rem;border-radius:25px;background:hsla(0,0%,100%,.06);border:1px solid rgba(194,208,216,.15);transition:all .25s ease}.nav-links a.active,.nav-links a:hover{color:#2b3a52;background:#e8eef1;border-color:#e8eef1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.nav-controls{flex-direction:column;gap:.4rem}.nav-controls,.toggle-btn{display:flex;align-items:center}.toggle-btn{background:hsla(0,0%,100%,.08);border:1px solid rgba(194,208,216,.15);border-radius:50%;width:32px;height:32px;justify-content:center;cursor:pointer;font-size:1rem;transition:all .25s ease}.toggle-btn:hover{background:hsla(0,0%,100%,.15)}.site-footer{background:#2b3a52;color:#8fa5b2;padding:2rem 5%;text-align:center;font-size:.9rem;border-top:1px solid rgba(194,208,216,.1)}.section-title{font-family:EB Garamond,serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;color:#e8eef1;margin-bottom:2rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:2px;background:#8fa5b2}.section-intro{font-size:1.15rem;line-height:1.9;color:#c2d0d8;max-width:760px;margin-bottom:3rem}@media (max-width:768px){.nav-links{gap:.6rem}.nav-links a{font-size:.9rem;padding:.4rem .7rem}.logo-name{font-size:1.5rem}}body[lang=jp] li,body[lang=jp] p{line-height:2}body[lang=jp] h1,body[lang=jp] h2,body[lang=jp] h3,body[lang=jp] h4{line-height:1.6}