@layer components{.film{--film-base:#221c17;--film-edge:#2e2620;--film-print:#f0be788c;--film-tape:#ece2c7eb;--film-shadow-rgb:33 32 28;--film-radius:14px;--film-frame-radius:calc(var(--film-radius) * 74 / 100);--_film-w:min(100%, var(--film-width,440px));width:var(--_film-w);padding:calc(var(--_film-w) * .075) calc(var(--_film-w) * .13);border-radius:var(--film-radius);background:linear-gradient(90deg, #ffffff08, transparent 12%, transparent 88%, #ffffff08), var(--film-base);box-shadow:inset 0 0 0 1px var(--film-edge), 0 1px 2px rgb(var(--film-shadow-rgb) / .025), 0 6px 14px -6px rgb(var(--film-shadow-rgb) / .04), 0 18px 32px -18px rgb(var(--film-shadow-rgb) / .06);transform:rotate(var(--film-tilt,1.5deg));position:relative;container-type:inline-size}.film:before,.film:after{content:"";background:var(--bg);pointer-events:none;width:4%;position:absolute;top:0;bottom:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17'%3E%3Crect y='5' width='10' height='7' rx='2.2'/%3E%3C/svg%3E") 50%/100% no-repeat space;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17'%3E%3Crect y='5' width='10' height='7' rx='2.2'/%3E%3C/svg%3E") 50%/100% no-repeat space}.film:before{left:4.5%}.film:after{right:4.5%}.film__frame{aspect-ratio:4/3;border-radius:var(--film-frame-radius);background:#0d0b09;position:relative;overflow:hidden}.film__frame>video{object-fit:cover;width:100%;height:100%;display:block}.film__mark{letter-spacing:.08em;color:var(--film-print);pointer-events:none;-webkit-user-select:none;user-select:none;font:500 max(9px,2.4cqi)/1 ui-monospace,Menlo,monospace;position:absolute}.film__mark--top{top:2.6cqi;right:13cqi}.film__mark--bottom{bottom:2.6cqi;left:13cqi}.film__tape{top:-2.5cqi;left:-4cqi}}
@layer components{.lab-tape{z-index:1;max-width:70%;color:var(--paper-ink);font-family:var(--font-hand), ui-rounded, system-ui, sans-serif;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;clip-path:polygon(0 8%,3% 0,2% 22%,4% 40%,1% 62%,3% 80%,0 100%,97% 100%,100% 88%,97% 70%,99% 48%,96% 30%,99% 12%,97% 0);background:linear-gradient(#ffffff40,#0000 40%),#ece2c7eb;padding:.28em 1.05em .36em;font-size:clamp(.9375rem,.85rem + .35vw,1.1875rem);font-weight:600;line-height:1.1;position:absolute;overflow:hidden;transform:rotate(-6deg)}}
@layer components{.polaroid{--polaroid-edge:color-mix(in srgb, var(--paper-line) 70%, transparent);--polaroid-shadow-rgb:33 32 28;--polaroid-radius:14px;--polaroid-photo-radius:calc(var(--polaroid-radius) * 79 / 88);--_polaroid-w:min(100%, var(--polaroid-width,22rem));width:var(--_polaroid-w);aspect-ratio:88/107;padding:calc(var(--_polaroid-w) * 7 / 88) calc(var(--_polaroid-w) * 4.5 / 88) 0;border-radius:var(--polaroid-radius);background-color:var(--paper);box-shadow:inset 0 0 0 1px var(--polaroid-edge), 0 1px 2px rgb(var(--polaroid-shadow-rgb) / .025), 0 6px 14px -6px rgb(var(--polaroid-shadow-rgb) / .04), 0 18px 32px -18px rgb(var(--polaroid-shadow-rgb) / .06);transform:rotate(var(--polaroid-tilt,-2deg));transition:transform .45s var(--ease-smooth), box-shadow .45s var(--ease-smooth);background-image: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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");margin:0;position:relative;container-type:inline-size}@media (hover:hover){.polaroid:hover{box-shadow:inset 0 0 0 1px var(--polaroid-edge), 0 2px 4px rgb(var(--polaroid-shadow-rgb) / .025), 0 12px 22px -10px rgb(var(--polaroid-shadow-rgb) / .05), 0 28px 44px -24px rgb(var(--polaroid-shadow-rgb) / .07);transform:rotate(0)translateY(-6px)}}@media (prefers-reduced-motion:reduce){.polaroid{transition:none}.polaroid:hover{transform:rotate(var(--polaroid-tilt,-2deg))}}.polaroid__photo{aspect-ratio:1;border-radius:var(--polaroid-photo-radius);background:rgb(var(--polaroid-shadow-rgb) / .08);position:relative;overflow:hidden}.polaroid__photo>:is(img,picture,svg,video,div){object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.polaroid__photo:after{content:"";pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--polaroid-shadow-rgb) / .12);background:linear-gradient(135deg,#ffffff1a,#0000 45%);position:absolute;inset:0}.polaroid__caption{height:19.6262%;color:var(--paper-ink);font-family:var(--font-hand), ui-rounded, system-ui, sans-serif;letter-spacing:.005em;text-align:center;text-wrap:balance;place-items:center;padding-inline:.75em;font-size:clamp(.9375rem,4.8cqi,1.3125rem);font-weight:500;line-height:1.15;display:grid;position:absolute;inset:auto 5.11364% 0;overflow:hidden;transform:rotate(-1deg)}}