.year-filters{display:flex;gap:16px;align-items:center}.year-btn{font-family:var(--font-main);font-size:13px;font-weight:400;letter-spacing:.05em;color:var(--text);background:none;border:none;cursor:pointer;padding:4px 0;transition:color .3s ease;position:relative;overflow:hidden}.year-btn .year-char{display:inline-block;opacity:0;transition:opacity .15s ease}.year-btn .year-char.typed{opacity:1}.year-btn:hover,.year-btn.active{color:var(--text-light)}.year-btn.active:after{display:none}.intro-screen{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .6s ease}.typing-name{font-family:var(--font-main);font-size:32px;font-weight:400;letter-spacing:normal;color:var(--text)}.typing-cursor{font-family:var(--font-main);font-size:32px;font-weight:400;color:var(--text-light);animation:blink .8s step-end infinite;margin-left:2px}@keyframes blink{50%{opacity:0}}.mosaic-section{display:none;padding:100px 40px 60px;min-height:100vh}.mosaic-grid{display:flex;gap:60px;max-width:1300px;margin:0 auto}.mosaic-col{flex:1;display:flex;flex-direction:column;gap:60px}.mosaic-item{position:relative;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;cursor:pointer;overflow:hidden}.mosaic-item.visible{opacity:1;transform:translateY(0)}.mosaic-img{width:100%;height:auto;display:block;pointer-events:none;transition:transform .6s cubic-bezier(.23,1,.32,1)}.mosaic-overlay{position:absolute;inset:0;background:var(--overlay-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .4s ease}.mosaic-item:hover .mosaic-overlay{opacity:1}.mosaic-item:hover .mosaic-img{transform:scale(1.03)}.mosaic-title{font-family:var(--font-main);font-size:15px;font-weight:400;font-style:italic;color:var(--text);text-align:center;padding:0 12px}.mosaic-year{font-family:var(--font-main);font-size:11px;color:var(--text-mid)}.detail-overlay{position:fixed;inset:0;background:var(--bg);z-index:1000;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .4s ease}.detail-overlay.open{opacity:1;pointer-events:all}.close-btn{position:absolute;top:28px;right:28px;background:none;border:none;cursor:pointer;color:var(--text-light);padding:8px;z-index:10;transition:color .3s ease}.close-btn:hover{color:var(--text)}.detail-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 40px 10px;overflow:hidden}.detail-image-wrap{display:flex;justify-content:center;transition:opacity .35s ease}.detail-img{max-height:70vh;max-width:90vw;width:auto;height:auto;cursor:zoom-in;pointer-events:auto}.detail-caption{text-align:center;margin-top:24px}.detail-title{font-family:var(--font-main);font-size:16px;font-weight:400;font-style:italic;color:var(--text);transition:opacity .35s ease}.detail-meta-info{font-family:var(--font-main);font-size:12px;color:var(--text-light);margin-top:6px;letter-spacing:.03em;transition:opacity .35s ease}.zoom-overlay{position:fixed;inset:0;background:#000000f2;z-index:2000;cursor:crosshair;opacity:0;pointer-events:none;transition:opacity .4s ease;overflow:hidden}.zoom-overlay.open{opacity:1;pointer-events:all}.zoom-img{position:absolute;width:200%;height:auto;top:-25%;left:-25%;pointer-events:none;transition:transform .1s ease-out}.zoom-close{position:absolute;top:28px;right:28px;background:none;border:none;cursor:pointer;color:#ffffff80;padding:8px;z-index:10;transition:color .3s ease}.zoom-close:hover{color:#fff}.zoom-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-family:var(--font-main);font-size:12px;color:#fff6;letter-spacing:.1em;transition:opacity .5s ease}.thumb-strip{display:flex;gap:6px;padding:16px 50px 28px;overflow-x:auto;justify-content:center;scrollbar-width:none}.thumb-strip::-webkit-scrollbar{display:none}.thumb-item{flex-shrink:0;width:52px;height:52px;cursor:pointer;opacity:.3;transition:opacity .3s ease;overflow:hidden}.thumb-item:hover,.thumb-item.active{opacity:1}.thumb-item img{width:100%;height:100%;object-fit:cover;pointer-events:none}@media(max-width:768px){.mosaic-section{padding:80px 12px 40px}.mosaic-grid,.mosaic-col{gap:12px}.typing-name,.typing-cursor{font-size:1.6rem}.detail-content{padding:60px 20px 20px}.detail-img{max-height:55vh;max-width:90vw}.thumb-strip{padding:12px 16px 20px}.thumb-item{width:42px;height:42px}}