.works-page{--works-card-gap:20px}.works-page .archive-main,.work-detail-main{padding-top:clamp(55px,7vw,105px)}.works-page .archive-intro{display:block;padding-bottom:0;border:0}.works-page .archive-intro h1,.work-detail-header h1{margin:0;font:600 16px/1.4 "DM Sans","Noto Sans JP",sans-serif;letter-spacing:.06em}.works-page .archive-filter{margin-top:30px}.works-page .archive-filter a{font-size:14px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;align-items:start;gap:var(--works-card-gap);padding-top:clamp(32px,5vw,68px)}.work-grid.is-packed{position:relative;display:block}.work-grid.is-packed>.work-card{position:absolute;margin:0;padding:0}.work-card{width:100%;margin:0}.work-card-link{display:block;color:inherit;text-decoration:none}.work-card-link:focus-visible{outline:1px solid var(--ink);outline-offset:6px}.work-card-media{position:relative;margin:0;overflow:hidden;background:#20201f}.work-card-media:after{position:absolute;inset:0;content:"";background:transparent;pointer-events:none;transition:background .26s var(--ease-out)}.work-card-media img,.work-card-media video{display:block;width:100%;transition:transform .42s var(--ease-out),opacity .26s var(--ease-out)}.work-card.is-wide img{aspect-ratio:3/2;object-fit:cover}.work-card.is-landscape img{aspect-ratio:4/3;object-fit:cover}.work-card.is-square img{aspect-ratio:1;object-fit:cover}.work-card.is-portrait img{aspect-ratio:3/4;object-fit:cover}.work-card.is-portrait-tall img{aspect-ratio:2/3;object-fit:cover}.work-card-media video{aspect-ratio:16/9;object-fit:cover;background:#20201f}.work-card-media figcaption{position:absolute;z-index:1;right:15px;bottom:14px;left:15px;display:flex;align-items:flex-end;justify-content:space-between;color:var(--ink);font:600 9px/1 "DM Sans",sans-serif;letter-spacing:.14em;opacity:0;transform:translateY(10px);transition:opacity .24s var(--ease-out),transform .32s var(--ease-out);pointer-events:none}.work-card-media figcaption strong{font:inherit}.work-card-link:hover .work-card-media:after,.work-card-link:focus-visible .work-card-media:after{background:rgba(255,255,255,.55)}.work-card-link:hover .work-card-media img,.work-card-link:focus-visible .work-card-media img,.work-card-link:hover .work-card-media video,.work-card-link:focus-visible .work-card-media video{transform:scale(1.045)}.work-card-link:hover figcaption,.work-card-link:focus-visible figcaption{opacity:1;transform:none}.work-card.is-design-work .work-card-media,.roku-card-media{background:var(--paper)}.work-card.is-design-work img,.work-card.is-photo-work img,.preserve-image-ratio .work-card-media img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;filter:none!important;transform:none!important}.roku-card-media{display:grid;place-content:center;justify-items:center;gap:clamp(10px,1.4vw,18px);aspect-ratio:1}.roku-card-media img{width:clamp(54px,7vw,92px);height:auto;aspect-ratio:auto;object-fit:contain;filter:none}.roku-card-media strong{font:600 clamp(11px,1vw,15px)/1 "DM Sans",sans-serif;letter-spacing:.18em}.works-empty{grid-column:1/-1;margin:0;padding:clamp(70px,12vw,160px) 0;color:#625f58;font-size:12px}.work-pagination{display:flex;justify-content:center;gap:7px;margin:clamp(44px,7vw,78px) 0 0}.work-pagination a{display:grid;place-items:center;min-width:30px;height:30px;color:var(--ink);font:600 9px/1 "DM Sans",sans-serif;text-decoration:none}.work-pagination a[aria-current]{border-bottom:1px solid currentColor}.work-detail-header{width:min(100%,680px);margin:0 auto clamp(46px,7vw,92px)}.work-detail-video,.work-detail-gallery,.work-detail-credits,.work-detail-back,.work-detail-adjacent{width:min(100%,680px);margin-right:auto;margin-left:auto}.work-detail-video{margin-bottom:clamp(24px,4vw,48px);background:#20201f}.work-detail-video video{display:block;width:100%;height:auto}.work-detail-gallery{display:grid;grid-template-columns:1fr;gap:clamp(16px,2.5vw,38px)}.work-detail-image{margin:0;overflow:hidden;background:#e5e4de}.work-detail-image img{display:block;width:100%;height:100%;object-fit:cover}.work-detail-image.is-landscape{aspect-ratio:3/2}.work-detail-image.is-portrait{aspect-ratio:3/4}.work-detail-image.is-square{aspect-ratio:1}.work-detail-page.is-design-work .work-detail-image img,.work-detail-page.is-photo-work .work-detail-image img,.work-detail-page.preserve-image-ratio .work-detail-image img{height:auto;object-fit:contain;filter:none}.work-detail-page.is-photo-work .work-detail-image,.work-detail-page.preserve-image-ratio .work-detail-image{aspect-ratio:auto}.work-detail-page.preserve-image-ratio .work-detail-image.is-portrait{width:min(100%,420px);margin-inline:auto}.work-detail-credits{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(260px,1fr);gap:clamp(30px,8vw,130px);margin-top:clamp(88px,13vw,180px);margin-bottom:clamp(52px,8vw,110px);padding-top:clamp(26px,4vw,54px);border-top:1px solid #aaa99f}.work-detail-credits h2{margin:0;font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.14em}.work-detail-credits dl{margin:0}.work-detail-credits dl>div{display:grid;grid-template-columns:minmax(105px,.75fr) 1fr;gap:18px;padding-bottom:14px}.work-detail-credits dt,.work-detail-credits dd{margin:0;font:500 11px/1.5 "DM Sans","Noto Sans JP",sans-serif;letter-spacing:.05em}.work-detail-credits dt{color:#686761;font-size:9px;letter-spacing:.11em}.work-detail-back{display:flex;align-items:center;gap:8px;color:var(--ink);font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.13em;text-decoration:none}.work-detail-back svg,.work-detail-adjacent svg{width:16px;height:16px}.work-detail-adjacent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,4vw,42px);margin-top:clamp(42px,7vw,72px);padding-top:clamp(20px,3vw,30px);border-top:1px solid #aaa99f}.work-detail-adjacent-link{display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center;color:var(--ink);text-decoration:none}.work-detail-adjacent-link.is-next{grid-template-columns:1fr auto auto;text-align:right}.work-detail-adjacent-link strong{overflow:hidden;font:500 10px/1.4 "DM Sans","Noto Sans JP",sans-serif;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap}.work-detail-adjacent-link span{color:#625f58;font:600 9px/1 "Noto Sans JP",sans-serif;letter-spacing:.08em}
@media(max-width:800px){.works-page{--works-card-gap:16px}.works-page .archive-main,.work-detail-main{padding-top:11vw}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-page .archive-filter{gap:12px 17px}.work-detail-header{margin-bottom:13vw}.work-detail-gallery{gap:24px}.work-detail-credits{display:block;margin-top:23vw;margin-bottom:13vw;padding-top:7vw}.work-detail-credits h2{margin-bottom:29px}.work-detail-credits dl>div{grid-template-columns:minmax(98px,.85fr) 1fr;gap:12px}.work-detail-adjacent{gap:16px;margin-top:13vw;padding-top:7vw}.work-detail-adjacent-link{gap:5px}.work-detail-adjacent-link strong{font-size:9px}.work-detail-adjacent-link span{font-size:8px}}
@media(hover:none){.work-card-media:after,.work-card-media figcaption{display:none}.work-card-media img,.work-card-media video{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.work-card-media:after,.work-card-media img,.work-card-media video,.work-card-media figcaption{transition:none!important}}
@media(min-width:801px){.works-page .archive-main,.work-detail-page .archive-main{width:min(calc(100% - clamp(270px,27vw,410px)),1360px);margin-left:clamp(220px,22vw,340px);margin-right:clamp(45px,7vw,120px)}}
.works-page .archive-intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;padding-bottom:clamp(36px,5vw,68px);border-bottom:1px solid var(--ink)}.works-page .archive-intro h1{grid-column:1/-1}.works-page .archive-filter{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:19px 0;border-bottom:1px solid var(--border)}.works-page .archive-filter a{color:#686761;font:600 9px/1 "DM Sans",sans-serif;letter-spacing:.13em;text-decoration:none}.works-page .archive-filter a.is-active{color:var(--ink)}[data-work-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease-out),transform .7s var(--ease-out)}[data-work-reveal].is-work-visible{opacity:1;transform:none}.work-card-media figcaption{color:#fff}.work-card-media figcaption span{color:#edede9}.work-card-link:hover .work-card-media:after,.work-card-link:focus-visible .work-card-media:after{background:rgba(16,16,15,.38)}.work-card-link:hover .work-card-media img,.work-card-link:focus-visible .work-card-media img,.work-card-link:hover .work-card-media video,.work-card-link:focus-visible .work-card-media video{opacity:.78;transform:scale(1.045)}.work-card.is-design-work .work-card-link:hover img,.work-card.is-photo-work .work-card-link:hover img,.work-card.preserve-image-ratio .work-card-link:hover img{opacity:.78!important;transform:scale(1.045)!important}.content-back-to-top>a:before{content:"←";margin-right:8px}
@media(prefers-reduced-motion:reduce){[data-work-reveal]{opacity:1;transform:none;transition:none}}
@media(max-width:800px){.works-page .archive-main,.work-detail-page .archive-main{width:min(calc(100% - 56px),640px);margin-right:auto;margin-left:auto}}
.works-page .archive-intro{display:block;padding-bottom:0;border-bottom:0}.works-page .archive-intro h1{display:block;margin:0;font:600 16px/1.4 "DM Sans","Noto Sans JP",sans-serif;letter-spacing:.06em}.works-page .archive-filter{margin-top:30px}.works-page .work-card-media figcaption,.works-page .work-card-media figcaption span{color:var(--ink)}.works-page .work-card-link:hover .work-card-media:after,.works-page .work-card-link:focus-visible .work-card-media:after{background:rgba(255,255,255,.55)}.works-page .work-card-link:hover .work-card-media img,.works-page .work-card-link:focus-visible .work-card-media img,.works-page .work-card-link:hover .work-card-media video,.works-page .work-card-link:focus-visible .work-card-media video{opacity:1}[data-work-reveal]{opacity:1;transform:none;transition:none}
.works-page .archive-filter a{font:600 14px/1 "DM Sans",sans-serif;letter-spacing:.13em;text-transform:none;opacity:1;transition:opacity 140ms var(--ease-out),color 140ms var(--ease-out)}.works-page .archive-filter a:hover,.works-page .archive-filter a:focus-visible{opacity:.52}.works-page .archive-filter a:active{opacity:.28}.works-page .work-card-media figcaption span{font-size:8px;letter-spacing:.13em}.works-page .work-card.is-design-work .work-card-link:hover img,.works-page .work-card.is-design-work .work-card-link:focus-visible img,.works-page .work-card.is-photo-work .work-card-link:hover img,.works-page .work-card.is-photo-work .work-card-link:focus-visible img,.works-page .work-card.preserve-image-ratio .work-card-link:hover img,.works-page .work-card.preserve-image-ratio .work-card-link:focus-visible img{opacity:1!important;transform:none!important}.works-page .content-back-to-top{margin-top:48px;text-align:left}.works-page .content-back-to-top>a{position:relative;display:inline-flex;align-items:center;gap:8px;padding:0;border:0;color:#515049;font:600 clamp(8px,.58vw,10px)/1 "DM Sans",sans-serif;letter-spacing:.13em;text-decoration:none;opacity:1;transition:opacity 180ms var(--ease-out),transform 220ms var(--ease-out)}.works-page .content-back-to-top>a:before{content:none}.works-page .content-back-to-top>a svg{display:block;width:16px;height:16px;stroke-width:2}.works-page .content-back-to-top>a:after{position:absolute;left:calc(100% + 9px);top:50%;width:0;height:1px;content:"";background:currentColor;opacity:0;transform:translateY(-50%);transition:width 220ms var(--ease-out),opacity 180ms var(--ease-out)}.works-page .content-back-to-top>a:hover,.works-page .content-back-to-top>a:focus-visible{opacity:.58;transform:translateX(4px)}.works-page .content-back-to-top>a:hover:after,.works-page .content-back-to-top>a:focus-visible:after{width:18px;opacity:1}
@media(max-width:800px){.works-page .content-back-to-top{margin-top:32px}.works-page .content-back-to-top>a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.works-page .content-back-to-top>a,.works-page .content-back-to-top>a:after{transition:none}}
.works-page .work-card-media figcaption strong{letter-spacing:.13em}
@media(max-width:800px){.works-page .archive-filter{gap:12px 17px;padding:16px 0}}
.works-page .archive-main{padding-bottom:clamp(100px,13vw,180px)}
.works-page .content-back-to-top{margin-bottom:0;line-height:1.5}
@media(max-width:800px){.works-page .archive-main{padding-bottom:24vw}.works-page .work-grid{padding-top:34px}}