.blog-img{object-fit:cover;object-position:center;height:540px}.first-section-blogpage{position:relative;overflow:hidden}.blog-img{display:block;width:100%;position:relative;z-index:1}.blogpage-gradient-layer{position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;pointer-events:none}.div-title-blogpage{bottom:0;left:0;right:0;z-index:3}.beard-crumb-blog{background:#22222233;color:#FFFFFF;margin-right:14rem;white-space:nowrap;width:33%;height:auto}.beard-crumb-blog,.beard-crumb-blog p{overflow:hidden;text-overflow:ellipsis}.beard-crumb-blog a,.beard-crumb-blog p,.beard-crumb-blog span{color:#FFFFFF}.div-title-blogpage{position:absolute;top:0;width:100%;height:100%;padding:2rem 0 2.5rem}.div-title-blogpage ul{display:flex;width:100%;justify-content:center;gap:8rem}.div-title-blogpage ul li{color:#FFFFFF;font-size:1rem;font-weight:400;line-height:1.5rem;display:flex;gap:.5rem}.div-title-blogpage ul li path{fill:#FFFFFF}.div-title-blogpage .container{display:flex;width:100%;height:100%;flex-direction:column;justify-content:space-between}.div-title-blogpage h1{color:#FFFFFF;font-size:3rem;font-weight:800;line-height:80px;text-align:center;margin-bottom:2.5rem}body main .first-section-blogpage{padding-bottom:0;max-height:548px;overflow:hidden}.blogpage-section article img{width:100%;height:auto}.blogpage-section{display:flex;flex-direction:column;align-items:center;gap:2.5rem;margin-top:2.5rem}.copy-page-blog{background:#F9F9F9;padding:.75rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:1rem;width:-moz-fit-content;width:fit-content}.copy-page-blog p{font-weight:400}.copy-page-blog button,.copy-page-blog p{font-size:1rem;line-height:1.5rem;text-align:right;color:#222222}.copy-page-blog button{padding:.5rem 1rem;background:#FFFFFF;border:1px solid #cbcbcb;border-radius:.5rem;font-weight:500}.like-blog-div{width:70%;justify-content:space-between;border-bottom:1px solid;border-image-slice:1;border-image-source:linear-gradient(270deg,rgba(203,203,203,0),#757575 51.5%,rgba(203,203,203,0));padding-bottom:1.5rem;flex-wrap:wrap}.like-blog-div,.like-this-blog{display:flex;align-items:center}.like-this-blog{gap:1rem}.like-this-blog p{display:flex;align-items:center;gap:.5rem;cursor:pointer}.tooltip{position:relative;display:inline-block}.tooltiptext{width:-moz-fit-content;width:fit-content;background-color:#222222;text-align:center;border-radius:12px;padding:10px 12px;position:absolute;z-index:1;bottom:150%;left:204%;margin-left:-113px;opacity:0;transition:opacity .3s;font-size:1rem;font-weight:500;line-height:1.5rem;color:#FFFFFF}.tooltiptext:after{content:"";position:absolute;top:100%;left:20%;margin-left:-5px;border:5px solid transparent;border-top-color:#555}.liked{display:none}.active{background-color:#ffcc00}.div-tags-project li a{text-decoration:none;color:#222222;font-size:1rem;font-weight:400;line-height:1.5rem}.div-tags-project li:hover a{color:#FFFFFF}.arrow-blogpage{position:absolute;left:0;top:0;opacity:.25}@media (max-width:1200px){.beard-crumb-blog{margin-right:0}}@media (max-width:992px){.div-tags-project{justify-content:start;align-items:start;flex-wrap:nowrap}}@media (max-width:768px){.blog-img{height:auto}.blogpage-section .col-8{width:100%}.ul-project-stickyblog-res{display:none}.just-center{justify-content:start}.div-title-blogpage h1{font-size:24px;font-weight:900;line-height:40px}.div-title-blogpage ul{gap:0;justify-content:space-between}}@media (max-width:576px){.copy-page-blog p{font-size:.825rem}.copy-page-blog{width:100%;justify-content:space-between}.like-this-blog{justify-content:center;width:100%}.beard-crumb-blog,.beard-crumb-blog p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}}@media (max-width:400px){.copy-page-blog p{font-size:.75rem}.div-title-blogpage h1{margin:.5rem}.div-title-blogpage{padding:1rem 0 2.5rem}}@media (max-width:768px){main.article-page-with-hero{margin-top:0}body main.article-page-with-hero .first-section-blogpage{max-height:none}.article-page-with-hero .blog-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.article-page-with-hero .div-title-blogpage{position:relative;inset:auto;height:auto;min-height:clamp(480px,68svh,620px);padding:120px 0 28px;background:linear-gradient(180deg,#00000000 20%,#15101555 48%,#151015eb)!important}.article-page-with-hero .div-title-blogpage .container{min-height:calc(clamp(480px, 68svh, 620px) - 148px);height:auto;gap:48px}.article-page-with-hero .beard-crumb-blog{margin:0;width:100%;background:#22222255;border-radius:8px}.article-page-with-hero .beard-crumb-blog :is(a,p,span){color:#fff}.article-page-with-hero .div-title-blogpage h1{color:#fff;margin:0 0 20px;text-shadow:0 2px 12px #00000040}.article-page-with-hero .div-title-blogpage ul li{color:#fff;font-size:12px;gap:6px}.article-page-with-hero .div-title-blogpage ul li path{fill:#fff}.article-page-with-hero .div-title-blogpage ul li img{filter:brightness(0) invert(1)}header.article-hero-header{background:#18141c33;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid #ffffff1f}header.article-hero-header>section>a:first-of-type :is(p,h6){color:#fff}header.article-hero-header>section>a:first-of-type svg path{fill:#fff}header.article-hero-header .hamburger-btn{filter:brightness(0) invert(1)}header.article-hero-header[data-scrolled=true]{background:#18141cd1}}