:root{--color-bg: #fafaf7;--color-fg: #1a1a1a;--color-fg-soft: #444;--color-muted: #6b6b6b;--color-border: #e0e0d8;--color-accent: #1e5fa8;--color-accent-hover: #144278;--color-pillar-field: #c84d2c;--color-pillar-cocreate: #d68e2c;--color-pillar-philosophy: #6b8e6b;--color-pillar-handbook: #4a6e8a;--color-pillar-annual: #6b4a8a;--max-width-content: 720px;--max-width-wide: 1200px;--font-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius: 2px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 6px 18px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color .15s}a:hover{color:var(--color-accent-hover)}.site-header{background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(8px);background-color:#ffffffeb}.site-header .inner{max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-4);display:flex;align-items:center;gap:var(--space-6)}.brand{font-family:var(--font-serif);font-weight:700;font-size:1.25rem;letter-spacing:-.01em;color:var(--color-fg)}.brand sup{font-size:.55em;vertical-align:super;color:var(--color-accent);font-weight:500}.nav-primary{display:flex;gap:var(--space-5);list-style:none;margin:0;padding:0;flex:1;flex-wrap:wrap}.nav-primary a{color:var(--color-fg-soft);font-size:.9rem;font-weight:500}.nav-primary a:hover{color:var(--color-accent)}.nav-cta{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--color-fg);color:#fff!important;border-radius:var(--radius);font-size:.85rem;font-weight:600}.nav-cta:hover{background:var(--color-accent)}.container{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-4)}.container-wide{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-4)}.hero{padding:var(--space-7) 0 var(--space-6);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,white 0%,var(--color-bg) 100%)}.hero .eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin:0 0 var(--space-3);font-weight:600}.hero h1{font-family:var(--font-serif);font-size:clamp(1.75rem,4vw,3rem);line-height:1.3;margin:0 0 var(--space-4);letter-spacing:-.02em;font-weight:700}.hero .lead{font-size:1.05rem;color:var(--color-fg-soft);max-width:680px;margin:0 0 var(--space-5)}.hero .cta-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.85rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:.95rem;border:1px solid var(--color-fg);background:var(--color-fg);color:#fff}.btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-secondary{background:transparent;color:var(--color-fg)}.btn-secondary:hover{color:var(--color-accent)}.section{padding:var(--space-7) 0}.section-title{font-family:var(--font-serif);font-size:1.5rem;margin:0 0 var(--space-5);letter-spacing:-.01em}.section-title .index{display:inline-block;font-family:var(--font-mono);font-size:.72rem;color:var(--color-accent);margin-right:var(--space-3);vertical-align:middle;font-weight:500}.pillar-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 720px){.pillar-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.pillar-grid{grid-template-columns:repeat(5,1fr)}}.pillar-card{display:block;padding:var(--space-5);background:#fff;border:1px solid var(--color-border);border-top-width:3px;border-top-color:var(--pillar-color, var(--color-fg));border-radius:var(--radius);transition:box-shadow .2s,transform .2s;text-decoration:none;color:inherit}.pillar-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.pillar-card .num{font-family:var(--font-mono);font-size:.7rem;color:var(--color-muted);letter-spacing:.1em}.pillar-card h3{font-family:var(--font-serif);margin:var(--space-2) 0 var(--space-2);font-size:1.1rem;color:var(--color-fg)}.pillar-card p{margin:0;font-size:.9rem;color:var(--color-muted);line-height:1.6}.article-card{display:grid;gap:var(--space-4);grid-template-columns:200px 1fr;padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);align-items:start}@media (max-width: 600px){.article-card{grid-template-columns:1fr}}.article-card .thumb{background:var(--color-border);aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;position:relative}.article-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .thumb img{transform:scale(1.04)}.article-card .thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pillar-color, #1e5fa8) 0%,#1a1a1a 100%);color:#fff;font-family:var(--font-serif);font-weight:700;font-size:.85rem;letter-spacing:.05em;opacity:.9;text-align:center;padding:1rem}.article-card .meta{font-family:var(--font-mono);font-size:.72rem;color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 var(--space-2)}.article-card .meta .pillar-tag{color:var(--pillar-color, var(--color-accent));font-weight:600}.article-card h2{font-family:var(--font-serif);font-size:1.25rem;line-height:1.4;margin:0 0 var(--space-2);letter-spacing:-.01em}.article-card h2 a{color:var(--color-fg)}.article-card h2 a:hover{color:var(--color-accent)}.article-card .excerpt{margin:0 0 var(--space-3);font-size:.95rem;color:var(--color-fg-soft)}.article-card .byline{font-size:.85rem;color:var(--color-muted)}.article-detail{padding:var(--space-6) 0 var(--space-7)}.article-detail .article-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-3)}.article-detail .article-meta .pillar-tag{color:var(--pillar-color, var(--color-accent));font-weight:600;margin-right:var(--space-3)}.article-detail h1{font-family:var(--font-serif);font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.35;margin:0 0 var(--space-4);letter-spacing:-.02em;font-weight:700}.article-detail .lede{font-size:1.1rem;color:var(--color-fg-soft);font-family:var(--font-serif);font-style:italic;margin:0 0 var(--space-5);padding-left:var(--space-4);border-left:2px solid var(--color-accent)}.article-detail .byline-block{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-size:.9rem}.article-detail .byline-block .author-name{font-weight:600}.article-detail .byline-block .role{color:var(--color-muted);font-size:.85rem}.article-detail .hero-img{margin:0 0 var(--space-5);border-radius:var(--radius)}.article-detail .prose{font-size:1.02rem;line-height:1.85}.article-detail .prose h2{font-family:var(--font-serif);font-size:1.4rem;margin:var(--space-7) 0 var(--space-3);letter-spacing:-.01em}.article-detail .prose h3{font-family:var(--font-serif);font-size:1.15rem;margin:var(--space-6) 0 var(--space-2)}.article-detail .prose p{margin:var(--space-4) 0}.article-detail .prose blockquote{border-left:3px solid var(--color-accent);margin:var(--space-5) 0;padding:0 0 0 var(--space-4);color:var(--color-fg-soft);font-family:var(--font-serif);font-style:italic;font-size:1.05rem}.article-detail .prose img+em,.article-detail .prose figcaption{display:block;font-size:.82rem;color:var(--color-muted);margin-top:var(--space-2);font-family:var(--font-sans)}.article-detail .prose code{font-family:var(--font-mono);font-size:.9em;background:#0000000d;padding:.1em .3em;border-radius:2px}.article-detail .prose pre{background:#1a1a1a;color:#f6f6f0;padding:var(--space-4);border-radius:var(--radius);overflow-x:auto}.article-detail .prose pre code{background:transparent;color:inherit}.cta-block{margin:var(--space-7) 0 var(--space-5);padding:var(--space-6) var(--space-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);text-align:center}.cta-block h3{font-family:var(--font-serif);margin:0 0 var(--space-2);font-size:1.2rem}.cta-block p{margin:0 0 var(--space-4);color:var(--color-muted)}.site-footer{margin-top:var(--space-8);border-top:1px solid var(--color-border);background:#fff}.site-footer .inner{max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-6) var(--space-4);display:grid;gap:var(--space-5);grid-template-columns:1fr}@media (min-width: 720px){.site-footer .inner{grid-template-columns:2fr 1fr 1fr 1fr}}.site-footer h4{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin:0 0 var(--space-3)}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:var(--space-2) 0;font-size:.9rem}.site-footer a{color:var(--color-fg-soft)}.site-footer a:hover{color:var(--color-accent)}.site-footer .copyright{border-top:1px solid var(--color-border);margin-top:var(--space-5);padding-top:var(--space-4);text-align:center;font-size:.82rem;color:var(--color-muted)}[data-pillar=field-documentary]{--pillar-color: var(--color-pillar-field)}[data-pillar=co-creation-lab]{--pillar-color: var(--color-pillar-cocreate)}[data-pillar=robot-in-the-next-room]{--pillar-color: var(--color-pillar-philosophy)}[data-pillar=implementation-handbook]{--pillar-color: var(--color-pillar-handbook)}[data-pillar=annual]{--pillar-color: var(--color-pillar-annual)}