.archives{margin:2% 5%}.archives-grid{grid-template-columns:repeat(7,1fr);gap:2.5rem 2rem;width:100%;max-width:100vw;margin-top:2rem;display:grid}.archives-header{background:#fcf8ee;flex-direction:row;align-items:baseline;gap:1.2rem;margin-bottom:1.5rem;padding-top:.7rem;padding-bottom:.7rem;padding-left:1.5rem;display:flex}.archives-title{color:#181818;letter-spacing:.01em;margin-right:.7rem;font-size:2.1rem;font-weight:700;line-height:1.1}.archives-subtitle{color:#000;letter-spacing:.01em;margin-left:.5rem;font-size:1.35rem;font-style:italic;font-weight:400;line-height:1.1}.archive-detail-container{flex-direction:row;gap:3rem;margin:2% 5%;display:flex}.archive-detail-top{flex-direction:column;gap:.5rem;width:30%;display:flex}.archive-detail-gallery{width:70%}.archive-detail-title{font-size:35px;font-weight:700;font-style:Bold}.archive-detail-content{font-size:16px;font-weight:500}@media (max-width:1200px){.archives-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:800px){.archives-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.archives-grid{grid-template-columns:1fr}}.archive-card{cursor:pointer;text-align:center;box-shadow:none;flex-direction:column;align-items:center;padding:1.2rem .7rem .7rem;display:flex}.archive-card a{color:inherit;text-decoration:none}.archive-image-wrapper{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:.8rem;display:flex}.archive-image{object-fit:contain;border-radius:12px;width:100%;height:100%}.archive-title{color:#000;letter-spacing:.01em;word-break:break-word;margin-bottom:.2rem;font-size:1.05rem;font-weight:500}@media (max-width:600px){.archives-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.2rem .7rem}.archive-card{padding:.7rem .3rem .5rem}.archive-title{font-size:.97rem}}@media (max-width:900px){.archive-detail-container{flex-direction:column;gap:1.2rem}.archive-detail-top,.archive-detail-gallery{width:100%}}@media (max-width:430px){.archives-grid{grid-template-columns:repeat(2,1fr)}}.archive-loading,.loading-content{text-align:center;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p{color:#666;margin:0;font-size:1.1rem}