.accordion-wrapper,.accordion-wrapper *,.accordion-wrapper :before,.accordion-wrapper :after{box-sizing:border-box}.accordion-wrapper{--border-size:5px;--border-color:var(--color-sim-white,#e9e8e6);--grid-cols:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:var(--grid-cols);aspect-ratio:2;counter-reset:accordion-counter;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;max-width:1100px;margin-inline:auto;transition:grid-template-columns .3s ease-in-out;display:grid}:is(.accordion-wrapper:has(>:first-child:hover),.accordion-wrapper:has(>:first-child[data-active=true])){--grid-cols:6fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}:is(.accordion-wrapper:has(>:nth-child(2):hover),.accordion-wrapper:has(>:nth-child(2)[data-active=true])){--grid-cols:1fr 1fr 1fr 6fr 1fr 1fr 1fr 1fr 1fr}:is(.accordion-wrapper:has(>:nth-child(3):hover),.accordion-wrapper:has(>:nth-child(3)[data-active=true])){--grid-cols:1fr 1fr 1fr 1fr 1fr 6fr 1fr 1fr 1fr}:is(.accordion-wrapper:has(>:nth-child(4):hover),.accordion-wrapper:has(>:nth-child(4)[data-active=true])){--grid-cols:1fr 1fr 1fr 1fr 1fr 1fr 1fr 6fr 1fr}.accordion-wrapper>*{isolation:isolate;cursor:pointer;border:var(--border-size) solid var(--border-color);corner-shape:notch;background-image:var(--bg-img);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0 0 0 30%/0 0 0 50%;outline:none;grid-row:1;transition:border-radius .3s ease-in-out,filter .3s ease-in-out,opacity .3s ease-in-out,border-color .3s ease-in-out;position:relative;overflow:hidden}.accordion-wrapper>:first-child{border-radius:0/0 0 0 200px}.accordion-wrapper>:hover,.accordion-wrapper>[data-active=true],.accordion-wrapper>:hover+*,.accordion-wrapper>[data-active=true]+*{border-radius:0}.accordion-wrapper>:first-child{grid-column:1/span 3}.accordion-wrapper>:nth-child(2){grid-column:3/span 3}.accordion-wrapper>:nth-child(3){grid-column:5/span 3}.accordion-wrapper>:nth-child(4){grid-column:7/span 3}.accordion-wrapper>:after{content:counter(accordion-counter) ".";counter-increment:accordion-counter;z-index:2;color:var(--color-sim-white,#fff);text-shadow:0 4px 8px #000c;transform-origin:50%;pointer-events:none;font-family:Jura,sans-serif;font-size:2rem;font-weight:500;line-height:1;transition:transform .15s ease-in-out;position:absolute;top:.5rem;left:1rem;transform:scale(0)}.accordion-wrapper>:hover:after,.accordion-wrapper>[data-active=true]:after{transform:scale(1)}@media (max-width:768px){.accordion-wrapper{--border-size:4px;aspect-ratio:16/10;min-height:300px}.accordion-wrapper>:after{font-size:1.5rem;top:.4rem;left:.6rem}}@media (max-width:480px){.accordion-wrapper{--border-size:3px;aspect-ratio:4/3;min-height:260px}.accordion-wrapper>:after{font-size:1.25rem;top:.3rem;left:.4rem}}@media (prefers-reduced-motion:reduce){.accordion-wrapper,.accordion-wrapper>*,.accordion-wrapper>:after{transition:none}}