.year-box{background:var(--ink);width:min(1240px,100% - 40px);max-width:none;height:calc(100dvh - 40px);max-height:none;color:var(--paper);border:0;grid-template-rows:auto minmax(0,1fr) auto auto;margin:auto;padding:0;display:none;overflow:hidden}.year-box:focus{outline:0}.year-box[open]{animation:.35s cubic-bezier(.2,.7,.2,1) year-box-in;display:grid}.year-box::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141311e0}.year-box button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.year-box button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.year-box-bar{letter-spacing:.1em;border-bottom:1px solid #3d3a35;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;font-size:10px;font-weight:700;display:flex}.year-box-count{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.year-box-bar button{letter-spacing:.1em;padding:6px 0;font-size:11px;font-weight:700}.year-box-bar button span{vertical-align:-2px;margin-left:4px;font-size:18px}.year-box-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:0;padding:22px 80px;display:flex;position:relative}.year-box-year{font-family:var(--font-main);color:var(--red);opacity:.9;pointer-events:none;z-index:0;font-size:clamp(80px,14vw,210px);line-height:.8;position:absolute;bottom:4px;left:22px}.year-box-image{z-index:1;object-fit:contain;background:#2e2c28;max-width:100%;max-height:100%;animation:.45s cubic-bezier(.2,.7,.2,1) year-box-photo;position:relative;box-shadow:0 30px 60px -20px #000000b3}.year-box-arrow{z-index:2;border-radius:50%;place-items:center;width:52px;height:52px;transition:background .2s,color .2s,border-color .2s;display:grid;position:absolute;top:50%;translate:0 -50%;border:1.5px solid #faf9f580!important;font-size:22px!important}@media (hover:hover){.year-box-arrow:hover{background:var(--paper);color:var(--ink)}.year-box-years button:hover:not(:disabled){background:var(--red);border-color:var(--red)}}.year-box-arrow.is-prev{left:16px}.year-box-arrow.is-next{right:16px}.year-box-meta{border-top:1px solid #3d3a35;justify-content:space-between;align-items:flex-end;gap:30px;padding:14px 22px 12px;display:flex}.year-box-chapter{letter-spacing:.1em;color:#a8a194;font-size:9px;font-weight:700}.year-box-meta h2{font-family:var(--font-sub);letter-spacing:-.02em;margin:4px 0;font-size:22px;font-weight:700;line-height:1.2}.year-box-meta p{color:#d8d2c6;margin:0;font-size:12px;line-height:1.6}.year-box-meta p span{color:#a8a194}.year-box-years{flex-shrink:0;gap:8px;display:flex}.year-box-years button{font-family:var(--font-main);white-space:nowrap;border:1.5px solid #faf9f559;padding:9px 14px;font-size:17px}.year-box-years button:disabled{opacity:.25;cursor:default}.year-box-thumbs{scrollbar-width:thin;scrollbar-color:#5a564f transparent;gap:6px;padding:4px 22px 16px;display:flex;overflow-x:auto}.year-box-thumbs button{opacity:.45;outline-offset:-2px;outline:2px solid #0000;flex:none;width:62px;height:62px;padding:0;transition:opacity .2s,outline-color .2s}.year-box-thumbs button:hover{opacity:.85}.year-box-thumbs button[aria-current=true]{opacity:1;outline-color:var(--red)}.year-box-thumbs img{object-fit:cover;width:100%;height:100%}@keyframes year-box-in{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}@keyframes year-box-photo{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.year-photograph{position:relative}.year-photo-open{cursor:zoom-in;z-index:1;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.year-photo-open>span{background:var(--red);color:var(--paper);letter-spacing:.08em;padding:5px 8px;font-size:9px;font-weight:700;transition:transform .25s;position:absolute;top:16px;right:16px}.year-photograph:hover .year-photo-open>span{transform:translateY(-2px)scale(1.04)}.year-photograph:hover>img{filter:brightness(1.06)}.year-photo-open:focus-visible{outline:3px solid var(--red);outline-offset:3px}@media (max-width:800px){.year-box{width:100%;height:100dvh;max-height:100dvh}.year-box-stage{padding:12px}.year-box-arrow{width:42px;height:42px;top:auto;bottom:16px;translate:none}.year-box-arrow.is-prev{left:auto;right:66px}.year-box-year{font-size:72px;bottom:10px;left:14px}.year-box-meta{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.year-box-meta h2{font-size:18px}.year-box-years{justify-content:space-between}.year-box-thumbs{padding-inline:16px}.year-box-thumbs button{width:50px;height:50px}.year-box-bar{padding:12px 16px}.year-photo-open>span{padding:4px 6px;font-size:7px;top:8px;right:8px}}@media (prefers-reduced-motion:reduce){.year-box[open],.year-box-image{animation:none}}
