.blog-post{margin-top:calc(var(--topbar) + var(--header))}body:has(.blog-post) #nav{box-shadow:none}.blog-article{width:min(900px,88%);margin:auto;padding-top:90px}.blog-heading h1{letter-spacing:normal;margin:25px 0;font-size:44px;font-weight:500;line-height:54px}.blog-meta{align-items:center;gap:10px;line-height:29px;display:flex}.blog-hero{width:100%;height:auto;margin:90px 0}.blog-body{overflow-wrap:break-word;padding-bottom:107px}.blog-body p{margin:0;padding:0 0 27px}.blog-body p:last-child{padding-bottom:0}.blog-body strong{font-weight:600}.blog-body ul,.blog-body ol{margin:0 0 30px 30px;padding:0}.blog-body ul ul,.blog-body ol ul{margin-bottom:0}.blog-body a{color:var(--blue)}.blog-body a:hover{text-decoration:underline}.blog-body [id]{scroll-margin-top:110px}.blog-pagination{background:#333;margin-top:104px;display:flex}.blog-pagination>a{color:#fff;flex:1;justify-content:center;align-items:center;min-width:0;min-height:300px;padding:6% 9%;display:flex;position:relative;overflow:hidden}.blog-pagination img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.05,.2,.1,1);position:absolute;inset:0}.blog-pagination>a:after{content:"";opacity:.35;background:#0d0d0d;transition:opacity .4s;position:absolute;inset:0}.blog-pagination h2{z-index:1;letter-spacing:normal;margin-bottom:8px;font-size:42px;line-height:52px;transition:transform .4s cubic-bezier(.05,.2,.1,1);position:relative}.blog-pagination h2>span{margin-bottom:5px;display:block}.blog-pagination h2>span:first-child{font-size:16px}.blog-previous h2{text-align:right}.blog-next h2{text-align:left}.blog-pagination>a:only-child h2{text-align:center}.blog-next-title{position:relative}.blog-next-title:after{content:"→";opacity:0;transition:opacity .4s;position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-50%)}.blog-previous .blog-next-title:after{content:"←";left:auto;right:calc(100% + 20px)}.blog-pagination>a:hover:after{opacity:.9}.blog-pagination>a:hover img{transform:scale(1.1)}.blog-pagination>a:hover .blog-next-title:after{opacity:1}.blog-previous:hover h2{transform:translate(40px)}.blog-next:hover h2{transform:translate(-40px)}.blog-share{z-index:901;position:fixed;bottom:34px;right:34px}.blog-share summary,.blog-share a{background:var(--blue);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:50px;height:50px;list-style:none;display:grid}.blog-share summary::-webkit-details-marker{display:none}.blog-share summary svg{width:16px;height:16px}.blog-share>div{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:60px}.blog-share a{font-size:19px;font-weight:700}.blog-post a:focus-visible,.blog-share summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.blog-pagination a:focus-visible{outline-offset:-5px;outline-color:#fff}@media (max-width:1000px){body:has(.blog-post){--topbar:0px;--header:74px}body:has(.blog-post) #topbar{display:none}body:has(.blog-post) #nav .logo{width:141.85px;height:100px;left:-10px}body:has(.blog-post) #nav{padding:0 22px}.blog-article{padding-top:6vw}.blog-heading h1{font-size:38px;line-height:46px}.blog-meta{gap:7px;font-size:14px}.blog-hero{display:none}.blog-body{padding-top:12vw}.blog-pagination{margin-top:35px}.blog-pagination>a{min-height:250px}.blog-pagination h2{text-align:center;font-size:28px;line-height:34px}.blog-pagination>a:hover h2{transform:none}.blog-next-title:after,.blog-share{display:none}}@media (max-width:690px){.blog-heading h1{font-size:41px;line-height:42px}.blog-pagination{flex-direction:column}}@media (prefers-reduced-motion:reduce){.blog-pagination img,.blog-pagination h2,.blog-pagination>a:after,.blog-next-title:after{transition:none}.blog-pagination>a:hover img,.blog-pagination>a:hover h2{transform:none}}