:root{--color-bg: #EAEAE8;--color-ink: #0F0F0F;--color-surface: #D1D1CF;--color-accent: #0F0F0F;--color-white: #FFFFFF;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Noto Sans CJK JP", Meiryo, sans-serif;--font-mono: "Courier New", Courier, "JetBrains Mono", monospace;--space-unit: 1rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--border-width: 1px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;cursor:auto}a,button{cursor:pointer}body{min-height:100vh;display:flex;flex-direction:column}.u-mono{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}.u-caps{text-transform:uppercase;letter-spacing:.02em}.container{width:100%;max-width:1600px;margin:0 auto}h1,h2,h3,h4{font-weight:500;line-height:1.2;letter-spacing:-.01em;text-transform:none}[lang=en] h1,[lang=en] h2,[lang=en] h3,[lang=en] h4{text-transform:uppercase;line-height:.95;letter-spacing:-.03em}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}.layout-grid{display:grid;grid-template-columns:80px 1fr 1fr 1fr 80px;border-left:var(--border-width) solid var(--color-ink);border-right:var(--border-width) solid var(--color-ink);min-height:100vh;position:relative}.site-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:var(--border-width) solid var(--color-ink);position:sticky;top:0;background:var(--color-bg);z-index:100}.brand{font-size:1.2rem;font-weight:800;line-height:1.1}.site-nav ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.site-nav a{font-size:.85rem;font-weight:500;letter-spacing:.02em}.site-nav a:hover{text-decoration:underline;text-underline-offset:4px}.hero{grid-column:1 / -1;min-height:80vh;display:grid;grid-template-columns:repeat(12,1fr);border-bottom:var(--border-width) solid var(--color-ink);position:relative;overflow:hidden}.hero-text{grid-column:2 / 8;align-self:center;padding:4rem 0}.hero-large-title{font-size:clamp(3rem,10vw,8rem);margin:1rem 0 2rem}.hero-visual{grid-column:8 / 13;border-left:var(--border-width) solid var(--color-ink);display:flex;align-items:center;justify-content:center;background:var(--color-surface);position:relative}.hero-actions{display:flex;gap:1.5rem;margin-top:3rem}.initiate-btn{display:inline-block;padding:1rem 2rem;border:var(--border-width) solid var(--color-ink);font-family:var(--font-sans);font-size:.95rem;font-weight:500;text-decoration:none;background:var(--color-ink);color:var(--color-bg);transition:all .3s ease}.initiate-btn:hover{background:var(--color-bg);color:var(--color-ink);opacity:1}.initiate-btn.secondary{background:transparent;color:var(--color-ink)}.initiate-btn.secondary:hover{background:var(--color-white)}.module-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr)}.site-footer{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--border-width) solid var(--color-ink);border-bottom:var(--border-width) solid var(--color-ink)}.footer-block{padding:1.5rem;border-right:var(--border-width) solid var(--color-ink);min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.footer-block:last-child{border-right:none}.prose{max-width:720px;padding:4rem 2rem;font-size:1.05rem;line-height:1.85;letter-spacing:.02em}.prose h2{margin:2.4em 0 .8em;font-size:2.2rem}.prose h3{margin:1.8em 0 .6em;font-size:1.6rem}.prose p{margin-bottom:1.2em}.prose a{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}.prose a:hover{opacity:1;background:var(--color-white)}.prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:2rem 0;border:var(--border-width) solid var(--color-ink)}.prose th,.prose td{border:var(--border-width) solid var(--color-ink);padding:.8rem 1rem;white-space:nowrap}.prose thead th{position:sticky;left:0;background:var(--color-bg);font-family:var(--font-mono);font-size:.8rem;text-align:left}@media(max-width:1024px){.layout-grid{grid-template-columns:20px 1fr 20px;border:none}.site-header,.hero,.module-grid,.site-footer{grid-column:2 / 3}.module-grid,.hero{grid-template-columns:1fr}.hero-visual{display:none}.footer-block{border-right:none;border-bottom:var(--border-width) solid var(--color-ink)}}
