:root{--bg:#080808;--surface:#0f0f0f;--surface-hover:#151515;--border:#1c1c1c;--text:#e8e4df;--text-soft:#9a9490;--text-dim:#4e4a46;--accent:#4a9e8e;--accent-soft:#4a9e8e15;--accent-glow:#4a9e8e30}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}a{text-decoration:none}.container{max-width:860px;margin:0 auto;padding:0 60px;position:relative}.tategaki{writing-mode:vertical-rl;text-orientation:mixed}.nav{z-index:10;justify-content:space-between;align-items:center;padding:32px 0;display:flex;position:relative}.nav-logo{letter-spacing:8px;color:var(--text);font-size:17px;font-weight:300}.nav-links{gap:28px;display:flex}.nav-link{color:var(--text-dim);letter-spacing:2px;font-size:11px;transition:color .4s}.nav-link:hover{color:var(--text)}.nav-toggle{cursor:pointer;z-index:21;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:32px;height:32px;padding:0;display:none;position:relative}.nav-toggle-bar{background:var(--text-soft);width:100%;height:1px;transition:transform .3s,opacity .3s}.nav-toggle.is-open .nav-toggle-bar:first-child{transform:translateY(3.5px)rotate(45deg)}.nav-toggle.is-open .nav-toggle-bar:last-child{transform:translateY(-3.5px)rotate(-45deg)}.hero{align-items:center;min-height:90vh;display:flex;position:relative}.hero-vertical-label{color:var(--text-dim);letter-spacing:8px;z-index:2;font-size:11px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.hero-content{z-index:2;position:relative}.hero-eyebrow{color:var(--text-dim);letter-spacing:5px;margin-bottom:28px;font-family:monospace;font-size:10px}.hero-title{color:var(--text);letter-spacing:4px;margin:0 0 16px;font-size:48px;font-weight:200;line-height:1.6}.hero-rule{background:linear-gradient(to right, var(--accent), transparent);width:40px;height:1px;margin:24px 0 32px}.hero-desc{color:var(--text-soft);max-width:460px;font-size:14px;font-weight:300;line-height:2.4}.section{border-top:1px solid var(--border);padding:120px 0;position:relative}.section-about{padding:140px 0 120px}.section-label{color:var(--text-dim);letter-spacing:4px;font-family:monospace;font-size:10px;position:absolute;top:120px;left:-8px}.section-body{margin-left:60px}.section-lead{color:var(--text-soft);margin:0 0 32px;font-size:14px;font-weight:300;line-height:2.2}.pillars-grid{background:var(--border);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.pillar-card{background:var(--surface);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:220px;padding:36px 28px;transition:background .4s;display:flex}.pillar-card:hover{background:var(--surface-hover)}.pillar-ja{color:var(--accent);letter-spacing:3px;margin-bottom:16px;font-family:monospace;font-size:10px}.pillar-en{letter-spacing:2px;color:var(--text-soft);margin-bottom:14px;font-size:22px;font-weight:200;transition:color .4s}.pillar-card:hover .pillar-en{color:var(--text)}.pillar-desc{color:var(--text-dim);font-size:12px;line-height:1.9}.pillar-footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.pillar-sub{color:var(--text-dim);letter-spacing:1px;font-size:10px}.pillar-arrow{color:var(--accent);opacity:0;font-size:14px;transition:all .3s;transform:translate(-6px)}.pillar-card:hover .pillar-arrow{opacity:1;transform:translate(0)}.about-body{max-width:560px;margin-left:60px}.about-lead{color:var(--text);letter-spacing:1px;margin:0 0 28px;font-size:20px;font-weight:200;line-height:2.4}.about-desc{color:var(--text-soft);margin:0 0 48px;font-size:13px;font-weight:300;line-height:2.4}.about-facts{gap:48px;display:flex}.about-fact-label{color:var(--text-dim);letter-spacing:3px;margin-bottom:8px;font-size:10px}.about-fact-value{color:var(--text-soft);letter-spacing:1px;font-size:13px}.projects-heading{color:var(--text-dim);letter-spacing:4px;margin-bottom:16px;font-family:monospace;font-size:10px}.projects-list{background:var(--border);border-radius:6px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.project-row{background:var(--surface);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.project-main{align-items:center;gap:16px;display:flex}.project-cat{color:var(--accent);letter-spacing:2px;border:1px solid var(--accent-soft);border-radius:2px;padding:2px 8px;font-family:monospace;font-size:10px}.project-desc{color:var(--text-soft);font-size:14px;font-weight:300}.project-desc.named{color:var(--text);font-weight:400}.project-role{color:var(--text-dim);font-size:11px}.products-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.product-visual{aspect-ratio:1;border-radius:4px;width:100%;transition:transform .4s;overflow:hidden;transform:scale(1)}.product-card:hover .product-visual{transform:scale(1.02)}.product-info{padding:16px 4px}.product-tags{gap:6px;margin-bottom:8px;display:flex}.product-tag{color:var(--accent);letter-spacing:2px;border:1px solid var(--accent-soft);border-radius:2px;padding:2px 6px;font-size:9px}.product-status{color:var(--text-dim);letter-spacing:1px;margin-left:auto;font-family:monospace;font-size:9px}.product-name{color:var(--text);letter-spacing:1px;margin-bottom:4px;font-size:15px;font-weight:300}.product-desc{color:var(--text-dim);font-size:12px}.contact-title{color:var(--text);letter-spacing:2px;margin:0 0 12px;font-size:20px;font-weight:200;line-height:1.8}.contact-lead{color:var(--text-dim);margin:0 0 32px;font-size:12px}.contact-email{color:var(--accent);letter-spacing:3px;font-size:15px}.contact-social{gap:24px;margin-top:28px;display:flex}.contact-social-link{color:var(--text-dim);letter-spacing:2px;font-size:11px;transition:color .4s}.contact-social-link:hover{color:var(--text-soft)}.page-header{padding:60px 0 80px;position:relative}.back-link{color:var(--text-dim);letter-spacing:2px;margin-bottom:40px;font-size:11px;transition:color .4s;display:inline-block}.back-link:hover{color:var(--text)}.page-eyebrow{color:var(--text-dim);letter-spacing:5px;margin-bottom:20px;font-family:monospace;font-size:10px}.page-title{color:var(--text);letter-spacing:2px;margin:0 0 20px;font-size:36px;font-weight:200}.page-lead{color:var(--text-soft);max-width:480px;font-size:14px;font-weight:300;line-height:2.2}.section-more{color:var(--accent);letter-spacing:2px;align-items:center;gap:6px;margin-top:32px;font-size:11px;transition:opacity .3s;display:inline-flex}.section-more:hover{opacity:.7}.info-table{background:var(--border);border-radius:6px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.info-row{background:var(--surface);justify-content:space-between;padding:16px 24px;display:flex}.info-label{color:var(--text-dim);letter-spacing:2px;font-size:11px}.info-value{color:var(--text-soft);font-size:13px}.service-list{background:var(--border);border-radius:6px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.service-row{background:var(--surface);padding:20px 24px}.service-label{color:var(--text);letter-spacing:1px;margin-bottom:6px;font-size:13px;font-weight:300}.service-desc{color:var(--text-dim);font-size:12px;line-height:1.8}.product-detail{grid-template-columns:280px 1fr;align-items:start;gap:48px;display:grid}.product-detail-visual{width:100%}.contact-form{flex-direction:column;gap:28px;max-width:480px;margin:8px 0 48px;display:flex}.form-field{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-dim);letter-spacing:2px;font-family:monospace;font-size:10px}.form-input,.form-textarea{border:none;border-bottom:1px solid var(--border);color:var(--text);background:0 0;padding:8px 0;font-family:inherit;font-size:14px;transition:border-color .3s}.form-input:focus,.form-textarea:focus{border-color:var(--accent);outline:none}.form-textarea{resize:vertical;min-height:100px}.form-submit{border:none;border-bottom:1px solid var(--accent-soft);color:var(--accent);letter-spacing:2px;cursor:pointer;background:0 0;align-self:flex-start;padding:8px 0;font-size:13px;transition:border-color .3s}.form-submit:hover{border-color:var(--accent)}.form-note{color:var(--text-dim);margin-top:-12px;font-size:11px}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:40px 0;display:flex}.footer-name{color:var(--text-dim);letter-spacing:3px;font-size:11px}.footer-copy{color:var(--text-dim);font-size:10px}@media (width<=700px){.container{padding:0 24px}.hero-vertical-label{display:none}.hero-title{font-size:32px}.pillars-grid,.products-grid{grid-template-columns:1fr}.section-body,.about-body{margin-left:24px}.section-label{left:-4px}.nav-toggle{display:flex}.nav-links{background:var(--bg);opacity:0;pointer-events:none;z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:opacity .3s;position:fixed;inset:0}.nav-links.is-open{opacity:1;pointer-events:auto}.nav-links .nav-link{font-size:16px}.product-detail{grid-template-columns:1fr}.product-detail-visual{max-width:240px}}