@layer home{.hr-sec{padding-top:clamp(56px,8vh,88px)}.hr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;display:grid}.hr-card a{height:100%;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;border-radius:20px;flex-direction:column;padding:10px 10px 20px;transition:background .2s,box-shadow .2s,transform .2s;display:flex}.hr-card a:hover{background:#7c6ff214;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #7c6ff273}.hr-card a:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.hr-card img{aspect-ratio:16/9;object-fit:cover;object-position:center;background:var(--app);width:100%;box-shadow:0 0 0 1px var(--line);border-radius:12px}.hr-card .dam-meta{margin:16px 8px 0}.hr-card h2{font:600 19px/1.3 var(--sans);letter-spacing:-.015em;color:var(--text);text-wrap:balance;margin:8px 8px 0}.hr-card p{font:400 14.5px/1.55 var(--sans);color:var(--text2);margin:10px 8px 0}.hr-card .ft-link{margin:auto 8px 0;padding-top:20px;font-size:14.5px}.hr-card a:hover .ft-link svg{transform:translate(4px)}@media (max-width:1100px){.hr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hr-grid{grid-template-columns:1fr}.hr-card h2{font-size:18px}}@media (prefers-reduced-motion:reduce){.hr-card a,.hr-card a:hover{transition:none;transform:none}}}