.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.portfolio-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink);text-decoration:none;background:#fff}.portfolio-card>img{width:100%;height:240px;object-fit:cover;display:block}.portfolio-card>div{padding:20px}.portfolio-card h2{font-size:23px;margin:0 0 12px}.portfolio-card p{white-space:pre-line}.portfolio-card span{color:var(--navy)}.portfolio-meta{display:flex;gap:24px;flex-wrap:wrap;overflow-wrap:anywhere}.portfolio-description{white-space:pre-line;line-height:1.8;overflow-wrap:anywhere;margin-bottom:28px}.album{max-width:1000px;margin:24px auto;perspective:1600px}.album [hidden]{display:none!important}.album-cover{position:relative;width:65%;margin:0 auto;background:var(--navy);color:#fff;border-left:10px solid #304858;border-radius:3px 14px 14px 3px;overflow:hidden;box-shadow:6px 6px 0 #dbe1dc}.album-cover>img{width:100%;height:250px;object-fit:cover;display:block}.album-cover>div{padding:26px}.album-cover span{font-size:12px;letter-spacing:2px;color:#b4cf98}.album-cover h2{font-size:26px;overflow-wrap:anywhere;margin:14px 0 22px;color:#fff}.album-cover button{background:#7cb734;color:#172d3e}.album-spread{display:grid;grid-template-columns:1fr 1fr;direction:ltr;background:#faf9f5;border:1px solid #d8d8ce;border-radius:5px;box-shadow:0 8px 18px #172d3e18}.album-page{min-width:0;padding:18px;background:#faf9f5;transform-origin:left center;backface-visibility:hidden}.album-page+.album-page{border-left:1px solid #d4d2c7;background:linear-gradient(90deg,#e1e0d7,#faf9f5 7%)}.album-photo{display:block;width:100%;padding:0!important;background:transparent!important;border:0;aspect-ratio:4/5;cursor:zoom-in;border-radius:0}.album-photo img{display:block;width:100%;height:100%;object-fit:contain}.album-page-number{font-size:12px;text-align:center;color:#52616b;padding-top:16px}.album-controls{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px;direction:ltr}.album-status{min-width:60px;text-align:center}.album-hint{text-align:center;color:var(--muted);font-size:13px}.portfolio-lightbox{max-width:95vw;max-height:95vh;border:0;border-radius:10px;padding:16px;background:#fff}.portfolio-lightbox::backdrop{background:#172d3ecc}.portfolio-lightbox img{display:block;max-width:85vw;max-height:75vh;object-fit:contain;margin-top:12px}.album button:focus-visible{outline:3px solid #7cb734;outline-offset:3px}@media(max-width:600px){.album-cover{width:92%}.album-cover>img{height:220px}.album-spread{grid-template-columns:1fr}.album-page{padding:12px}.album-photo{aspect-ratio:4/5}.album-controls{gap:8px}.album-controls button{padding:10px 12px;min-height:44px}.album-cover h2{font-size:23px}}
