@layer components{.area-list_wrap{gap:0 var(--site-gutter);border-top:.125rem solid var(--text);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;@media (width<=52rem){grid-template-columns:minmax(0,1fr)}}.area-list_item{display:grid}.area-list_link{align-items:center;gap:var(--space-3);height:100%;padding:var(--space-4) var(--space-2) var(--space-4) 0;border-bottom:var(--border-width) solid var(--border);color:var(--text);transition:padding .4s var(--reveal-ease), color .25s var(--hover-ease);grid-template-columns:1fr auto;text-decoration:none;display:grid;position:relative;&:after{content:"";right:0;bottom:calc(var(--border-width) * -1);background:var(--accent-fill);height:.125rem;box-shadow:0 0 1rem rgb(var(--glow-rgb) / .7);transform-origin:0;transition:transform .5s var(--reveal-ease);position:absolute;left:0;transform:scaleX(0)}&:hover{padding-left:var(--space-3);color:var(--link-text);&:after{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){transition:none;&:after{transition:none}&:hover{padding-left:0}}}.area-list_name{font-size:var(--h3);font-style:italic;font-weight:var(--primary-heavy);font-stretch:var(--stretch-semi);line-height:1.1}.area-list_meta{color:var(--text-2);font-size:var(--text-small);font-style:normal;font-weight:var(--primary-medium);font-stretch:var(--stretch-normal);margin-top:.375rem;display:block}.area-list_icon{width:1.75rem;height:1.75rem;transition:transform .4s var(--reveal-ease);.area-list_link:hover>&{filter:drop-shadow(0 0 .5rem rgb(var(--glow-rgb) / .8));transform:translate(.375rem)}@media (prefers-reduced-motion:reduce){transition:none;.area-list_link:hover>&{transform:none}}}}