.blog{padding:var(--pSection) 0}.blog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gapLg);.headline{max-width:10ch}}.blog-teaser{border-radius:var(--radius);overflow:hidden;background:var(--bgMuted);position:relative;color:inherit;font:300 var(--fontSm) /1.5 var(--fontSans);border:2px solid #fff;&:hover{color:inherit;border-color:var(--magenta);img{scale:1.1}}.image{overflow:hidden}.image,img{aspect-ratio:3/2}img{width:100%;object-fit:cover;transition:all 1s ease-out}.content{padding:var(--pCard);display:flex;flex-direction:column;gap:var(--space1-2)}.subline{-webkit-line-clamp:3;color:var(--muted);font-weight:600}.subline,.text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text{-webkit-line-clamp:5}.date{position:absolute;top:var(--space);left:var(--space);z-index:1}.read-more{color:var(--magenta);font-weight:900;font-size:var(--fontXs);text-transform:uppercase;line-height:20px;letter-spacing:2px;margin-top:calc(var(--gap) - var(--space1-2));transition:color .2s ease-in-out;&:before{font-size:20px;order:1;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}&:hover{color:var(--teal)}}}.blog{.load-more{margin-top:var(--gapLg);display:flex;justify-content:center}}.blog-article{.hero-intro{background:var(--bgMuted);padding:var(--gapLg) 0}.meta{margin-bottom:var(--gapSm)}.content{padding:var(--gapLg) 0;.btn{margin:var(--gapLg) auto 0}}.more-articles{margin-bottom:var(--gapLg);.container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space1-4)}a{padding-right:25%;position:relative;background:var(--navy-5);border:2px solid transparent}figure{display:flex;flex:0 0 auto}img{height:100%;width:25%;object-fit:cover;position:absolute;top:0;right:0}.teaser{padding:var(--pCard);h3{margin:var(--space1-4) 0 var(--space1-2)}}.label{font-weight:900;text-transform:uppercase;color:var(--magenta);font-size:var(--fontXs);letter-spacing:2px;gap:var(--space1-4);transition:all .2s ease-out;&:before{font-variation-settings:"FILL" 1,"wght" 900,"GRAD" 0,"opsz" 20;font-size:16px}}.meta-short{font-size:var(--fontSm);color:var(--muted);font-weight:400}.next{padding:0 0 0 25%;.image{order:-1}img{right:auto;left:0}.label{&:before{rotate:180deg}}}.prev{grid-column:2;.label{&:before{order:1}}}a:hover{background:#fff;border-color:var(--navy-20);.label{gap:var(--space1-2);translate:calc(var(--space1-2) * -1)}&.prev{.label{translate:var(--space1-2)}}}}}