:root{--accent: #1f8a5b;--ink: #222;--muted: #666;--faint: #999;--line: #eee;--line-soft: #f2f2f2;--paper: #fff;--bg: #ececeb;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body.light{background:var(--bg);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6;min-height:100vh}.bg-motif{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M6 0h2v2h-2zM4 2h2v2h-2zM8 2h2v2h-2zM2 4h2v2h-2zM10 4h2v2h-2zM4 8h2v2h-2zM8 8h2v2h-2zM6 10h2v2h-2z' fill='%231f8a5b' fill-opacity='0.10'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M11 3c2 2 3 5 0 8-3-3-2-6 0-8z' fill='%23e88aa8' fill-opacity='0.08'/%3E%3C/svg%3E");background-position:0 0,60px 90px;background-size:180px 180px,240px 240px}.lt-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 32px;background:#ececebd1;backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--line);flex-wrap:wrap}.lt-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.lt-brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.lt-nav{display:flex;gap:22px;font-size:13.5px;color:var(--muted);flex-wrap:wrap}.lt-nav a{color:var(--muted);text-decoration:none;transition:color .18s ease}.lt-nav a:hover,.lt-nav a.active{color:var(--accent)}.lt-main{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 32px}.lt-footer{position:relative;z-index:1;max-width:1120px;margin:60px auto 0;padding:34px 32px;background:#fafafa;border-top:1px solid var(--line);border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.lt-footer .copy{font-size:13px;color:var(--faint)}.lt-foot-links{display:flex;gap:20px;font-family:var(--mono);font-size:12.5px}.lt-foot-links a{color:#555;text-decoration:none}.lt-foot-links a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.lt-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--accent)}.lt-tag{font-family:var(--mono);font-size:11.5px;color:#555;background:#f5f5f4;border-radius:6px;padding:5px 11px}.card{margin:28px 0 0;background:var(--paper);border:1px solid #e7e7e7;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 22px 48px -30px #00000040}.sec{padding:54px 48px;border-top:1px solid var(--line-soft)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.see-all{font-size:12.5px;color:var(--faint);text-decoration:none}.see-all:hover{color:var(--accent)}.empty{font-size:13.5px;color:var(--faint)}.page-head{padding:58px 48px 0;display:flex;flex-direction:column;gap:10px}.page-head .ttl{font-size:clamp(26px,4vw,38px);font-weight:600;letter-spacing:-.02em;line-height:1.25}.page-head .jp{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;color:var(--faint)}.page-head .lead{margin-top:6px;max-width:640px;font-size:14px;line-height:1.9;color:var(--muted)}.hero{padding:84px 48px 70px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;position:relative}.hero-icon{width:92px;height:92px;border-radius:50%;overflow:hidden;border:1px solid #ececec;background:repeating-linear-gradient(135deg,#f4f4f4 0 9px,#fafafa 9px 18px)}.hero-icon img{width:100%;height:100%;object-fit:cover;display:block}.hero-eyebrow{letter-spacing:.16em}.hero-title{font-size:clamp(30px,5vw,48px);font-weight:600;letter-spacing:-.02em;line-height:1.25;max-width:720px}.hero-lead{max-width:540px;font-size:15px;line-height:1.95;color:var(--muted)}.hero-cta{display:flex;gap:12px;margin-top:4px;flex-wrap:wrap;justify-content:center}.btn{font-size:13.5px;border-radius:8px;padding:11px 24px;font-weight:500;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn.primary{color:#fff;background:var(--accent)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px -8px #1f8a5b99}.btn.ghost{color:#333;background:#fff;border:1px solid #e0e0e0}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.hero-shots{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;justify-content:center}.shot{width:80px;height:80px;border-radius:12px;background:repeating-linear-gradient(135deg,#f4f4f4 0 9px,#fafafa 9px 18px);border:1px solid #ececec;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:#b6b6b6;overflow:hidden}.shot img{width:100%;height:100%;object-fit:cover}.about{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.about-h{font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.5;max-width:620px}.about-p{max-width:560px;font-size:14px;line-height:1.95;color:var(--muted)}.about-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.work-rows{display:flex;flex-direction:column}.work-row{display:grid;grid-template-columns:56px 1fr 1.2fr 70px;gap:20px;align-items:center;padding:22px 0;border-top:1px solid #eee;text-decoration:none;color:inherit;transition:padding-left .18s ease,background .18s ease}.work-row:first-child{border-top:1px solid #1a1a1a}.work-row:last-child{border-bottom:1px solid #eee}.work-row:hover{padding-left:8px}.w-num{font-family:var(--mono);font-size:22px;color:var(--accent)}.w-title{font-size:20px;font-weight:600;letter-spacing:-.01em}.w-desc{font-size:13px;color:#888;line-height:1.6}.w-tag{font-family:var(--mono);font-size:11px;color:var(--faint);text-align:right}.blog-h{font-size:20px;font-weight:600;letter-spacing:-.01em}.post-rows{display:flex;flex-direction:column}.post-row{position:relative;display:flex;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid var(--line-soft);text-decoration:none;color:inherit;transition:padding-left .18s ease;overflow:hidden}.post-row:hover{padding-left:6px}.post-row time{font-family:var(--mono);font-size:12px;color:#aaa;width:90px;flex-shrink:0}.p-title{font-size:14.5px;flex:1}.p-meta{font-family:var(--mono);font-size:11px;color:var(--accent);white-space:nowrap}.post-row .row-watermark{position:absolute;inset:0;z-index:-1;opacity:.08;pointer-events:none}.post-row .row-watermark img{width:100%;height:100%;object-fit:cover}.explore-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.ex-card{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;background:#fcfcfc;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.ex-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px #0006;border-color:#ddd}.ex-en{font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--accent)}.ex-jp{font-size:15px;font-weight:600}.ex-note{font-size:12px;color:var(--faint);line-height:1.6}.ex-card.music:after,.ex-card.otaku:after{content:"";position:absolute;right:-10px;bottom:-10px;width:72px;height:72px;opacity:.5;background-repeat:no-repeat;background-size:contain}.ex-card.music:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='none' stroke='%231f8a5b' stroke-opacity='0.16' stroke-width='3'%3E%3Cpath d='M30 54V20l24-6v34'/%3E%3Ccircle cx='24' cy='54' r='6'/%3E%3Ccircle cx='48' cy='48' r='6'/%3E%3C/g%3E%3C/svg%3E")}.ex-card.otaku:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M30 6h2v2h-2zM28 8h2v2h-2zM32 8h2v2h-2z' fill='%23e88aa8' fill-opacity='0.20'/%3E%3Cpath d='M22 28h6v6h-6zM44 28h6v6h-6zM30 44h12v4h-12z' fill='%231f8a5b' fill-opacity='0.14'/%3E%3C/svg%3E")}.contact{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.contact-left{display:flex;flex-direction:column;gap:8px}.contact-h{font-size:28px;font-weight:600;letter-spacing:-.02em}.contact-links{display:flex;gap:24px;font-family:var(--mono);font-size:13px}.contact-links a{color:#444;text-decoration:none}.contact-links a:hover{color:var(--accent)}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.proj-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:#fcfcfc;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.proj-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -24px #0006;border-color:#ddd}.proj-thumb{aspect-ratio:16 / 9;background:repeating-linear-gradient(135deg,#f4f4f4 0 10px,#fafafa 10px 20px);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:#b6b6b6}.proj-thumb img{width:100%;height:100%;object-fit:cover}.proj-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px}.proj-body h3{font-size:17px;font-weight:600;letter-spacing:-.01em}.proj-body p{font-size:13px;color:var(--muted);line-height:1.7}.proj-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.proj-tags span{font-family:var(--mono);font-size:10.5px;color:#555;background:#f1f1f0;border-radius:5px;padding:3px 9px}.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.filter button{font-family:var(--mono);font-size:11.5px;color:#555;background:#f5f5f4;border:1px solid transparent;border-radius:999px;padding:6px 14px;cursor:pointer;transition:background .18s ease,color .18s ease}.filter button:hover{color:var(--accent)}.filter button.active{background:var(--accent);color:#fff}.cv-sub{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--accent);margin:38px 0 14px}.cv-sub:first-of-type{margin-top:8px}.cv-rows{list-style:none;display:flex;flex-direction:column}.cv-rows li{display:grid;grid-template-columns:150px 1fr;gap:8px 24px;padding:18px 0;border-top:1px solid var(--line)}.cv-rows li time{font-family:var(--mono);font-size:12px;color:var(--faint)}.cv-rows .what{font-size:15px;font-weight:600}.cv-rows .detail{grid-column:2;font-size:13px;color:var(--muted);line-height:1.75}.cv-skill-group{margin-bottom:22px}.cv-skill-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--faint);margin-bottom:8px}.cv-skills{display:flex;flex-wrap:wrap;gap:8px}.cv-skills span{font-family:var(--mono);font-size:11.5px;color:#555;background:#f5f5f4;border-radius:6px;padding:5px 11px}.cv-note{margin-top:32px;font-family:var(--mono);font-size:12px;color:var(--faint)}.article{padding:48px;max-width:820px;margin:0 auto}.article-head{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.article-date{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--accent)}.article-head h1{font-size:clamp(24px,4vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.35}.article-tags{display:flex;gap:6px;flex-wrap:wrap}.article-tags span{font-family:var(--mono);font-size:10.5px;color:#555;background:#f1f1f0;border-radius:5px;padding:3px 9px}.article-hero{width:100%;border-radius:12px;margin-bottom:28px}.hairline{height:1px;background:var(--line);margin:28px 0}.article-body{font-size:15px;line-height:1.95;color:#333}.article-body>*+*{margin-top:1.1em}.article-body h2{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-top:1.8em}.article-body h3{font-size:18px;font-weight:600;margin-top:1.6em}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.article-body ul,.article-body ol{padding-left:1.4em}.article-body li+li{margin-top:.4em}.article-body img{max-width:100%;border-radius:10px}.article-body blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 16px;color:var(--muted)}.article-body code{font-family:var(--mono);font-size:.88em;background:#f3f3f2;border-radius:5px;padding:2px 6px}.article-body pre{background:#1a1a1a;color:#f5f5f5;border-radius:10px;padding:18px 20px;overflow-x:auto;font-size:13px;line-height:1.7}.article-body pre code{background:none;padding:0;font-size:inherit;color:inherit}.prevnext{display:flex;flex-direction:column}.prevnext a{display:flex;gap:18px;align-items:baseline;padding:14px 0;border-top:1px solid var(--line-soft);text-decoration:none;color:inherit;transition:padding-left .18s ease}.prevnext a:hover{padding-left:6px}.prevnext a:last-child{border-bottom:1px solid var(--line-soft)}.prevnext .dir{font-family:var(--mono);font-size:11px;color:var(--accent);width:64px;flex-shrink:0}.prevnext .t{font-size:14px}.backlink{display:inline-block;margin-top:28px;font-family:var(--mono);font-size:12px;color:var(--muted);text-decoration:none}.backlink:hover{color:var(--accent)}@media(max-width:720px){.lt-header{padding:14px 18px}.lt-main{padding:0 18px}.hero{padding:60px 24px 48px}.sec{padding:40px 24px}.page-head{padding:44px 24px 0}.article{padding:36px 22px}.work-row{grid-template-columns:40px 1fr;grid-auto-rows:min-content;gap:4px 14px}.w-desc{grid-column:2}.w-tag{display:none}.explore-grid,.proj-grid{grid-template-columns:1fr}.post-row{gap:14px}.post-row time{width:76px}.cv-rows li{grid-template-columns:1fr}.cv-rows .detail{grid-column:1}}