.portfolio-page{padding-bottom:8rem}.portfolio-page:before{content:"";z-index:0;pointer-events:none;background-color:#1e1f25;position:fixed;inset:0}.portfolio-page .content{padding-top:5rem}.portfolio-page .page-title{color:#fff;margin-bottom:4rem;font-size:2.5rem;font-weight:700}.portfolio-page .portfolio-section+.portfolio-section{margin-top:5rem}.portfolio-page .section-head{margin-bottom:2.5rem}.portfolio-page .section-title{color:#fff;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.portfolio-page .section-desc{color:#e5e7eb;line-height:1.6}.portfolio-page .pinned-section{align-items:flex-start}.portfolio-page .pinned-section .section-head{margin-bottom:0}.portfolio-page .pinned-list>li+li{border-top:1px solid #ffffff40;margin-top:1rem;padding-top:1rem}.portfolio-page .other-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.portfolio-card{color:#e5e7eb;background-color:#0003;border-radius:.8rem;flex-direction:column;height:100%;transition:background-color .3s;display:flex;overflow:hidden}.portfolio-card:hover{color:#e5e7eb;background-color:#00000059}.portfolio-card:hover .card-title{color:#ff0266}.portfolio-card .card-thumb .img-wrap{border-radius:.5rem}.portfolio-card .card-info{padding:1.5rem 1rem}.portfolio-card .card-title{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;transition:color .3s}.portfolio-card .card-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.portfolio-card.is-row{flex-direction:row;gap:2rem}.portfolio-card.is-row .card-thumb{flex:0 0 48%}.portfolio-card.is-row .card-thumb .img-wrap,.portfolio-card.is-row .card-thumb .img-box{height:100%}.portfolio-card.is-row .card-info{flex:1;padding:1.5rem 1.5rem 1.5rem 0}.portfolio-card.is-row .card-summary{-webkit-line-clamp:4}.portfolio-card .img-box{position:relative}.portfolio-card .img-box>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portfolio-page .detail-head{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.portfolio-page .detail-title{color:#fff;font-size:2.5rem;font-weight:700}.portfolio-page .detail-body{align-items:flex-start}.portfolio-page .detail-meta dt{color:#747884;margin-bottom:.5rem;font-size:.875rem}.portfolio-page .detail-meta dd{color:#fff;line-height:1.6}.portfolio-page .detail-meta dd+dt{margin-top:1.25rem}.portfolio-page .detail-meta .meta-desc{color:#e5e7eb}.portfolio-page .detail-thumb{margin-bottom:3rem}.portfolio-page .detail-thumb .img-wrap{border-radius:.5rem}.portfolio-page .detail-thumb .img-box{position:relative}.portfolio-page .detail-thumb .img-box>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portfolio-page .detail-section+.detail-section{margin-top:2.5rem}.portfolio-page .detail-section .section-heading{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.portfolio-page .detail-section p{color:#e5e7eb;line-height:1.6}.portfolio-page .detail-section p+p{margin-top:2.5rem}@media screen and (max-width:1024px){.portfolio-page .pinned-section{flex-direction:column}.portfolio-page .pinned-section>*{flex:none;width:100%}.portfolio-page .other-grid{grid-template-columns:repeat(2,1fr)}.portfolio-page .detail-body{flex-direction:column;gap:2.5rem!important}.portfolio-page .detail-body>*{flex:none;width:100%}}@media screen and (max-width:768px){.portfolio-page .content{padding-top:3rem}.portfolio-page .page-title{margin-bottom:2.5rem}.portfolio-card.is-row{flex-direction:column;gap:0}.portfolio-card.is-row .card-thumb{flex:none}.portfolio-card.is-row .card-thumb .img-wrap,.portfolio-card.is-row .card-thumb .img-box{height:auto}.portfolio-card.is-row .card-info{padding:1.5rem 1rem}.portfolio-card.is-row .card-summary{-webkit-line-clamp:3}}@media screen and (max-width:500px){.portfolio-page .page-title,.portfolio-page .detail-title{font-size:2rem}.portfolio-page .other-grid{grid-template-columns:1fr}.portfolio-page .btn-back{width:2.75rem;height:2.75rem;font-size:1.375rem}}