.punch-stage{--c-ink:var(--color-ink,#3a2712);--c-brown:var(--color-brown,#5b3d1e);--c-muted:var(--color-muted,#6b5a42);--c-display:var(--font-display,"Cinzel", Georgia, serif);--c-serif:var(--font-serif,"Cormorant Garamond", Georgia, serif);isolation:isolate;aspect-ratio:16/9;perspective:920px;width:100%;max-width:440px;color:inherit;outline:none;padding:0;text-decoration:none;display:block;position:relative}.punch-shadow{filter:blur(16px);height:28%;transform:translate3d(var(--sx,0px), var(--sy,8px), 0) scale(var(--ss,1));pointer-events:none;background:#3a271266;border-radius:50%;transition:transform .22s ease-out,filter .22s ease-out,opacity .22s ease-out;position:absolute;bottom:-2%;left:5%;right:5%}.punch-stage:hover .punch-shadow,.punch-stage:focus-visible .punch-shadow{filter:blur(22px);opacity:.85}.punch-card{transform:translate3d(0, var(--lift,0px), 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(var(--rest,-2deg));transform-origin:50% 62%;will-change:transform;transition:transform .22s ease-out;position:absolute;inset:0 10px 22px;box-shadow:0 2px 3px #3a27121a,0 22px 36px -12px #3a27127a}.punch-stage:hover .punch-card,.punch-stage:focus-visible .punch-card{--rest:0deg;--lift:-10px}.punch-face,.punch-stock{width:100%;height:100%;display:block}.punch-face{position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.punch-stock{object-fit:cover}.punch-ink{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:14%;left:12%;right:12%}.punch-title{font-family:var(--c-display);letter-spacing:.28em;text-transform:uppercase;color:var(--c-brown);font-size:clamp(10px,2.1vw,12px);font-weight:700}.punch-line{font-family:var(--c-serif);color:var(--c-muted);font-size:clamp(14px,2.8vw,17px);font-style:italic;font-weight:400;line-height:1.15}.punch-board{pointer-events:none;position:absolute;inset:0}.punch-hole,.punch-target{aspect-ratio:1;width:9.6%;transform:translate(-50%, -50%) rotate(var(--rot,0deg));position:absolute}.punch-hole svg,.punch-target svg,.punch-chad svg{width:100%;height:100%;display:block;overflow:visible}.punch-hole path{fill:var(--color-cream,#f4eee2);stroke:#5b3d1e61;stroke-width:.85px;filter:drop-shadow(0 1px #fff8ec8c)}.punch-hole[data-last=yes]{animation:.42s cubic-bezier(.18,.86,.22,1) both punch-cut}.punch-target path{fill:none;stroke:#5b3d1e9e;stroke-width:.95px;stroke-dasharray:1.6 1.35}.punch-chad{aspect-ratio:1;width:5.6%;transform:rotate(16deg) translate3d(var(--sx,0px), var(--sy,0px), 0);pointer-events:none;transition:transform .22s ease-out;position:absolute;top:84%;left:90%}.punch-chad path{fill:#f3ead8;stroke:#5b3d1e29;stroke-width:.6px;filter:drop-shadow(0 1px 1px #3a271238)}.punch-sheen{pointer-events:none;background:radial-gradient(160px 110px at var(--shine-x,42%) var(--shine-y,22%), #fffcf54d, transparent 58%);mix-blend-mode:soft-light;opacity:0;transition:opacity .18s ease-out;position:absolute;inset:0}.punch-stage:hover .punch-sheen,.punch-stage:focus-visible .punch-sheen{opacity:1}.punch-stage:focus-visible{outline:2px solid var(--color-sage,#6b7a4a);outline-offset:6px}@keyframes punch-cut{0%{transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scale(.15)}58%{transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scale(1.14)}to{transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scale(1)}}@media (prefers-reduced-motion:reduce){.punch-card,.punch-shadow,.punch-chad,.punch-sheen{transition-duration:.01ms}.punch-stage:hover .punch-card,.punch-stage:focus-visible .punch-card{--rest:-1.6deg;--lift:0px}.punch-hole[data-last=yes]{animation:none}}