:root{--black:#0a0a0a;--white:#fff;--red:#d10000;--mid:#5f6268;--rule:#d8d8d8;--placeholder:#eee}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable both-edges;background:var(--white)}html,body{min-height:100%}body{background:var(--white);color:var(--black);font-family:Noto Sans JP,Space Mono,monospace,sans-serif;font-size:13px;line-height:1.55}a{color:inherit;text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--red)}.site-layout{grid-template-columns:270px minmax(420px,1fr);width:min(1180px,100vw - 64px);margin:34px auto 72px;display:grid}.site-sidebar{min-width:0;padding-right:32px}.profile-column,.projects-column{min-width:0}.site-name{letter-spacing:0;margin-bottom:20px;font-size:24px;font-weight:400;line-height:1.2}.profile-column p{max-width:220px;color:var(--black);letter-spacing:0;margin-bottom:18px;font-size:14px;line-height:1.45}.profile-column .construction-note{border:1px solid var(--rule);max-width:232px;color:var(--black);background:#f7f7f7;margin:2px 0 24px;padding:10px 11px;font-size:13px;font-weight:700;line-height:1.45}.link-list{margin:28px 0 0 18px}.link-list li{color:var(--black);margin-bottom:4px;font-size:13px;line-height:1.45}.missing-link{color:var(--mid);text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.projects-header{justify-content:center;align-items:flex-start;gap:16px;margin-bottom:26px;padding:0 24px;display:flex}.projects-header h2{letter-spacing:0;font-size:16px;font-weight:400;line-height:1.3}.projects-header p{border:1px solid var(--rule);background:#f7f7f7;max-width:230px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1.35}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.project-stack{flex-direction:column;min-width:0;display:flex}.project-card{isolation:isolate;border:1px solid var(--rule);background:var(--white);position:relative;overflow:hidden}.project-card:after{z-index:1;content:"";opacity:0;pointer-events:none;background:#ffffffd1;transition:opacity .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.project-stack+.project-stack .project-card{border-left:0}.project-stack .project-card+.project-card{border-top:0}.project-media-frame,.project-media,.project-placeholder{z-index:0;border-bottom:1px solid var(--rule);background:var(--placeholder);width:100%;display:block;position:relative}.project-media-frame{overflow:hidden}.project-media-frame img,.project-media{object-fit:cover;width:100%;height:auto;display:block}.project-placeholder{aspect-ratio:16/9;min-height:108px;color:var(--mid);place-items:center;font-size:12px;display:grid}.project-copy{z-index:2;padding:18px 17px;position:relative}.project-heading{transition:transform .62s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.project-copy h3{color:var(--black);letter-spacing:0;margin-bottom:2px;font-size:14px;font-weight:400;line-height:1.35}.project-meta{color:var(--mid);letter-spacing:0;font-size:12px;line-height:1.35}.project-copy .link-list{flex-direction:column;align-items:flex-start;gap:4px;margin:10px 0 0;list-style:none;display:flex}.project-copy .link-list li{margin:0;font-size:11px;line-height:1.3}.project-links-missing{color:var(--mid);text-underline-offset:2px;margin-top:10px;font-size:11px;line-height:1.3;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.project-details{z-index:2;max-width:430px;color:var(--black);opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1);position:absolute;top:88px;left:17px;right:17px;transform:translateY(14px)}.project-details p{max-width:360px;margin-bottom:22px;font-size:12px;line-height:1.5}@media (hover:hover){.project-card:hover:after,.project-card:focus-within:after{opacity:1}.project-card:hover .project-heading,.project-card:focus-within .project-heading{transform:translateY(-44px)}.project-card:hover .project-details,.project-card:focus-within .project-details{opacity:1;transition-delay:.28s;transform:translateY(0)}}@media (min-width:921px){.site-sidebar{align-self:start;position:sticky;top:34px}}@media (prefers-reduced-motion:reduce){.project-card:after,.project-heading,.project-details{transition-duration:.01ms}}@media (max-width:920px){.site-layout{grid-template-columns:1fr;width:min(680px,100vw - 40px);margin-top:28px}.site-sidebar{padding-right:0}.projects-column{border-top:1px solid var(--rule);margin-top:24px;padding-top:24px}.projects-header{justify-content:flex-start}}@media (max-width:640px){.projects-header{flex-direction:column;gap:8px}}@media (max-width:560px){.site-layout{width:calc(100vw - 32px)}.project-grid{flex-direction:column;display:flex}.project-stack{display:contents}.project-stack+.project-stack .project-card{border-left:1px solid var(--rule)}.project-card{border-top:0}.project-stack:first-child .project-card:first-child{border-top:1px solid var(--rule)}}