@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Noto+Serif+JP:wght@300;400;500;600&family=Noto+Sans+JP:wght@300;400;500&display=swap";
:root{--color-background:#f9f8f6;--color-text:#2a2a2a;--color-text-light:#5a5a5a;--color-primary:#8c7c6d;--color-primary-dark:#6b5e52;--color-primary-light:#b4a99d;--color-accent:#c7a977;--color-white:#fff;--color-border:#e8e5e1;--color-black:#111;--font-sans:"Inter", "Noto Sans JP", sans-serif;--font-serif:"Noto Serif JP", serif;--nav-height:80px;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background:var(--color-background);font-family:var(--font-sans);letter-spacing:.05em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300;line-height:1.8}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-text);letter-spacing:.1em;font-weight:400;line-height:1.4}a{color:inherit;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.main-content{padding-top:var(--nav-height);min-height:100vh}.glass-header{-webkit-backdrop-filter:blur(12px);background:#f9f8f6d9;border-bottom:1px solid #0000000d}.header{z-index:1000;width:100%;height:var(--nav-height);align-items:center;display:flex;position:fixed;top:0}.header-container{width:100%;max-width:var(--container-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;display:flex}.logo{font-family:var(--font-serif);letter-spacing:.15em;color:var(--color-primary-dark);font-size:1.2rem;font-weight:600}.nav{align-items:center;gap:2.5rem;display:flex}.nav-link{letter-spacing:.05em;color:var(--color-text-light);font-size:.9rem;font-weight:400;position:relative}.nav-link:hover{color:var(--color-primary-dark)}.nav-link:after{content:"";background-color:var(--color-accent);width:0%;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.contact-btn{background-color:var(--color-primary-dark);color:var(--color-white);letter-spacing:.1em;border-radius:2px;padding:.8rem 1.5rem;font-size:.9rem;transition:all .3s}.contact-btn:hover{background-color:var(--color-accent);transform:translateY(-2px)}.mobile-menu-btn{display:none}.footer{background-color:var(--color-primary-dark);color:var(--color-white);text-align:center;font-family:var(--font-sans);letter-spacing:.1em;opacity:.9;padding:4rem 2rem;font-size:.8rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:1s cubic-bezier(.16,1,.3,1) forwards fadeUp}.animate-delay-1{animation-delay:.2s}.animate-delay-2{animation-delay:.4s}.animate-delay-3{animation-delay:.6s}