.live-card { display: block; text-decoration: none; color: inherit; }
.live-card .card-copy { overflow: hidden; }
.live-card h2, .live-card p { overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.live-card h2 { display: block; overflow: visible; flex-shrink: 0; }
.live-card p { -webkit-line-clamp: 4; min-height: 0; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.empty-portfolio { grid-column: 1 / -1; color: #c4c4bf; text-align: center; font-size: 14px; margin: 0; padding: 24px 0; }
.content-page { background: #303233; color: #f6f5f1; margin: 0; font-family: Arial, Helvetica, sans-serif; }
.page-content { width: min(760px, calc(100% - 32px)); margin: 40px auto; }
.page-content h1 { font-size: clamp(26px, 5vw, 38px); font-weight: 400; line-height: 1.2; overflow-wrap: anywhere; }
.page-body { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 16px; line-height: 1.7; }
.return-link { display: inline-block; color: #d8d8d5; padding: 12px 0; font-size: 14px; text-underline-offset: 4px; }
.return-link:focus-visible { outline: 3px solid #ead1ba; outline-offset: 4px; }