/* V14: actual project assets and full-size views */
.projects-grid .project-card{display:flex;flex-direction:column;align-items:stretch;border-radius:24px;overflow:hidden}
.projects-grid .project-image{height:355px;background:#1b1816}
.projects-grid .project-image img{width:100%;height:100%;object-fit:cover;object-position:top center}
.projects-grid .project-oliva img,.projects-grid .project-aurea img{object-fit:cover;object-position:center top}
.projects-grid .project-meta{flex:1;padding:23px 23px 8px}
.projects-grid .project-action{width:max-content;max-width:calc(100% - 46px);margin:12px 23px 25px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(232,193,126,.78);border-radius:15px;background:linear-gradient(135deg,rgba(209,159,74,.10),rgba(209,159,74,.025));font-size:13px;white-space:nowrap;transition:background .25s,box-shadow .25s,transform .25s}
.projects-grid .project-action svg{width:15px;height:15px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.projects-grid .project-card:hover .project-action,.projects-grid .project-card:focus-visible .project-action{background:rgba(217,170,91,.17);box-shadow:0 5px 24px rgba(179,123,43,.15);transform:translateY(-2px)}
.demo-viewer{position:fixed;inset:0;width:min(1080px,calc(100vw - 34px));height:min(94dvh,1050px);max-height:none;max-width:none;background:#100f0e;color:#f7efe4;padding:0;border:1px solid rgba(230,196,135,.5);border-radius:20px;box-shadow:0 25px 90px #000c;overflow:hidden}
.demo-viewer::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(12px)}
.demo-viewer-top{height:66px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #403527;font-family:'Outfit',sans-serif;letter-spacing:.07em;font-weight:600;color:#f0d39a}
#demo-viewer-close{border:1px solid rgba(215,180,113,.65);background:#22201d;color:#f8e8c9;border-radius:12px;padding:10px 17px;cursor:pointer}
.demo-viewer-scroll{height:calc(100% - 66px);overflow:auto;overscroll-behavior:contain;text-align:center;background:#1c1916}
.demo-viewer-scroll img{display:block;width:min(100%,850px);height:auto;max-width:100%;margin:0 auto;object-fit:contain;box-shadow:0 0 35px #0007}
@media(max-width:760px){.projects-grid .project-image{height:325px}.demo-viewer{width:calc(100vw - 14px);height:96dvh;border-radius:13px}.demo-viewer-top{height:58px;font-size:11px;padding:10px 12px}.demo-viewer-scroll{height:calc(100% - 58px)}}