.portfolio-summary{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:.73rem;color:#6d82a6;margin-bottom:25px}.portfolio-summary span{padding-left:12px;border-left:2px solid #c2d2ed}.portfolio-toolbar{display:flex;gap:13px;margin-bottom:24px;flex-wrap:wrap}.portfolio-toolbar .search-field{flex:1;min-width:260px}.portfolio-toolbar select{padding:11px 13px;border:1px solid #e1e7f2;border-radius:8px;background:white;font-size:.78rem;color:#687b9b;max-width:240px}.portfolio-card .thumb{object-position:top;filter:none;background:#eff3f9;border-bottom:1px solid #e7edf5}.portfolio-card .article-copy{display:flex;flex:1;flex-direction:column}.portfolio-card{display:flex;flex-direction:column}.portfolio-card .article-copy>p{flex:1}.portfolio-card .article-meta{flex-wrap:wrap;font-size:.61rem;gap:8px}.portfolio-cover{object-position:top;border:1px solid #e2e9f3;box-shadow:0 14px 40px #2636540b;filter:none;max-height:560px;background:#f2f6fc}.portfolio-record{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border:1px solid #e2e9f3;border-radius:12px;background:#f9fbfe;padding:23px;margin-bottom:22px}.portfolio-record>span{font-size:.64rem;color:#7c8da8;line-height:1.6}.portfolio-record strong{display:block;color:#2e4467;font-size:.8rem;margin-top:8px;font-weight:600}.portfolio-source-content{font-size:.91rem;line-height:2.05}.portfolio-source-content p{margin-bottom:24px}.portfolio-source-content strong{font-weight:600;color:#2b405e}.portfolio-source-content figure{display:inline-block;margin:10px 15px 20px 0}.portfolio-source-content img{max-width:100%;height:auto;border-radius:10px}.portfolio-source-action{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid #dce5f4;border-radius:8px;color:#486caa;background:#f3f7ff;font-size:.76rem;text-decoration:none}.portfolio-source-content a:has(.portfolio-source-action){text-decoration:none}.portfolio-source-content table{border-collapse:collapse;width:100%;font-size:.8rem}.portfolio-source-content td,.portfolio-source-content th{border:1px solid #dfe7f3;padding:10px;text-align:left}.portfolio-grid .article-copy h3{font-size:1.07rem;line-height:1.45}.pagination-gap{border:0!important;padding:7px 3px!important}@media(max-width:850px){.portfolio-record{grid-template-columns:1fr 1fr}.portfolio-toolbar .search-field{min-width:100%}}@media(max-width:540px){.portfolio-toolbar{gap:10px}.portfolio-toolbar select{max-width:none;min-width:0;flex:1;font-size:.71rem;padding:11px}.portfolio-record{grid-template-columns:1fr;padding:22px;gap:19px}.portfolio-record>span{font-size:.68rem}.portfolio-record strong{font-size:.85rem;margin-top:5px}.portfolio-summary{font-size:.66rem;gap:10px 16px}.portfolio-cover{max-height:340px;aspect-ratio:1.5}.portfolio-source-content{font-size:.87rem}.portfolio-grid .article-copy h3{font-size:1.05rem}.portfolio-card .article-meta{font-size:.6rem}.portfolio-source-content figure{display:block;margin:15px 0}}
.portfolio-source-content,.portfolio-record strong,.portfolio-card h3 a{overflow-wrap:anywhere}.article-hero h1{overflow-wrap:anywhere}.portfolio-hero-photo{object-position:top!important}

.portfolio-visual{margin:0}.portfolio-image-caption{max-width:1000px;margin:15px auto 0;color:#6b7891;font-size:.74rem;line-height:1.8;padding:0 3px}.portfolio-image-caption a{color:#4053be;text-decoration:underline;text-underline-offset:3px}.portfolio-card:not(:has(>a)) .article-copy{padding-top:32px}

/* Preserve the complete original thumbnail on project detail pages. */
.portfolio-visual .portfolio-cover{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}

.portfolio-planning{padding-top:32px;margin-top:35px;border-top:1px solid #e0e6f2}.portfolio-order-options{margin:25px 0;padding:22px;background:#f3f6fc;border:1px solid #dce5f4;border-radius:12px}.portfolio-planning .actions{flex-wrap:wrap}.portfolio-planning .btn{white-space:normal}