.arch{position:relative;z-index:1;min-width:0;width:100%;min-height:calc(100vh - 44px);padding-top:96px;background:var(--paper)}.arch__intro{padding:0 32px 40px;max-width:720px}.arch__intro h1{margin:0 0 10px;font-family:var(--display);font-weight:460;font-size:clamp(26px,4vw,34px);letter-spacing:-.01em}.arch__intro p{margin:0;color:var(--ink-70);font-size:14px;line-height:1.6}@media (hover:none),(pointer:coarse){.arch__intro-hover{display:none}}.arch__filters{display:flex;flex-wrap:wrap;gap:6px 18px;padding:0 32px 22px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);position:relative;z-index:2}.arch__filters a{background:none;border:none;padding:10px 0;color:var(--gray);cursor:pointer;font:inherit;letter-spacing:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;text-decoration:none}.arch__filters a[aria-current=page]{color:var(--ink)}.arch__filters a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor}.arch__list{list-style:none;margin:0;padding:0 32px 120px}.arch__row{position:relative;border-bottom:1px solid var(--line);cursor:pointer}.arch__row-link{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:22px 0;width:100%}.arch__row:first-child{border-top:1px solid var(--line)}.arch__row-title{font-family:var(--display);font-weight:460;font-size:clamp(22px,3.4vw,34px);letter-spacing:-.01em;transition:opacity .3s var(--ease),transform .3s var(--ease)}.arch__row-side{display:flex;gap:28px;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);white-space:nowrap}@media (hover:hover) and (pointer:fine){.arch__list[data-hovering=true] .arch__row-title{opacity:.3}.arch__row:hover .arch__row-title{opacity:1!important;transform:translateX(6px)}}.arch__preview{position:fixed;top:0;left:0;width:300px;height:210px;pointer-events:none;z-index:50;overflow:hidden;opacity:0;transform:translate(-50%,-50%) scale(.96);transition:opacity .25s var(--ease),transform .25s var(--ease);background:var(--ink)}.arch__preview.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.arch__preview-img,.arch__preview-stack{position:absolute;inset:0}.arch__preview-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .12s var(--ease)}.arch__preview-img.is-active{opacity:1}.arch__preview-fallback{position:absolute;inset:0}.arch__preview svg,.arch__preview-fallback svg{width:100%;height:100%;display:block}.arch__preview figcaption{position:absolute;left:10px;bottom:8px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper);opacity:.8}@media (max-width:780px){.arch{padding-top:88px}.arch__filters,.arch__intro,.arch__list{padding-left:18px;padding-right:18px}.arch__filters{gap:4px 16px;padding-bottom:18px}.arch__filters a{padding:12px 2px}.arch__preview{display:none}.arch__row-link{flex-direction:column;gap:4px;align-items:flex-start}.arch__row-side{gap:16px;white-space:normal}}.arch__note{margin:40px 32px 0;padding:16px 18px;border:1px dashed var(--line);font-family:var(--mono);font-size:11px;color:var(--gray);max-width:720px}