/* F-2 archive: shared F-2 shell, existing project data and filter controller. */
@font-face{font-family:Clash;src:url('/assets/fonts/clash-display-medium.woff2') format('woff2');font-weight:500;font-display:swap}
.f2-project-archive .site-header nav a[aria-current=page]{color:var(--blue-text)}
.f-archive-intro{padding:44px 0 48px}
.f-archive-intro h1{font:500 76px/1 Clash,Pretendard,sans-serif;letter-spacing:-.045em}
.f-archive-intro h1 span{color:var(--blue)}
.archive-content{padding-bottom:80px}
.archive-filters{display:flex;flex-wrap:wrap;gap:8px}
.archive-filters button{display:flex;align-items:center;justify-content:center;font:500 15px/1.5 Pretendard,sans-serif;color:#ced7dd;min-height:48px;padding:12px 16px;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0}
.archive-filters button:hover{background:#1b2228}
.archive-filters button[aria-pressed=true]{border-bottom-color:var(--blue);background:transparent;color:var(--white)}
.filter-label{white-space:nowrap}.filter-label-mobile{display:none}
.archive-results{padding:26px 0;font-size:14px;line-height:1.6;color:#b8c5cf}
.archive-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 28px}
.archive-project{min-width:0}
.archive-visual{aspect-ratio:1.45;overflow:hidden;background:var(--thumbnail-bg,#20262c)}
/* Light presentation mat separates website captures from the dark archive. */
.archive-visual.web-preview{position:relative;border-radius:0}
.archive-visual.web-preview>img{position:absolute;left:5%;top:8%;width:90%;height:92%;object-position:center top;border-radius:12px 12px 0 0;box-shadow:0 3px 16px #1214161a}
.archive-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.archive-visual.crop-right img{object-position:right center}
.archive-visual.position-top img{object-position:center top}
/* Position alone cannot preserve both edges; keep the complete Delkor app view. */
.archive-visual.fit-complete img{object-fit:contain}
.archive-visual video{width:100%;height:100%;object-fit:contain;background:#0b0e10}
.archive-project-meta{padding-top:21px}
.archive-category{font-size:13px;line-height:1.6;font-weight:500;color:#57c4f5;margin-bottom:9px}
.archive-project h2{font:600 24px/1.3 Pretendard,sans-serif;letter-spacing:-.025em;color:#f3f6f8;overflow-wrap:anywhere}
.archive-scope{font-size:14px;line-height:1.5;color:#c3ced6;margin-top:4px}




.archive-project:focus-visible{outline-offset:7px}
@media(max-width:1000px){.archive-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px}.archive-project h2{font-size:23px}}
@media(max-width:900px){.f-archive-intro h1{font-size:62px}}
@media(max-width:600px){
 .f-archive-intro{padding:25px 0 30px}.f-archive-intro h1{font-size:55px}
 .archive-filters{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;overflow-x:auto;padding-bottom:3px}
 .archive-filters button{flex:0 0 auto;font-size:14px;min-height:44px;padding:10px 3px}
 .filter-label-full{display:none}.filter-label-mobile{display:inline}
 .archive-filters button:focus-visible{outline-offset:-3px}
 .archive-results{font-size:13px;padding:22px 0}.archive-gallery{grid-template-columns:minmax(0,1fr);gap:38px}
 .archive-project-meta{padding-top:18px}.archive-content{padding-bottom:48px}
}