:root{--bg:#606060;--fg:#000;--active:#fff;--frame:#333;--font-latin:"adobe-jenson-pro-display", "adobe-jenson-pro";--font-ja:"Noto Serif JP";--font:var(--font-latin), var(--font-ja), serif;--font-text:var(--font-latin), var(--font-ja), serif;--margin:clamp(24px, 3.125vw, 60px);--about-w:240px;--about-gap:clamp(32px, 6.25vw, 120px);--col-gap:60px;--media-h:clamp(220px, 18.75vw, 360px);--media-gap:12px;--text-w:360px;--text-gap:30px;color-scheme:dark;interpolate-size:allow-keywords}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;text-size-adjust:100%;scroll-behavior:smooth;font-size:12px;line-height:1.25;overflow-x:clip}body,h1,h2,p,ul{margin:0;padding:0}h1,h2{font-size:inherit;font-weight:inherit}ul{list-style:none}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{color:var(--active)}img{max-width:100%;display:block}.ja{font-family:var(--font-ja), serif;font-weight:500}body{grid-template-columns:calc(var(--about-w) + var(--about-gap) - var(--col-gap)) minmax(0, 1fr) max-content max-content;column-gap:var(--col-gap);min-height:100svh;padding:55px var(--margin) var(--margin);align-content:start;align-items:start;display:grid}.site-header,.site-nav,.site-main,.contact{display:contents}.site-name{display:none}.site-nav a{pointer-events:none}.site-nav a,.copyright{grid-row:1;margin-bottom:52px}.nav-about{grid-column:1}.nav-works{grid-column:2}.nav-contact{grid-column:3;justify-self:end}.copyright{grid-column:4;justify-self:end}.about{top:var(--margin);width:var(--about-w);grid-area:2/1;position:sticky}.works{grid-area:2/2}.contact-mail,.contact-social{grid-row:2;margin-top:-9px;line-height:36px}.contact-mail{grid-column:3}.contact-social{grid-column:4}.about-visual img{border:1px solid var(--fg);width:100%;height:auto}.about-name{margin-top:24px;font-size:24px;line-height:1.1}.about-name .ja{font-size:20px}.about-role{margin-top:2px}.about-role-lead,.about-social{display:none}.label{margin-top:26px}.about-profile{font-family:var(--font-text);text-align:justify;margin-top:10px;font-size:9px;font-weight:500;line-height:15px}.about-profile p+p{margin-top:15px}.about-affiliated{margin-top:12px}.work-row{cursor:pointer;grid-template-columns:minmax(0,1fr) clamp(150px,12.5vw,240px) 110px minmax(32px,5.5vw);align-items:baseline;column-gap:12px;margin-top:-9px;padding-block:9px;line-height:18px;list-style:none;display:grid}.work-row::-webkit-details-marker{display:none}.work+.work .work-row{margin-top:0}.work-title{font-size:15px}.work-row:hover,.work-row:focus-visible,.work[open]>.work-row{color:var(--active);outline:none}.work::details-content{opacity:0;block-size:0;transition:block-size .6s cubic-bezier(.22, 1, .36, 1), opacity .4s ease, content-visibility .6s allow-discrete;overflow:visible clip}.work[open]::details-content{opacity:1;block-size:auto}.work-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-body{grid-template-columns:var(--text-w) minmax(0, 1fr);column-gap:var(--text-gap);align-items:stretch;padding-bottom:40px;display:grid}.work-text{min-height:var(--media-h);flex-direction:column;justify-content:space-between;gap:24px;display:flex}.work-summary{font-family:var(--font-text);font-size:9px;font-weight:500;line-height:15px}.work-info-row{display:none}.work-credits{white-space:pre-line}.work-media{gap:var(--media-gap);width:calc(100vw - var(--margin) - var(--about-w) - var(--about-gap) - var(--text-w) - var(--text-gap));padding-right:var(--margin);scroll-snap-type:x proximity;scrollbar-width:none;margin-top:6px;display:flex;overflow-x:auto}.work-media li{scroll-snap-align:start;flex:none}.work-media img,.work-video,.work-video-frame{height:var(--media-h);background:var(--frame);border:1px solid var(--fg);width:auto;max-width:none;display:block}.work-video,.work-video-frame{aspect-ratio:16/9;cursor:pointer;border:0;padding:0}.work-video img{object-fit:cover;width:100%;height:100%}.work-video{position:relative}.work-video[hidden]{display:none}.work-video:after{content:"";border-style:solid;border-width:18px 0 18px 30px;border-color:transparent transparent transparent var(--active);opacity:.9;width:0;height:0;transition:opacity .2s;position:absolute;inset:50% auto auto 50%;translate:-35% -50%}.work-video:hover:after{opacity:1}@media (width<=1279px){:root{--col-gap:32px}.work-client{display:none}.work-row{grid-template-columns:minmax(0,1fr) 150px 32px}:root{--text-w:260px}}@media (width<=959px){:root{--m:calc(100vw / 1080);--margin:calc(90 * var(--m));--media-h:auto}body{padding:calc(80 * var(--m)) var(--margin) calc(120 * var(--m));display:block}.site-header{column-gap:max(calc(24 * var(--m)), 10px);margin-bottom:max(calc(36 * var(--m)), 16px);grid-template-columns:auto auto 1fr auto;align-items:baseline;display:grid}.site-name{font-size:max(calc(45.7 * var(--m)), 20px);grid-area:1/1/auto/4;line-height:1.1;display:block}.site-name .ja{font-size:.83em}.copyright{font-size:max(calc(18 * var(--m)), 10px);grid-area:1/4;align-self:start;margin:0}.site-nav a{pointer-events:auto;margin:max(calc(80 * var(--m)), 28px) 0 0;font-size:max(calc(24 * var(--m)), 12px);grid-row:2}.nav-contact{grid-column:4}.site-main{display:block}.about,.contact{display:none}body:has(#about:target) .about,body:has(#contact:target) .contact{display:block}body:has(#about:target,#contact:target) .works{display:none}body:has(#about:target) .nav-about,body:has(#contact:target) .nav-contact,body:not(:has(#about:target,#contact:target)) .nav-works{color:var(--active)}.about,.works,.contact{scroll-margin-top:100vh}.about{width:auto;position:static}.about-visual img{aspect-ratio:900/376;object-fit:cover}.about-name,.about-role:not(.about-role-lead){display:none}.label{margin-top:max(calc(44 * var(--m)), 20px);font-size:max(calc(24 * var(--m)), 12px)}.about-role-lead{margin-top:max(calc(24 * var(--m)), 10px);font-size:max(calc(36 * var(--m)), 15px);display:block}.about-profile{max-width:calc(810 * var(--m));margin-top:max(calc(18 * var(--m)), 8px);font-size:max(calc(24 * var(--m)), 12px);text-align:start;font-weight:300;line-height:1.62}.about-profile p+p{margin-top:1.62em}.about-social{margin-top:max(calc(120 * var(--m)), 40px);display:block}.about-social,.about-affiliated,.contact{font-size:max(calc(30 * var(--m)), 14px)}.about-social+.label{margin-top:max(calc(220 * var(--m)), 64px)}.about-affiliated{margin-top:max(calc(30 * var(--m)), 10px)}.contact-mail,.contact-social{margin:0 0 max(calc(24 * var(--m)), 10px);line-height:1.4;display:block}.work-row{padding:max(calc(22 * var(--m)), 8px) 0;margin:0;line-height:1.15;display:block}.work+.work .work-row{margin:0}.work-title{font-size:max(calc(42 * var(--m)), 15px)}.work-meta{display:none}.work-body{margin-right:calc(-1 * var(--margin));padding-bottom:max(calc(60 * var(--m)), 20px);flex-direction:column;display:flex}.work-text{display:contents}.work-summary{padding-right:var(--margin);font-size:max(calc(21 * var(--m)), 11px);order:1;line-height:1.43}.work-media{width:auto;margin-top:max(calc(36 * var(--m)), 14px);gap:calc(24 * var(--m));order:2}.work-media img,.work-video,.work-video-frame{height:calc(506 * var(--m))}.work-info{padding-right:var(--margin);font-size:max(calc(27 * var(--m)), 12px);order:3}.work-info-row{margin-top:max(calc(24 * var(--m)), 10px);justify-content:space-between;display:flex}.work-credits{margin-top:max(calc(24 * var(--m)), 10px);line-height:1.1}.work-video:after{border-width:12px 0 12px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work::details-content{transition:none}}