.portfolio-no-cover{width:100%;height:100%;display:grid;place-content:center;background:var(--line);color:var(--quiet);font-size:clamp(24px,4vw,55px);font-weight:700;letter-spacing:-.06em}.portfolio-empty{grid-column:1/-1;color:var(--quiet);padding-block:40px}.portfolio-blocks{display:grid;gap:clamp(28px,5vw,72px);padding-bottom:clamp(50px,7vw,100px)}.portfolio-text{max-width:840px;margin-inline:auto;width:100%;font-size:20px;line-height:1.85;overflow-wrap:anywhere}.portfolio-text p:last-child{margin-bottom:0}.portfolio-image{margin:0;min-width:0}.portfolio-image img{width:100%;height:auto;object-fit:contain}.portfolio-image figcaption{font-size:14px;color:var(--quiet);margin-top:12px;white-space:pre-line;overflow-wrap:anywhere}.portfolio-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.portfolio-description{overflow-wrap:anywhere}.portfolio-video{margin:0}.portfolio-player{background:var(--dark);position:relative;width:100%;overflow:hidden;border-radius:var(--radius)}.portfolio-video-load{width:100%;height:100%;inset:0;position:absolute;background:var(--dark);border:0;color:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;cursor:pointer;font-size:clamp(18px,3vw,28px);font-weight:700;padding:24px}.portfolio-play-symbol{display:grid;place-content:center;padding-left:4px;background:var(--red);border-radius:50%;width:68px;height:68px;color:var(--ink);font-size:24px}.portfolio-video-hint{font-size:14px;color:#c3bfb9;font-weight:400}.portfolio-video-load:focus-visible{outline:3px solid var(--paper);outline-offset:-8px}.portfolio-video-load:hover .portfolio-play-symbol{background:var(--paper)}.portfolio-player iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.portfolio-video figcaption{display:flex;align-items:start;justify-content:space-between;gap:20px;font-size:13px;color:var(--quiet);padding-top:14px}.portfolio-video figcaption a{flex-shrink:0;text-underline-offset:4px}.portfolio-player-error{color:var(--paper);padding:30px;position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:16px}@media(max-width:700px){.portfolio-image-pair{grid-template-columns:1fr;gap:24px}.portfolio-text{font-size:18px}.portfolio-video figcaption{flex-direction:column;gap:8px}.portfolio-play-symbol{width:54px;height:54px;font-size:20px}.portfolio-video-load{gap:12px}}