:root{--bg-a: 100%;--bg-b: 92%;--bg-c: 84%;--bg-d: 70%;--mi-a: 50%;--fg-a: 6%;--fg-b: 12%;--fg-c: 24%;--fg-d: 36%;--hu-r: 0;--hu-o: 35;--hu-g: 100;--hu-b: 220;--hu-p: 270}@media (prefers-color-scheme: dark){:root{--bg-a: 8%;--bg-b: 14%;--bg-c: 23%;--bg-d: 34%;--mi-a: 50%;--fg-a: 100%;--fg-b: 90%;--fg-c: 75%;--fg-d: 55%}}*,::before,::after{box-sizing:border-box}body{color:hsl(0, 0%, var(--fg-a));background-color:hsl(0, 0%, var(--bg-a));margin:0;padding-top:50px;font-family:sans-serif;font-size:16px;font-weight:400}h1{font-size:32px;font-weight:600;margin:42px 0 10px 0;line-height:100%}h2{font-size:26px;font-weight:600;margin:24px 0 10px 0}h3{font-size:24px;font-weight:600;margin:20px 0 10px 0}h4{font-size:20px;font-weight:600;margin:10px 0 10px 0}p{font-size:16px;margin:10px 0}code{font-size:16px}a:link{color:hsl(var(--hu-b), 100%, var(--fg-c));text-decoration:none}a:visited{color:hsl(var(--hu-p), 100%, var(--fg-c));text-decoration:none}a:hover{color:hsl(var(--hu-p), 100%, var(--fg-b));text-decoration:underline}figure{margin:0}ol,ul{padding-left:30px}hr{background-color:hsl(0, 0%, var(--bg-c));border-width:0;height:1px}blockquote{background-color:hsl(0, 0%, var(--bg-b));margin:10px 0;padding:15px 20px;border-left:3px solid hsl(0, 0%, var(--bg-d))}table{flex:1;min-width:200px}th,td{background-color:hsl(0, 0%, var(--bg-b));padding:10px}img{width:100%}code{background-color:hsl(0, 0%, var(--bg-b));padding:2px 4px}pre>code{padding:12px;display:block;overflow-x:auto;width:100%}.nav{background-color:hsl(0, 0%, var(--bg-a));border-bottom:1px solid hsl(0, 0%, var(--bg-c));position:fixed;top:0;width:100%;height:50px;z-index:3}.nav__item{color:hsl(0, 0%, var(--fg-d));text-decoration:none;line-height:50px;transition:200ms;float:right;margin-left:15px}.nav__item:visited,.nav__item:link{color:hsl(0, 0%, var(--fg-d))}.nav__item:hover{color:inherit;text-decoration:none}.nav__item--primary{color:hsl(0, 0%, var(--fg-a));color:inherit;float:left;font-size:22px;font-weight:700;letter-spacing:-1px;margin:0}.nav__item--primary:visited,.nav__item--primary:link{color:hsl(0, 0%, var(--fg-a))}.nav__item--active{color:inherit}.nav__item--active:visited,.nav__item--active:link{color:inherit}.hero{text-align:center;margin:80px 0}.hero__title{background:linear-gradient(80deg, hsl(var(--hu-o), 100%, var(--mi-a)) 0%, hsl(var(--hu-b), 100%, var(--mi-a)) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:80px;letter-spacing:-2px;font-weight:800;margin:0 0 20px 0}.hero__about{color:hsl(0, 0%, var(--fg-d));font-size:28px;margin:0}.footer{color:hsl(0, 0%, var(--fg-c));text-align:center;margin-top:40px;padding:10px 0;box-shadow:0 -1px hsl(0, 0%, var(--bg-c))}.footer p{margin:0 auto}.container{padding:0 20px;max-width:1000px;margin:0 auto}.container--fill{max-width:unset;margin:0 auto}.page-heading{text-align:center;margin-bottom:20px}.gallery{display:flex;flex-wrap:wrap;gap:10px}.gallery li{flex-grow:1;height:360px;list-style-type:none}.gallery li img{box-sizing:border-box;object-fit:cover;vertical-align:middle;height:100%;width:100%}.gallery::after{content:"";flex-grow:100}@media screen and (max-width: 560px){.gallery li{height:auto;min-height:unset}}.card{background-color:hsl(0, 0%, var(--bg-b));padding:20px}.card img{height:100%}.card__banner{margin:-20px 0 0 -20px;width:calc(100% + 40px);height:200px}.card__banner img{object-fit:cover}.card__footer{padding-top:10px}.card--animated-cog{position:relative;overflow:hidden}.card--animated-cog i{position:absolute;bottom:-80px;right:-80px;color:hsl(0, 0%, var(--bg-a));font-size:280px}.btn{background-color:hsl(0, 0%, var(--bg-c));color:hsl(0, 0%, var(--fg-a));display:inline-block;padding:16px 28px;text-align:center;vertical-align:middle;font-weight:600;text-decoration:none;transition-duration:150ms}.btn i{margin-right:8px}.btn:hover{color:inherit;box-shadow:0 0 0 2px hsl(0, 0%, var(--bg-d));transform:scale(1.1)}.btn:visited,.btn:link{color:inherit;text-decoration:none}.btn--popup{padding:10px 14px;min-width:25px;margin:4px;position:relative}.btn--popup i{margin:0}.btn--popup span{background-color:inherit;transition-duration:250ms;box-shadow:0 0 0 2px hsl(0, 0%, var(--bg-d));padding:0 14px;position:absolute;bottom:100%;right:-40px;visibility:hidden;opacity:0}.btn--popup:hover span{padding:8px 14px;visibility:visible;opacity:1}.btn--popup:active{transform:unset}.chip{color:hsl(0, 0%, var(--fg-d));font-size:14px;background:rgba(0,0,0,0);padding:4px 6px;border:2px solid hsl(0, 0%, var(--bg-c))}.explore-card{min-width:300px;height:300px;position:relative;transition:150ms;overflow:hidden}.explore-card__img{transition:200ms;object-fit:cover;width:100%;height:100%;justify-content:center}.explore-card__content{transition:200ms;background-color:hsla(0, 0%, var(--bg-b), 86%);width:100%;position:absolute;bottom:0;padding:20px}.explore-card__content *{margin:0 0 3px 0}.explore-card__content p{color:hsl(0, 0%, var(--fg-c))}.explore-card a{width:100%;height:100%;position:absolute;z-index:2;transition-duration:box-shadow;transition-duration:200ms}.explore-card:hover img{transform:scale(1.1)}.explore-card:hover div{padding-bottom:40px}