.archive{padding:60px 0 90px;background:linear-gradient(180deg,#fff 0%,#FAF3E5 50%,#fff 100%);position:relative;overflow:hidden}
.archive::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 400px at 50% 0%,rgba(45,212,191,.08),transparent 70%);pointer-events:none}
.archive .wrap{position:relative;z-index:1}
.archive-h{text-align:center;max-width:720px;margin:0 auto 36px}
.archive-h .dir-eyebrow{font-family:'Fraunces','Times New Roman',serif;font-style:italic;color:#E2766C;font-size:28px;display:block;line-height:1}
.archive-h h2{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(34px,4.4vw,52px);letter-spacing:-.025em;color:#0F1828;margin:6px 0 14px;line-height:1.05}
.archive-h h2 em{font-style:italic;color:#C95A50}
.archive-h p{font-size:17px;color:#3a4756;margin:0;line-height:1.55}
.archive-h p strong{font-family:'Fraunces',serif;font-weight:600;color:#0E9F8F;font-style:italic;font-size:1.15em}
.archive-search-wrap{position:relative;max-width:620px;margin:0 auto 32px;background:#fff;border-radius:99px;padding:6px 6px 6px 24px;display:flex;align-items:center;box-shadow:0 14px 38px -18px rgba(15,24,40,.18),0 0 0 1px rgba(15,24,40,.08);transition:box-shadow .25s,transform .25s}
.archive-search-wrap:focus-within{box-shadow:0 18px 48px -16px rgba(226,118,108,.22),0 0 0 2px #E2766C;transform:translateY(-2px)}
.archive-search-wrap::before{content:'🔍';font-size:18px;margin-right:14px;opacity:.55}
.archive-search{flex:1;border:0;padding:16px 4px;font-family:'Outfit',sans-serif;font-size:16px;background:transparent;color:#0F1828;-webkit-appearance:none;outline:none}
.archive-search::placeholder{color:#7a8794;font-style:italic}
.archive-counter{padding:0 16px;font-size:12px;color:#7a8794;font-weight:700;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;min-width:60px;text-align:right}
.archive-counter:not(:empty){background:#FAF3E5;border-radius:99px;padding:6px 14px}
.archive-quicks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 32px;max-width:720px}
.archive-quick{padding:7px 14px;border-radius:99px;background:#fff;border:1px solid rgba(15,24,40,.1);font-size:12.5px;font-weight:600;letter-spacing:.02em;color:#1F2937;cursor:pointer;transition:all .2s;font-family:'Outfit',sans-serif}
.archive-quick:hover{border-color:#E2766C;color:#E2766C;transform:translateY(-2px)}
.archive-list{list-style:none;padding:0;max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.archive-list li a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;background:#fff;border:1px solid rgba(15,24,40,.08);border-radius:14px;text-decoration:none;color:#0F1828;font-size:14.5px;line-height:1.4;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;font-family:'Outfit',sans-serif;font-weight:500}
.archive-list li a:hover{border-color:#E2766C;transform:translateX(3px);background:#fffaf3;box-shadow:0 8px 20px -10px rgba(226,118,108,.2)}
.archive-list li a::after{content:'\2192';color:#E2766C;font-size:16px;flex-shrink:0;opacity:.7;transition:transform .2s,opacity .2s}
.archive-list li a:hover::after{opacity:1;transform:translateX(3px)}
.archive-empty{text-align:center;color:#7a8794;font-size:14.5px;font-style:italic;margin:32px 0 0;padding:24px;border:1px dashed rgba(15,24,40,.15);border-radius:14px;max-width:540px;margin-left:auto;margin-right:auto}