.accordion{--a-spacing:calc(var(--g-gutter-width)*0.5);display:flex;flex-direction:column;gap:var(--a-spacing)}@media only screen and (min-width:58.75em){.accordion{flex-direction:row}}@media only screen and (min-width:75em){.accordion{--a-spacing:var(--g-gutter-width)}}.accordion__item{border-radius:var(--corner-radius-lg);overflow:hidden;padding:var(--a-spacing);position:relative}.accordion__item:before{content:" ";height:100%;left:0;max-width:50rem;position:absolute;top:0;width:100%;z-index:1}@media only screen and (min-width:58.75em){.accordion__item{display:flex;flex:0.5 1 0;justify-content:space-between}.accordion__item.active{flex-grow:5}}@media only screen and (min-width:58.75em) and (prefers-reduced-motion:no-preference){.accordion__item{transition:flex-grow .5s}}.accordion__item>img{height:100%;left:0;object-fit:cover;object-position:left;opacity:.3;position:absolute;top:0;width:50rem;z-index:0}.accordion__item.active>img{opacity:1}@media only screen and (prefers-reduced-motion:no-preference){.accordion__item>img{transition:opacity .5s}}.accordion__heading{position:relative;z-index:2}.accordion__heading:after{background-color:currentColor;bottom:-.025em;content:" ";height:2px;position:absolute;right:calc(var(--a-spacing)*-1);width:calc(100% + var(--a-spacing))}.accordion__trigger{display:block;text-align:right;width:100%}@media only screen and (min-width:58.75em){.accordion__heading{flex:0 0 1em}.accordion__heading span{text-orientation:mixed;transform:rotate(180deg);writing-mode:vertical-rl}.accordion__heading:after{bottom:auto;height:calc(100% + var(--a-spacing));left:calc(100% + .2em);right:auto;top:calc(var(--a-spacing)*-1);width:2px}}.accordion__panel{display:none;height:0;overflow:hidden;position:relative;text-align:right;z-index:2}.accordion__panel:not([hidden]){display:block;height:auto}@media only screen and (max-width:58.688em) and (prefers-reduced-motion:no-preference){.accordion__panel{margin-left:auto;max-width:50rem;transition:height .2s;width:80%}.accordion__panel>div{padding-top:2.4rem}}@media only screen and (min-width:58.75em){.accordion__panel{height:auto;text-align:left}.accordion__panel:not([hidden]){align-items:start;display:flex;flex-direction:column;justify-content:center;width:50%}}