.year-page main{min-height:100vh;padding-bottom:80px}.yr-nav{position:sticky}.yr-head{padding-top:clamp(110px,16vh,160px);text-align:center;display:flex;flex-direction:column;align-items:center}.yr-lead{margin:0 0 .4em}.yr-title{margin:0;display:flex;justify-content:center;gap:.06em;line-height:1;font-family:Archivo Black,sans-serif;font-weight:400;font-size:clamp(72px,14vw,200px)}.yr-title .pc-digit{background:linear-gradient(160deg,color-mix(in srgb,var(--c) 70%,#fff3e0),var(--c) 70%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .03em .03em rgba(8,14,34,.5))}.yr-title .pc-digit:nth-child(odd){rotate:-4deg}.yr-title .pc-digit:nth-child(2n){rotate:3deg}.yr-count{margin:.8em 0 0;font-family:IM Fell English,Georgia,serif;font-style:italic;font-size:clamp(17px,1.6vw,22px);color:#f1e2ae}.yr-years{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.yr-chip{padding:6px 14px;border-radius:999px;border:1px solid rgba(243,228,206,.35);color:#f3e4ce;font-size:14px;transition:border-color .3s,color .3s}.yr-chip:hover{color:#c8552c;border-color:#c8552c}.yr-wall{margin-top:clamp(40px,7vh,80px)}.yr-month+.yr-month{margin-top:clamp(48px,8vh,90px)}.yr-month-name{margin:0 0 18px;font-family:IM Fell English,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(24px,2.6vw,36px);color:#f1e2ae}.yr-grid{columns:3 260px;column-gap:18px}.yr-shot{all:unset;box-sizing:border-box;display:block;width:100%;margin:0 0 18px;break-inside:avoid;cursor:pointer;background:linear-gradient(170deg,#ece0c6,#ddcfb0);padding:10px;box-shadow:0 12px 26px -12px #080e22b3;transition:translate .35s cubic-bezier(.2,.8,.2,1)}.yr-shot:hover{translate:0 -4px}.yr-shot:focus-visible{outline:2px solid #f6b088;outline-offset:3px}.yr-shot img{display:block;width:100%;height:auto;background:#1b1714}.yr-room{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh}.yr-room::backdrop{background:#080c1ceb}.yr-room[open]{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.yr-room-frame{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}.yr-room-frame img{max-width:min(90vw,1200px);max-height:82vh;width:auto;height:auto;background:#e6d9bf;padding:10px}.yr-room-frame figcaption{color:#f3e4ce;font-family:IM Fell English,Georgia,serif;font-style:italic}.yr-room-step,.yr-room-close{all:unset;cursor:pointer;color:#f3e4ce;font-size:44px;padding:18px;line-height:1}.yr-room-step:hover,.yr-room-close:hover{color:#c8552c}.yr-room-close{position:fixed;top:10px;right:18px}@media (max-width: 600px){.yr-room-step{font-size:32px;padding:8px}}.yr-head{padding-top:calc(var(--nav-h) + 22px)}.yr-title{font-size:clamp(46px,6vw,84px)}.yr-wall{margin-top:clamp(28px,5vh,56px)}.yr-head{border:0}.yr-years:empty{display:none}.yr-head{padding-top:calc(var(--nav-h) + 2px)}.yr-head{padding-top:26px}.yr-title .pc-digit{translate:0 var(--hy, 0px)}.yr-title .pc-digit:nth-child(odd){rotate:calc(-4deg + var(--hr, 0deg))}.yr-title .pc-digit:nth-child(2n){rotate:calc(3deg + var(--hr, 0deg))}@keyframes yr-bob{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-.06em) rotate(-2.5deg)}70%{transform:translateY(.03em) rotate(2deg)}}.yr-title.is-alive .pc-digit{animation:yr-bob 2.8s ease-in-out infinite}.yr-title.is-alive .pc-digit:nth-child(2){animation-duration:3.3s;animation-delay:-.9s}.yr-title.is-alive .pc-digit:nth-child(3){animation-duration:2.5s;animation-delay:-1.6s}.yr-title.is-alive .pc-digit:nth-child(4){animation-duration:3.7s;animation-delay:-.4s}@media (prefers-reduced-motion: reduce){.yr-title.is-alive .pc-digit{animation:none}}.yr-grid{--cols: 5;--gap: clamp(8px, 1.1vw, 16px);--col: calc((min(100vw - 2 * var(--gutter), var(--max, 1280px) - 2 * var(--gutter)) - (var(--cols) - 1) * var(--gap)) / var(--cols));columns:auto;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:calc(var(--col) * 1.5);grid-auto-flow:dense;gap:var(--gap)}.yr-shot{margin:0;padding:0;background:#1b1714;border-radius:12px;overflow:hidden;box-shadow:0 10px 22px -12px #080e22b3}.yr-shot.is-big{grid-column:span 2;grid-row:span 2}.yr-shot img{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:scale .5s ease}.yr-shot:hover{translate:0 -3px}.yr-shot:hover img{scale:1.03}@media (max-width: 900px){.yr-grid{--cols: 3}}@media (max-width: 600px){.yr-grid{--cols: 2}.yr-shot{border-radius:10px}}.yr-room-frame img{max-width:min(94vw,1600px);max-height:90vh;border-radius:12px;padding:0;background:#1b1714;object-fit:contain}.yr-shot.is-blank{cursor:default;pointer-events:none;background:repeating-linear-gradient(118deg,rgba(240,225,200,.05) 0 1px,transparent 1px 23px),repeating-linear-gradient(32deg,rgba(240,225,200,.04) 0 1px,transparent 1px 37px),#1b1714}
