.project-intro{padding-top:44px}.project-intro-grid{flex-wrap:wrap;align-items:center;gap:24px 56px;margin-top:22px;display:flex}.project-intro-text{flex:560px;min-width:0}.project-title{font-family:var(--font-display);margin:10px 0 0;font-size:clamp(42px,5vw,64px);font-weight:600;line-height:1.04}.project-question{max-width:56ch;color:var(--muted);margin:16px 0 0;font-size:19px}.project-facts{flex-wrap:wrap;gap:10px 32px;margin:24px 0 0;font-size:15px;display:flex}.project-facts dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.project-facts dd{margin:2px 0 0;font-weight:500}.project-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:26px;display:flex}.btn-meta{opacity:.8;font-weight:400}.project-illustration{flex:360px;width:100%;min-width:0;height:280px}.project-figure-main{padding-top:56px}.project-figure{margin:0}.project-figure-frame{background:#fff;border-radius:18px;padding:28px;display:block}.project-figure img{width:100%;height:auto;display:block}.project-figure--photo .project-figure-frame{background:#050c1a;padding:0;overflow:hidden}.project-figure--small .project-figure-frame{border-radius:14px;padding:16px}.project-figure figcaption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:14px;font-size:15px;display:flex}.project-figure--small figcaption{font-size:14px}.project-figure figcaption strong{color:var(--ink)}.project-blocks{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px 56px;padding-top:72px;display:grid}.project-block{border-top:1px solid var(--line);color:var(--muted);padding-top:18px}.project-block--outcome{border-top-color:var(--accent);color:var(--ink)}.project-block-title{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px;font-weight:600}.project-block-heading{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.project-block-heading .paper-motif{width:72px;height:42px}.project-block p{margin:10px 0 0}.project-block ul{margin:10px 0 0;padding-left:18px}.project-block li+li{margin-top:6px}.project-block li::marker{color:var(--accent)}.project-gallery{padding-top:72px}.project-h2{font-family:var(--font-display);margin:0;font-size:36px;font-weight:600}.project-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:24px;display:grid}.project-details-wrap{padding-top:56px}.project-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-details summary{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 0;list-style:none;display:flex}.project-details summary::-webkit-details-marker{display:none}.project-details-title{font-family:var(--font-display);font-size:26px;font-weight:600}.project-details-toggle:after{content:"Show";color:var(--accent);font-size:15px;font-weight:500}.project-details[open] .project-details-toggle:after{content:"Hide"}.project-details-body{color:var(--muted);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px 40px;padding-bottom:24px;font-size:15px;display:grid}.project-details-body h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0;font-size:13px;font-weight:600}.project-details-body p,.project-details-body ul{margin:8px 0 0}.project-details-body ul{padding-left:18px}.project-code{background:var(--band);color:var(--ink);border-radius:12px;margin:8px 0 0;padding:14px 16px;font-size:13px;line-height:1.55;overflow-x:auto}.project-pager{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding-top:56px;padding-bottom:96px;display:grid}.project-pager-link{color:inherit;align-items:center;gap:20px;padding:8px 0;text-decoration:none;display:flex}.project-pager-link--next{text-align:right;justify-content:flex-end}.project-pager-link img{flex:0 0 140px;width:140px;height:80px}.project-pager-k{color:var(--muted);font-size:13px;display:block}.project-pager-v{font-family:var(--font-display);font-size:22px;font-weight:700}.project-pager-link:hover .project-pager-v{text-underline-offset:5px;text-decoration:underline 1px}@media (width<=640px){.project-intro{padding-top:24px}.project-illustration{height:190px}.project-figure-main{padding-top:32px}.project-figure-frame{border-radius:16px;padding:12px}.project-blocks{gap:28px;padding-top:40px}.project-gallery{padding-top:40px}.project-pager{padding-bottom:56px}.project-pager-link img{display:none}}