.glass { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; will-change: opacity; }
.glass::before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 55% 45% at 10% 0%, rgba(255, 249, 232, .55), rgba(255, 249, 232, 0) 70%),
    linear-gradient(160deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, .1) 45%, rgba(255, 255, 255, .2)),
    url(img/ui/grain.png);
}

.glass-logo {
  position: absolute; left: 50%; top: 50%; width: min(52%, 74vh); aspect-ratio: 2952.65 / 1991; translate: -50% -50%; pointer-events: none;
  filter: drop-shadow(0 -2px 1px rgba(255, 255, 255, .6)) drop-shadow(0 3px 4px rgba(18, 36, 18, .28));
}
.glass-logo i {
  position: absolute; inset: 0; background: rgba(255, 255, 255, .42);
  -webkit-mask: url(img/ui/berti-logo.svg) center / contain no-repeat; mask: url(img/ui/berti-logo.svg) center / contain no-repeat;
}

.flagcard { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none;
  background: linear-gradient(90deg, #01671d 0 33.34%, #f7f5f0 33.34% 66.67%, #d10007 66.67% 100%); }
.flagcard img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 46%; }

.camframe { position: fixed; inset: 0; z-index: 1000; pointer-events: none; overflow: hidden; }
.camframe__move { position: absolute; left: 0; top: 0; width: 5420px; height: 1770px; transform-origin: 0 0; }
.camframe__move img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }