.archives-page{background-color:var(--primary-color);min-height:60vh;color:var(--secondary-color);padding:60px 120px 100px}.archives-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:64px;display:flex}.archives-label{letter-spacing:.3em;color:var(--secondary-color);opacity:.5;margin:0 0 14px;font-size:.72rem;font-weight:600}.archives-title{letter-spacing:.35em;color:var(--secondary-color);margin:0 0 20px;font-size:clamp(2rem,5vw,3.5rem);font-weight:300}.archives-sub{color:var(--secondary-color);opacity:.6;max-width:480px;margin:0;font-size:.82rem;line-height:1.8}.archives-grid{flex-direction:column;gap:0;display:flex}.archive-card{color:inherit;cursor:pointer;border-bottom:1px solid #eee9dd1a;flex-direction:column;padding:48px 0;text-decoration:none;transition:transform .3s;display:flex}.archive-card:first-child{border-top:1px solid #eee9dd1a}.archive-card:hover{transform:translateY(-4px)}.archive-options{grid-template-rows:0fr;transition:grid-template-rows .45s;display:grid;overflow:hidden}.archive-options.open{grid-template-rows:1fr}.archive-options>*{overflow:hidden}.archive-option-list{flex-direction:column;gap:10px;margin:0 0 8px;padding:4px 0 0;list-style:none;display:flex}.archive-option-item{background-color:#eee9dd14;border-left:2px solid #eee9dd4d;border-radius:2px;padding:10px 14px;transition:background-color .2s}.archive-option-item:hover{background-color:#eee9dd21}.archive-option-link{color:var(--secondary-color);letter-spacing:.04em;font-size:.8rem;font-weight:600;text-decoration:none;display:block}.archive-image-placeholder{aspect-ratio:21/9;background-color:#eee9dd0f;border:1px solid #eee9dd1a;width:100%;margin-bottom:32px;transition:background-color .3s,border-color .3s;position:relative;overflow:hidden}.archive-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.archive-card:hover .archive-image-placeholder{background-color:#eee9dd1a;border-color:#eee9dd38}.archive-tag{letter-spacing:.2em;color:var(--secondary-color);opacity:.45;background-color:#eee9dd0f;border:1px solid #eee9dd26;border-radius:2px;padding:4px 10px;font-size:.65rem;font-weight:600;position:absolute;top:14px;left:14px}.archive-body{flex-direction:column;gap:10px;display:flex}.archive-title{color:var(--secondary-color);letter-spacing:.08em;margin:0;font-size:clamp(2.5rem,6vw,5rem);font-weight:300}.archive-desc{color:var(--secondary-color);opacity:.7;max-width:640px;margin:0;font-size:.85rem;line-height:1.8}.archive-link-btn{color:var(--secondary-color);letter-spacing:.12em;cursor:pointer;text-align:left;opacity:.9;background:0 0;border:none;margin-top:4px;padding:0;font-size:.78rem;font-weight:700;transition:opacity .2s,letter-spacing .2s}.archive-link-btn:hover{opacity:1;letter-spacing:.16em}.archives-grid .archive-card{padding-bottom:48px}@media (max-width:900px){.archives-page{padding:48px 40px 80px}.archives-grid{gap:0}.archive-card{padding:36px 0}}@media (max-width:480px){.archives-page{padding:40px 24px 60px}.archives-title{letter-spacing:.2em}}