:root .blog-index-page .blog-index-hero{height:auto;min-height:100svh;padding:0}:root .blog-index-page .blog-index-grid{display:grid;height:auto;min-height:100svh;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:minmax(min-content,1fr);align-items:center;align-content:stretch;gap:clamp(2rem,6vw,6rem);padding-block:117px 76px}:root .blog-index-page .blog-index-head{width:100%;align-self:center;padding-top:0}:root .blog-index-page .blog-index-head h1{overflow-wrap:anywhere}:root .blog-index-page .blog-index-portrait{position:relative;inset:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;align-self:center;width:calc(100% - 18px);height:min(68svh,46vw);min-width:0;min-height:0;max-height:none;margin:0;overflow:hidden;transform:none}:root .blog-index-page .blog-index-portrait img{width:100%;height:100%;min-height:0;aspect-ratio:auto;contain:size;object-fit:cover;object-position:center}:root .blog-index-page .blog-index-portrait figcaption{position:static;inset:auto;display:flex;flex-wrap:wrap;gap:.3rem 1rem;min-height:0;width:auto;min-width:0;overflow-wrap:anywhere;padding:.8rem 1rem;font-size:.65rem}:root .blog-index-page .blog-index-portrait figcaption>span{min-width:0}@media(max-width:1100px){:root .blog-index-page .blog-index-grid{padding-top:103px;gap:clamp(1.5rem,4vw,2.5rem)}}@media(max-width:700px){:root .blog-index-page .blog-index-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(10rem,1fr);gap:1.5rem;padding-block:99px 106px}:root .blog-index-page .blog-index-portrait{width:calc(100% - 8px);height:100%}:root .blog-index-page .blog-index-hero:after{font-size:clamp(7rem,25vw,11rem)}}@media(max-height:600px){:root .blog-index-page .blog-index-hero{height:auto;min-height:100svh}:root .blog-index-page .blog-index-grid{height:auto;min-height:100svh;grid-template-rows:auto}:root .blog-index-page .blog-index-portrait{height:280px}}@media print{:root .blog-index-page .blog-index-hero,:root .blog-index-page .blog-index-grid{height:auto;min-height:0}:root .blog-index-page .blog-index-grid{padding-block:2rem}:root .blog-index-page .blog-index-portrait{height:280px}}