.portfolio-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.portfolio-filters button{background:white;border:1px solid #ccb8dc;border-radius:30px;color:var(--ink);font-size:13px;padding:10px 18px;min-height:44px}.portfolio-filters button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.work-status{color:var(--muted);font-size:12px;margin-bottom:26px}.portfolio-more{display:flex;margin:35px auto 0}.image-unavailable{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:14px;color:var(--muted)}.image-unavailable span{font-size:12px;margin-top:10px}.ethics-record{margin-top:45px;padding:40px;background:#f0eaf5;border-radius:6px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.ethics-record h3{font-size:27px;margin-bottom:20px}.ethics-record p,.ethics-record li{font-size:14px;color:var(--muted)}.ethics-record li{margin-bottom:9px}.ethics-record .button{margin-top:12px}.ethics-image{display:block;max-height:390px;overflow:hidden;position:relative;background:white;border:1px solid var(--line)}.ethics-image:after{content:"원문 전체 보기 ↗";position:absolute;bottom:0;left:0;right:0;background:var(--green);color:white;padding:12px;text-align:center;font-size:13px}.ethics-image img{display:block;width:100%;height:auto}.company-records{border-top:1px solid var(--line);padding:30px 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.company-records h3{font-size:26px;margin-bottom:18px}.company-records p{font-size:14px;color:var(--muted)}.company-records dl{margin:0}.company-records dl>div{margin-bottom:25px}.company-records dt{font-size:13px;font-weight:700;color:var(--green);margin-bottom:10px}.company-records dd{margin:0;font-size:15px}.company-records .work-note{font-size:12px}.brochure-link{margin-left:25px}.detail-references{padding-top:45px;padding-bottom:45px;border-bottom:1px solid var(--line)}.detail-references h3{margin-bottom:20px}.detail-references>p:not(.eyebrow){color:var(--muted);font-size:14px}.detail-references .muted{font-size:12px!important;margin-bottom:0}@media(max-width:760px){.portfolio-filters{gap:7px}.portfolio-filters button{font-size:12px;padding:9px 13px}.ethics-record,.company-records{grid-template-columns:1fr;gap:25px}.ethics-record{padding:25px}.ethics-record h3{font-size:23px}.ethics-image{max-height:280px;width:100%;max-width:300px;margin:auto}.company-records{padding-top:25px}.brochure-link{margin-left:0;display:block}.detail-references{padding-top:35px;padding-bottom:35px}}
.work-card{min-width:0}.work-caption h3{overflow-wrap:anywhere}

.current-projects{border-bottom:1px solid var(--line)}.current-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.current-project-grid article{padding:32px;border:1px solid var(--line);border-radius:6px;background:#f1eaf7}.project-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;font-size:11px;letter-spacing:1px;color:var(--green)}.project-status{display:inline-block;background:#e7daf3;color:#60209e;padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0;white-space:nowrap}.current-project-grid h3{font-size:26px;margin-bottom:20px}.current-project-grid p{font-size:15px;color:var(--muted)}.current-project-grid .project-note{font-size:12px;margin-bottom:0;padding-top:18px;border-top:1px solid #dacde5}.timeline .history-current{margin-top:12px;line-height:1.9}.history-current .project-status{margin-left:6px}@media(max-width:760px){.current-project-grid{grid-template-columns:1fr;gap:20px}.current-project-grid article{padding:24px}.current-project-grid h3{font-size:23px}.current-project-grid p{font-size:14px}}

.website-title-panel{aspect-ratio:4/3;background:#e9dff2;border:1px solid #d9c7e8;display:flex;flex-direction:column;justify-content:center;padding:30px;border-radius:5px}.website-title-panel>span{font-size:10px;letter-spacing:2px;color:var(--green)}.website-title-panel h3{font-size:25px;line-height:1.5;margin:18px 0 10px;overflow-wrap:anywhere}.website-title-panel p{font-size:13px;color:var(--muted);margin:0}.project-subtitle{font-weight:700;color:var(--green)!important}.history-detail{font-size:13px;color:var(--muted)}@media(max-width:760px){.website-title-panel{padding:25px}.website-title-panel h3{font-size:24px}}