.containment-archive{background:radial-gradient(circle at 50% 30%,#12457e73,#0000 38%),linear-gradient(#060b13,#020305);border:1px solid #d4af3761;max-width:1220px;margin:34px auto 0;overflow:hidden;box-shadow:0 22px 50px #00000061,inset 0 0 45px #166fd914}.containment-controls{text-align:center;border-bottom:1px solid #d4af3740;grid-template-columns:52px 1fr 52px;align-items:center;gap:12px;padding:16px 18px;display:grid}.containment-controls button{color:#e5c77b;cursor:pointer;background:#071527;border:1px solid #4aa7ff8c;width:44px;height:44px;font-size:22px;transition:all .2s}.containment-controls button:hover,.containment-controls button:focus-visible{background:#0d2747;border-color:#e5c77b;outline:none;box-shadow:0 0 18px #2b8fff47}.containment-controls small,.containment-controls b{text-transform:uppercase;letter-spacing:.16em;display:block}.containment-controls small{color:#6db5f5;font-size:10px}.containment-controls b{color:#f2dfac;margin-top:4px;font-size:12px}.containment-reel{perspective:1100px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;height:clamp(330px,38vw,470px);position:relative}.containment-reel:active{cursor:grabbing}.containment-reel:focus-visible{box-shadow:inset 0 0 0 2px #4aa7ff}.containment-record{--record-offset:0;--record-distance:0;color:#f3e4bc;width:clamp(148px,17vw,224px);transform-style:preserve-3d;transform:translate(-50%, -50%) translateX(calc(var(--record-offset) * clamp(150px, 18vw, 235px))) rotateY(calc(var(--record-offset) * -17deg)) scale(calc(1 - var(--record-distance) * .12));opacity:calc(1 - var(--record-distance) * .18);filter:saturate(calc(1 - var(--record-distance) * .16)) brightness(calc(1 - var(--record-distance) * .1));cursor:pointer;background:0 0;border:0;padding:0;transition:transform .48s cubic-bezier(.2,.72,.2,1),opacity .35s,filter .35s;position:absolute;top:50%;left:50%}.containment-record img{object-fit:contain;filter:drop-shadow(0 14px 16px #0009);pointer-events:none;width:100%;height:clamp(245px,31vw,390px);display:block}.containment-record span{font-family:var(--font-display,sans-serif);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#0000,#082341eb,#0000);border-top:1px solid #4aa7ff47;margin-top:-8px;padding:9px 7px;font-size:clamp(10px,1vw,13px);font-weight:700;display:block}.containment-record span small{color:#65aff1;letter-spacing:.15em;margin-bottom:3px;font-size:8px;display:block}.containment-record.is-selected{filter:saturate(1.08)brightness(1.08)}.containment-record.is-selected img{filter:drop-shadow(0 0 15px #208dff7a)drop-shadow(0 18px 18px #000000ad)}.containment-pagination{justify-content:center;gap:10px;padding:0 0 18px;display:flex}.containment-pagination button{cursor:pointer;background:#29435d;border:0;width:26px;height:4px;padding:0;transition:all .2s}.containment-pagination button.is-selected{background:#d4af37;width:44px;box-shadow:0 0 10px #d4af3780}.containment-display{background:linear-gradient(115deg,#09182af5,#03060afa);border-top:1px solid #d4af3747;grid-template-columns:minmax(230px,.72fr) 1.28fr;align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(28px,5vw,60px);display:grid}.containment-display-image{background:radial-gradient(circle,#1d69b733,#0000 63%);border:1px solid #4aa7ff42;place-items:center;min-height:300px;display:grid;overflow:hidden}.containment-display-image img{object-fit:contain;filter:drop-shadow(0 12px 18px #00000080);width:100%;height:clamp(300px,38vw,500px)}.containment-display h3{color:#f0d58d;font-family:var(--font-display,sans-serif);text-transform:uppercase;margin:8px 0 14px;font-size:clamp(32px,4vw,58px);line-height:.98}.containment-display>div:last-child>p:not(.archive-eyebrow){color:#d6d8dc;max-width:620px;font-size:16px;line-height:1.75}.containment-display .archive-cta{margin-top:22px}@media (width<=760px){.containment-archive{margin-top:24px}.containment-controls{grid-template-columns:46px 1fr 46px;padding:12px 10px}.containment-controls b{font-size:10px}.containment-reel{height:380px}.containment-record{width:190px;transform:translate(-50%, -50%) translateX(calc(var(--record-offset) * 145px)) rotateY(calc(var(--record-offset) * -16deg)) scale(calc(1 - var(--record-distance) * .14))}.containment-record img{height:300px}.containment-display{grid-template-columns:1fr;padding:26px 18px}.containment-display-image{min-height:260px}.containment-display-image img{height:330px}}@media (width<=480px){.containment-reel{height:350px}.containment-record{width:165px;transform:translate(-50%, -50%) translateX(calc(var(--record-offset) * 112px)) rotateY(calc(var(--record-offset) * -18deg)) scale(calc(1 - var(--record-distance) * .16))}.containment-record img{height:275px}}@media (prefers-reduced-motion:reduce){.containment-record,.containment-controls button,.containment-pagination button{transition:none}}