.card{position:relative;width:100%;display:flex;align-items:flex-start;flex-direction:column;overflow:hidden;gap:1.5em}.card .image{width:100%;background-color:rgba(0,0,0,.05);position:relative;overflow:hidden}.card .image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:ease-in-out .3s all}.card .content,.card .action-meta{width:100%;display:flex}.card .content{flex-direction:column;gap:.8em;font-size:.9em}.card .content>*{margin:0}.card .post-meta{display:flex;align-items:center;gap:1em}.card .post-meta .date{font-size:.875em;line-height:100%}.card:hover .image img{transform:scale(1.05)}.side-image{padding:2.125em;border-radius:var(--border-radius)}@media(min-width: 700px){.side-image{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap)}}.side-image .image{aspect-ratio:432/396;border-radius:var(--border-radius);overflow:hidden;order:2}.side-image .content{display:flex;flex-direction:column;gap:1.3em}.side-image .action-meta{display:flex;gap:1em}@media(min-width: 700px){.side-image button{position:absolute;bottom:2.125em;opacity:1;left:2.125em;right:unset}}@media(max-width: 699px){.side-image button{order:1;margin-top:auto}}.image-left{border-top:solid 1px var(--border-primary);padding-block:2em;display:grid;grid-template-columns:84px 1fr}.image-left .image{aspect-ratio:unset;height:100%}.image-left:last-child{border-bottom:solid 1px var(--border-primary)}.image-left .content .title{font-size:1.25em}.image-left button{display:none}.default .image{aspect-ratio:450/310;border-radius:var(--border-radius);overflow:hidden}.default .action-meta{margin-top:auto}.default button{transition:ease-in-out transform .3s,ease-in-out opacity .3s;position:absolute;right:0;bottom:.5em;transform:translateX(-1em);opacity:0}.default button::after{content:"";font-family:var(--font-icon);font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.default:hover{transition:ease-in-out color .3s;color:var(--primary)}.default:hover button{transform:translateX(0);opacity:1}@media(min-width: 1080px){.accordion{display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:var(--column-gap);position:relative}.accordion>div{grid-column:1/span 5}}.accordion .card{display:block;position:unset}.accordion .card .title{display:flex;width:100%;margin:0;padding:.8em 0;border-bottom:solid #fefefe 3px;justify-content:space-between;align-items:center;cursor:pointer;opacity:.5;transition:ease-in-out opacity .3s,ease-in-out border-bottom .3s}.accordion .card .title:after{content:"";font-family:var(--font-icon);font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.6em;opacity:0;transform:translateX(-1em);transition:ease-in-out opacity .3s,ease-in-out transform .3s}@media(max-width: 1079px){.accordion .card .title:after{content:"";opacity:1;transform:translateX(0)}}@media(min-width: 1080px){.accordion .card .content{visibility:hidden;opacity:0;transition:ease-in-out opacity .3s,ease-in-out visibility .3s;position:absolute;right:var(--padding);top:0;width:50%;height:100%;border-radius:var(--border-radius);overflow:hidden}.accordion .card .content .image{position:absolute;top:0;left:0;width:100%;height:100%}.accordion .card .content .inner{padding:2em;position:absolute;width:55%;bottom:0;left:0;border-radius:0 var(--border-radius) 0 0}}@media(max-width: 1079px){.accordion .card .content{padding:0;display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out,padding .4s ease-out}.accordion .card .content .image,.accordion .card .content .post-meta{display:none}.accordion .card .content .inner{overflow:hidden}}.accordion .card .content p{font-size:1.25em;line-height:180%}.accordion .card .inner{display:flex;flex-direction:column;gap:1em;align-items:flex-start}.accordion .card .inner>*{margin:0}@media(max-width: 1079px){.accordion .card .inner{--section-background-color: transparent;padding-inline:0}}.accordion .card:hover .title{opacity:1;border-bottom:solid rgba(254,254,254,.5) 3px}.accordion .card:hover .title:after{opacity:1;transform:translateX(0)}.accordion .card.active .title{opacity:1}.accordion .card.active .title:after{transform:translateX(0);opacity:1}@media(max-width: 1079px){.accordion .card.active .title:after{transform:rotate(180deg)}}@media(min-width: 1080px){.accordion .card.active .content{visibility:visible;opacity:1}}@media(max-width: 1079px){.accordion .card.active .content{padding-top:alc(var(--section)/2);grid-template-rows:1fr;padding-top:2em;padding-bottom:1em}}