.ref-band{--ref-tail:168px;background:linear-gradient(to bottom, var(--site-ink) 0%, var(--site-ink) calc(100% - var(--ref-tail)), color-mix(in srgb, var(--site-ink) 50%, transparent) calc(100% - var(--ref-tail) / 3), color-mix(in srgb, var(--site-ink) 0%, transparent) 100%);min-height:clamp(280px,25vw,380px);position:relative;overflow:hidden}.ref-band-img{object-fit:cover;object-position:50% 38%;opacity:.68;filter:grayscale()brightness(.78)contrast(1.1);width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1);-webkit-mask-image:linear-gradient(#000 0% 44%,#00000073 76%,#0000 100%);mask-image:linear-gradient(#000 0% 44%,#00000073 76%,#0000 100%)}.ref-band-scrim{-webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--ref-tail)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--ref-tail)), transparent 100%);mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--ref-tail)), transparent 100%);background:linear-gradient(#0a2471e6 0%,#0a2471c2 36%,#0a247180 70%,#0a24714d 100%);position:absolute;inset:0}.ref-panel{z-index:1;position:relative}.ref-x i{background:var(--site-hot);transform-origin:0;width:15px;height:2px;transform:rotate(var(--r)) scaleX(0);border-radius:1px;display:block;position:absolute}.ref-x i:first-child{--r:45deg;top:4px;left:4.5px}.ref-x i:nth-child(2){--r:-45deg;top:17px;left:4.5px}.ref-x[data-on] i:first-child{animation:.13s cubic-bezier(.16,1,.3,1) forwards ref-x-stroke}.ref-x[data-on] i:nth-child(2){animation:.13s cubic-bezier(.16,1,.3,1) 70ms forwards ref-x-stroke}@keyframes ref-x-stroke{to{transform:rotate(var(--r)) scaleX(1)}}.ref-bar{transform-origin:0;height:100%;transform:scaleX(var(--p));animation:.52s cubic-bezier(.16,1,.3,1) both ref-bar-in;animation-delay:var(--d,0s);display:block}@keyframes ref-bar-in{0%{transform:scaleX(0)}to{transform:scaleX(var(--p))}}@media (prefers-reduced-motion:reduce){.ref-x[data-on] i,.ref-bar{animation:none}.ref-x[data-on] i{transform:rotate(var(--r)) scaleX(1)}}.ref-sealed{background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--site-ink) 10%, transparent) 0 5px, transparent 5px 13px)}