:root{--sticker-rotate:30deg;--sticker-p:10px;--sticker-peelback-hover:30%;--sticker-peelback-active:40%;--sticker-peel-easing:power3.out;--sticker-peel-hover-easing:power2.out;--sticker-start:calc(-1*var(--sticker-p));--sticker-end:calc(100% + var(--sticker-p));--sticker-shadow-opacity:.6;--sticker-lighting-constant:.1;--peel-direction:0deg}.sticker-container{transform:rotate(var(--peel-direction));transform-origin:50%;contain:layout paint;position:relative}.sticker-container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sticker-main{clip-path:polygon(var(--sticker-start)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-end)var(--sticker-end),var(--sticker-start)var(--sticker-end));filter:none;transition:clip-path .6s ease-out}.sticker-main>*{transform:rotate(calc(-1*var(--peel-direction)))}.sticker-lighting{filter:none}.sticker-container:hover .sticker-main,.sticker-container.touch-active .sticker-main{clip-path:polygon(var(--sticker-start)var(--sticker-peelback-hover),var(--sticker-end)var(--sticker-peelback-hover),var(--sticker-end)var(--sticker-end),var(--sticker-start)var(--sticker-end))}.sticker-container:active .sticker-main{clip-path:polygon(var(--sticker-start)var(--sticker-peelback-active),var(--sticker-end)var(--sticker-peelback-active),var(--sticker-end)var(--sticker-end),var(--sticker-start)var(--sticker-end))}.sticker-image{transform:rotate(var(--sticker-rotate))}.flap{width:100%;height:100%;left:0;top:calc(-100% - var(--sticker-p) - var(--sticker-p));clip-path:polygon(var(--sticker-start)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-start)var(--sticker-start));transition:clip-path .6s ease-out,top .6s ease-out;position:absolute;transform:scaleY(-1)}.flap>*{transform:rotate(calc(-1*var(--peel-direction)))}.sticker-container:hover .flap,.sticker-container.touch-active .flap{clip-path:polygon(var(--sticker-start)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-end)var(--sticker-peelback-hover),var(--sticker-start)var(--sticker-peelback-hover));top:calc(-100% + 2*var(--sticker-peelback-hover) - 1px)}.sticker-container:active .flap{clip-path:polygon(var(--sticker-start)var(--sticker-start),var(--sticker-end)var(--sticker-start),var(--sticker-end)var(--sticker-peelback-active),var(--sticker-start)var(--sticker-peelback-active));top:calc(-100% + 2*var(--sticker-peelback-active) - 1px)}.flap-lighting{filter:none}.flap-image{transform:rotate(var(--sticker-rotate));opacity:.88;filter:grayscale()brightness(.86)}.draggable{cursor:grab;pointer-events:auto;contain:layout paint style;will-change:transform;backface-visibility:hidden;position:absolute;transform:translateZ(0)}.draggable:active{cursor:grabbing}@media (hover:none) and (pointer:coarse){.draggable{cursor:default}.sticker-container{touch-action:none}}.sticker-image,.flap-image{width:var(--sticker-width,200px)}.sticker-static{transform:rotate(var(--peel-direction));transform-origin:50%;contain:layout paint}.sticker-static .sticker-image{display:block}.sticker-main,.flap{will-change:clip-path,transform}.sticker-ripple{pointer-events:none;z-index:10;background:#fff9;border-radius:50%;position:absolute}
.hackathon-collage{--collage-gap:6px;background:#ded9d3;position:absolute;inset:0;overflow:hidden}.collage-viewport{height:100%;padding:var(--collage-gap)0;overflow:hidden}.collage-track,.collage-group{width:max-content;height:100%;display:flex}.collage-track{will-change:transform;animation:180s linear infinite collage-drift}.collage-group{gap:var(--collage-gap);padding-right:var(--collage-gap);flex-shrink:0}.collage-column{gap:var(--collage-gap);flex-direction:column;flex:none;display:flex}.collage-photo{background:#ded9d3;border:1px solid #ffffff40;border-radius:12px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.collage-photo img{object-fit:contain;opacity:.22;filter:saturate(.55)brightness(.85);width:100%;height:100%;transition:opacity .65s,filter .65s;display:block}.collage-photo:is(:hover,:focus) img{opacity:.72;filter:saturate(.7)brightness(.32);transition-duration:.3s}.collage-photo:focus-visible{outline-offset:-3px;outline:3px solid #8a6f26}.collage-photo figcaption{color:#fff;font-family:var(--font-script),sans-serif;text-align:center;text-wrap:balance;text-shadow:0 1px 6px #000000d9;opacity:0;justify-content:center;align-items:center;padding:10px;font-size:clamp(13px,1.15vw,20px);line-height:1.25;transition:opacity .25s;display:flex;position:absolute;inset:0}.collage-photo:is(:hover,:focus) figcaption{opacity:1}.hackathon-collage[data-paused=true] .collage-track{animation-play-state:paused}.hackathon-collage:has(.collage-photo:hover,.collage-photo:focus) .collage-track{animation-play-state:paused}.collage-pause{z-index:2;color:#443c32;cursor:pointer;background:#efebe5f0;border:1px solid #362c202e;border-radius:24px;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font:italic 13px Georgia,serif;display:flex;position:absolute;bottom:16px;right:20px}.collage-pause:focus-visible{outline-offset:3px;outline:2px solid #8a6f26}@keyframes collage-drift{to{transform:translate(-50%)}}.hackathon-timeline{z-index:1;isolation:isolate;scrollbar-width:thin;max-height:calc(100svh - 100px);position:relative;overflow-y:auto}@media (max-width:640px){.hackathon-collage{--collage-gap:4px}.hackathon-timeline a{grid-template-columns:4.6em minmax(0,1fr);gap:0 10px;display:grid}.hackathon-timeline a>span:last-child{grid-column:2;font-size:.85em}}@media (prefers-reduced-motion:reduce){.collage-track{will-change:auto;animation:none}.collage-viewport{overflow-x:auto}.collage-group[aria-hidden=true],.collage-pause{display:none}.collage-photo img,.collage-photo figcaption{transition:none}}