:root{--bg: #f6f5f1;--bg-2: #ebeae4;--fg: #0a0a0a;--fg-dim: #5b5b5b;--fg-muted: #9a9a9a;--line: rgba(10, 10, 10, .12);--line-strong: rgba(10, 10, 10, .25);--card: #ffffff;--accent: oklch(.86 .18 95);--accent-ink: #0a0a0b;--font-sans: "Space Grotesk", "Noto Sans JP", system-ui, sans-serif;--font-display: "Space Grotesk", "Zen Kaku Gothic New", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--maxw: 1440px;--pad-x: clamp(20px, 4vw, 56px);--ease-out: cubic-bezier(.2, .8, .2, 1);--anim-scale: 1}[data-theme=dark]{--bg: #0a0a0b;--bg-2: #141416;--fg: #f4f3ef;--fg-dim: #a4a4a4;--fg-muted: #6a6a6a;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .22);--card: #131315;--accent-ink: #f4f3ef}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img,svg{display:block;max-width:100%}.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;padding:18px var(--pad-x);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklab,var(--bg) 75%,transparent);border-bottom:1px solid var(--line)}.nav-brand{display:-webkit-box;display:flex;-webkit-box-align:baseline;align-items:baseline;gap:10px;font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em}.nav-brand .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);-webkit-animation:pulse 2.4s ease-in-out infinite;animation:pulse 2.4s ease-in-out infinite}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.nav-brand small{color:var(--fg-muted);font-weight:400;font-size:12px;font-family:var(--font-mono)}.nav-links{display:-webkit-box;display:flex;gap:28px;font-size:14px}.nav-links a{color:var(--fg-dim);-webkit-transition:color .2s;transition:color .2s;position:relative}.nav-links a:hover{color:var(--fg)}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--fg);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s var(--ease-out);transition:-webkit-transform .3s var(--ease-out);transition:transform .3s var(--ease-out);transition:transform .3s var(--ease-out),-webkit-transform .3s var(--ease-out)}.nav-links a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.nav-actions{display:-webkit-box;display:flex;gap:10px;-webkit-box-align:center;align-items:center}.lang-switch{font-family:var(--font-mono);font-size:12px;display:-webkit-box;display:flex;gap:0;border:1px solid var(--line);border-radius:999px;overflow:hidden}.lang-switch button{padding:6px 12px;color:var(--fg-dim)}.lang-switch button.on{background:var(--fg);color:var(--bg)}.hero{padding-top:140px;padding-bottom:80px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-meta{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);margin-bottom:48px}.hero-meta>div{grid-column:span 3}.hero-meta .k{color:var(--fg);display:block;margin-bottom:4px}.hero-display{font-family:var(--font-display);font-weight:500;font-size:clamp(60px,13vw,220px);line-height:.88;letter-spacing:-.04em;margin-bottom:40px}.hero-display .line{display:block;overflow:hidden}.hero-display .line span{display:inline-block}.hero-display em{font-style:normal;color:var(--accent)}.hero-display .ja{font-size:.32em;font-weight:400;letter-spacing:.02em;font-family:var(--font-sans);color:var(--fg-dim);display:block;margin-top:20px}.hero-lede{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:40px;border-top:1px solid var(--line)}.hero-lede p{font-size:17px;line-height:1.6;max-width:48ch;color:var(--fg-dim)}.hero-lede p strong{color:var(--fg);font-weight:500}.hero-cta{display:-webkit-box;display:flex;gap:12px;-webkit-box-align:end;align-items:flex-end;-webkit-box-pack:end;justify-content:flex-end;flex-wrap:wrap}.section{padding:120px 0;border-bottom:1px solid var(--line);position:relative}.section-head{display:grid;grid-template-columns:200px 1fr;gap:40px;margin-bottom:64px;-webkit-box-align:start;align-items:start}.section-num{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:4px}.section-num:before{content:"";display:block;width:40px;height:1px;background:var(--fg);margin-bottom:12px}.section-title{font-family:var(--font-display);font-size:clamp(36px,5vw,72px);font-weight:500;line-height:1;letter-spacing:-.02em}.section-title em{font-style:normal;color:var(--accent)}.section-title .ja{display:block;font-size:.35em;font-family:var(--font-sans);font-weight:400;color:var(--fg-dim);margin-top:14px;letter-spacing:.01em}.works-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.work{position:relative;cursor:pointer;overflow:hidden;-webkit-transition:-webkit-transform .6s var(--ease-out);transition:-webkit-transform .6s var(--ease-out);transition:transform .6s var(--ease-out);transition:transform .6s var(--ease-out),-webkit-transform .6s var(--ease-out)}.work-visual{aspect-ratio:4/5;background:var(--bg-2);overflow:hidden;position:relative;border-radius:2px}.work-visual>.ph,.work-visual>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 1.2s var(--ease-out),-webkit-filter .6s;transition:-webkit-transform 1.2s var(--ease-out),-webkit-filter .6s;transition:transform 1.2s var(--ease-out),filter .6s;transition:transform 1.2s var(--ease-out),filter .6s,-webkit-transform 1.2s var(--ease-out),-webkit-filter .6s;-webkit-filter:grayscale(100%) contrast(1.05);filter:grayscale(100%) contrast(1.05)}[data-theme=dark] .work-visual>.ph,[data-theme=dark] .work-visual>img{-webkit-filter:grayscale(100%) contrast(.95) brightness(.9);filter:grayscale(100%) contrast(.95) brightness(.9)}.work:hover .work-visual>.ph,.work:hover .work-visual>img{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:grayscale(0%) contrast(1);filter:grayscale(0%) contrast(1)}.work-meta{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;padding-top:14px;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}.work-title{margin-top:8px;font-size:20px;font-weight:500;letter-spacing:-.01em}.work-arrow{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transform:translate(10px,-10px) scale(.8);transform:translate(10px,-10px) scale(.8);opacity:0;-webkit-transition:all .4s var(--ease-out);transition:all .4s var(--ease-out)}.work:hover .work-arrow{-webkit-transform:translate(0,0) scale(1);transform:translate(0) scale(1);opacity:1}.work.w-lg{grid-column:span 7}.work.w-md{grid-column:span 5}.work.w-sm{grid-column:span 4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-block:1px solid var(--line-strong)}.stat{padding:40px 24px;border-right:1px solid var(--line);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:8px}.stat:last-child{border-right:none}.stat .v{font-family:var(--font-display);font-size:clamp(40px,5vw,72px);font-weight:500;letter-spacing:-.03em;line-height:1}.stat .v em{font-style:normal;color:var(--accent)}.stat .l{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:12px}.stat .d{font-size:13px;color:var(--fg-dim);line-height:1.45}.articles{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.article{display:grid;grid-template-columns:80px 160px 1fr 180px 40px;gap:24px;padding:28px 0;border-top:1px solid var(--line);-webkit-box-align:center;align-items:center;-webkit-transition:padding .4s var(--ease-out),background .3s;transition:padding .4s var(--ease-out),background .3s;position:relative}.article:last-child{border-bottom:1px solid var(--line)}.article:hover{padding-left:24px;padding-right:24px;background:var(--bg-2)}.article-idx{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.article-date{font-family:var(--font-mono);font-size:12px;color:var(--fg-dim)}.article-title{font-size:20px;font-weight:500;letter-spacing:-.01em;line-height:1.3}.article-tag{font-family:var(--font-mono);font-size:11px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}.article-arrow{opacity:0;-webkit-transform:translateX(-8px);transform:translate(-8px);-webkit-transition:all .3s var(--ease-out);transition:all .3s var(--ease-out);font-size:22px}.article:hover .article-arrow{opacity:1;-webkit-transform:translateX(0);transform:translate(0);color:var(--accent)}.about-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px}.about-portrait{aspect-ratio:4/5;background:var(--bg-2);overflow:hidden;position:relative;border-radius:2px}.about-portrait img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about-text h3{font-family:var(--font-display);font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.02em;margin-bottom:32px}.about-text h3 em{font-style:normal;color:var(--accent)}.about-text p{font-size:16px;line-height:1.7;color:var(--fg-dim);margin-bottom:16px;max-width:56ch}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.stack-col h5{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.stack-col ul{list-style:none}.stack-col li{padding:6px 0;font-size:14px;color:var(--fg);border-bottom:1px dashed var(--line)}.stack-col li span{color:var(--fg-muted);font-family:var(--font-mono);font-size:11px;float:right}.videos-placeholder{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:200px;border:1px dashed var(--line-strong);border-radius:4px}.placeholder-text{font-family:var(--font-mono);font-size:14px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em}.contact{padding:160px 0 120px;text-align:center}.contact-big{font-family:var(--font-display);font-size:clamp(48px,10vw,180px);font-weight:500;letter-spacing:-.03em;line-height:.9;margin-bottom:40px}.contact-big em{font-style:normal;color:var(--accent)}.contact-mail{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;gap:14px;font-family:var(--font-mono);font-size:14px;padding:14px 24px;border:1px solid var(--line-strong);border-radius:999px;-webkit-transition:all .3s var(--ease-out);transition:all .3s var(--ease-out)}.contact-mail:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.contact-socials{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;gap:28px;margin-top:48px;font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.1em}.contact-socials a{-webkit-transition:color .2s;transition:color .2s}.contact-socials a:hover{color:var(--accent)}.foot{padding:40px var(--pad-x);display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);border-top:1px solid var(--line)}.ph{width:100%;height:100%;background:-webkit-repeating-linear-gradient(315deg,var(--bg-2) 0 12px,transparent 12px 24px),var(--bg-2);background:repeating-linear-gradient(135deg,var(--bg-2) 0 12px,transparent 12px 24px),var(--bg-2);display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;text-align:center;padding:16px}.btn{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:500;border:1px solid var(--fg);-webkit-transition:all .3s var(--ease-out);transition:all .3s var(--ease-out)}.btn:hover{background:var(--fg);color:var(--bg)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{-webkit-filter:brightness(.9);filter:brightness(.9);background:var(--accent);color:var(--accent-ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:transparent;color:inherit}.mint-page{padding-top:120px;padding-bottom:80px}.mint-page h1{font-family:var(--font-display);font-size:clamp(48px,8vw,120px);font-weight:500;letter-spacing:-.03em;margin-bottom:64px}.mint-collections{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.mint-card{border:1px solid var(--line-strong);border-radius:8px;padding:32px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:16px}.mint-card h3{font-family:var(--font-display);font-size:24px;font-weight:500}.mint-card-info{font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);display:-webkit-box;display:flex;gap:16px;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:40px;-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card);border:1px solid var(--line-strong);border-radius:8px;max-width:720px;width:100%;max-height:85vh;overflow-y:auto;position:relative}.modal-close{position:-webkit-sticky;position:sticky;top:16px;float:right;margin-right:16px;width:36px;height:36px;border-radius:50%;background:var(--bg-2);display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-size:16px;z-index:1}.modal-close:hover{background:var(--fg);color:var(--bg)}.modal-image{width:100%;aspect-ratio:16/9;overflow:hidden}.modal-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-body{padding:32px}.modal-meta{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;display:-webkit-box;display:flex;gap:16px;margin-bottom:12px}.modal-body h2{font-family:var(--font-display);font-size:28px;font-weight:500;margin-bottom:8px}.modal-cat{font-size:14px;color:var(--fg-dim);margin-bottom:24px}.modal-desc{font-size:15px;line-height:1.7;color:var(--fg-dim);margin-bottom:24px}.modal-desc p{margin-bottom:12px}.modal-desc img{max-width:100%;border-radius:4px;margin:12px 0}.modal-section{margin-bottom:20px;padding-top:16px;border-top:1px solid var(--line)}.modal-section h4{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.modal-section img{max-width:100%;border-radius:4px;margin:8px 0}.modal-links{display:-webkit-box;display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.blog-list-page{padding-top:120px;padding-bottom:80px}.blog-header{margin-bottom:48px}.blog-header h1{font-family:var(--font-display);font-size:clamp(36px,6vw,72px);font-weight:500;letter-spacing:-.02em;margin:16px 0 8px}.blog-count{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.blog-back{font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);display:inline-block;margin-bottom:16px}.blog-back:hover{color:var(--accent)}.blog-pagination{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.blog-page-info{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.blog-detail-page{padding-top:120px;padding-bottom:80px}.blog-article{margin-top:32px}.blog-article header{margin-bottom:48px}.blog-article-meta{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);display:-webkit-box;display:flex;gap:16px;margin-bottom:12px}.blog-article h1{font-family:var(--font-display);font-size:clamp(24px,4vw,42px);font-weight:500;line-height:1.3;letter-spacing:-.01em}.blog-article-body{font-size:16px;line-height:1.8;color:var(--fg-dim);max-width:72ch}.blog-article-body p{margin-bottom:20px}.blog-article-body h2{font-size:22px;font-weight:500;color:var(--fg);margin:40px 0 16px}.blog-article-body a{color:var(--accent);text-decoration:underline}.blog-article-body img{max-width:100%;border-radius:4px;margin:16px 0}.blog-no-content{color:var(--fg-muted);font-style:italic}.blog-nav{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;padding-top:32px;border-top:1px solid var(--line)}.blog-nav-item{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:4px;-webkit-transition:all .3s var(--ease-out);transition:all .3s var(--ease-out)}.blog-nav-item:hover{border-color:var(--accent);background:var(--bg-2)}.blog-nav-label{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase}.blog-nav-title{font-size:14px;font-weight:500;line-height:1.4}.blog-nav-next{text-align:right}.reveal{opacity:0;-webkit-transform:translateY(calc(40px * var(--anim-scale, 1)));transform:translateY(calc(40px * var(--anim-scale, 1)));-webkit-transition:opacity .9s var(--ease-out),-webkit-transform .9s var(--ease-out);transition:opacity .9s var(--ease-out),-webkit-transform .9s var(--ease-out);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),-webkit-transform .9s var(--ease-out)}.reveal.in{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}::-moz-selection{background:var(--accent);color:var(--accent-ink)}::selection{background:var(--accent);color:var(--accent-ink)}@media (max-width: 900px){.nav-links{display:none}.hero{padding-top:100px;padding-bottom:60px}.hero-lede{grid-template-columns:1fr}.hero-meta>div{grid-column:span 6}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.work.w-lg,.work.w-md,.work.w-sm{grid-column:span 6}.article{grid-template-columns:40px 1fr 80px}.article-date,.article-tag{display:none}.about-grid{grid-template-columns:1fr;gap:32px}.stack-grid{grid-template-columns:1fr;gap:16px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.mint-page h1{font-size:clamp(36px,6vw,80px)}.modal-overlay{padding:20px}.modal-content{max-height:90vh}.blog-nav{grid-template-columns:1fr}}