.device-previews.has-mobile{display:grid;grid-template-columns:minmax(0,3.55fr) minmax(0,.7fr);align-items:end;gap:clamp(10px,1.2vw,18px)}.device-previews>.device-framed{min-width:0;width:100%;border:0;border-radius:0;background:transparent;aspect-ratio:auto;overflow:visible}.device-previews>.device-framed>img{display:block;width:100%;height:auto;object-fit:contain}.device-previews.has-mobile>.mobile-preview{width:100%}:root{font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#161715;background:#e9e9e4;font-synthesis:none;--canvas:#e9e9e4;--blue:#353dd4;--mint:#87f0ba;--ink:#161715;--line:#676965;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:disabled{cursor:wait;opacity:.5}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,h4,p{margin:0}::selection{background:var(--mint);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:24px;background:var(--mint);padding:12px;z-index:200}.skip-link:focus{top:10px}.boot-message{padding:40px;line-height:2}.boot-message button{text-decoration:underline}.page{max-width:1480px;margin:auto;padding:0 clamp(24px,5.2vw,78px);transition:transform .7s var(--ease)}.panel-open{transform:translate(-12px)}.header{height:clamp(235px,27.5vw,370px);display:flex;justify-content:space-between;align-items:flex-start;padding-top:38px}.brand{display:flex;flex-direction:column;gap:10px}.brand-home{display:block}.brand-name{font-size:clamp(26px,3.7vw,49px);line-height:1;font-weight:700;letter-spacing:.035em;position:relative}.brand-name:after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.07em;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease);z-index:-1}.brand-home:hover .brand-name:after{transform:scaleX(1)}.brand-role{font-size:clamp(12px,1.7vw,22px);letter-spacing:.18em}.brand-home:after{content:"";display:block;width:32px;border-top:1px solid var(--line);margin-top:22px}.desktop-nav{width:240px;border-left:1px solid var(--line);padding:12px 0 12px 32px}.desktop-nav a,.desktop-nav button{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:700;padding:9px 0;text-align:left}.desktop-nav small{font-size:11px;letter-spacing:.15em;font-weight:400}.desktop-nav span{position:relative;transition:transform .4s var(--ease)}.desktop-nav span:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.desktop-nav a:hover span,.desktop-nav button:hover span{transform:translate(7px)}.desktop-nav a:hover span:after,.desktop-nav button:hover span:after{transform:scaleX(1)}.menu-toggle{display:none}section[aria-labelledby]{scroll-margin-top:30px}.section-heading{border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;padding-top:48px;margin-bottom:36px}.section-heading h2{font-size:clamp(34px,5.5vw,68px);line-height:1;font-weight:700;letter-spacing:-.04em}.heading-rule{height:1px;background:var(--line);flex:1;margin-top:12px}.section-caption{font-size:11px;white-space:nowrap;align-self:center;margin-top:12px}.works-list{padding:0 3.5% 28px}.work-card{width:84%;position:relative}.work-card:nth-child(2n){margin-left:auto}.work-card:nth-child(3){width:88%}.work-card+.work-card{margin-top:-2px}.work-button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 29%;text-align:left;isolation:isolate}.work-image{position:relative;overflow:hidden;aspect-ratio:1.64;background:#dcded9}.work-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.1s var(--ease),filter .65s}.image-open{position:absolute;bottom:18px;right:18px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--mint);transform:translateY(20px);opacity:0;transition:transform .6s var(--ease),opacity .4s}.work-info{padding:clamp(20px,3vw,40px) clamp(16px,2.4vw,32px) 22px;display:flex;flex-direction:column;transition:background-color .6s,color .6s,transform .65s var(--ease)}.color-blue{background:var(--blue);color:#fff}.color-mint{background:var(--mint);color:var(--ink)}.work-number{font-size:clamp(23px,2.7vw,34px);font-weight:400;line-height:1;letter-spacing:-.025em}.work-number:after{content:"";display:block;width:26px;border-top:1px solid currentColor;opacity:.7;margin:17px 0 23px}.work-info h3{font-size:clamp(18px,2.2vw,27px);font-weight:500;line-height:1.4}.work-info p{font-size:clamp(12px,1.35vw,16px);line-height:1.75;letter-spacing:.035em;margin:22px 0 30px;white-space:pre-line;overflow-wrap:anywhere}.work-action{border-top:1px solid currentColor;margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;white-space:nowrap}.work-action svg{transition:transform .55s var(--ease)}@media(hover:hover){.work-button:hover .work-image img{transform:scale(1.035)}.work-button:hover .work-info{background:var(--mint);color:var(--ink);transform:translateY(-7px)}.work-button:hover .image-open{opacity:1;transform:translateY(0)}.work-button:hover .work-action svg{transform:translate(6px)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform 1s var(--ease)}.reveal.is-revealed{opacity:1;transform:none}.archives-section{margin-top:18px}.filter-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:18px}.filter-group{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.filter-group button{font-size:11px;padding:8px 12px;border-radius:30px;white-space:nowrap;transition:background .25s,color .25s}.filter-group button:hover{background:#d8d9d3}.filter-group button[aria-pressed=true]{background:var(--blue);color:#fff}.role-filter{padding-left:16px;border-left:1px solid var(--line)}.archive-status{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#5c5f57;margin:0 0 18px}.archive-status button{display:flex;align-items:center;gap:6px;font-size:11px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px}.archive-item{min-width:0;transition:opacity .55s var(--ease)}.archive-item.is-muted{opacity:.2}.archive-thumb{position:relative;aspect-ratio:1.74;background:#deded8}.archive-thumb>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:filter .4s,transform .6s var(--ease)}.archive-item h3{font-size:13px;line-height:1.55;font-weight:400;margin:10px 0 6px;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.tag{font-size:10px;border:1px solid #cbcdc6;border-radius:20px;padding:3px 10px;line-height:1.25;white-space:nowrap}.tag-selected{background:var(--blue);border-color:var(--blue);color:#fff}.site-link{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border-radius:50%;background:var(--canvas);color:var(--blue);display:grid;place-items:center;box-shadow:0 2px 10px #0001;transition:background .3s,color .3s,transform .4s var(--ease)}.site-link:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}.site-tooltip{position:absolute;right:0;bottom:calc(100% + 8px);white-space:nowrap;background:var(--ink);color:#fff;font-size:9px;padding:5px 7px;border-radius:3px;opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .25s,transform .25s}.site-link:hover .site-tooltip,.site-link:focus-visible .site-tooltip{opacity:1;transform:none}.load-more{display:flex;justify-content:center;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin:45px auto 0;padding:16px 5px;font-size:12px;min-height:48px}.load-more span:nth-child(2){font-size:10px;color:#62655e}.load-more svg{transition:transform .4s}.load-more:hover svg{transform:translateY(5px)}.empty-message{text-align:center;padding:24px;line-height:1.8}.about-section{margin-top:72px}.about-grid{display:grid;grid-template-columns:1fr 1.35fr .75fr;gap:40px;padding:0 0 40px}.minor-heading{font-size:14px;font-weight:700;display:flex;gap:20px;align-items:center;margin-bottom:15px}.minor-heading:after{content:"";width:30px;border-top:1px solid var(--line)}.profile p{white-space:pre-line;font-size:14px;line-height:1.8;letter-spacing:.06em}.text-link{display:inline-flex;gap:20px;align-items:center;margin-top:18px;font-size:11px;font-weight:700;min-height:36px}.text-link svg{transition:transform .5s}.text-link:hover svg{transform:translate(8px)}.about-grid>.career,.signature{border-left:1px solid var(--line);padding-left:36px}.career ol{list-style:none;margin:0;padding:0;display:grid;gap:20px}.career li{display:grid;grid-template-columns:100px 1fr;font-size:12px;line-height:1.65;gap:15px}.career li strong{font-weight:400;display:block}.career li span span{display:block}.career-period{font-size:11px}.career-note{font-size:13px;line-height:1.8;color:#60645c}.signature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.brand-small{gap:8px}.brand-small .brand-name{font-size:16px;letter-spacing:.01em}.brand-small .brand-role{font-size:10px;letter-spacing:.14em}.go-mark{width:74px;height:74px;position:relative}.go-mark i{width:22px;height:22px;border:3px solid var(--blue);border-radius:50%;position:absolute;animation:orbit 9s var(--ease) infinite}.go-mark i:nth-child(1){left:8px;top:4px}.go-mark i:nth-child(2){left:8px;top:43px;animation-delay:.25s}.go-mark i:nth-child(3){left:47px;top:4px;border-color:var(--mint);animation-delay:.5s}@keyframes orbit{0%,35%,to{transform:translate(0) rotate(0)}50%{transform:translate(12px,8px) rotate(120deg)}70%{transform:translate(-3px,14px) rotate(240deg)}}.footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer small{font-size:10px}.footer nav{display:flex;gap:30px;font-size:10px}.footer a:hover,.footer button:hover{color:var(--blue)}.icon-button{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0}.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(660px,53vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:0;border:none;background:#f7f7f4;color:var(--ink);overflow-y:auto;overscroll-behavior:contain;animation:drawer-in .65s var(--ease);scrollbar-width:thin}.drawer::backdrop{background:#16171559;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:backdrop-in .5s ease}.drawer.leaving{animation:drawer-out .36s cubic-bezier(.55,0,1,.45) both}.drawer.leaving::backdrop{animation:backdrop-out .36s ease both}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-out{to{transform:translate(100%)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{to{opacity:0}}.drawer-shell{padding:26px clamp(22px,3vw,42px) 48px}.drawer-top{display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:5;background:#f7f7f4;padding-bottom:12px}.drawer-top>span:first-child{font-size:11px;letter-spacing:.1em;font-weight:700}.drawer-top-rule{flex:1;height:1px;background:var(--line)}.close-button{border:1px solid var(--ink);border-radius:50%;transition:transform .5s var(--ease),background .3s}.close-button:hover{transform:rotate(90deg);background:var(--mint)}.drawer-content{padding-top:30px}.drawer-number{display:block;font-size:55px;font-weight:700;line-height:1}.drawer-number:after{content:"";display:block;width:35px;border-top:1px solid var(--line);margin-top:22px}.drawer-category{font-size:48px;letter-spacing:-.045em;margin:25px 0 28px;line-height:1.25}.project-title{font-size:clamp(21px,2.2vw,29px);line-height:1.5;letter-spacing:.01em;margin:0 0 28px;overflow-wrap:anywhere}.device-previews{display:flex;align-items:flex-end;gap:16px;margin-bottom:32px}.desktop-preview{flex:1;min-width:0}.desktop-screen{border:7px solid #222520;border-bottom-width:12px;border-radius:12px;background:#fff;aspect-ratio:1.6;overflow:hidden}.desktop-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.desktop-stand{height:24px;width:60px;margin:auto;border-bottom:6px solid #222520;background:#222520;border-radius:0 0 8px 8px}.mobile-preview{border:6px solid #222520;border-radius:23px;width:25%;aspect-ratio:9/19.5;overflow:hidden;background:#fff}.mobile-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.drawer .roles{display:flex;gap:8px;margin:18px 0 26px}.drawer .roles .tag{flex:1;text-align:center;padding:9px 5px;font-size:12px;font-weight:700}.tag-active{background:var(--mint);border-color:var(--mint);color:var(--ink)}.tag-inactive{background:#eee;color:#8a8d87;border-color:#c9cbc5}.detail-block{border-top:1px solid var(--line);padding:21px 0}.detail-block h4{font-size:15px;margin-bottom:12px}.detail-block p{white-space:pre-line;line-height:2;font-size:14px;overflow-wrap:anywhere}.drawer-action{margin-top:36px}.site-link-full{min-height:54px;background:var(--blue);color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:center;gap:15px;transition:background .3s,color .3s}.site-link-full:hover{background:var(--mint);color:var(--ink)}.site-link-full svg{transition:transform .4s}.site-link-full:hover svg{transform:translate(3px,-3px)}.contact-content h2,.profile-content h2{font-size:42px;margin-bottom:32px}.contact-content p,.profile-content>p{font-size:15px;line-height:2;white-space:pre-line;margin:30px 0}.contact-content .site-link-full{overflow-wrap:anywhere}.profile-content .brand-name{font-size:30px}.profile-content .brand-role{font-size:14px}.profile-content .career{margin-top:40px}.mobile-navigation{display:flex;flex-direction:column;margin:40px 0}.mobile-navigation a,.mobile-navigation>button{display:flex;align-items:center;gap:20px;border-bottom:1px solid #aeb1a8;padding:22px 0;font-size:32px;text-align:left}.mobile-navigation small{margin-left:auto;font-size:12px}.mobile-navigation button{justify-content:space-between}.icon-button.menu-toggle{display:none}.brand-name{isolation:isolate;z-index:0}.header h1{font-size:inherit;font-weight:inherit;line-height:inherit}.drawer{width:min(620px,38vw);min-width:480px}@media(hover:hover){.archive-item:not(.is-muted):hover .archive-thumb>img{filter:saturate(1.12) contrast(1.02)}}@media(min-width:1440px){.work-image{aspect-ratio:1.72}}@media(max-width:1050px){.desktop-nav{width:190px;padding-left:25px}.work-card{width:91%}.work-card:nth-child(3){width:94%}.work-info{padding:22px 20px 18px}.work-info p{margin:18px 0}.work-number:after{margin:12px 0 18px}.archive-grid{gap:30px 24px}.about-grid{gap:25px;grid-template-columns:1fr 1.2fr .7fr}.about-grid>.career,.signature{padding-left:22px}.career li{grid-template-columns:1fr;gap:2px}.drawer{width:60vw}}@media(max-width:700px){.page{padding:0 22px}.header{height:176px;padding-top:28px;gap:16px}.brand-name{font-size:25px;letter-spacing:.01em}.brand-role{font-size:11px;letter-spacing:.14em}.brand{gap:8px}.brand-home:after{margin-top:15px;width:25px}.desktop-nav{display:none}.menu-toggle{display:grid;margin-top:-7px;margin-right:-9px}.section-heading{padding-top:30px;margin-bottom:26px;gap:16px}.section-heading h2{font-size:38px;letter-spacing:-.045em}.section-caption{font-size:8px;max-width:65px;white-space:normal;line-height:1.4}.heading-rule{margin-top:5px}.works-list{padding:0 0 10px}.work-card,.work-card:nth-child(3){width:100%;margin:0}.work-card+.work-card{margin-top:22px}.work-button{display:flex;flex-direction:column}.work-image{width:100%;aspect-ratio:1.7}.work-info{padding:23px 22px;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:15px;row-gap:10px;min-height:151px}.work-number{grid-row:1/4;font-size:27px}.work-number:after{width:23px;margin:13px 0 0}.work-info h3{font-size:19px;line-height:1.4}.work-info p{grid-column:2;margin:0;font-size:12px;line-height:1.75;white-space:normal}.work-action{grid-column:2;font-size:10px;padding-top:10px;margin-top:3px}.image-open{display:none}.archives-section{margin-top:35px}.filter-bar{gap:8px;justify-content:flex-start;display:block;margin-bottom:16px}.filter-group{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding:0 0 9px;max-width:100%}.filter-group button{font-size:11px;min-height:38px;padding:9px 12px}.role-filter{padding-left:0;border-left:0}.archive-status{font-size:9px;margin-bottom:17px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.archive-item h3{font-size:11px;line-height:1.6;margin-top:8px}.archive-item .tag{font-size:9px;padding:3px 6px}.archive-item .tags{gap:4px}.site-link{width:30px;height:30px;right:6px;bottom:6px}.archive-thumb{aspect-ratio:1.55}.load-more{font-size:11px;margin-top:28px;gap:18px}.about-section{margin-top:50px}.about-grid{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.about-grid>.career,.signature{border-left:0;padding-left:0;border-top:1px solid #bcbfb5;padding-top:26px}.profile p{font-size:14px;line-height:1.9}.minor-heading{font-size:13px;margin-bottom:15px}.career li{grid-template-columns:100px 1fr;gap:12px;font-size:13px}.signature{flex-direction:row;justify-content:flex-start;gap:24px}.brand-small .brand-name{font-size:18px}.brand-small .brand-role{font-size:10px}.go-mark{transform:scale(.8);transform-origin:left center;width:65px;height:65px}.footer{padding:20px 0 25px;align-items:flex-start;gap:18px;flex-wrap:wrap}.footer small,.footer nav{font-size:9px}.footer nav{gap:20px}.drawer{width:100vw;max-width:100vw}.drawer-shell{padding:20px 24px 40px}.drawer-top{gap:14px}.drawer-number{font-size:45px}.drawer-category{font-size:38px;margin:20px 0}.project-title{font-size:23px;line-height:1.55;margin-bottom:24px}.drawer-content{padding-top:25px}.drawer .roles .tag{font-size:10px;padding:9px 4px}.detail-block p{font-size:14px;line-height:1.9}.drawer .roles{gap:6px}.drawer-action{margin-top:30px}.panel-open{transform:none}.desktop-screen{border-width:5px;border-bottom-width:9px}.desktop-stand{height:18px;width:44px}.mobile-preview{border-width:4px;border-radius:16px}.device-previews{gap:10px}.contact-content h2,.profile-content h2{font-size:36px}.contact-content .site-link-full{font-size:13px}}@media(max-width:700px){.icon-button.menu-toggle{display:grid}.header{height:112px}}@media(max-width:700px){.drawer{min-width:0}}@media(max-width:360px){.page{padding:0 16px}.brand-name{font-size:22px}.section-caption{display:none}.work-info{padding:19px 16px;column-gap:10px}.drawer-shell{padding-inline:18px}.archive-grid{gap:22px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.drawer-label:focus{outline:none}.brand-name--animated{display:inline-block}.brand-name--animated:after{content:none}.brand-glitch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;animation:brand-glitch-idle 6.4s linear infinite}.brand-glitch--blue{color:var(--blue);--glitch-x: 3px;--glitch-y: -1px}.brand-glitch--mint{color:var(--mint);--glitch-x: -3px;--glitch-y: 1px;animation-delay:.12s}.brand-home:is(:hover,:focus-visible) .brand-glitch{animation:brand-glitch-hover .65s linear 1}.brand-home:is(:hover,:focus-visible) .brand-glitch--mint{animation-delay:.08s}@keyframes brand-glitch-idle{0%,2%,13%,to{opacity:0;transform:none;clip-path:inset(0)}3%,6%{opacity:1;transform:translate(var(--glitch-x),var(--glitch-y));clip-path:inset(18% 0 62%)}7%,9%{opacity:1;transform:translate(calc(var(--glitch-x) * -1));clip-path:inset(60% 0 18%)}10%,12%{opacity:1;transform:translate(var(--glitch-x));clip-path:inset(38% 0 45%)}}@keyframes brand-glitch-hover{0%,to{opacity:0;transform:none;clip-path:inset(0)}10%,32%{opacity:1;transform:translate(var(--glitch-x),var(--glitch-y));clip-path:inset(20% 0 60%)}33%,62%{opacity:1;transform:translate(calc(var(--glitch-x) * -1));clip-path:inset(62% 0 17%)}63%,90%{opacity:1;transform:translate(var(--glitch-x));clip-path:inset(39% 0 44%)}}.work-info h3{font-weight:700}.about-grid .minor-heading{font-size:18px}.archive-item{animation:archive-enter .42s var(--ease) var(--item-delay, 0ms) backwards}@keyframes archive-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.load-more{background:var(--blue);color:#fff;border:1px solid var(--blue);min-width:min(100%,300px);min-height:58px;padding:18px 28px;font-weight:700;transition:background .3s,color .3s,border-color .3s,transform .4s var(--ease)}.load-more span:nth-child(2){color:inherit;opacity:.85;font-weight:400}.load-more:is(:hover,:focus-visible){color:var(--ink);background:var(--mint);border-color:var(--mint);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.brand-glitch{display:none;animation:none!important}.archive-item{animation:none}.load-more{transition:none}}:root{--display-tracking: .035em}.header .brand-name,.section-heading h2{letter-spacing:var(--display-tracking)}.section-heading{border-top:0}.section-heading h2{font-weight:500}.reveal{opacity:1;transform:none;transition:opacity .75s var(--ease),transform .95s var(--ease);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-pending{opacity:0;transform:translateY(26px)}.reveal.is-revealed,.reveal:focus-within{opacity:1;transform:none}.archive-item{animation:none}.heading-rule{transform-origin:left;transition:transform 1.2s var(--ease) .12s}.section-heading.is-pending .heading-rule{transform:scaleX(.15)}.section-heading.is-revealed .heading-rule{transform:scaleX(1)}.section-heading.reveal{opacity:1;transform:none;transition:none}.section-heading.reveal.is-pending{opacity:1;transform:none}.typing-character{display:inline-block;opacity:1}.section-heading.is-pending .typing-character{opacity:0}.section-heading.is-animated .typing-character{animation:heading-type .05s steps(1,end) both;animation-delay:calc(var(--character-index) * .06s)}@keyframes heading-type{0%{opacity:0}to{opacity:1}}.about-grid>.career-wrap{border-left:1px solid var(--line);padding-left:36px}.archive-thumb{display:block;overflow:hidden}.archive-thumb-link{cursor:pointer;isolation:isolate}.archive-thumb-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px var(--blue);pointer-events:none;opacity:0;transition:opacity .3s}.archive-thumb .site-link{background:var(--blue);color:#fff;z-index:1}.archive-thumb-link:is(:hover,:focus-visible) .site-link{background:var(--mint);color:var(--ink);transform:translateY(-3px)}.archive-thumb-link:is(:hover,:focus-visible) .site-tooltip{opacity:1;transform:none}.archive-thumb-link:is(:hover,:focus-visible):after{opacity:1}.archive-thumb-link:is(:hover,:focus-visible)>img{transform:scale(1.035);filter:brightness(.94)}.archive-thumb:not(.archive-thumb-link)>img{filter:none!important;transform:none}#root{isolation:isolate}.page{position:relative;z-index:1}.brand-glitch{animation:brand-glitch-idle 3s steps(1,end) infinite}.brand-glitch--blue{--glitch-x: 3px;--glitch-y: -1px}.brand-glitch--mint{--glitch-x: -3px;--glitch-y: 1px;animation-delay:-.15s;animation-direction:reverse}.brand-name--animated{animation:none}.brand-text{display:block;clip-path:inset(35% 0 32%)}.brand-fragment{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;--fragment-x: .06em;animation:brand-fragment-shift 3s steps(1,end) infinite}.brand-fragment--top{clip-path:inset(0 0 65%)}.brand-fragment--bottom{clip-path:inset(68% 0 0);--fragment-x: -.045em}.brand-home:is(:hover,:focus-visible) .brand-fragment{animation-duration:2s}@keyframes brand-fragment-shift{0%,14%,34%,65%,74%,to{transform:none}2%,17%,26%,68%{transform:translate(var(--fragment-x)) skew(-2deg)}5%,20%,29%,71%{transform:translate(calc(var(--fragment-x) * -1)) skew(2deg)}8%,23%,32%{transform:translate(calc(var(--fragment-x) * .5))}11%{transform:translate(calc(var(--fragment-x) * -.5))}}.brand-home:is(:hover,:focus-visible) .brand-glitch{animation:brand-glitch-idle 2s steps(1,end) infinite}.brand-home:is(:hover,:focus-visible) .brand-glitch--mint{animation-delay:-.1s;animation-direction:reverse}@keyframes brand-glitch-idle{0%,34%,65%,74%,to{opacity:0;transform:none;clip-path:inset(50% 0 50%)}2%{opacity:1;transform:translate(var(--glitch-x));clip-path:inset(12% 0 81%)}5%{opacity:1;transform:translate(calc(var(--glitch-x) * -1),var(--glitch-y));clip-path:inset(68% 0 24%)}8%{opacity:1;transform:translate(calc(var(--glitch-x) * 2));clip-path:inset(37% 0 57%)}11%{opacity:1;transform:translate(var(--glitch-x),var(--glitch-y));clip-path:inset(80% 0 11%)}14%{opacity:0}17%{opacity:1;transform:translate(calc(var(--glitch-x) * -1));clip-path:inset(23% 0 70%)}20%{opacity:1;transform:translate(calc(var(--glitch-x) * 2),var(--glitch-y));clip-path:inset(52% 0 38%)}23%{opacity:1;transform:translate(var(--glitch-x));clip-path:inset(7% 0 87%)}26%{opacity:1;transform:translate(calc(var(--glitch-x) * -1));clip-path:inset(73% 0 20%)}29%{opacity:1;transform:translate(var(--glitch-x),var(--glitch-y));clip-path:inset(43% 0 49%)}32%{opacity:1;transform:translate(calc(var(--glitch-x) * -2));clip-path:inset(61% 0 33%)}68%{opacity:1;transform:translate(var(--glitch-x));clip-path:inset(29% 0 63%)}71%{opacity:1;transform:translate(calc(var(--glitch-x) * -1),var(--glitch-y));clip-path:inset(83% 0 10%)}}.go-mark i{animation:ring-one 5.8s var(--ease) infinite;animation-play-state:paused}.go-mark i:nth-child(2){animation-name:ring-two;animation-delay:0s}.go-mark i:nth-child(3){animation-name:ring-three;animation-delay:0s}.signature.is-revealed .go-mark i{animation-play-state:running}@keyframes ring-one{0%,to{transform:translate(0) scale(1)}10%{transform:translateY(-8px) scale(.92,1.08)}28%{transform:translate(39px) scale(1)}47%{transform:translateY(39px) scale(1)}64%{transform:translate(19px,19px) scale(.9)}80%{transform:translate(-3px,-3px) scale(1.12)}90%{transform:translate(0) scale(1)}}@keyframes ring-two{0%,to{transform:translate(0) scale(1)}14%{transform:translateY(-7px) scale(.92,1.08)}28%{transform:translateY(-39px) scale(1)}47%{transform:translate(39px,-39px) scale(1)}64%{transform:translate(19px,-19px) scale(.9)}82%{transform:translate(-3px,3px) scale(1.12)}92%{transform:translate(0) scale(1)}}@keyframes ring-three{0%,to{transform:translate(0) scale(1)}18%{transform:translateY(-8px) scale(.92,1.08)}28%{transform:translate(-39px,39px) scale(1)}47%{transform:translate(-39px) scale(1)}64%{transform:translate(-19px,19px) scale(.9)}84%{transform:translate(3px,-3px) scale(1.12)}94%{transform:translate(0) scale(1)}}@media(max-width:1050px){.about-grid>.career-wrap{padding-left:22px}}@media(max-width:700px){.about-grid>.career-wrap{border-left:0;padding-left:0;border-top:1px solid #bcbfb5;padding-top:26px}.brand-glitch--blue{--glitch-x:2px}.brand-glitch--mint{--glitch-x:-2px}.archive-thumb .site-link{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.brand-text{clip-path:none}.brand-fragment{display:none;animation:none}.section-heading .typing-character{opacity:1!important;animation:none!important}.brand-name--animated,.go-mark i{animation:none!important}.brand-glitch{display:none}.reveal,.reveal.is-pending{opacity:1;transform:none;transition:none}.heading-rule{transform:none!important;transition:none}.archive-thumb-link:is(:hover,:focus-visible)>img{transform:none}}@font-face{font-family:Montserrat;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/montserrat-latin-variable-l_AIctKy.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--latin-font: "Montserrat", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--display-tracking: .035em}.page,.drawer{font-family:var(--latin-font)}.page :is(.brand-name,.brand-role,.section-heading h2,.section-caption,.desktop-nav,.desktop-nav a,.desktop-nav button,.desktop-nav small,.mobile-navigation,.minor-heading,.work-number,.work-action,.archive-status,.site-tooltip,.text-link,.footer),.drawer :is(.brand-name,.brand-role,.drawer-top,.drawer-number,.site-link-full,.minor-heading,.mobile-navigation,.mobile-navigation a,.mobile-navigation button,.mobile-navigation small),.contact-content h2,.profile-content h2{letter-spacing:var(--display-tracking)}.brand-name,.section-heading h2{font-weight:700}.desktop-nav :is(a,button),.minor-heading{font-weight:700}.mobile-navigation :is(a,button){font-weight:700}.work-number{font-weight:600}.work-action,.section-caption,.site-link-full,.text-link{font-weight:500}.brand-role{font-weight:400}.career-period{white-space:nowrap;font-variant-numeric:tabular-nums}@media(min-width:1051px){.career li{grid-template-columns:130px minmax(0,1fr)}}@media(max-width:700px){.header .brand-name{font-size:clamp(19px,5.4vw,25px)}.header h1{min-width:0}.career li{grid-template-columns:115px minmax(0,1fr)}.career-period{font-size:10px}}