@layer legacy{.project-page{background:var(--bg-alt);padding:132px 0 72px}.project-crumb{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;font-size:.78rem;display:flex}.project-crumb a{color:var(--text-2)}.project-page .modal-panel{width:100%;max-height:none;overflow:visible}.project-page .modal-close{color:var(--text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.project-page .modal-thumbs button{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.project-page .thumb-3d{color:#f8f7f4;letter-spacing:.04em;pointer-events:none;background:#1d1d1bd1;border-radius:4px;padding:1px 6px;font-size:.62rem;font-weight:700;position:absolute;top:5px;left:5px}.project-page .modal-thumbs img{object-fit:cover;opacity:.72;width:100%;height:74px;transition:var(--tr);border:2px solid #0000;border-radius:8px}.project-page .modal-thumbs button.active img,.project-page .modal-thumbs button:hover img{border-color:var(--orange);opacity:1}.project-others{margin-top:48px}.project-others .section-title{margin-bottom:18px}.project-others-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.project-other{border:1px solid var(--border);transition:var(--tr);background:#fff;border-radius:10px;flex-direction:column;gap:4px;padding:16px 18px;font-size:.9rem;font-weight:700;display:flex}.project-other small{color:var(--text-3);font-size:.76rem;font-weight:500}.project-other:hover{border-color:var(--orange)}.illustrative-note{color:var(--text-3);margin:10px 0 0;font-size:.78rem}.project-brief{color:var(--text-2)}.project-used{margin:18px 0}.project-used ul{margin:8px 0 0;padding-left:18px}.project-used a{color:var(--bronze);font-weight:600;text-decoration:underline}.project-before-after{margin-top:40px}.pba-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.pba-grid img{border-radius:12px;width:100%;height:auto;display:block}.pba-grid figcaption{color:var(--text-3);margin-top:6px;font-size:.82rem}@media (width<=560px){.project-page{padding-top:110px}.pba-grid{grid-template-columns:1fr}}}
