@layer components{:root{--areas-big-gap:2rem;--areas-item-padding:1.25rem;@media (min-width:768px){--areas-item-padding:2rem}@media (min-width:64rem){--areas-big-gap:4rem}}.areas-wrapper{display:flex;flex-direction:column;gap:var(--areas-big-gap);@media (min-width:1024px){&.areas-wrapper-row{align-items:center;flex-direction:row;.areas-items-wrapper,.areas-text{width:50%}}}}.areas-text{max-width:37.5rem;text-align:center;.areas-wrapper-column &{margin:auto}h3{margin:0!important}}.areas-items-wrapper{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;.areas-wrapper-column &{@media (min-width:85rem){margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto;max-width:70rem}}}.areas-item{background-color:var(--color-white);border:1px solid var(--color-grey-200);border-radius:1.5rem;color:var(--section-background);display:flex;flex-direction:column;gap:1.5rem;max-width:20rem;padding:var(--areas-item-padding);position:relative;width:100%;@media (min-width:640px){width:calc(50% - 1.25rem)}}.areas-item-link,.areas-item-text>p{color:var(--color-black)!important}.areas-item-logo{aspect-ratio:5/1;max-width:12.5rem;svg{height:100%;width:auto}}.areas-item-link{align-items:center;align-self:flex-end;display:flex;font-size:.8rem;gap:.625rem;justify-content:flex-end;margin-top:auto;text-align:right;&:after{content:"";inset:0;position:absolute;z-index:2}}}