*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background-color:#f8f8f8;font-family:Hanken Grotesk,sans-serif;line-height:1.5}.hero{text-align:center;max-width:1200px;margin:80px auto 40px;padding:0 16px}.hero-title{text-wrap:balance;margin-bottom:20px;font-size:clamp(2.1rem,9vw,4rem);font-weight:900}.hero-subtitle{color:#666;max-width:600px;margin:0 auto;font-size:1.2rem}.archive-container{max-width:1440px;margin:0 auto 80px;padding:0 16px}.archive-grid{grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;gap:20px;margin-top:40px;display:grid}.empty-cell{border-radius:6px;height:120px}.archive-entry{transform-origin:50%;flex-direction:column;grid-area:span 1/span 1;gap:8px;transition:all .3s;display:flex;position:relative}.entry-date-label{color:#999;margin-left:4px;font-size:.8rem}.image-wrapper{border-radius:6px;width:100%;height:160px;transition:height .3s;position:relative;overflow:hidden}.archive-image{object-fit:cover;width:100%;height:100%}.blue-overlay{opacity:0;background-color:#0047ff33;transition:opacity .3s;position:absolute;inset:0}.blue-overlay.active{opacity:1}.image-count{color:#fff;z-index:2;background-color:#0009;border-radius:4px;padding:4px 6px;font-size:.7rem;position:absolute;bottom:6px;right:6px}.entry-title{margin-left:4px;font-size:.9rem;font-weight:600}.image-counter{text-align:center;color:#666;margin-top:60px;font-size:.9rem}.counter-label{opacity:.6;margin:0 6px}.image-wrapper{transform-origin:0 0;will-change:transform;transition:height .3s,transform .3s}.archive-entry:hover{z-index:5}.archive-entry:hover .image-wrapper{transform:scale(2)}.archive-grid>:nth-child(6n) .image-wrapper{transform-origin:100% 0}@media (max-width:1200px){.archive-grid{grid-template-columns:repeat(4,1fr)}.archive-grid>:nth-child(6n) .image-wrapper{transform-origin:0 0}.archive-grid>:nth-child(4n) .image-wrapper{transform-origin:100% 0}}@media (max-width:768px){.archive-grid{grid-template-columns:1fr;gap:40px}.empty-cell{display:none}.archive-entry{text-align:left;flex-direction:column;align-items:flex-start}.archive-entry:nth-of-type(2n){margin-left:20%}.archive-entry:nth-of-type(odd){text-align:left;align-items:flex-start;margin-right:20%}.image-wrapper{width:auto;max-width:100%;height:auto}.archive-entry:hover{grid-area:span 1/span 1}.archive-entry:hover .image-wrapper{height:auto;transform:none}}.year-header{text-align:center;justify-content:center;align-items:center;gap:1rem;width:100%;margin:2rem 0;display:flex}.year-number{color:#a0b7e3;padding:0 30px;font-size:2.5rem;font-weight:900}.year-line{flex:1;max-width:200px;height:2px}.year-line-left{background:linear-gradient(90deg,#0000,#a0b7e3)}.year-line-right{background:linear-gradient(90deg,#a0b7e3,#0000)}@media (max-width:768px){.year-header{margin-top:60px;margin-bottom:40px}.year-number{padding:0 20px;font-size:2rem}.year-line{max-width:100px}}.top-nav{z-index:1000;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:absolute;top:0;left:0;right:0}.logo-link{color:#111;align-items:center;gap:1rem;text-decoration:none;display:flex}.nav-logo{width:auto;height:40px}.back-button{color:#111;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:color .3s}.back-button:hover{color:#0047ff}.hero{margin-top:120px}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}