@layer components{.accordion-wrapper{display:grid;gap:4rem;grid-template-columns:repeat(1,1fr);margin-top:3rem;@media screen and (min-width:768px){grid-template-columns:3fr 4fr}@media screen and (min-width:1024px){grid-template-columns:2fr 3fr}@media screen and (min-width:1200px){grid-template-columns:1fr 2fr}}.accordion-text{width:100%;p{max-width:40rem}}.accordion-items-wrapper{display:flex;flex:1;flex-direction:column;gap:1.5rem}.accordion-media-wrapper{display:none;@media (min-width:768px){aspect-ratio:1;border-radius:1.5rem;display:grid;flex:1;grid-template-areas:"b";min-height:400px;overflow:hidden;position:sticky;top:15rem;transition:var(--transition-slow);width:100%}}.accordion-image{background:var(--color-black);display:grid;grid-area:b;height:100%;left:0;opacity:0;position:relative;top:0;transition:var(--transition-fast);width:100%;&.active{display:grid;grid-template-areas:"a";opacity:1;transition:var(--transition-slow)}& img{aspect-ratio:1;grid-area:a;height:100%!important;object-fit:cover;opacity:.5!important;width:100%!important}& .logo{--logo-secondary:var(--color-white);display:grid;grid-area:a;padding:2rem;place-content:center;width:100%;z-index:5;svg{height:78px!important;width:100%!important}}}.accordion-item{border-radius:1.5rem;border-style:solid;border-width:1px;text-align:left;&:hover{background:hsla(0,0%,100%,.1)}.expander-active{.expander-content{padding:0 1.5rem 1.5rem}}.expander-toggle{align-items:center;appearance:none;background:none;border:0;cursor:pointer;gap:1rem;justify-content:space-between;padding:1.5rem;text-align:left;width:100%;h4{flex:1;line-height:1!important;margin-bottom:0!important;transform:translateY(.1rem)!important;&:focus{border:0;outline:0}}.icon-outer{color:var(--text-color);height:100%;width:.75rem;svg{height:100%;transition:var(--transition-fast);width:100%;&.active{transform:rotate(180deg)}}}}.expander-content{padding-left:1.5rem;padding-right:1.5rem;position:relative;transition:var(--transition-fast);will-change:padding-bottom}}.accordion-link{--link-color:var(--text-color);--link-color-hover:var(--text-color);align-items:center;display:flex!important;gap:.625rem;justify-content:flex-end;padding-right:1.5rem;transform:translateX(1.875rem)}.accordion-image-mobile{background:var(--color-black);display:grid;grid-template-areas:"a";height:100%;margin-bottom:1rem;width:100%;& img{aspect-ratio:1;grid-area:a;object-fit:cover;opacity:.5!important;width:100%}& .logo{--logo-secondary:var(--color-white);display:grid;grid-area:a;padding:2rem;place-content:center;width:100%;z-index:5;svg{height:2.5rem!important;width:100%!important}}@media (min-width:768px){display:none}}}