/* Supplied SMP portfolio archive, scoped independently from featured cases. */
.smp-archive{border-top:1px solid var(--line,#d8d0c2);scroll-margin-top:85px}.archive-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.64fr);align-items:end;gap:20px 70px;margin-bottom:44px}.archive-heading>.eyebrow{grid-column:1/-1;margin-bottom:2px}.archive-heading h2{font-size:clamp(31px,3.6vw,53px);line-height:1.4;margin:0}.archive-heading>p:last-child{font-size:14px;line-height:1.95;color:var(--muted,#596057);margin:0}.archive-heading strong{color:var(--olive,#35483b);font-weight:600}.archive-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px;scroll-margin-top:100px}.archive-filters{display:flex;flex-wrap:wrap;gap:8px}.archive-filters>button{display:inline-flex;align-items:center;gap:8px;min-height:43px;padding:9px 15px;background:transparent;border:1px solid #c2c8b9;border-radius:24px;font-size:12px;line-height:1.4;color:var(--olive,#35483b);transition:background .2s,color .2s,border-color .2s}.archive-filters>button>span{font-size:10px;opacity:.7;font-variant-numeric:tabular-nums}.archive-filters>button:hover{background:#e4e8dc;border-color:#9dab91}.archive-filters>button[aria-pressed=true]{background:var(--olive,#35483b);color:#fff;border-color:var(--olive,#35483b)}.archive-search{display:block;flex:0 0 180px;max-width:100%}.archive-search>span{display:block;font-size:10px;color:var(--muted,#596057);margin-bottom:5px}.archive-search input{width:100%;height:43px;border:1px solid #bfc5b6;border-radius:0;background:#fbf9f3;color:var(--ink,#202722);padding:8px 12px;font-size:13px;outline-offset:3px}.archive-search input:focus-visible{outline:2px solid var(--bronze,#967758)}.archive-status{font-size:12px;font-variant-numeric:tabular-nums;line-height:1.7;color:var(--muted,#596057);margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid var(--line,#d8d0c2)}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.archive-card{min-width:0}.archive-card__open{display:block;height:100%}.archive-card__media{position:relative;aspect-ratio:4/5;background:#e3e3d8;overflow:hidden;border:1px solid #d5d8ca}.archive-card__media>img{width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.archive-card__expand{position:absolute;bottom:12px;right:12px;background:#35483bdc;border:1px solid #ffffff35;color:#fff;padding:6px 9px;font-size:10px;line-height:1.6;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.archive-card__open:hover .archive-card__expand,.archive-card__open:focus-visible .archive-card__expand{opacity:1;transform:none}.archive-card__open:hover .archive-card__media>img{transform:scale(1.012)}.archive-card__body{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:11px;line-height:1.55}.archive-card__area{font-size:12px;color:var(--olive,#35483b)}.archive-card__number{flex:none;font-size:10px;letter-spacing:.025em;color:var(--muted,#596057);font-variant-numeric:tabular-nums}.archive-pagination{display:flex;justify-content:center;align-items:center;gap:25px;margin:35px 0 28px}.archive-pagination button{min-height:43px;border:1px solid #bcc5b2;background:transparent;padding:8px 18px;font-size:12px;transition:background .2s}.archive-pagination button:hover:not(:disabled){background:#e2e8d9}.archive-pagination button:disabled{opacity:.35;cursor:default}.archive-pagination>span{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted,#596057)}.archive-note{font-size:11px;line-height:1.8;color:var(--muted,#596057);margin:27px 0 14px}.archive-empty{grid-column:1/-1;text-align:center;padding:60px 25px;background:#e7e9df}.archive-empty p{font-size:14px}.archive-empty button{padding:10px 16px;border:1px solid #aab79d;background:transparent;font-size:12px}.archive-ready .archive-card{animation:archive-enter .35s ease both}.archive-ready .archive-card:nth-child(2n){animation-delay:.04s}.archive-ready .archive-card:nth-child(3n){animation-delay:.07s}@keyframes archive-enter{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}
.archive-dialog{width:min(940px,calc(100vw - 44px));max-width:none;max-height:calc(100dvh - 44px);padding:0;border:1px solid #b9c2ad;background:var(--paper,#f4f0e8);color:var(--ink,#202722);box-shadow:0 20px 100px #07120b40;overflow:hidden}.archive-dialog[open]{display:flex;flex-direction:column}.archive-dialog::backdrop{background:#142218d9;backdrop-filter:blur(6px)}.archive-dialog__head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 24px;border-bottom:1px solid var(--line,#d8d0c2);flex:none}.archive-dialog__head p{font-size:9px;letter-spacing:.13em;color:var(--bronze,#967758);margin-bottom:5px}.archive-dialog__head h2{font-family:var(--sans,"Noto Sans KR",sans-serif);font-size:18px;letter-spacing:-.035em;line-height:1.5;margin:0}.archive-dialog__close{flex:none;background:transparent;border:1px solid #c3cbbb;min-height:39px;padding:7px 13px;font-size:11px;display:flex;align-items:center;gap:13px}.archive-dialog__close span{font-size:19px;line-height:1}.archive-dialog__stage{position:relative;min-height:0;flex:1 1 auto;overflow:auto;background:#dee1d5;display:flex;align-items:flex-start;justify-content:center;overscroll-behavior:contain;scrollbar-color:#839179 #dee1d5}.archive-dialog__image{width:auto;max-width:100%;height:min(62dvh,710px);min-height:220px;object-fit:contain;cursor:zoom-in;transition:opacity .16s}.archive-dialog__stage.is-loading .archive-dialog__image{opacity:.45}.archive-dialog__stage.is-zoomed{display:block;text-align:center}.archive-dialog__stage.is-zoomed .archive-dialog__image{width:1080px;max-width:none;height:auto;min-height:0;margin:auto;cursor:zoom-out}.archive-dialog__error{position:absolute;left:20px;right:20px;top:30px;padding:20px;background:var(--paper,#f4f0e8);font-size:12px;text-align:center}.archive-dialog__tools{display:flex;justify-content:center;align-items:center;gap:24px;flex:none;padding:12px 20px;border-top:1px solid #c7cebb}.archive-dialog__tools>button{border:1px solid #b8c2ac;background:transparent;min-height:38px;padding:7px 16px;font-size:11px}.archive-dialog__tools>button:disabled{opacity:.35;cursor:default}.archive-dialog__position{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted,#596057);min-width:72px;text-align:center}.archive-dialog__foot{flex:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px 19px;border-top:1px solid var(--line,#d8d0c2)}.archive-dialog__foot>p{font-size:10px;color:var(--muted,#596057);line-height:1.7;max-width:350px;margin:0}.archive-dialog__foot>div{display:flex;align-items:center;gap:16px;flex:none}.archive-dialog__zoom,.archive-dialog__original{font-size:10px;line-height:1.7;background:transparent;border:0;border-bottom:1px solid #acb89d;padding:5px 0;color:var(--olive,#35483b)}
.archive-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px var(--gutter,40px);border-bottom:1px solid var(--line,#d8d0c2)}.archive-page-header .wordmark>span{font-size:26px}.archive-page-header nav{display:flex;gap:24px;align-items:center;font-size:12px}.archive-page-header .button{min-height:42px;padding:8px 15px;font-size:12px}.archive-page .smp-archive{border-top:0;padding-top:65px}.archive-page .archive-heading h1{font-size:clamp(36px,4.2vw,60px);line-height:1.4;margin:0}.archive-page .archive-heading h1 em{font-style:normal;color:var(--olive,#35483b)}.archive-page-footer{border-top:1px solid var(--line,#d8d0c2);padding:25px var(--gutter,40px);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted,#596057)}.archive-page-footer p{margin:0}.archive-page-footer a{border-bottom:1px solid #adb59f}
@media(max-width:1100px){.archive-toolbar{align-items:flex-start}.archive-search{flex-basis:150px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.archive-heading{gap:20px 40px;grid-template-columns:minmax(0,1fr) minmax(230px,.7fr)}}
@media(max-width:700px){.archive-heading{display:block;margin-bottom:27px}.archive-heading>.eyebrow{margin-bottom:16px}.archive-heading h2,.archive-page .archive-heading h1{font-size:34px;line-height:1.43;margin-bottom:18px}.archive-heading>p:last-child{font-size:12px}.archive-toolbar{display:block;scroll-margin-top:35px}.archive-filters{gap:7px;margin-bottom:15px}.archive-filters>button{padding:8px 12px;min-height:40px;font-size:11px;gap:6px}.archive-search{width:100%;display:flex;align-items:center;gap:14px}.archive-search>span{margin:0;flex:none;font-size:11px}.archive-search input{width:100%;min-width:0;max-width:210px;font-size:12px;height:40px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.archive-card__body{display:block;padding-top:9px}.archive-card__area{display:block;font-size:11px}.archive-card__number{display:block;font-size:10px;margin-top:3px}.archive-card__expand{font-size:8px;padding:4px 6px;right:6px;bottom:6px;opacity:1;transform:none}.archive-status{font-size:11px;margin-bottom:17px;padding-bottom:13px}.archive-pagination{gap:14px;margin-top:29px}.archive-pagination button{padding:8px 12px;min-height:41px}.archive-pagination>span{font-size:11px}.archive-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 20px)}.archive-dialog__head{padding:13px 14px;gap:10px}.archive-dialog__head h2{font-size:15px}.archive-dialog__head p{font-size:8px}.archive-dialog__close{min-height:35px;padding:5px 9px;font-size:10px;gap:9px}.archive-dialog__image{height:auto;min-height:100px;max-height:63dvh;width:auto;max-width:100%;object-fit:contain}.archive-dialog__stage.is-zoomed .archive-dialog__image{width:1080px;max-height:none}.archive-dialog__tools{padding:10px 12px;gap:18px}.archive-dialog__foot{display:block;padding:10px 14px 14px}.archive-dialog__foot>p{font-size:9px;margin-bottom:8px;max-width:none}.archive-dialog__foot>div{justify-content:space-between;gap:10px}.archive-dialog__zoom,.archive-dialog__original{font-size:10px}.archive-page-header{padding:17px 20px;gap:14px}.archive-page-header .wordmark>span{font-size:23px}.archive-page-header .wordmark>small{font-size:7px;letter-spacing:.09em}.archive-page-header nav{gap:12px}.archive-page-header nav>a:first-child{display:none}.archive-page-header .button{font-size:10px;min-height:38px;padding:7px 11px}.archive-page .smp-archive{padding-top:40px}.archive-page-footer{display:block;padding:23px 24px}.archive-page-footer p{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.archive-ready .archive-card{animation:none}.archive-filters>button,.archive-card__media>img,.archive-card__expand,.archive-pagination button,.archive-dialog__image{transition:none}}