:root{--paper: #fbfaf7;--paper-deep: #f3efe7;--ink: #171813;--muted: #6f7068;--line: #dcd8cf;--green: #213d2d;--green-dark: #172d21;--green-soft: #e8eee9;--red: #c73b2e;--cyan: #dceff0;--cyan-text: #1c6264;--dev-bg: #f8ead8;--dev-text: #895126;--outline-gray:#9ea59d;--font-sans: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;--font-mono: "IBM Plex Mono", Consolas, monospace;--shadow-editorial: 0 18px 50px rgba(23, 24, 19, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{min-width:320px;min-height:100vh;font-family:var(--font-sans);font-size:16px;line-height:1.7;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}ul,ol{list-style:none}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--green)}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-shell{margin:0 auto;width:100%;max-width:1280px;padding-left:20px;padding-right:20px}@media (min-width: 640px){.page-shell{padding-left:32px;padding-right:32px}}@media (min-width: 1024px){.page-shell{padding-left:48px;padding-right:48px}}section[id]{scroll-margin-top:80px}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:#fbfaf7f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:68px}.site-header__logo{font-size:18px;font-weight:700}.site-nav{display:none}.site-nav ul{display:flex;align-items:center;gap:32px}.nav-link{position:relative;padding:8px 0;font-size:12px;color:var(--muted);transition:color .15s}.nav-link:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:0;background:var(--red);transition:width .2s}.nav-link:hover{color:var(--ink)}.nav-link:hover:after,.nav-link:focus-visible:after{width:100%}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;height:40px;width:40px;border:1px solid var(--line);border-radius:4px}@media (min-width: 768px){.site-nav{display:block}.menu-toggle{display:none}}.mobile-nav{border-top:1px solid var(--line);background:var(--paper)}.mobile-nav ul{display:grid;grid-template-columns:1fr 1fr;padding-top:12px;padding-bottom:12px}.mobile-nav a{display:block;padding:12px 0;font-size:14px}@media (min-width: 768px){.mobile-nav{display:none}}.section-heading{margin-bottom:32px}@media (min-width: 768px){.section-heading{margin-bottom:44px}}.section-heading__eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--red)}.section-heading__title{margin-top:12px;font-size:24px;font-weight:700}@media (min-width: 768px){.section-heading__title{font-size:30px}}.section-heading__rule{display:block;margin-top:16px;height:2px;width:40px;background:var(--red)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border-radius:4px;border:1px solid transparent;padding:12px 20px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.button--primary{border-color:var(--green);background:var(--green);color:#fff}.button--primary:hover{background:var(--green-dark)}.button--outline{border-color:var(--outline-gray);background:transparent;color:var(--ink)}.button--outline:hover{border-color:var(--green);color:var(--green)}.button--text{border-color:transparent;padding-left:0;padding-right:0;color:var(--ink)}.button--text:hover{color:var(--red)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:4px;background:var(--paper-deep);padding:4px 8px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.status{display:inline-flex;align-items:center;border-radius:4px;padding:4px 10px;font-family:var(--font-mono);font-size:10px;font-weight:500}.status--published{background:var(--cyan);color:var(--cyan-text)}.status--local{background:var(--green-soft);color:var(--green)}.status--development{background:var(--dev-bg);color:var(--dev-text)}.hero{display:grid;gap:48px;padding-top:64px;padding-bottom:80px}@media (min-width: 768px){.hero{padding-top:96px;padding-bottom:96px}}@media (min-width: 1024px){.hero{grid-template-columns:.82fr 1.18fr;align-items:center;gap:64px}}.hero__eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--red)}.hero__brand{margin-top:24px;font-size:48px;font-weight:700;line-height:.98}@media (min-width: 640px){.hero__brand{font-size:60px}}@media (min-width: 1024px){.hero__brand{font-size:72px}}.hero__headline{margin-top:32px;white-space:pre-line;font-size:24px;font-weight:700;line-height:1.45}@media (min-width: 768px){.hero__headline{font-size:30px}}.hero__desc{margin-top:24px;max-width:576px;font-size:14px;line-height:2;color:var(--muted)}@media (min-width: 768px){.hero__desc{font-size:16px}}.hero__cta{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px}.hero__collage{position:relative;margin:0 auto;height:440px;width:100%;max-width:700px}@media (min-width: 640px){.hero__collage{height:500px}}.hero__shot{position:absolute;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:var(--shadow-editorial)}.hero__shot--main{left:0;top:12px;width:78%}.hero__shot--main img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.hero__shot--sub{bottom:0;right:0;width:37%;min-width:170px;padding:8px}@media (min-width: 640px){.hero__shot--sub{width:32%}}.hero__shot--sub img{width:100%;aspect-ratio:390 / 620;object-fit:cover;object-position:top}@media (max-width: 639px){.hero{gap:32px;padding-top:44px;padding-bottom:40px}.hero__collage{height:220px}.hero__shot--sub{min-width:130px}}@media (min-width: 768px) and (max-width: 1023px){.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:36px;padding-top:72px;padding-bottom:72px}.hero__brand{font-size:52px}.hero__collage{height:360px}.hero__shot--sub{min-width:140px}}.about-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.about{display:grid;gap:48px;padding-top:64px;padding-bottom:64px}@media (min-width: 768px){.about{padding-top:96px;padding-bottom:96px}}@media (min-width: 1024px){.about{grid-template-columns:.72fr 1.28fr;gap:80px}}.about__paragraphs{max-width:512px;font-size:14px;line-height:2.2;color:var(--muted)}.about__paragraphs p+p{margin-top:20px}@media (min-width: 768px){.about__paragraphs{font-size:16px}}.education{margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.education__title{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--green)}.education__list{margin-top:12px}.education__item{padding:10px 0}.education__item+.education__item{border-top:1px solid var(--line)}.education__item dt{font-size:14px;font-weight:700}.education__item dd{margin-top:4px;font-size:12px;line-height:1.8;color:var(--muted)}.traits{border-top:1px solid var(--line)}.trait{display:grid;gap:8px;border-bottom:1px solid var(--line);padding-top:24px;padding-bottom:24px}@media (min-width: 640px){.trait{grid-template-columns:52px 1fr;gap:20px}}.trait__num{font-family:var(--font-mono);font-size:24px;color:var(--red)}.trait__title{font-size:14px;font-weight:700}.trait__desc{margin-top:8px;font-size:12px;line-height:2;color:var(--muted)}@media (min-width: 768px){.trait__title{font-size:16px}.trait__desc{font-size:14px}}.works{padding-top:64px;padding-bottom:64px}@media (min-width: 768px){.works{padding-top:96px;padding-bottom:96px}}.works__index{font-family:var(--font-mono);font-size:20px;color:var(--red)}.works__index--lg{font-size:24px}.works-featured{display:grid;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:32px;padding-bottom:32px}@media (min-width: 1024px){.works-featured{grid-template-columns:.95fr 1.05fr;align-items:center;gap:56px}}.works-featured__figure{overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#fff}.works-featured__figure img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.works-featured__badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.works-featured__title{margin-top:16px;font-size:24px;font-weight:700}@media (min-width: 768px){.works-featured__title{font-size:30px}}.works-featured__summary{margin-top:16px;margin-bottom:20px;font-size:14px;line-height:2;color:var(--muted)}@media (min-width: 768px){.works-featured__summary{font-size:16px}}.works-featured__actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.works-row{display:grid;gap:20px;border-bottom:1px solid var(--line);padding-top:28px;padding-bottom:28px}@media (min-width: 768px){.works-row{grid-template-columns:44px 220px 1fr auto;align-items:center;gap:28px}.works-row--no-image{grid-template-columns:44px 1fr auto}}.works-row__figure{overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#fff}.works-row__figure--dark{background:#080812}.works-row__figure img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.works-row__figure img.works-row__img--contain{object-fit:contain}.works-row__head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.works-row__title{font-size:18px;font-weight:700}.works-row__summary{margin-top:8px;margin-bottom:12px;font-size:14px;line-height:2;color:var(--muted)}.works-row__more{justify-self:start}@media (min-width: 768px){.works-row__more{justify-self:end}}.skills-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.skills{padding-top:64px;padding-bottom:64px}@media (min-width: 768px){.skills{padding-top:80px;padding-bottom:80px}}.skills__grid{display:grid;gap:32px}@media (min-width: 640px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.skills__grid{grid-template-columns:repeat(4,1fr)}}.skill-col{border-left:1px solid var(--line);padding-left:20px}@media (max-width: 639px){.skill-col:first-child{border-left:none;padding-left:0}}.skill-col__title{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--muted)}.skill-col .tag-list{margin-top:16px}.contact{padding-top:64px;padding-bottom:64px}@media (min-width: 768px){.contact{padding-top:80px;padding-bottom:80px}}.contact__grid{display:grid;gap:28px}@media (min-width: 1200px){.contact__grid{grid-template-columns:minmax(430px,.82fr) minmax(0,1.18fr);align-items:center;gap:40px}}.contact__desc{max-width:512px;font-size:14px;line-height:2;color:var(--muted)}.contact__actions{display:grid;gap:12px}@media (min-width: 640px){.contact__actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.contact-action{display:flex;min-height:76px;align-items:center;justify-content:center;gap:12px;border:1px solid var(--outline-gray);border-radius:4px;padding:16px;text-align:center;font-size:14px;color:var(--ink);transition:border-color .15s,color .15s,background .15s}.contact-action:hover{border-color:var(--green);color:var(--green)}.contact-action--primary{border-color:var(--green);background:var(--green);color:#fff}.contact-action--primary:hover{background:var(--green-dark);color:#fff}.contact-action--disabled{cursor:default;border-color:var(--line);color:#a3a49e;opacity:.75}.contact-action--disabled:hover{border-color:var(--line);color:#a3a49e}.contact-action__label{display:block;font-size:12px}.contact-action__handle{display:block;font-family:var(--font-mono);font-size:11px}.site-footer{border-top:1px solid var(--line);background:#fff}.site-footer__inner{display:flex;flex-direction:column;gap:20px;padding-top:28px;padding-bottom:28px;font-size:12px;color:var(--muted)}@media (min-width: 640px){.site-footer__inner{flex-direction:row;align-items:center;justify-content:space-between}}.site-footer__brand{font-size:14px;color:var(--ink)}.work-figure{overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#fff}.work-figure__trigger{display:block;width:100%;cursor:zoom-in;border:0;background:transparent;text-align:left}.work-figure__trigger:hover img{opacity:.92}.work-figure__trigger img{transition:opacity .15s}.work-figure__img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.work-figure__img--contain{width:100%;max-height:640px;object-fit:contain}.work-figure__img--portrait{width:100%;aspect-ratio:390 / 650;object-fit:contain}.work-figure__caption{border-top:1px solid var(--line);padding:12px 16px;font-size:12px;color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#1718138c;padding:48px 0 0}@media (min-width: 768px){.modal-overlay{align-items:center;padding:40px 24px}}.modal{max-height:92svh;width:100%;max-width:1152px;overflow-y:auto;border-radius:8px 8px 0 0;background:var(--paper);box-shadow:var(--shadow-editorial)}@media (min-width: 768px){.modal{border-radius:8px}}.modal__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfaf7f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 20px}@media (min-width: 768px){.modal__header{padding-left:32px;padding-right:32px}}.modal__eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--red)}.modal__title{margin-top:4px;font-size:18px;font-weight:700}@media (min-width: 768px){.modal__title{font-size:24px}}.modal__close{display:inline-flex;height:40px;width:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;color:var(--ink);transition:border-color .15s,color .15s}.modal__close:hover{border-color:var(--green);color:var(--green)}.modal__body{padding:28px 20px}@media (min-width: 768px){.modal__body{padding:40px 32px}}.modal__body>*+*{margin-top:48px}.modal__intro{display:grid;gap:28px}@media (min-width: 1024px){.modal__intro{grid-template-columns:1.2fr .8fr;align-items:start}}.modal__meta>*+*{margin-top:24px}.modal__badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.modal__description{font-size:16px;line-height:2;color:var(--ink)}.modal__scope{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.modal__scope>div{padding:14px 0}.modal__scope>div+div{border-top:1px solid var(--line)}.modal__scope dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--green)}.modal__scope dd{margin-top:6px;font-size:13px;line-height:1.9;color:var(--muted)}.modal__notice{border-left:2px solid var(--red);padding-left:16px;font-size:14px;line-height:2;color:var(--muted)}.modal__columns{display:grid;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:32px;padding-bottom:32px}@media (min-width: 768px){.modal__columns{grid-template-columns:1fr 1fr}}.detail-heading{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--red)}.detail-list{margin-top:16px}.detail-list__item{position:relative;font-size:14px;line-height:2;color:var(--ink)}.detail-list__item+.detail-list__item{margin-top:12px}.detail-list__item--dash{padding-left:32px}.detail-list__item--dash:before{content:"";position:absolute;left:0;top:14px;height:1px;width:20px;background:var(--red)}.detail-list__item--plus{padding-left:24px}.detail-list__item--plus:before{content:"+";position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:12px;color:var(--red)}.modal__learning{max-width:768px}.modal__learning p{margin-top:16px;font-size:14px;line-height:2;color:var(--muted)}.modal__gallery{margin-top:20px;display:grid;gap:20px}@media (min-width: 640px){.modal__gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.modal__gallery{grid-template-columns:repeat(3,1fr)}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0a0b09eb;padding:12px}.lightbox{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;width:100%;max-width:1440px;color:#fff}.lightbox__toolbar{display:flex;min-height:48px;align-items:center;justify-content:space-between}.lightbox__count{font-family:var(--font-mono);font-size:12px;color:#ffffffb8}.lightbox__close,.lightbox__nav{display:inline-flex;height:44px;width:44px;flex:0 0 44px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.34);border-radius:4px;background:#00000057;color:#fff}.lightbox__close:hover,.lightbox__nav:hover{border-color:#fff}.lightbox__stage{display:grid;min-height:0;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px}.lightbox__nav--prev svg{transform:rotate(180deg)}.lightbox__figure{display:grid;min-height:0;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:12px}.lightbox__figure img{display:block;max-height:calc(100svh - 112px);max-width:100%;object-fit:contain}.lightbox__figure figcaption{max-width:760px;text-align:center;font-size:12px;line-height:1.7;color:#ffffffc2}@media (max-width: 639px){.lightbox-overlay{padding:8px}.lightbox__stage{grid-template-columns:1fr 1fr;align-content:center}.lightbox__figure{grid-column:1 / -1;grid-row:1}.lightbox__nav{margin-top:8px}.lightbox__nav--prev{justify-self:end}.lightbox__nav--next{justify-self:start}.lightbox__figure img{max-height:calc(100svh - 176px)}}