/* The artwork and its inner glass frame move as one physical surface. */
.pack-flight{position:fixed;inset:0;z-index:2147483000;isolation:isolate;pointer-events:none;overflow:hidden;contain:strict}
.pack-flight-shade{position:absolute;inset:0;background:#090c0e;opacity:0}
.pack-flight-card{position:absolute;overflow:hidden;border-radius:16px;background:#111817;perspective:820px;transform-style:preserve-3d;will-change:transform;box-shadow:inset 0 0 0 1px #e2eee54d,0 20px 70px #0003}
.pack-flight-print{position:absolute;inset:0;background-image:url('assets/sound/filmine-cinematic-sound-effects.webp');background-position:50% 49.5%;background-size:118% auto;background-repeat:no-repeat}
.pack-flight-window{position:absolute;left:50%;top:50%;width:22%;height:20%;overflow:hidden;transform:translate(-50%,-50%) perspective(300px) rotateY(-8deg);border-radius:8%;background:radial-gradient(90% 100% at 64% 55%,#3e4749,#141819 80%);border:1px solid #c8d9d447;box-shadow:inset 0 1px 1px #d7e9df55,0 0 7px #dcebe021}
.pack-flight-window::before{content:"";position:absolute;inset:18% 9%;background:repeating-linear-gradient(90deg,transparent 0 12%,#bfd6cc2a 12% 12.5%),repeating-linear-gradient(0deg,#202829 0 23%,#c2d7ca41 23% 24%);opacity:.87}
.pack-flight-grid{position:absolute;inset:-6%;transform-origin:50% 52%;background:radial-gradient(95% 85% at 50% 47%,transparent 19%,#090b0dcc 76%),repeating-linear-gradient(90deg,transparent 0 11.9%,#cddad121 11.9% 12%),repeating-linear-gradient(0deg,#161a1d 0 15.8%,#d4dfd031 15.8% 16%,#111516 16% 17%);opacity:0}
.pack-space{perspective:1450px;perspective-origin:50% 55%;--pack-rx:0deg;--pack-ry:0deg;--pack-z:0px;--pack-light-x:50%;--pack-light-y:40%;--pack-presence:0}
.pack-space>.desk{transform:translate3d(0,0,var(--pack-z)) rotateX(var(--pack-rx)) rotateY(var(--pack-ry));transform-origin:50% 52%;transition:transform .3s cubic-bezier(.21,.78,.32,1);backface-visibility:hidden}
.pack-space>.desk::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse 55% 90% at var(--pack-light-x) var(--pack-light-y),#e2ece719,transparent 72%);opacity:var(--pack-presence);transition:opacity .28s ease}
.pack-space.pack-press>.desk{transition-duration:.12s}
@media(prefers-reduced-motion:reduce){
  .pack-flight{display:none}
  .pack-space>.desk{transform:none;transition:none}
  .pack-space>.desk::before{display:none}
}
.pack-cover-entry{display:block;cursor:zoom-in}
.pack-cover-entry::after{content:attr(aria-label) "  ↗";position:absolute;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);display:flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid #e6f1e77a;border-radius:999px;background:linear-gradient(140deg,#28342fc9,#101917de);color:#f0f4ed;box-shadow:inset 0 1px #f4fcf047,0 4px 16px #0004;backdrop-filter:blur(9px);font:600 12px/1.3 Geist,Arial,sans-serif;letter-spacing:-.015em}
.pack-cover-entry:is(:hover,:focus-visible)::after{border-color:#f0f8e2c9;background-color:#38493d}

/* The grading room uses the tint and reflections from its own cover. */
.pack-flight[data-edition="color"] .pack-flight-window {
  left: 48%;
  top: 58%;
  width: 36%;
  height: 22%;
  border-radius: 10px;
  border-color: #eee1b882;
  background: linear-gradient(115deg, #9fa5913b, #e2b5786b 55%, #8f754452);
  box-shadow: inset 0 1px 2px #fff1c480, 0 0 20px #ddae5b29;
}
.pack-flight[data-edition="color"] .pack-flight-window::before {
  inset: 0;
  background: linear-gradient(125deg, transparent 18%, #fff8dc6b 44%, transparent 61%);
}
.pack-flight[data-edition="color"] .pack-flight-grid {
  background: radial-gradient(ellipse at 58% 47%, #c9a16a69, transparent 57%),
              linear-gradient(132deg, #182822, #54483a 53%, #171a17);
}