.hr-snippet{width:600px;height:340px;position:relative;font-family:var(--sans,"Inter Tight",Inter,sans-serif);perspective:1600px;overflow:visible}.hr-beams{position:absolute;left:8%;bottom:8%;width:0;height:0;pointer-events:none;z-index:0;transition:opacity .4s ease}.hr-beam{position:absolute;bottom:0;left:0;width:360px;height:360px;transform-origin:0 100%;background:linear-gradient(0deg,rgba(120,200,210,.22) 0,rgba(120,200,210,.08) 30%,rgba(120,200,210,.02) 70%,transparent);filter:blur(10px)}.hr-beam-1{transform:rotate(-78deg) scaleX(.55);animation:hr-flicker 5.5s ease-in-out infinite;will-change:opacity}.hr-beam-2{transform:rotate(-65deg) scaleX(.45);animation:hr-flicker 7.1s ease-in-out infinite reverse;will-change:opacity}.hr-beam-3{transform:rotate(-50deg) scaleX(.55);animation:hr-flicker 6.3s ease-in-out infinite;will-change:opacity}@keyframes hr-flicker{0%,to{opacity:1}47%{opacity:.85}50%{opacity:.55}53%{opacity:.9}78%{opacity:.7}}.hr-card-wrap{position:absolute;left:50%;top:50%;width:520px;height:293px;margin-left:-260px;margin-top:-147px;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,.7,.3,1);z-index:2}.hr-card-halo{position:absolute;inset:-30px;border-radius:12px;background:radial-gradient(ellipse at center,rgba(120,200,210,.2),transparent 65%);filter:blur(12px);z-index:0}.hr-card{position:absolute;inset:0;border-radius:4px;overflow:visible;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1);pointer-events:none}.hr-card.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.hr-card.was-prev{opacity:0;transform:translateY(-10px) scale(1.02);filter:blur(2px);transition:opacity .5s ease,transform .5s ease,filter .5s ease}.hr-photo{position:absolute;inset:0;overflow:hidden;border-radius:4px;box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}.hr-bracket{position:absolute;z-index:4;filter:drop-shadow(0 0 6px rgba(120,200,210,.85))}.hr-bracket-tl{top:-10px;left:-10px}.hr-bracket-tr{top:-10px;right:-10px}.hr-bracket-bl{bottom:-10px;left:-10px}.hr-bracket-br{bottom:-10px;right:-10px}.hr-edge-glow{inset:-2px;box-shadow:0 0 0 1px rgba(120,200,210,.55),0 0 28px 6px rgba(120,200,210,.28);animation:hr-glow-pulse 3.4s ease-in-out infinite;will-change:opacity}.hr-edge-glow,.hr-rim{position:absolute;border-radius:5px;pointer-events:none;z-index:3}.hr-rim{inset:-1px;border:1px solid rgba(120,200,210,.55)}.hr-counter-overlay{position:absolute;top:12px;left:12px;display:inline-flex;align-items:baseline;gap:4px;font-family:var(--mono,"JetBrains Mono",monospace);font-variant-numeric:tabular-nums;z-index:4;padding:4px 8px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08)}.hr-counter-now{font-size:12px;letter-spacing:.08em;color:oklch(.85 .06 200)}.hr-counter-sep{font-size:12px;color:rgba(255,255,255,.3)}.hr-counter-total{font-size:11px;color:rgba(255,255,255,.55)}.hr-meta-overlay{position:absolute;bottom:12px;left:12px;font-family:var(--mono,"JetBrains Mono",monospace);font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.7);z-index:4;padding:4px 8px;background:rgba(0,0,0,.6);border-left:2px solid oklch(.72 .075 200)}.hr-nav{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border-radius:50%;background:rgba(120,200,210,.95);color:#0e0f10;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:9;transition:background .2s ease,box-shadow .2s ease;box-shadow:0 6px 18px rgba(0,0,0,.4),0 0 16px rgba(120,200,210,.5)}.hr-nav:hover{background:oklch(.85 .085 200);box-shadow:0 8px 22px rgba(0,0,0,.5),0 0 26px rgba(120,200,210,.75)}.hr-prev{left:12px}.hr-next{right:12px}.hr-floor-glow{position:absolute;left:10%;right:10%;bottom:-2px;height:2px;background:oklch(.78 .08 200);border-radius:50%;filter:blur(1px);z-index:1;pointer-events:none;box-shadow:0 0 24px 4px rgba(120,200,210,.55),0 0 50px 10px rgba(120,200,210,.28);animation:hr-glow-pulse 3.4s ease-in-out infinite;will-change:opacity}@keyframes hr-glow-pulse{0%,to{opacity:.85}50%{opacity:1}}.hr-strip{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:row;gap:4px;z-index:7}.hr-strip-cell{width:22px;height:3px;background:rgba(255,255,255,.18);border:none;cursor:pointer;position:relative;padding:0;overflow:hidden;transition:background .2s ease}.hr-strip-cell:hover{background:rgba(255,255,255,.35)}.hr-strip-cell.is-on{background:rgba(255,255,255,.25)}.hr-strip-fill{position:absolute;inset:0;background:oklch(.72 .075 200);transform-origin:left center;transform:scaleX(0);animation-name:hr-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes hr-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}