button.portfolio-read{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:72px;padding:20px 28px;background:#b9cefa;color:#152238;border:1px solid #c9d9fc;border-radius:4px;font-size:19px;line-height:1.5;font-weight:600;text-align:left;transition:background .25s,transform .25s;max-width:100%}
button.portfolio-read:hover{background:#d2e0ff;transform:translateY(-3px)}
.portfolio-read .read-arrow{font-size:28px;font-weight:400}.contents-intro .portfolio-read{margin-top:26px}.archive>.section-heading>.portfolio-read{flex-shrink:0}
.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;font-size:20px;font-weight:400;margin:0}.archive-heading b{font:13px Arial;color:var(--blue);margin-right:28px}.archive-heading>span:last-child{font-size:13px;color:var(--muted);white-space:nowrap}
@media(max-width:1050px){.archive>.section-heading{flex-wrap:wrap;gap:24px}}
@media(max-width:720px){button.portfolio-read{width:100%;padding:18px 20px;min-height:68px;font-size:17px;justify-content:space-between}.archive>.section-heading>.portfolio-read{display:flex;margin-top:24px}.archive-heading{font-size:17px;padding:25px 0;gap:10px}.archive-heading b{margin-right:14px}.archive-heading>span:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){button.portfolio-read:hover{transform:none}}