.portfolio-more-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:37px;padding-top:22px;border-top:1px solid var(--line)}
.portfolio-more-wrap>span{color:#81756a;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.portfolio-more{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 19px;background:#4c2932;color:#fff6ea;text-decoration:none;font-size:10px;letter-spacing:.05em;transition:background .2s,transform .2s}
.portfolio-more:hover{background:#2f1d20;transform:translateY(-2px)}
.portfolio-more span{font-size:16px;color:#ddb888}
.archive-title{font:500 clamp(42px,5.2vw,68px)/1.04 var(--serif);letter-spacing:-.045em;margin:19px 0 0}
.archive-title em{color:#7a4146}
.portfolio-archive{padding-top:82px;padding-bottom:100px}
.archive-bottom{display:flex;justify-content:space-between;margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}
.archive-bottom a{color:#75553c;text-decoration:none;font-size:10px}
.archive-bottom a:hover{color:#291b17}
@media(max-width:600px){.portfolio-more-wrap{align-items:stretch;flex-direction:column}.portfolio-more{width:100%}.portfolio-archive{padding-top:60px}.archive-bottom{font-size:9px}}