.offset-element-stage{--article-media-max-width:100%;--offset-spacer:4rem;--icon-size:var(--icon-size-l);--gap:1rem;--media-offset-y:calc(var(--offset-spacer) * -1);--media-offset-x:calc(var(--stage-gap) * -1);position:relative;display:grid;grid-template-columns:var(--stage-grid);grid-template-rows:1fr;gap:0;align-content:start;align-items:start;z-index:1}@media(min-width:768px){.offset-element-stage{--offset-spacer:8rem;--icon-size:var(--icon-size-xl);--gap:2rem}}.offset-element{grid-area:main;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:var(--align-content);align-items:var(--align-items)}@media(min-width:768px){.offset-element{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"content media"}}.offset-element__content{grid-area:content;display:flex;flex-direction:column;gap:var(--gap);justify-content:center}.offset-element__content .btn{width:fit-content}.offset-element__media{grid-area:media;position:relative;padding:var(--offset-spacer);height:min-content}.offset-element__media img{max-width:100%;height:auto}.offset-element__icon{font-size:var(--icon-size)}.offset-element__header{margin-bottom:0}.offset-element__text p:last-child{margin-bottom:0}.offset-element--top,.offset-element--right{grid-template-areas:"media" "content"}@media(min-width:768px){.offset-element--top,.offset-element--right{grid-template-areas:"media content"}}.offset-element--left,.offset-element--bottom{grid-template-areas:"content" "media"}@media(min-width:768px){.offset-element--left,.offset-element--bottom{grid-template-areas:"content media"}}.offset-element--left,.offset-element--right{--media-offset-y:calc(var(--stage-gap) * -1);--media-offset-x:calc(var(--offset-spacer) * -1)}.offset-element--top{--align-items:start}.offset-element--top .offset-element__content{padding:0 var(--stage-gap) var(--offset-spacer)}@media(min-width:768px){.offset-element--top .offset-element__content{padding:var(--offset-spacer) var(--stage-gap)}}.offset-element--top .offset-element__media{padding:0 var(--stage-gap) var(--offset-spacer);margin-top:var(--media-offset-y)}@media(min-width:768px){.offset-element--top .offset-element__media{padding:0 var(--stage-gap) var(--offset-spacer) var(--stage-gap)}}.offset-element--bottom{--align-items:end}.offset-element--bottom .offset-element__content{padding:var(--offset-spacer) var(--stage-gap) 0}@media(min-width:768px){.offset-element--bottom .offset-element__content{padding:var(--offset-spacer) var(--stage-gap)}}.offset-element--bottom .offset-element__media{padding:var(--offset-spacer) var(--stage-gap) 0;margin-bottom:var(--media-offset-y)}@media(min-width:768px){.offset-element--bottom .offset-element__media{padding:var(--offset-spacer) var(--stage-gap) 0 var(--stage-gap)}}.offset-element--left .offset-element__content{padding:var(--offset-spacer) var(--stage-gap) calc(var(--offset-spacer) + var(--stage-gap))}@media(min-width:768px){.offset-element--left .offset-element__content{padding-right:calc(var(--offset-spacer) + var(--stage-gap))}}.offset-element--left .offset-element__media{padding:0 var(--stage-gap) var(--offset-spacer);margin:var(--media-offset-y) 0 0}@media(min-width:768px){.offset-element--left .offset-element__media{padding:var(--offset-spacer) var(--offset-spacer) var(--offset-spacer) 0;margin:0 0 0 var(--media-offset-x);align-self:center}}.offset-element--right .offset-element__content{padding:calc(var(--offset-spacer) + var(--stage-gap)) var(--stage-gap) var(--offset-spacer)}@media(min-width:768px){.offset-element--right .offset-element__content{padding-left:calc(var(--offset-spacer) + var(--stage-gap))}}.offset-element--right .offset-element__media{padding:var(--offset-spacer) var(--stage-gap) 0;margin:0 0 var(--media-offset-y)}@media(min-width:768px){.offset-element--right .offset-element__media{padding:var(--offset-spacer) 0 var(--offset-spacer) var(--offset-spacer);margin:0 var(--media-offset-x) 0 0}}