/* HOME v2 Phase 1 breathing animation */

@keyframes tdx_breathe {
    0%   { transform: translate3d(0, 0, 0); box-shadow: 8px -8px 16px rgba(0,0,0,0.18); }
    50%  { transform: translate3d(0, var(--tdx-breathe-amp, -4px), 0); box-shadow: 12px -12px 22px rgba(0,0,0,0.22); }
    100% { transform: translate3d(0, 0, 0); box-shadow: 8px -8px 16px rgba(0,0,0,0.18); }
}

.tdxhomev2-card {
    transform: translate3d(0, 0, 0);
    transform-origin: center center;
    transition: transform 0.28s ease, filter 0.28s ease;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    box-shadow: 8px -8px 16px rgba(0,0,0,0.18);
}

.tdxhomev2-breathing {
    animation: tdx_breathe 7.2s ease-in-out infinite alternate;
}

.tdxhomev2-card:hover {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    .tdxhomev2-breathing {
        animation: none !important;
        transform: scale(1.000) !important;
        filter: none !important;
    }
}

.tdxhomev2-stopped {
    animation: none !important;
    transform: translate3d(0, 0, 0) !important;
}

/* Glass-white background for header table */
table#tdxhx1 {
    background: rgba(255,255,255,0.52);
    backdrop-filter: saturate(120%) blur(2px);
    border-radius: 9px;
}

/* Ensure v2 image box matches legacy container behavior */
#home_box_b {
    position: relative;
    display: inline-block;
    width: 950px;
    margin: 0 auto 16px auto;
    padding: 0;
    border-radius: 9px;
}
#home_box_b img {
    margin: 0 auto 0 auto !important;
    border-radius: 9px;
    width: 100%;
    max-width: 740px;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
    pointer-events: none;
}
#home_box_b .image_marker { z-index: 2; pointer-events: auto; }
#home_box_b .image_marker { transition: transform 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease; }
#home_box_b .image_marker.is-pressed { transform: scale(0.96); background-color: rgba(63,63,63,0.2); box-shadow: inset 0 2px 4px rgba(0,0,0,0.25); }