.blog-post{isolation:isolate;background:#fff;width:100%;position:relative}.blog-post .blog-post-container{flex-direction:column;align-items:center;width:100%;padding:15rem 9rem 0;display:flex}.blog-post .blog-post-hero{flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:130rem;display:flex}.blog-post .blog-post-hero__date{opacity:0;color:#7a7a7a;text-align:center;font-size:max(10px,min(1.6rem + 2px,26px));font-weight:500}.blog-post .blog-post-hero__title{visibility:hidden;color:#121212;text-align:center;letter-spacing:-.04em;font-family:DM Sans;font-size:max(28px,min(9.5rem + 3px,130px));font-weight:500;line-height:105%}.blog-post .blog-post-cover{opacity:0;border-radius:3rem;width:100%;max-width:110rem;height:60rem;margin-top:5rem;overflow:hidden}.blog-post .blog-post-cover img{object-fit:cover;width:100%;height:100%}.blog-post .blog-post-body{flex-direction:column;align-items:flex-start;gap:2.5rem;width:100%;max-width:87rem;padding:8rem 0 6rem;display:flex}.blog-post .blog-post-body__heading{color:#121212;letter-spacing:-.03em;padding-top:2rem;font-family:DM Sans;font-size:max(20px,min(5.5rem + 3px,70px));font-weight:500;line-height:115%}.blog-post .blog-post-body__heading:first-child{padding-top:0}.blog-post .blog-post-body__paragraph{white-space:pre-line;color:#121212;font-size:max(11px,min(1.6rem + 2px,30px));font-weight:500;line-height:165%}.blog-post .blog-post-body a{color:inherit;text-underline-offset:.15em;overflow-wrap:anywhere;text-decoration:underline}.blog-post .blog-post-body a:focus-visible{outline-offset:3px;outline:2px solid}.blog-post .blog-post-body__figure{border-radius:3rem;width:100%;margin:2rem 0;overflow:hidden}.blog-post .blog-post-body__figure a{display:block}.blog-post .blog-post-body__figure img{object-fit:contain;width:100%;height:auto;display:block}.blog-post .blog-post-body__steps{flex-direction:column;gap:2rem;width:100%;display:flex}.blog-post .blog-post-body__step{flex-direction:column;gap:.8rem;display:flex}.blog-post .blog-post-body__step-title{color:#121212;font-size:max(11px,min(1.6rem + 2px,30px));font-weight:700;line-height:150%}.blog-post .blog-post-body__step-text{color:#121212;font-size:max(11px,min(1.6rem + 2px,30px));font-weight:500;line-height:165%}.blog-related{isolation:isolate;background:#fff;width:100%;position:relative}.blog-related .blog-related-path{opacity:0;z-index:-1;pointer-events:none;width:100%;height:45rem;position:absolute;top:0;left:0;overflow:hidden}.blog-related .blog-related-path svg{width:auto;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.blog-related .blog-related-container{flex-direction:column;gap:5rem;width:100%;padding:8rem 10rem 20rem;display:flex}.blog-related .blog-related-heading{justify-content:space-between;align-items:center;gap:3rem;width:100%;display:flex}.blog-related .blog-related-heading__title{color:#1a1a1a;letter-spacing:-.03em;font-family:DM Sans;font-size:max(20px,min(4.5rem + 3px,60px));font-weight:500;line-height:110%}.blog-related .blog-related-heading__cta{display:flex}.blog-related .blog-related-list{grid-template-columns:repeat(4,1fr);gap:4rem 3rem;width:100%;display:grid}@media screen and (orientation:portrait){.blog-post .blog-post-container{padding:10rem 2.4rem 0}.blog-post .blog-post-hero{gap:1.6rem}.blog-post .blog-post-hero__title{letter-spacing:-.03em;font-size:4rem}.blog-post .blog-post-body__heading{padding-top:1.2rem;font-size:3.2rem}.blog-post .blog-post-cover{aspect-ratio:2;margin-top:4rem}.blog-post .blog-post-body{padding:6rem 0 4rem}.blog-related .blog-related-container{gap:3rem;padding:6rem 3rem 10rem}.blog-related .blog-related-heading{flex-direction:column;align-items:flex-start;gap:2rem}.blog-related .blog-related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2rem}}@media (prefers-reduced-motion:reduce){.blog-post .blog-post-hero__title{visibility:visible}.blog-post .blog-post-hero__date,.blog-post .blog-post-cover{opacity:1}}.blog-post .blog-post-body__table-scroll{-webkit-overflow-scrolling:touch;border:1px solid #e5e5e5;border-radius:1rem;width:100%;max-width:100%;overflow-x:auto}.blog-post .blog-post-body__table-scroll:focus-visible{outline-offset:3px;outline:2px solid #121212}.blog-post .blog-post-body__table{border-collapse:collapse;color:#121212;text-align:left;width:100%;min-width:560px;font-size:max(14px,min(1.6rem + 2px,24px));line-height:1.6}.blog-post .blog-post-body__table th,.blog-post .blog-post-body__table td{color:#121212;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding:max(12px,min(1.6rem,24px));line-height:1.6}.blog-post .blog-post-body__table th{color:#fff;background:#121212;font-weight:700}.blog-post .blog-post-body__table tbody tr:nth-child(2n){background:#f7f7f7}.blog-post .blog-post-body__table tbody tr:last-child td{border-bottom:0}.blog-post .blog-post-body__table tr>:last-child{border-right:0}.blog-post-body__rich-text :-webkit-any(p,ul,ol,blockquote,pre){margin:0 0 1.5em;line-height:1.6}.blog-post-body__rich-text :-moz-any(p,ul,ol,blockquote,pre){margin:0 0 1.5em;line-height:1.6}.blog-post-body__rich-text :is(p,ul,ol,blockquote,pre){margin:0 0 1.5em;line-height:1.6}.blog-post-body__rich-text :-webkit-any(h2,h3,h4){margin:1.5em 0 .75em;font-weight:600}.blog-post-body__rich-text :-moz-any(h2,h3,h4){margin:1.5em 0 .75em;font-weight:600}.blog-post-body__rich-text :is(h2,h3,h4){margin:1.5em 0 .75em;font-weight:600}.blog-post-body__rich-text h2{font-size:1.5em}.blog-post-body__rich-text h3{font-size:1.25em}.blog-post-body__rich-text h4{font-size:1.1em}.blog-post-body__rich-text :-webkit-any(ul,ol){padding-left:1.5em}.blog-post-body__rich-text :-moz-any(ul,ol){padding-left:1.5em}.blog-post-body__rich-text :is(ul,ol){padding-left:1.5em}.blog-post-body__rich-text ul{list-style:outside}.blog-post-body__rich-text ol{list-style:decimal}.blog-post-body__rich-text a{overflow-wrap:anywhere;text-decoration:underline}.blog-post-body__rich-text :-webkit-any(a,pre):focus-visible{outline-offset:3px;outline:2px solid}.blog-post-body__rich-text :-moz-any(a,pre):focus-visible{outline-offset:3px;outline:2px solid}.blog-post-body__rich-text :is(a,pre):focus-visible{outline-offset:3px;outline:2px solid}.blog-post-body__rich-text pre{overflow-x:auto}
