.arch-head{text-align:center;border-bottom:1px solid var(--line);padding:52px 0 34px}.arch-head .kind{font-family:var(--ff-display);letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-size:12px;font-weight:800}.arch-head h1{letter-spacing:-.02em;text-transform:uppercase;margin:12px 0 0;font-size:40px;font-weight:900;line-height:1.06}.arch-head h1 .dot,.arch-head h1 .q{color:var(--orange)}.arch-head .intro{max-width:64ch;color:var(--ink-2);margin:16px auto 0;font-size:16.5px;line-height:1.6}.filters{grid-template-columns:minmax(200px,1fr) auto auto auto;align-items:stretch;gap:12px;max-width:940px;margin:26px auto 0;display:grid}.filters .fsearch{border:1.5px solid var(--line-2);box-sizing:border-box;background:#fff;border-radius:11px;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 15px;transition:all .15s;display:flex}.filters .fsearch:focus-within{border-color:var(--orange)}.filters .fsearch svg{width:18px;height:18px;color:var(--ink-3);flex:none}.filters .fsearch input{width:100%;font-family:var(--ff-body);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:15px}.fselect{display:flex;position:relative}.fselect select{appearance:none;width:100%;font-family:var(--ff-display);color:var(--ink);border:1.5px solid var(--line-2);box-sizing:border-box;cursor:pointer;background:#fff;border-radius:11px;outline:none;min-height:48px;padding:0 38px 0 15px;font-size:13.5px;font-weight:700;transition:all .15s}.fselect select:hover{border-color:var(--ink)}.fselect select:focus{border-color:var(--orange)}.fselect:after{content:"";border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:15px;transform:translateY(-60%)rotate(45deg)}.arch{padding:34px 0 64px}.res-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.res-count{font-family:var(--ff-display);color:var(--ink-3);font-size:14.5px;font-weight:700}.res-count b{color:var(--orange)}.active-tag{font-family:var(--ff-display);background:var(--orange-tint);color:var(--orange-dark);border:1px solid #f0d4be;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 13px;font-size:13px;font-weight:700;display:inline-flex}.active-tag button{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:flex}.arch-layout{grid-template-columns:1fr 316px;align-items:start;gap:44px;display:grid}.results{grid-template-columns:1fr 1fr;gap:34px 28px;display:grid}.rcard{flex-direction:column;gap:13px;display:flex}.rcard .thumb{background:var(--cream-2);aspect-ratio:16/10;border-radius:13px;position:relative;overflow:hidden}.rcard .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.6,.2,1)}.rcard:hover .thumb img{transform:scale(1.05)}.rcard .cat-tag{font-size:11px}.rcard h3{letter-spacing:-.01em;margin-top:2px;font-size:19px;font-weight:800;line-height:1.28}.rcard:hover h3{color:var(--orange)}.rcard .ex{color:var(--ink-2);font-size:14.5px;line-height:1.55}.rcard .meta{color:var(--ink-3);align-items:center;gap:8px;margin-top:2px;font-size:12.5px;display:flex}.rcard .meta .au{color:var(--ink-2);text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-family:var(--ff-display);font-size:11px}.rcard .meta .sep{background:var(--line-2);border-radius:50%;width:3px;height:3px}.side{flex-direction:column;gap:30px;display:flex;position:sticky;top:96px}.smod h4{font-family:var(--ff-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink);align-items:center;gap:9px;margin-bottom:14px;padding-bottom:12px;font-size:12px;font-weight:800;display:flex}.smod h4 .dash{background:0 0;flex:1;height:1px}.cat-list{flex-direction:column;gap:2px;display:flex}.cat-list a{font-family:var(--ff-display);color:var(--ink-2);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:700;transition:all .14s;display:flex}.cat-list a:hover{background:var(--cream-2);color:var(--orange)}.cat-list a.on{background:var(--orange-tint);color:var(--orange-dark)}.cat-list a .n{color:var(--ink-3);background:var(--cream-2);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800}.cat-list a.on .n{color:var(--orange);background:#fff}.pop a{align-items:center;gap:13px;padding:9px 0;display:flex}.pop a+a{border-top:1px solid var(--line)}.pop .pthumb{background:var(--cream-2);border-radius:9px;flex:none;width:74px;height:56px;overflow:hidden}.pop .pthumb img{object-fit:cover;width:100%;height:100%}.pop .pt{font-family:var(--ff-display);color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.3;display:block}.pop a:hover .pt{color:var(--orange)}.pop .pd{color:var(--ink-3);margin-top:4px;font-size:11.5px;display:block}.side-cta{background:var(--dark);color:#fff;text-align:center;border-radius:16px;padding:24px}.side-cta h4{font-family:var(--ff-display);color:#fff;border:none;margin:0 0 8px;padding:0;font-size:18px;font-weight:900;display:block}.side-cta p{color:#ffffffa8;margin-bottom:16px;font-size:13.5px;line-height:1.5}.empty{text-align:center;color:var(--ink-3);grid-column:1/-1;padding:50px 20px}.empty h3{font-family:var(--ff-display);color:var(--ink);margin-bottom:8px;font-size:22px}.pager{justify-content:center;align-items:center;gap:6px;margin-top:44px;display:flex}.pager button{border:1px solid var(--line-2);min-width:42px;height:42px;font-family:var(--ff-display);color:var(--ink-2);background:#fff;border-radius:11px;padding:0 14px;font-size:14px;font-weight:800;transition:all .15s}.pager button:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.pager button.on{background:var(--orange);color:#fff;border-color:var(--orange)}.pager button:disabled{opacity:.4;cursor:default}.arch .contribute{margin-top:56px}@media (width<=960px){.arch-layout{grid-template-columns:1fr}.side{flex-flow:wrap;gap:26px;position:static}.smod{flex:240px}}@media (width<=820px){.filters{grid-template-columns:1fr 1fr 1fr}.filters .fsearch{grid-column:1/-1}}@media (width<=620px){.arch-head h1{font-size:28px}.results{grid-template-columns:1fr}.side{flex-direction:column}.filters{grid-template-columns:1fr;gap:10px}}.res-count{min-height:1.45em}.bc-q #archGrid{min-height:100vh}