:root{--ff:"Readex Pro", sans-serif;--primary-white:white;--secondary-white:rgb(255, 255, 255, 0.8);--primary-black:rgb(34, 34, 34);--secondary-black:rgb(34, 34, 34, 0.8);--gold-dark:rgb(165, 124, 0);--gold-light:gold;--footerlogo:clamp(1.5rem, 5vw, 1.8rem);--header-1:clamp(2.5rem, 5.9vw, 4rem);--header-2:clamp(1.5rem, 5vw, 1.8rem);--header-3:clamp(1rem, 4vw, 1.5rem);--body-1:1.2rem;--body-2:1.2rem;--padding-section:4rem;--padding-hero:3rem;--text-dark:rgb(34, 34, 34);--backdrop-bg:rgb(34, 34, 34);--hover-light-bg:rgb(255 255 255 / 0.7);--spacing-xs:0.3rem;--spacing-s:0.5rem;--spacing-m:1rem;--spacing-l:1.5rem;--spacing-xl:2rem;--gap-s:0.3rem;--gap-m:1rem;--gap-l:1.25rem;--border-standard:1px solid var(--primary-black);--border-thick:2px solid var(--primary-black);--radius-s:12px;--radius-pill:50px;--radius-circle:50%;--fw-semibold:600;--fw-bold:700;--transition-fast:all 0.2s ease;--max-width-container:1200px;--max-width-nav:1136px;--max-width-wide:1500px;--box-shadow:rgba(0, 0, 0, 0.25)}*,::after,::before{box-sizing:border-box;margin:0;padding:0;font:inherit;font-family:var(--ff)}html:focus-within{scroll-behavior:smooth}body,html{overflow-x:hidden;height:100%;margin:0;padding:0}body{text-rendering:optimize-speed;line-height:1.5;padding-block-start:1vw;padding:0}small{color:grey}img,picture{display:block}ul{list-style:none}a{text-decoration:none}p{color:var(--secondary-black)}::selection{color:#fff !important;background-color:#a57c00 !important}.center{margin-inline:auto}.img-cover{width:100%;height:100%;object-fit:cover}header{background-color:var(--primary-black) !important;box-shadow:0 1rem 1rem var(--box-shadow)}header{position:fixed;top:-1px;inset-inline:0;z-index:500}header .wrapper:has(nav){margin-inline:auto;display:flex;justify-content:space-between;align-items:center;padding-block:var(--spacing-m);width:calc(min(var(--max-width-container),100%) - 3rem);height:60px;color:var(--primary-white)}.logo{font-weight:var(--fw-bold);font-size:clamp(1.2rem,2vw,1.5rem);padding-inline-start:var(--spacing-xs);color:#fff}.nav-menu ul{display:flex;align-items:center;gap:var(--spacing-l)}.nav-menu a{color:var(--primary-white);font-size:1rem;transition:.3s;padding-inline:.4rem;padding-block:1rem;text-decoration:none}.nav-menu a:hover{color:var(--gold-light)}.nav-menu .btn{border:var(--border-thick);border-radius:var(--radius-s);transition:var(--transition-fast);background:var(--gold-dark);color:var(--primary-white);display:inline-block;padding:12px 20px}.nav-menu .btn{display:inline-block;border-radius:var(--radius-s);transition:background .3s ease-in-out;text-decoration:none}.nav-menu .btn:hover{background:var(--primary-white);color:var(--primary-black)}.nav-menu li:not(:last-child) a{position:relative}.nav-menu li:not(:last-child) a::before{content:"";position:absolute;inset-block-end:0;transform:translateX(-50%)scaleY(0);transform-origin:center;transition:transform .3s ease-in-out;background-color:gold;height:4px;width:80%}[dir=rtl] .nav-menu li:not(:last-child) a::before{inset-inline-end:50%}[dir=ltr] .nav-menu li:not(:last-child) a::before{inset-inline-start:50%}.nav-menu li:not(:last-child) a:hover::before{transform:translateX(-50%)scaleY(1)}.hamburger{display:none;cursor:pointer;background:0 0;border:none;padding:var(--spacing-m)var(--spacing-xs)var(--spacing-m)var(--spacing-m)}.bar{display:block;pointer-events:auto;width:25px;height:3px;background-color:var(--primary-white);margin:var(--gap-s)0;transition:.1s ease-in-out}@media(hover:hover){.hamburger:hover .bar{background-color:var(--gold-dark);height:4px}}.mainblog.wrapper,.blogpost.wrapper{margin-block-start:4rem;width:calc(min(var(--max-width-container),100%) - 3rem);margin-inline:auto}.mainblog.wrapper h1{font-size:var(--header-1);font-weight:var(--fw-bold);margin-block-start:6.5rem;margin-block-end:2rem;text-align:center}.mainblog.wrapper .post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.wrapper .post-card{border:1px solid lightgrey;padding:1rem;border-radius:12px;box-shadow:.5rem .5rem 16px lightgrey,.2rem .2rem 8px lightgrey;display:flex;flex-direction:column}.wrapper .post-card .post-content{display:flex;flex-direction:column;flex-grow:1}.blogpost.wrapper h1{font-size:var(--header-2);font-weight:var(--fw-bold);padding-block-start:2rem;padding-block-end:.5rem}.blogpost.wrapper h2{font-size:var(--header-3);font-weight:var(--fw-bold);padding-block-start:3rem;padding-block-end:.75rem}.blogpost .post-grid{margin-block-start:4rem}.blogpost .recommendations{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.blogpost article{max-width:600px;margin-inline:auto}.post-grid .post-title a{font-size:1.1rem;font-weight:var(--fw-semibold);line-height:1.7;color:var(--primary-black)}.post-grid .post-title{margin-block-start:.7rem;margin-block-end:.3rem}.post-meta{margin-block-end:.7rem}.read-more{text-align:end;margin-inline-start:auto;color:var(--gold-dark);font-weight:var(--fw-bold);display:block;padding-block:1rem}.top-bar{display:flex;justify-content:space-between;width:100%;color:var(--primary-black);margin-block-end:.5rem}.more{color:var(--gold-dark)}.post-thumbnail-main,.post-thumbnail{min-height:0;width:100%;aspect-ratio:16/12;border-radius:12px;object-fit:cover;margin-inline:auto}.post-thumbnail{border-bottom-left-radius:0;border-bottom-right-radius:0}.post-thumbnail-main{width:calc(min(100%,1200px) - 3rem)}.big-image-container{position:relative;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.content{margin-block-start:4rem}.post-content{display:flex;flex-direction:column}.low-block{margin-block-start:auto;align-self:flex-end}@media(max-width:350px){.mainblog.wrapper .post-grid{grid-template-columns:1fr}}body{height:100vh}.overlay{position:absolute;z-index:-1;opacity:0;inset:0;background-color:rgba(0,0,0,.25);backdrop-filter:blur(3px);transition:all .3s ease}.overlay.active{z-index:800;opacity:1}.popover_container{position:relative;width:100%;height:100%}.popover{height:auto;min-width:280px;background-color:var(--primary-white);border:2px solid var(--secondary-black);border-radius:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);z-index:-1;opacity:0;transition:all .3s ease}.popover.active{z-index:999;opacity:1;transform:translate(-50%,-50%)}.popover h1{text-align:center;font-size:1.5rem;font-weight:600;padding-block-start:3rem;padding-inline:1rem}.popover .icons{margin-block-start:2rem;display:flex;gap:2rem;justify-content:center;margin-block-end:3rem;align-items:center;padding-inline:1rem}.popover svg{fill:#000;position:relative}a:has(svg){display:inline-block;position:relative}a:has(svg):not(:last-child)::before{content:'';position:absolute;bottom:6px;height:80%;width:2px;background-color:lightgrey;inset-inline-end:-50%}.popover svg:hover{fill:var(--gold-dark)}.fixator{position:relative;width:100%;height:100%}#x-sign{font-family:Trebuchet MS;border-radius:999px;border:2px solid var(--secondary-black);position:absolute;top:0;right:0;padding-inline:.8rem;padding-block:.37rem;background-color:var(--gold-dark);text-align:center;position:absolute;transform:translate(50%,-50%);font-size:1rem;cursor:pointer;transition:all .3s ease}#x-sign:hover{background-color:var(--secondary-black);color:var(--secondary-white)}.x-block{display:block;transform:scaleX(1.6)scaleY(1.3)}footer{background:var(--primary-black);color:var(--primary-white);padding-block:var(--padding-section);margin-block-start:2rem}.mainfooter .container{display:flex;width:calc(min(var(--max-width-container),100%) - 3rem);margin-inline:auto}footer .container>*{gap:var(--spacing-m)}footer .container>*{flex:1}.firstcontainer{display:flex;flex-direction:column;justify-content:space-between}footer ul{display:flex;flex-direction:column;gap:.75rem}.footernav a{display:inline-block;height:100%;position:relative;color:var(--primary-white);font-size:1rem;transition:all .3s ease;padding:.4rem;overflow:hidden;text-decoration:none}.footernav a:hover{color:var(--gold-light)}.footernav a::before{content:"";position:absolute;inset-block-end:0;transform:translateX(-50%)scaleX(0);transform-origin:center;transition:all .3s ease;background-color:var(--gold-light);height:2px;width:80%}[dir=rtl] .footernav a::before{inset-inline-end:50%}[dir=ltr] .footernav a::before{inset-inline-start:50%}.footernav a:hover::before{transform:translateX(-50%)scaleX(1)}.footerlogo.logo{padding:0}.icons{display:flex;gap:2rem;justify-content:start}svg{width:32px;height:32px;fill:var(--primary-white);transition:all .25s ease}svg:hover{transform:scale(1.2);fill:var(--gold-light)}footer .insignificantlinks{margin-inline:auto;max-width:515px;flex-wrap:wrap;margin-block-start:2rem;display:flex;gap:1rem;justify-content:center;align-items:center;font-size:.8rem;padding:1rem}.smalllink{color:var(--secondary-white)}.smalllink:hover{text-decoration:underline}footer small,footer a{display:inline-block;white-space:nowrap}.load-more-container{display:flex;justify-content:center;align-items:center;margin-block:2rem 4rem;gap:1rem}#load-more-button{background-color:var(--gold-dark);color:var(--primary-white);border:none;border-radius:var(--radius-pill);padding:.8rem 2.5rem;font-size:1rem;font-weight:var(--fw-semibold);cursor:pointer;transition:all .2s ease-out}#load-more-button:hover{filter:brightness(1.15);transform:scale(1.03)}.loading-spinner svg{width:36px;height:36px;fill:var(--gold-dark)}@media(max-width:720px){header{background:var(--primary-black)}header .wrapper:has(nav){width:calc(min(100%,var(--max-width-container)) - 2rem)}.hamburger{display:block;position:relative}.nav-menu{display:none;flex-direction:column;width:100%;position:absolute;inset-block-start:60px;inset-inline-end:0;background-color:var(--backdrop-bg);backdrop-filter:blur(3px);text-align:center}.nav-menu.active{display:flex;gap:0}.nav-menu.active~.hamburger .bar{background:var(--gold-dark);height:4px}.nav-menu ul{flex-direction:column;gap:0}.nav-menu li{width:100%}.nav-menu li:last-child{padding-block:1rem}.nav-menu a{display:inline-block;width:100%;color:var(--primary-white);transition:none}.nav-menu a:hover{background-color:var(--hover-light-bg);color:var(--primary-black)}.nav-menu .btn{width:auto}.nav-menu li a:hover::before{transition:all 0;display:none}footer .container{flex-direction:column}footer .container .firstcontainer{gap:20px;align-items:center}footer ul{flex-direction:row;justify-content:center}footer small{display:block;text-align:center;color:grey}}.footerlogo.logo{margin-bottom:40px}