.project-page{background:#fff;min-height:100svh}
.project-back{display:inline-block;margin-top:48px;color:#72756e;font-size:14px}.project-introduction{padding:56px 0 64px;max-width:850px}.project-introduction h1{font-size:clamp(30px,4vw,52px);line-height:1.3;letter-spacing:-.035em;font-weight:500;margin:22px 0}.detail-summary{font-size:18px;color:#72756e;line-height:1.9;max-width:740px;margin:0}.project-introduction .project-period{padding-top:26px;margin:0}.detail-gallery{display:grid;gap:32px}.detail-gallery figure{margin:0;padding:48px;border-radius:16px;background:color-mix(in srgb,var(--detail-theme) 9%,#f8f9fa);text-align:center}.detail-gallery img{display:block;max-width:100%;width:auto;height:auto;max-height:900px;margin:auto;border-radius:10px;box-shadow:0 16px 48px #00000012;outline:0.5px solid rgba(0,0,0,.1);outline-offset:-0.5px}.detail-gallery figcaption{font-size:13px;color:#72756e;margin-top:24px}.project-pagination{display:flex;justify-content:space-between;gap:24px;padding:40px 0 64px;margin-top:32px;border-top:1px solid #dfdfdb;font-size:14px}.project-page a:focus-visible{outline:2px solid #20211f;outline-offset:6px}@media(max-width:760px){.project-back{margin-top:32px}.project-introduction{padding:36px 0 40px}.detail-summary{font-size:16px}.detail-gallery figure{padding:20px;border-radius:12px}.project-pagination{flex-wrap:wrap;padding-bottom:40px}}
