.arch-page{--navy:#0f1e3f;--ink:#191b1c;--paper:#f4efe5;--cream:#e8dcc8;--gold:#c6a75e;--taupe:#997953;--muted:#68655f;--white:#fffdf8;min-height:100vh;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(180deg, var(--navy) 0 150px, transparent 150px), linear-gradient(90deg, #f4efe500 0 66%, #e8dcc880 66%), radial-gradient(circle at 16% 26%, #c6a75e21, transparent 30%)}.arch{width:100%;margin:0;padding:186px clamp(16px,4vw,64px) 78px}.arch-head{border-bottom:2px solid var(--ink);grid-template-columns:minmax(320px,.48fr) minmax(360px,.52fr);align-items:end;gap:54px;margin-bottom:34px;padding-bottom:24px;display:grid}.arch-eyebrow{color:var(--taupe);letter-spacing:.34em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:800}.arch-title{color:var(--navy);letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,5.4vw,76px);font-weight:400;line-height:.98}.arch-title em{color:var(--taupe);font-style:italic}.arch-intro{color:var(--muted);margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:19px;font-style:italic;line-height:1.58}.arch-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.arch-count{color:var(--taupe);letter-spacing:.26em;text-transform:uppercase;font-size:12px;font-weight:800}.arch-filter{background:var(--white);border:1px solid #0f1e3f26;display:inline-flex}.arch-filter button{color:var(--muted);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-right:1px solid #0f1e3f1f;padding:11px 16px;font-size:12px;font-weight:800;transition:color .2s,background .2s}.arch-filter button:last-child{border-right:0}.arch-filter button:hover{color:var(--navy)}.arch-filter button.active{background:var(--navy);color:var(--white)}.arch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.arch-card{background:var(--white);border:1px solid #0f1e3f1f;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 54px #0f1e3f1a}.arch-card:before{content:"";background:var(--gold);transform-origin:top;z-index:2;width:4px;transition:transform .18s;position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.arch-card:hover:before{transform:scaleY(1)}.arch-cover{aspect-ratio:4/3.1;background:linear-gradient(135deg,#0f1e3f0d,#0000 42%),linear-gradient(#fff,#f3f0ea);border-bottom:1px solid #0f1e3f1a;place-items:center;display:grid;position:relative;overflow:hidden}.arch-cover img{object-fit:cover;width:100%;height:100%}.arch-cover:after{content:"";pointer-events:none;border:1px solid #0f1e3f14;position:absolute;inset:14px}.arch-brand{color:var(--navy);letter-spacing:.12em;text-transform:uppercase;z-index:1;font-size:9px;font-weight:900;position:absolute;top:14px;right:16px}.arch-url{color:#191b1c6b;letter-spacing:.06em;z-index:1;font-size:8px;position:absolute;top:15px;left:16px}.arch-emblem{width:54px;height:54px;color:var(--navy);opacity:.85}.arch-meta{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px 16px 16px;display:grid}.arch-date{color:var(--navy);font-size:15px;font-weight:800}.arch-series{color:var(--muted);letter-spacing:.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.arch-view{min-width:56px;min-height:34px;color:var(--taupe);letter-spacing:.12em;text-transform:uppercase;border:1px solid #99795357;justify-content:center;align-items:center;font-size:11px;font-weight:900;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.arch-card:hover .arch-view{background:var(--navy);border-color:var(--navy);color:var(--white)}.arch-empty{text-align:center;color:var(--muted);padding:40px 0;font-family:Georgia,Times New Roman,serif;font-size:18px;font-style:italic}@media (max-width:1040px){.arch-head{grid-template-columns:1fr;gap:18px}.arch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.arch-page{background-image:linear-gradient(180deg, var(--navy) 0 96px, transparent 96px), radial-gradient(circle at 16% 22%, #c6a75e1f, transparent 30%)}.arch{padding:160px clamp(14px,5vw,28px) 58px}.arch-toolbar{flex-direction:column;align-items:flex-start}.arch-filter{width:100%}.arch-filter button{text-align:center;flex:1}.arch-grid{grid-template-columns:1fr}}