/* CARDAH V8 immersive project archive */
.frame img{cursor:zoom-in;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s}
@media(hover:hover){.frame{overflow:hidden}.frame:hover img{transform:scale(1.025);filter:contrast(1.03)}}
.frame img:focus-visible{outline:3px solid #a88b70;outline-offset:-5px}
.immersive-trigger{display:inline-flex;gap:12px;align-items:center;padding:14px 20px;border:1px solid #111;background:transparent;color:#111;font:700 11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;margin:12px 0 18px}
.immersive-trigger:hover{background:#111;color:#fff}
.immersive-viewer{position:fixed;inset:0;z-index:100000;background:#0b0c0e;color:#fff;display:none;flex-direction:column;overscroll-behavior:contain}
.immersive-viewer[aria-hidden=false]{display:flex;animation:immersive-in .25s ease-out}
.immersive-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px clamp(16px,3vw,46px);font:11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.immersive-bar button,.immersive-control{border:1px solid #ffffff70;color:white;background:#ffffff10;border-radius:50%;height:46px;width:46px;display:grid;place-items:center;cursor:pointer;font:24px Arial,sans-serif}
.immersive-bar button:hover,.immersive-control:hover{background:#ffffff30}
.immersive-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px clamp(18px,6vw,90px)}
.immersive-stage img{display:block;max-width:100%;max-height:100%;height:100%;width:100%;object-fit:contain;user-select:none}
.immersive-control{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.immersive-prev{left:12px}.immersive-next{right:12px}
.immersive-footer{display:flex;justify-content:space-between;gap:18px;padding:16px clamp(16px,3vw,46px) 22px;font:11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ddd}
.immersive-footer span:last-child{color:#999}
body.immersive-open{overflow:hidden}
@keyframes immersive-in{from{opacity:0}to{opacity:1}}
@media(max-width:650px){.immersive-control{width:38px;height:38px;font-size:20px}.immersive-prev{left:4px}.immersive-next{right:4px}.immersive-stage{padding:4px 20px}.immersive-footer{flex-direction:column;gap:8px}.immersive-bar{font-size:10px}}
@media(prefers-reduced-motion:reduce){.immersive-viewer[aria-hidden=false]{animation:none}.frame img{transition:none}}