.blog-bck{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.05;z-index:-1}#blog-section{width:100%;min-height:100vh;display:flex;align-items:flex-start;justify-content:space-between;padding-right:calc(var(--hor-padding) * .5);padding-left:calc(var(--hor-padding) * 1.25);padding-bottom:calc(var(--fs) * 10);overflow:hidden}#blog-section .head,#blog-section .posts{margin-top:35vh}#blog-section .head{display:grid;grid-auto-flow:row;grid-auto-rows:max-content;gap:calc(var(--fs) * 1.81);height:100vh;position:relative;z-index:2}#blog-section .head h1{color:#fff;font-family:"Roboto Serif";font-size:calc(var(--fs) * 4.5);font-style:normal;font-weight:200;line-height:normal;width:calc(var(--fs) * 44.75)}#blog-section .head .blog-selector{height:calc(var(--fs) * 6.125);justify-self:start;border-radius:calc(var(--fs) * 37.5);background:#2c2c2c;padding:calc(var(--fs) * .4) calc(var(--fs) * .56);display:grid;grid-auto-flow:column;gap:calc(var(--fs) * .25)}#blog-section .head .blog-selector .category{color:#afafaf;font-family:Roboto;font-size:calc(var(--fs) * 1.375);font-style:normal;font-weight:400;line-height:normal;padding:0 calc(var(--fs) * 2.8);min-width:calc(var(--fs) * 10.625);height:100%;text-transform:capitalize;border-radius:calc(var(--fs) * 37.5);transition:background-color .15s ease-out,color .35s ease-in-out;display:flex;align-items:center;justify-content:center}#blog-section .head .blog-selector .category.active{background-color:#121117;color:#fff}#blog-section .head .blog-selector .category:hover{background-color:var(--button-primary);color:#fff}#blog-section .posts{--post-width: calc(var(--fs) * 25.625);--post-height: calc(var(--fs) * 25.6875);--offset: calc(var(--post-height) * .2);--gap: calc(var(--fs));display:flex;flex-wrap:wrap;justify-content:space-between;width:calc(var(--post-width) * 2 + var(--fs) * 1.36);padding-top:var(--offset)}#blog-section .posts .post{width:var(--post-width);height:var(--post-height);background:#121017;display:grid;grid-template-rows:max-content 1fr max-content;gap:calc(var(--fs) * 1.05);padding-bottom:calc(var(--fs) * 1.81);position:relative;border-radius:calc(var(--fs) * 1.875);overflow:hidden;cursor:pointer}#blog-section .posts .post>*{position:relative;z-index:1}#blog-section .posts .post:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #2f2f2f;border-radius:calc(var(--fs) * 1.875);pointer-events:none;transition:border-color .25s ease-out}#blog-section .posts .post:nth-of-type(odd){margin-top:calc(var(--offset) * -1 + var(--gap))}#blog-section .posts .post:nth-of-type(2n){margin-top:var(--gap)}#blog-section .posts .post:nth-of-type(1){margin-top:calc(var(--offset) * -1)}#blog-section .posts .post:nth-of-type(2){margin-top:0}#blog-section .posts .post:hover:after{border-color:#fff}#blog-section .posts .post:hover .thumbnail img{transform:scale(1.1)}#blog-section .posts .post .thumbnail{width:100%;height:calc(var(--fs) * 14.57706);border-radius:calc(var(--fs) * 1.875);overflow:hidden}#blog-section .posts .post .thumbnail img{width:100%;height:100%;object-fit:cover;background-color:#2c2c2c;transition:transform .25s ease-out}#blog-section .posts .post p{color:#fff;font-family:"Roboto Serif";font-size:calc(var(--fs) * 1.5);font-style:normal;font-weight:200;line-height:normal;width:100%}#blog-section .posts .post .info{display:flex;align-items:center;justify-content:space-between}#blog-section .posts .post .info span{color:#929292;font-family:Roboto;font-size:calc(var(--fs) * 1.125);font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}#blog-section .posts .post p,#blog-section .posts .post .info{padding-left:calc(var(--fs) * 1.5);padding-right:calc(var(--fs) * 1.31)}#newsletter-section{height:90vh;position:relative;display:flex;align-items:center;justify-content:center;z-index:1}#newsletter-section .bck{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#newsletter-section .bck:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0000,#000);opacity:.3}#newsletter-section .bck img{width:100%;height:100%;object-fit:cover;z-index:-1}#newsletter-section .join-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(var(--fs) * 34.6875);height:calc(var(--fs) * 36.25);border-radius:calc(var(--fs) * 37.5) calc(var(--fs) * 37.5) calc(var(--fs) * 2.5) calc(var(--fs) * 2.5);background-color:#121117;position:relative;overflow:hidden}#newsletter-section .join-box .join-bck{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:0% 0%}#newsletter-section .join-box h2{color:#fff;text-align:center;font-family:"Roboto Serif";font-size:calc(var(--fs) * 3.25);font-style:normal;font-weight:200;line-height:normal}#newsletter-section .join-box p{color:#b9b9b9;text-align:center;font-family:Roboto;font-size:var(--fs);font-style:normal;font-weight:400;line-height:normal;margin-top:calc(var(--fs) * 2.38);width:calc(var(--fs) * 20.625)}#newsletter-section .join-box form{height:calc(var(--fs) * 3);display:flex;align-items:center;margin-top:calc(var(--fs) * 2.38)}#newsletter-section .join-box form>*{height:100%}#newsletter-section .join-box form input{color:#fff;font-family:Roboto;font-size:calc(var(--fs) * .875);font-style:normal;font-weight:400;line-height:normal;border-radius:calc(var(--fs) * 12.5);background:#d9d9d91a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-right:calc(var(--fs) * -2.5);padding-left:calc(var(--fs) * 1.2);padding-right:calc(var(--fs) * 3);width:calc(var(--fs) * 17.5);border:.5px solid rgba(0,0,0,0);transition:border-color .15s ease-out}#newsletter-section .join-box form input:focus{border-color:#dbc7a1!important}#newsletter-section .join-box form button{position:relative;z-index:1}#newsletter-section .join-box span{color:#b9b9b9;font-family:Roboto;font-size:calc(var(--fs) * .75);font-style:normal;font-weight:400;line-height:normal;display:block;margin-top:calc(var(--fs) * 1.5)}@media (orientation: portrait){#blog-section{min-height:unset;flex-direction:column;align-items:center;padding:15vh calc(var(--hor-padding)) 10vh}#blog-section .head{display:grid;grid-auto-flow:row;grid-auto-rows:max-content;gap:calc(var(--fs) * 1.12);height:initial;margin:0}#blog-section .head h1{font-size:calc(var(--fs) * 2.4375);width:initial}#blog-section .head .blog-selector{height:calc(var(--fs) * 2.93419);border-radius:calc(var(--fs) * 17.96);padding:calc(var(--fs) * .21) calc(var(--fs) * .27);gap:calc(var(--fs) * .15)}#blog-section .head .blog-selector .category{height:100%;font-size:calc(var(--fs) * .65869);padding:0 calc(var(--fs) * 1.25);min-width:calc(var(--fs) * 5);border-radius:calc(var(--fs) * 17.964)}#blog-section .posts{--post-width: calc(var(--fs) * 10.36);--post-height: calc(var(--fs) * 10.39);--offset: calc(var(--post-height) * .2);--gap: calc(var(--fs));margin-top:calc(var(--fs) * 2.5);width:100%;padding-top:var(--offset)}#blog-section .posts .post{width:var(--post-width);height:var(--post-height);border-radius:calc(var(--fs) * .75);gap:calc(var(--fs) * .42);padding-bottom:calc(var(--fs) * .7)}#blog-section .posts .post:after{border-radius:calc(var(--fs) * .75)}#blog-section .posts .post:nth-of-type(odd){margin-top:calc(var(--offset) * -1 + var(--gap))}#blog-section .posts .post:nth-of-type(2n){margin-top:var(--gap)}#blog-section .posts .post:nth-of-type(1){margin-top:calc(var(--offset) * -1)}#blog-section .posts .post:nth-of-type(2){margin-top:0}#blog-section .posts .post .thumbnail{height:calc(var(--fs) * 5.89);border-radius:calc(var(--fs) * .75)}#blog-section .posts .post p{font-size:calc(var(--fs) * .657)}#blog-section .posts .post .info span{font-size:calc(var(--fs) * .45)}#blog-section .posts .post p,#blog-section .posts .post .info{padding-left:calc(var(--fs) * .61);padding-right:calc(var(--fs) * .52)}#newsletter-section{height:initial;padding-top:calc(var(--fs) * 4.25);padding-bottom:calc(var(--fs) * 3)}#newsletter-section .bck{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}#newsletter-section .join-box{width:calc(100% - var(--hor-padding) * 2);height:calc(var(--fs) * 22.42);border-radius:calc(var(--fs) * 23.2) calc(var(--fs) * 23.2) calc(var(--fs) * 2.5) calc(var(--fs) * 2.5);background-color:#121117;position:relative;overflow:hidden;padding-top:calc(var(--fs) * 2)}#newsletter-section .join-box .join-bck{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:0% 0%}#newsletter-section .join-box h2{font-size:calc(var(--fs) * 2)}#newsletter-section .join-box p{font-size:calc(var(--fs) * .625);width:calc(var(--fs) * 12.7);margin-top:calc(var(--fs) * 1.43)}#newsletter-section .join-box form{height:calc(var(--fs) * 2.75);margin-top:calc(var(--fs) * 1.43)}#newsletter-section .join-box form input{font-size:calc(var(--fs) * .723);border-radius:calc(var(--fs) * 12.5);margin-right:calc(var(--fs) * -2.5);padding-left:calc(var(--fs) * 1.2);padding-right:calc(var(--fs) * 3);width:calc(var(--fs) * 12.5);border:.5px solid rgba(0,0,0,0);transition:border-color .15s ease-out}#newsletter-section .join-box form input:focus{border-color:#dbc7a1!important}#newsletter-section .join-box form button{position:relative;z-index:1}#newsletter-section .join-box span{font-size:calc(var(--fs) * .75);margin-top:calc(var(--fs) * 1.5);display:none}}@media (orientation: portrait) and (min-aspect-ratio: .625){#blog-section .posts{padding-left:calc(var(--hor-padding));padding-right:calc(var(--hor-padding))}#newsletter-section .join-box{width:calc(100% - var(--hor-padding) * 4)}}