.refractive-view{z-index:110;color:#f2f0ea;font-family:var(--type-sans,"Instrument Sans",sans-serif);isolation:isolate;background:#090909;position:fixed;inset:0}.refractive-header,.refractive-footer{z-index:30;background:#090909;justify-content:space-between;align-items:center;gap:24px;padding:0 28px;font-size:12px;line-height:1.35;display:flex;position:absolute;left:0;right:0}.refractive-header{height:76px;top:0}.refractive-header>a{text-transform:uppercase;letter-spacing:.06em}.refractive-mode{color:#aaa99f}.refractive-header button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-height:44px;padding:0 12px;display:flex}.refractive-footer{color:#aaa99f;height:60px;bottom:0}.refractive-footer a{color:#f2f0ea;align-items:center;min-height:44px;display:flex}.refractive-footer>span:nth-child(2){color:#f2f0ea;text-align:center}.refractive-viewport{overscroll-behavior:contain;cursor:default;position:absolute;inset:76px 0 60px;overflow:hidden}.refractive-view>.visual-view-close{z-index:35}.refractive-mode{position:absolute;left:50%;transform:translate(-50%)}.refractive-grid{will-change:transform;grid-auto-rows:130px;place-items:stretch stretch;gap:4px;padding:0;display:grid;position:relative}.refractive-tile{cursor:pointer;outline-offset:3px;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex}.refractive-tile img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;max-height:none}.refractive-view[data-motion=on] .refractive-entry{animation:refractive-rain var(--entry-duration) var(--entry-delay) cubic-bezier(.16,.7,.24,1) backwards}@keyframes refractive-rain{0%{opacity:0;transform:translate3d(0,var(--entry-y),0) scaleY(1.12)}24%{opacity:.38}40%{opacity:.3}66%{opacity:.85}to{opacity:1;transform:translate(0,0)scaleY(1)}}.refractive-view[data-motion=on][data-matrix="2"] .refractive-entry{animation-name:refractive-rain-deep;animation-timing-function:cubic-bezier(.2,.62,.22,1)}@keyframes refractive-rain-deep{0%{opacity:0;transform:perspective(900px) translate3d(0,var(--entry-y),-340px) rotateX(14deg) scale(.82)}18%{opacity:.16}38%{opacity:.55}48%{opacity:.42}76%{opacity:.88;transform:perspective(900px)translateY(-18px)rotateX(0)scale(1)}to{opacity:1;transform:perspective(900px)translate(0,0)rotateX(0)scale(1)}}.refractive-view[data-motion=on][data-matrix="2"] .refractive-viewport:after{content:"";pointer-events:none;background:linear-gradient(#0000 36%,#f2f0ea0b 49%,#0000 50%);animation:2.3s cubic-bezier(.25,.5,.3,1) .16s both refractive-signal-pass;position:absolute;inset:0}@keyframes refractive-signal-pass{0%{opacity:0;transform:translateY(-100%)}20%,65%{opacity:1}to{opacity:0;transform:translateY(100%)}}.refractive-view[data-inspecting=true] .refractive-tile{opacity:.48}.refractive-view .refractive-tile[data-active=true]{opacity:1}.refractive-expanded{z-index:25;pointer-events:none;transform-origin:50%;background:#090909;animation:.38s cubic-bezier(.22,1,.36,1) both refractive-arrive;position:fixed;box-shadow:0 16px 64px #0008}.refractive-expanded>img{object-fit:contain;width:100%;height:100%;display:block}.refraction-canvas{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.refractive-hover-video{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .12s linear;position:absolute;inset:0}.refractive-caption{box-sizing:border-box;background:#090909;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px 20px;font-size:12px;line-height:1.5;display:flex;position:absolute;top:100%;left:0;right:0}.refractive-caption strong{margin-bottom:4px;font-weight:500;display:block}.refractive-caption span span{color:#aaa99f;display:block}.refractive-caption svg{flex:none;margin-top:2px}:is(.refractive-view a:focus-visible,.refractive-view button:focus-visible){outline-offset:4px;outline:2px solid #f2f0ea}@keyframes refractive-arrive{0%{transform:scale(var(--from-scale));opacity:.8}to{opacity:1;transform:scale(1)}}.refractive-view[data-motion=off] *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.refractive-view *{transition:none!important;animation:none!important}}