*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #0c0a09;--bg-surface: #141210;--bg-card: #1c1917;--bg-card-hover: #231f1b;--text-primary: #fafaf9;--text-secondary: #a8a29e;--text-dim: #78716c;--accent: #f43f5e;--accent-glow: rgba(244, 63, 94, .15);--accent-warm: #fb923c;--accent-gold: #fbbf24;--border: rgba(168, 162, 158, .08);--border-hover: rgba(244, 63, 94, .2);--font-display: "Playfair Display", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-body: "DM Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--max-w: 1100px;--header-h: 72px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.7;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}main{flex:1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul{list-style:none}.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px}.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:#0c0a09cc;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--border)}.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;justify-content:space-between}.site-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.logo-pulse{display:block;width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 12px var(--accent-glow)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.nav-list{display:flex;gap:36px}.nav-list a{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--text-dim);letter-spacing:.02em;transition:color .3s var(--ease-out)}.nav-list a:hover{color:var(--accent)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;width:36px;height:36px;position:relative}.menu-icon,.menu-icon:before,.menu-icon:after{display:block;width:18px;height:1.5px;background:var(--text-primary);border-radius:1px;transition:.3s var(--ease-out);position:absolute;left:9px}.menu-icon{top:17px}.menu-icon:before{content:"";top:-5px}.menu-icon:after{content:"";top:5px}.site-footer{border-top:1px solid var(--border);padding:64px 32px 40px;background:var(--bg-surface)}.footer-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:32px 48px}.footer-brand{grid-column:1}.footer-logo{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.footer-tagline{margin-top:8px;font-size:.82rem;color:var(--text-dim)}.footer-nav{grid-column:2;display:flex;align-items:flex-start}.footer-nav ul{display:flex;gap:28px}.footer-nav a{font-size:.82rem;color:var(--text-dim);transition:color .3s var(--ease-out)}.footer-nav a:hover{color:var(--text-primary)}.footer-bottom{grid-column:1 / -1;padding-top:24px;border-top:1px solid var(--border)}.copyright{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);letter-spacing:.04em}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.header-inner{padding:0 20px}.menu-toggle{display:block}.nav-list{display:none;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;gap:0;background:#0c0a09f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:8px 0}.nav-list.is-open{display:flex}.nav-list li a{display:block;padding:16px 24px;font-size:.95rem}.footer-inner{grid-template-columns:1fr;gap:24px}.footer-nav,.footer-bottom{grid-column:1}.site-footer{padding:40px 20px 32px}}