.hob-mark{color:var(--color-ink-3)}.hob-mark [data-ink]{stroke:var(--color-ink)}.hob-mark [data-signal]{fill:var(--color-signal)}.hob-mark [data-glow]{fill:var(--color-glow-2)}:root[data-theme=dark] .hob-mark [data-glow]{fill:rgb(var(--signal-rgb) / .3)}.hob-beam{animation:hob-beam 7s var(--ease-in-out) infinite}@keyframes hob-beam{0%{opacity:0;transform:translate(-70px)}12%,88%{opacity:1}to{opacity:0;transform:translate(190px)}}.hob-film{animation:hob-film 7s var(--ease-expo) infinite}@keyframes hob-film{0%,82%{transform:translate(0)}to{transform:translate(-20px)}}.hob-ball{animation:hob-ball 9s var(--ease-in-out) infinite}@keyframes hob-ball{0%,to{transform:translate(0)}25%{transform:translate(74px,-34px)}50%{transform:translate(150px,12px)}75%{transform:translate(62px,40px)}}.hob-day{transform-box:fill-box;transform-origin:50%;animation:hob-day 3.2s var(--ease-in-out) infinite}@keyframes hob-day{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.hob-beam,.hob-film,.hob-ball,.hob-day{animation:none}.hob-beam{transform:translate(60px)}}.rec-grid{--rec-cols:1;--rec-gap:clamp(1.75rem, 3.2vw, 3.5rem);grid-template-columns:repeat(var(--rec-cols), minmax(0, 1fr));column-gap:var(--rec-gap);border-bottom:1px solid var(--color-line);display:grid;overflow:clip}@media (min-width:640px){.rec-grid{--rec-cols:2}}@media (min-width:1024px){.rec-grid{--rec-cols:3}}@media (min-width:1440px){.rec-grid{--rec-cols:4}}.rec-cell{grid-row:span 3;grid-template-rows:subgrid;padding-block:clamp(1.1rem,1.6vw,1.4rem) clamp(1.75rem,2.6vw,2.5rem);display:grid;position:relative}.rec-cell:before,.rec-cell:after{content:"";background:var(--color-line);pointer-events:none;position:absolute}.rec-cell:before{top:0;right:calc(var(--rec-gap) / -2);left:calc(var(--rec-gap) / -2);height:1px}.rec-cell:after{top:0;bottom:0;left:calc(var(--rec-gap) / -2);width:1px}.rec-part{transition:opacity .7s var(--ease-out) var(--rec-wait,0s), filter .7s var(--ease-out) var(--rec-wait,0s), transform .7s var(--ease-out) var(--rec-wait,0s)}.rec-cell[data-on=false] .rec-part{opacity:0;filter:blur(6px);transform:translateY(12px)}.rec-index{color:var(--color-ink-3);transition:color .3s var(--ease-out)}.rec-trace{z-index:2;background:var(--color-signal);transform-origin:0;height:1px;transition:transform .52s var(--ease-out);pointer-events:none;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.rec-cell:hover .rec-trace{transform:scaleX(1)}.rec-cell:hover .rec-index{color:var(--color-signal)}}.rec-rest{margin:.75rem 0;padding:0;display:none}.rec-rest:before{top:-.75rem}.rec-rest:after{top:-.75rem;bottom:-.75rem}@media (min-width:640px) and (max-width:1023.98px){.rec-rest:not([data-sm="0"]){display:block}}@media (min-width:1024px) and (max-width:1439.98px){.rec-rest:not([data-lg="0"]){display:block}.rec-rest[data-lg="2"]{grid-column:span 2}}@media (min-width:1440px){.rec-rest:not([data-wide="0"]){display:block}.rec-rest[data-wide="2"]{grid-column:span 2}.rec-rest[data-wide="3"]{grid-column:span 3}}@media (prefers-reduced-motion:reduce){.rec-part,.rec-trace,.rec-index{transition:none}}