@font-face{font-family:"CL2 Hand";src:url("cl2-caveat-medium.ttf") format("truetype");font-weight:500;font-display:swap}
.cl2-pc{--pc-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .72 0 0 0 0 .55 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:relative;isolation:isolate;background-color:var(--pc-bg);padding:var(--pc-pad-ym) var(--pc-pad-xm);overflow:hidden}
.cl2-pc::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--pc-map);background-size:var(--pc-map-size-m) auto;background-repeat:repeat;opacity:var(--pc-map-o);mix-blend-mode:screen}
.cl2-pc::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--pc-grain,0);background-image:var(--pc-noise),radial-gradient(120% 90% at 50% 50%,transparent 40%,rgba(0,0,0,.55))}
.cl2-pc__canvas{position:relative;width:100%;max-width:1280px;margin:0 auto;height:0;padding-bottom:var(--pc-h-m)}
.cl2-pc__tile{position:absolute;margin:0;left:var(--m-x);top:var(--m-y);width:var(--m-w);z-index:var(--m-z);transform:rotate(var(--m-rot));padding:var(--pc-edge-m) var(--pc-edge-m) calc(var(--pc-edge-m)*1.2);background-color:var(--pc-paper);background-image:var(--pc-noise),linear-gradient(160deg,rgba(255,252,240,.5),rgba(120,100,70,.12));border-radius:var(--pc-r-m);box-shadow:0 0 0 1px rgba(90,70,40,.12) inset,0 22px 34px -16px rgba(0,0,0,.8),0 3px 6px rgba(0,0,0,.45);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.cl2-pc__tile img{display:block;width:100%;height:auto;aspect-ratio:var(--ratio);object-fit:cover;object-position:var(--focal);filter:saturate(.95) contrast(1.03) sepia(.05);box-shadow:0 0 0 1px rgba(60,45,25,.18)}
.cl2-pc__tape{position:absolute;top:-9px;left:50%;width:34%;height:9%;max-height:30px;min-height:16px;transform:translateX(-50%) rotate(var(--tape-rot,-3deg));background:var(--pc-tape);opacity:.82;mix-blend-mode:normal;box-shadow:0 1px 2px rgba(0,0,0,.35);clip-path:polygon(0 8%,4% 0,9% 10%,14% 2%,100% 0,97% 30%,100% 55%,96% 80%,100% 100%,6% 96%,0 100%,3% 60%,0 35%)}
.cl2-pc__caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(var(--pc-cap-m)*2.3);margin:calc(var(--pc-edge-m)*.6) 2px 0;padding-top:.15em;font-family:var(--pc-hand);font-weight:500;font-size:var(--pc-cap-m);line-height:1.1;color:var(--pc-ink);text-align:center;overflow-wrap:anywhere;transform:rotate(-1deg)}
@media (min-width:768px){
  .cl2-pc__caption{font-size:var(--pc-cap-d);min-height:calc(var(--pc-cap-d)*2.3);margin-top:calc(var(--pc-edge-d)*.6)}
  .cl2-pc{padding:var(--pc-pad-yd) var(--pc-pad-xd)}
  .cl2-pc::before{background-size:var(--pc-map-size-d) auto}
  .cl2-pc__canvas{padding-bottom:var(--pc-h-d)}
  .cl2-pc__tile{left:var(--d-x);top:var(--d-y);width:var(--d-w);z-index:var(--d-z);transform:rotate(var(--d-rot));border-radius:var(--pc-r-d);padding:var(--pc-edge-d) var(--pc-edge-d) calc(var(--pc-edge-d)*1.2)}
  .cl2-pc__tile:hover{transform:rotate(0deg) translateY(-4px) scale(1.02);z-index:20}
}
@media (prefers-reduced-motion:reduce){.cl2-pc__tile{transition:none}}