body{margin:0}.year-select-page{background:#fdfdfd;height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}.year-select-page__logo{position:absolute;top:28px;left:50%;transform:translateX(-50%);z-index:2;height:28px;width:auto}.year-select{position:relative;display:flex;width:100%;height:100%}.year-select__panel{position:relative;flex:1 1 0;min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:64px;text-decoration:none;overflow:hidden;background-size:cover;background-position:center;transition:flex-grow .6s cubic-bezier(0.19, 1, 0.22, 1)}.year-select__image{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(100%);opacity:.5;transform:scale(1.05);transition:filter .5s ease,opacity .5s ease,transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.year-select__panel::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(11, 18, 21, 0.65), transparent 55%);z-index:1;transition:opacity .4s ease}.year-select__label{position:relative;z-index:2;color:#fdfdfd;font-size:clamp(28px,5vw,56px);font-weight:700;letter-spacing:-0.01em}.year-select__panel:hover{flex-grow:2.4}.year-select__panel:hover .year-select__image{filter:grayscale(0%);opacity:1;transform:scale(1)}@media screen and (max-width: 640px){.year-select{flex-direction:column}.year-select__panel{padding-bottom:32px}.year-select__label{font-size:32px}}