/* Separate the website service from the complete portfolio. */
.page-websites .website-service .heading-aside{max-width:610px}
.website-scope-note{margin:32px 0 0;padding:20px 24px;background:#fff;border-left:3px solid #b19352;color:#40576b;font-size:1rem;line-height:1.9}
.website-selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.website-selected-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:22px;padding:22px;border:1px solid #dce2e5;background:#fff;color:#163758;text-decoration:none;min-width:0}
.website-mini-image{aspect-ratio:20/9;overflow:hidden;background:#edf1f3;border:1px solid #dce2e5;min-width:0}
.website-mini-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.website-mini-copy{min-width:0}
.website-mini-copy h3{font-size:1.15rem;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
.website-mini-copy p{margin-top:9px;color:#40576b;font-size:.9375rem;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.website-mini-copy>span{display:flex;justify-content:space-between;gap:12px;margin-top:13px;font-size:.9375rem;font-weight:700;color:#735922}
.website-selected-card:hover{border-color:#b19352;background:#fcfaf5}
.website-selected-card:focus-visible,.portfolio-filters a:focus-visible{outline:3px solid #b19352;outline-offset:4px}
.website-more{display:flex;justify-content:center;margin-top:28px}

.page-portfolio .portfolio-filters>.container{display:flex;flex-wrap:wrap;gap:10px;padding-block:20px}
.page-portfolio .portfolio-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 24px;border:1px solid #d8dfe4;background:#f7f8f9;color:#163758;text-decoration:none;font-size:1rem;line-height:1.5}
.page-portfolio .portfolio-filters a:hover{border-color:#b19352;color:#735922}
.page-portfolio .portfolio-filters a.is-current{background:#163758;border-color:#163758;color:#fff}
.page-portfolio [data-portfolio-category][hidden],.page-portfolio #featured-project[hidden]{display:none!important}
.page-portfolio .project-card{display:flex;flex-direction:column;min-width:0}
.page-portfolio .project-image-link{flex:none;padding:20px 20px 0}
.page-portfolio .project-image,.page-portfolio .project-image.current-main-preview{display:block;width:100%;aspect-ratio:20/9;height:auto;align-self:auto;overflow:hidden}
.page-portfolio .project-image img,.page-portfolio .project-image.current-main-preview img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center top}
.page-portfolio .project-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.page-portfolio .project-copy>p:not(.eyebrow){min-height:3.8em}
.page-portfolio .project-copy .tags{margin-top:auto;padding-top:20px}
.page-portfolio :is(#all-work,[data-portfolio-category],.project-card,.brand-case,#featured-project,#mugunghwa-vision){scroll-margin-top:calc(var(--site-header-height,130px) + var(--route-navigation-height,74px) + 24px)}

@media(max-width:1000px){
 .website-selected-card{grid-template-columns:1fr;align-content:start;gap:18px}
 .website-mini-copy h3{font-size:1.25rem}
}
@media(max-width:760px){
 .page-portfolio .project-grid{grid-template-columns:1fr}
 .page-portfolio .project-copy>p:not(.eyebrow){min-height:0}
 .page-portfolio .portfolio-filters>.container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .page-portfolio .portfolio-filters a{padding:10px 12px}
 .website-selected-grid{grid-template-columns:1fr}
 .website-selected-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;padding:20px}
 .website-scope-note{padding:18px 20px}
}
@media(max-width:480px){
 .website-selected-card{grid-template-columns:1fr}
 .website-more .button{width:100%;justify-content:space-between}
}