@charset "UTF-8";
:root{--paper:#f7f7f2;--ink:#242421;--muted:#666660;--line:#d9d9d2;--accent:#18734a;--accent-hover:#105536;--accent-light:#a1dcb3;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:"Inter","Helvetica Neue",Arial,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-feature-settings:"palt";line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#bde2c7;color:#232321}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}ul{padding:0;margin:0;list-style:none}.section-width{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:112px}.mono,.eyebrow{font-family:var(--mono);font-feature-settings:normal}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.12em;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-180%);z-index:100;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{transform:translateY(0)}
.header{height:100px;width:min(1408px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:11px;align-items:center;font-size:19px;letter-spacing:-.8px;font-weight:800}.brand-light{font-weight:450}.brand-dot{color:var(--accent)}.eye-mark{display:flex;gap:3px;align-items:center}.eye-mark i{display:block;width:14px;height:17px;background:var(--accent);border-radius:65% 35% 60% 40%;transform:rotate(-25deg);position:relative}.eye-mark i+ i{transform:rotate(25deg);border-radius:35% 65% 40% 60%}.eye-mark i:after{content:"";position:absolute;width:4px;height:8px;border-radius:50%;background:var(--paper);left:5px;top:4px}.header nav{display:flex;align-items:center;gap:39px}.header nav>a{font-size:12px;font-weight:700}.header nav>a>span:not([aria-hidden]){font-size:9px;display:block;color:var(--muted);font-weight:400}.header nav .nav-contact{border:1px solid var(--ink);border-radius:3px;padding:10px 16px;display:flex;gap:28px;align-items:center}.header nav .nav-contact:hover{background:var(--ink);color:var(--paper)}.menu-button{display:none}
.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:12px;min-height:680px;padding-top:76px}.hero-copy{position:relative;z-index:2;padding-top:30px}.hero h1{font-size:clamp(32px,4.1vw,61px);font-weight:850;letter-spacing:-.065em;line-height:1.45;margin-top:0;white-space:nowrap}.hero-emphasis{position:relative}.hero-emphasis:after{content:"";position:absolute;left:0;right:10%;bottom:0;height:4px;background:var(--accent)}.period{color:var(--accent)}.hero-description{font-size:14px;line-height:2.1;color:#55554e;margin-top:25px;letter-spacing:.025em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:16px 22px;font-size:12px;font-weight:600;border-radius:3px;transition:background .2s,transform .2s}.button-dark{background:var(--accent);color:var(--paper);margin-top:29px}.button-dark:hover{background:var(--accent-hover);transform:translateY(-2px)}.button span{font-size:19px;font-weight:400}.hero-profile{display:flex;gap:11px;align-items:flex-start;margin-top:34px}.profile-line{width:22px;height:1px;background:var(--accent);margin-top:11px}.hero-profile p{font-size:12px;font-weight:700;line-height:1.6}.hero-profile p span{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.hero-art{position:relative;align-self:start;height:532px;margin:0 -15px 0 -10px;isolation:isolate}.art-grid{position:absolute;inset:16px 0 10px;background-image:radial-gradient(#aaa99b 1px,transparent 1px);background-size:15px 15px;opacity:.28;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent)}.hero-ring{position:absolute;width:360px;height:360px;background:#68aa7c;border-radius:50%;top:91px;left:50%;transform:translateX(-50%);z-index:-1}.art-word{position:absolute;left:4%;top:43px;font-family:var(--mono);font-size:110px;line-height:.93;font-weight:900;letter-spacing:-10px;color:transparent;-webkit-text-stroke:1px #d6d3ca;z-index:-1;transform:rotate(-8deg);user-select:none}.character{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);width:108%;max-width:none;height:auto;filter:drop-shadow(0 15px 8px #1d1d1b10)}.art-coordinate{font-family:var(--mono);position:absolute;font-size:8px;letter-spacing:.1em;color:var(--muted)}.coordinate-top{right:5px;top:18px}.coordinate-bottom{right:5px;bottom:0}.focus-tag{position:absolute;bottom:35px;left:26px;background:var(--paper);border:1px solid var(--ink);font-family:var(--mono);font-size:9px;letter-spacing:.07em;padding:9px 12px;transform:rotate(-5deg);box-shadow:3px 3px 0 var(--ink)}.focus-tag span{color:var(--accent);margin-right:7px}.hero-bottom{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;padding:34px 0 26px;font-size:9px;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line)}.scroll-link{font-family:var(--mono);display:flex;gap:25px}.scroll-link span{font-size:16px;line-height:1}.ticker{overflow:hidden;border-block:1px solid var(--line);margin-top:23px;padding:15px 0;background:#ededE7}.ticker>div{white-space:nowrap;text-align:center;font-size:12px;font-family:var(--mono);letter-spacing:.18em;font-weight:600}.ticker span{color:var(--accent);font-size:20px;margin:0 34px;vertical-align:middle}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:53px}.section-heading .eyebrow{color:var(--accent);margin-bottom:18px}.section-heading h2{font-size:43px;line-height:1.45;letter-spacing:-.045em;font-weight:800}.muted-heading{color:#898980}.section-intro{font-size:13px;line-height:2.1;color:var(--muted);padding-bottom:5px}.project{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;padding-bottom:64px;border-bottom:1px solid var(--line)}.project+.project{padding-top:64px}.project-visual{border-radius:4px;overflow:hidden;min-height:510px;position:relative;display:flex;flex-direction:column;padding:25px 29px}.visual-label{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.09em}.visual-kibutsu{background:#252823;color:#f5f5ed;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:28px 28px}.visual-kibutsu .visual-label{color:#b8beb1}.schema-art{width:100%;max-width:330px;margin:32px auto 23px}.visual-kicker{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:#b0bc9c;margin-bottom:9px}.schema-art h3,.balance-art h3{font-size:35px;line-height:1.5;letter-spacing:-.03em;margin-bottom:24px;font-weight:700}.schema-root{display:flex;align-items:center;gap:12px;background:#3b4034;border:1px solid #697356;padding:12px 16px;border-radius:3px;position:relative}.schema-icon{font-size:25px;color:#c6d5a7}.schema-root>div{font-size:12px}.schema-root>div>span{display:block;font-family:var(--mono);font-size:8px;color:#bec7b2}.schema-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#c6d5a7}.schema-branches{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;margin-top:25px}.schema-branches:before{content:"";position:absolute;left:25%;right:25%;top:-14px;height:14px;border-top:1px solid #87937b;border-inline:1px solid #87937b}.schema-root:after{content:"";position:absolute;height:12px;width:1px;background:#87937b;bottom:-12px;left:50%}.schema-node{border:1px solid #737f66;background:#2c3027;border-radius:3px;padding:10px 12px 0}.schema-node>.mono{font-size:9px;color:#c5d8a4}.schema-node>strong{display:block;font-size:11px;margin-top:2px;font-weight:500}.schema-node>span:not(.mono){display:block;font-size:8px;color:#b8c2ad}.schema-review{border-top:1px solid #515b46;font-size:9px;margin:10px -12px 0;padding:8px 8px;color:#d8e5c1}.schema-review span{margin-right:4px}.visual-footnote{font-size:8px;line-height:1.7;opacity:.7;margin-top:auto}.project-status{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin:2px 0 19px}.project-status>.mono{margin-left:auto;font-size:9px;letter-spacing:.05em}.status-dot{width:6px;height:6px;border-radius:50%}.live{background:#5f7950}.designing{background:#b9803c}.project-copy>h3{font-size:31px;letter-spacing:-.04em;line-height:1.4}.project-copy>h3>span{display:block;font-size:12px;letter-spacing:.01em;font-weight:500;color:var(--muted);margin-top:8px}.project-description{font-size:13px;line-height:2.1;color:#54544e;margin-top:22px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.tags li{font-family:var(--mono);font-size:9px;line-height:1.5;background:#eaeae3;border:1px solid #e0e0d7;border-radius:3px;padding:5px 9px}.project-metric{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:22px;margin-top:27px}.project-metric>strong{font-family:var(--mono);font-size:34px;letter-spacing:-1.8px;line-height:1.1;font-weight:500;white-space:nowrap}.project-metric>strong>span{font-size:10px;letter-spacing:0;margin-left:6px;color:var(--accent)}.project-metric p{font-size:10px;line-height:1.6}.project-metric p span{font-size:8px;display:block;color:var(--muted);margin-top:3px}.metric-note{font-size:9px;line-height:1.8;color:var(--muted);margin-top:13px}.project-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}.project-details summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:12px;font-weight:600;cursor:pointer;list-style:none;gap:15px}.project-details summary::-webkit-details-marker{display:none}.detail-icon{color:var(--accent);font-size:20px;font-weight:400;transition:transform .2s}.project-details[open] .detail-icon{transform:rotate(45deg)}.detail-body{padding:0 0 22px}.detail-body h4{font-size:13px;font-weight:700;margin:15px 0 8px}.detail-body>p{font-size:12px;color:#56564f;line-height:2}.detail-body>p.detail-note{font-size:10px;color:var(--muted);margin-top:14px}.detail-meta{border-left:2px solid var(--accent);padding-left:12px;margin-top:22px}.detail-meta span{font-family:var(--mono);font-size:8px;color:var(--accent);letter-spacing:.12em}.detail-meta p{font-size:11px;margin-top:4px}.visual-spending{background:#eae8df;color:#34382d}.visual-spending .visual-label{color:#64695a}.balance-art{max-width:335px;width:100%;margin:32px auto 25px}.balance-art .visual-kicker{color:#686f5c}.balance-chart{background:#f8f8f1;border:1px solid #d1d3c5;padding:18px 20px 11px;border-radius:4px}.chart-legend{display:flex;justify-content:flex-end;gap:13px;font-size:8px;color:#6b705e;margin-bottom:17px}.chart-legend>span{display:flex;align-items:center;gap:4px}.chart-legend i{width:7px;height:7px;border-radius:1px}.legend-ideal{background:#cad1bb}.legend-actual{background:#5f7150}.chart-row{display:grid;grid-template-columns:26px 1fr 14px;gap:10px;align-items:center;margin-bottom:17px;font-size:9px}.chart-row>div{display:flex;flex-direction:column;gap:4px}.bar{height:8px;width:var(--bar);border-radius:1px}.ideal{background:#cad1bb}.actual{background:#5f7150}.chart-row>span:last-child{font-size:15px;color:#647653}.project-principle{border-top:1px solid var(--line);padding-top:18px;margin-top:26px}.project-principle>.mono{font-size:8px;letter-spacing:.12em;color:var(--muted)}.project-principle p{font-size:21px;line-height:1.65;margin-top:8px;letter-spacing:-.025em}.project-principle strong{font-weight:700}.project-spending{padding-bottom:0;border-bottom:0}
.approach{background:#ebede5;border-block:1px solid #dcdfd4}.approach .section-space{padding-block:86px}.approach .section-heading{margin-bottom:45px}.approach .section-heading h2{font-size:39px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.approach-grid article{border-top:1px solid #c4cabc;padding-top:20px;display:flex;flex-direction:column}.approach-number{color:#6b745f;font-size:9px;letter-spacing:.08em}.approach-grid h3{font-size:18px;letter-spacing:-.035em;margin-top:20px}.approach-grid p{font-size:12px;line-height:2;color:#5d6455;margin-top:13px;max-width:330px}.approach-example{display:block;font-size:9px;color:#4b5641;margin-top:auto;padding-top:24px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-heading>.eyebrow{color:var(--accent);margin-bottom:24px}.about h2{font-size:36px;line-height:1.65;font-weight:800;letter-spacing:-.04em}.about h2>span{border-bottom:3px solid var(--accent)}.about-handle{font-size:18px;margin-top:33px;letter-spacing:-.025em}.about-handle>span{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.01em;color:var(--muted);margin-top:8px}.about-origin{font-size:11px;color:var(--muted);line-height:2;margin-top:26px}.about-content{padding-top:40px}.about-lead{font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.8}.about-content>p:not(.about-lead){font-size:13px;color:var(--muted);line-height:2.1;margin-top:18px}.activity{margin-top:34px;padding-block:24px;border-block:1px solid var(--line)}.activity-top{display:flex;justify-content:space-between;align-items:center}.activity-top>.mono{font-size:9px;color:var(--muted);letter-spacing:.08em}.role-label{font-size:9px;border:1px solid #9b9b90;border-radius:3px;padding:1px 9px}.activity h3{font-size:20px;letter-spacing:-.03em;margin-top:11px}.activity p{font-size:12px;line-height:2;color:var(--muted);margin-top:12px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:10px;border-bottom:1px solid var(--ink);margin-top:18px;padding-bottom:3px}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link>[aria-hidden]{font-size:15px}.skills{margin-top:25px}.skills>.mono{font-size:9px;color:var(--muted);letter-spacing:.08em}.skills .tags{margin-top:12px}
.contact{background:var(--ink);color:var(--paper)}.contact-inner{display:flex;justify-content:space-between;align-items:flex-end;padding-block:72px;gap:40px}.contact .eyebrow{color:var(--accent-light);margin-bottom:20px}.contact h2{font-size:45px;line-height:1.5;letter-spacing:-.04em}.contact h2>span{color:var(--accent-light)}.contact-inner>div>p:not(.eyebrow){font-size:12px;line-height:2;color:#c2c2b9;margin-top:19px}.contact-status{width:330px;padding-bottom:4px}.contact-symbol{display:block;font-size:57px;color:var(--accent-light);line-height:1;margin-bottom:28px}.contact-status p{font-size:15px}.contact-status p>span{display:block;font-size:10px;color:#b4b4a9;line-height:1.8;margin-top:8px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:26px}.footer-name{font-size:13px;font-weight:600;letter-spacing:-.03em}.footer-name>span{color:var(--accent)}.footer>span{font-size:9px;color:var(--muted)}.back-top{display:flex;gap:22px;font-size:9px;font-family:var(--mono)}.back-top>span{color:var(--accent)}
@media(min-width:1500px){.hero{min-height:740px;padding-top:90px}.hero-art{height:580px}.hero-ring{width:430px;height:430px}.character{bottom:25px}.hero-copy{padding-top:40px}}
@media(max-width:1100px){.section-width{width:calc(100% - 72px)}.header{width:calc(100% - 60px)}.hero{min-height:620px;padding-top:55px}.hero h1{font-size:clamp(30px,4vw,44px)}.hero-art{height:480px;margin-right:0}.hero-ring{width:280px;height:280px;top:120px}.character{width:115%;bottom:50px}.hero-copy{padding-top:18px}.hero-description{font-size:13px}.focus-tag{left:25px;bottom:55px}.project{gap:34px}.project-visual{padding:22px;min-height:490px}.schema-art h3,.balance-art h3{font-size:30px}.project-metric{flex-wrap:wrap;gap:8px 15px}.project-metric>strong{font-size:29px}.section-space{padding-block:90px}.section-heading h2{font-size:38px}.approach-grid{gap:25px}.about{gap:35px}.about h2{font-size:31px}}
@media(max-width:760px){html{scroll-padding-top:25px}.section-width{width:calc(100% - 40px)}.header{width:calc(100% - 40px);height:76px;position:relative}.brand{font-size:17px;gap:8px}.eye-mark i{width:12px;height:15px}.eye-mark i:after{left:4px;top:4px}.header nav{gap:18px}.header nav>a{font-size:11px}.header nav>a>span:not([aria-hidden]){display:none}.header nav .nav-contact{padding:7px 10px;gap:12px}.hero{padding-top:38px;grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding-top:0}.hero h1{font-size:clamp(25px,7.4vw,53px);margin-top:0;line-height:1.45;letter-spacing:-.06em}.hero .eyebrow{font-size:9px;letter-spacing:.07em}.hero-description{font-size:13px;margin-top:20px}.button-dark{margin-top:22px}.hero-profile{margin-top:23px}.hero-art{height:400px;width:min(460px,100%);margin:25px auto 0}.hero-ring{width:270px;height:270px;top:52px}.art-word{font-size:100px;top:14px;left:1%}.character{width:103%;bottom:22px}.coordinate-top{top:5px;right:0}.coordinate-bottom{right:0;bottom:0}.focus-tag{bottom:23px;left:12px}.hero-bottom{margin-top:20px;padding:20px 0;font-size:8px;letter-spacing:0}.scroll-link{gap:14px;font-size:8px}.ticker{margin-top:19px;padding:9px 0}.ticker>div{font-size:10px}.ticker span{margin:0 20px}.section-space{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:32px}.section-heading .eyebrow{font-size:9px;margin-bottom:15px}.section-intro{font-size:12px;margin-top:20px}.project{grid-template-columns:1fr;gap:27px;padding-bottom:42px}.project+.project{padding-top:42px}.project-visual{min-height:440px;padding:22px 25px}.schema-art{max-width:310px;margin-top:20px}.schema-art h3,.balance-art h3{font-size:31px}.visual-label{font-size:8px}.project-copy>h3{font-size:28px}.project-status{margin-bottom:14px}.project-description{font-size:13px;margin-top:17px}.project-metric{flex-wrap:nowrap;gap:20px}.project-metric>strong{font-size:31px}.project-metric p{font-size:9px}.project-metric p span{font-size:8px}.project-principle{padding-top:15px;margin-top:20px}.visual-footnote{font-size:7px}.balance-art{margin-top:20px}.project-spending{padding-bottom:0}.approach .section-space{padding-block:60px}.approach .section-heading{margin-bottom:30px}.approach .section-heading h2{font-size:32px}.approach-grid{grid-template-columns:1fr;gap:27px}.approach-grid article{padding-top:17px}.approach-grid h3{margin-top:12px;font-size:20px}.approach-grid p{max-width:none;margin-top:10px;font-size:13px}.approach-example{padding-top:15px;font-size:10px}.about{grid-template-columns:1fr;gap:32px}.about h2{font-size:32px;line-height:1.6}.about-handle{margin-top:25px}.about-origin{margin-top:20px}.about-content{padding-top:0}.about-lead{font-size:20px}.activity{margin-top:25px}.contact-inner{flex-direction:column;align-items:stretch;padding-block:55px;gap:37px}.contact h2{font-size:37px}.contact-status{width:auto;display:flex;align-items:center;gap:25px;padding-top:23px;border-top:1px solid #53534a}.contact-symbol{font-size:38px;margin:0}.contact-status p{font-size:13px}.contact-status p>span{font-size:9px}.footer{flex-wrap:wrap;gap:16px;padding-block:22px}.footer-name{font-size:11px}.footer>span{font-size:8px}.back-top{font-size:8px;gap:12px}.footer>span{order:3;width:100%}}
@media(max-width:480px){.header nav{gap:13px}.header nav .nav-contact{border:0;padding:0}.hero-art{height:335px;margin-top:30px}.hero-ring{width:240px;height:240px;top:43px}.character{width:104%;bottom:18px}.art-word{font-size:80px;top:17px;letter-spacing:-8px}.coordinate-top{font-size:7px}.coordinate-bottom{font-size:7px}.focus-tag{font-size:8px;padding:6px 8px;bottom:16px}.project-visual{min-height:430px}.project-metric{gap:12px}.project-metric>strong{font-size:29px}.menu-button:not([hidden]){display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:transparent;border-radius:3px;padding:5px 10px;font-size:10px}.header nav[data-enhanced]{display:none;position:absolute;top:75px;left:-20px;right:-20px;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);z-index:10;gap:25px}.header nav[data-enhanced].is-open{display:flex}.header nav[data-enhanced] .nav-contact{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.social-icon svg{display:block;flex-shrink:0}
.social-profiles{margin-top:28px;max-width:330px}.social-label{font-size:9px;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.social-list{display:flex;flex-wrap:wrap;gap:10px}.social-list>li{flex:1;min-width:180px}.social-link{display:flex;align-items:center;gap:13px;min-height:65px;padding:12px 15px;border:1px solid var(--line);border-radius:3px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s}.social-link:hover{background:#e9f0e7;border-color:var(--accent)}.social-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cbd2c6;border-radius:50%;font-size:10px;font-weight:600;flex-shrink:0}.social-handle{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:2px}.social-arrow{margin-left:auto;color:var(--accent);font-size:21px}.contact-status .contact-link-intro{font-size:11px;color:#c2c2b9;margin-bottom:13px}.social-link-dark{border-color:#62665c}.social-link-dark .social-icon{border-color:#70786b}.social-link-dark .social-handle{color:#c2c2b9}.social-link-dark .social-arrow{color:var(--accent-light)}.social-link-dark:hover{border-color:var(--accent-light);background:#303b30}.contact-status .contact-pending{font-size:10px;color:#c2c2b9;margin-top:14px}@media(max-width:760px){.contact-status{display:block}.social-profiles{margin-top:24px}}