*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}nav{z-index:10;align-items:center;width:90%;padding:2em 0;display:flex;position:fixed}nav ul{flex-direction:row;gap:1em;margin-left:auto;list-style:none;display:flex}nav ul li a{color:#f7f7f7}h1{color:#f7f7f7;font-size:72px}h2{font-size:56px}.heading-subtitle{text-transform:uppercase;letter-spacing:2px;width:fit-content;margin:0;font-size:12px}#hero .heading-subtitle{color:#f7f7f7}.btn{color:#f7f7f7;-webkit-backdrop-filter:blur(4px);background:#29343c66;border:2px solid #f7f7f7;border-radius:30px;width:fit-content;padding:.8em 1em}.section{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:3% 0;display:flex}#hero{position:relative}#hero:before{content:"";z-index:0;background:#0009;position:absolute;inset:0}#hero .row{z-index:1}#hero .row:first-child{padding-top:100px}#hero .col{position:relative}#hero .hero-links-container{gap:1em;margin-left:auto;display:flex}#hero .hero-links-container a{color:#f7f7f7}#hero h1{max-width:800px}#hero p{color:#eee;max-width:800px}.section--dark{background-color:#29343c}.section--light{background-color:#f7f7f7}.row{align-items:center;width:80%;max-width:1366px;display:flex}.row.full-width{width:100%;max-width:100%}@media screen and (width>=991px){.row.carousel{display:none}}@media screen and (width<=990px){.row.projects-row{display:none}}@media screen and (width>=1921px){.row{max-width:80%}}.col{flex-direction:column;justify-content:center;gap:20px;width:100%;display:flex}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1em;display:grid}@media screen and (width>=1921px){.projects-grid{grid-template-columns:repeat(4,1fr)}}.platform-logo{aspect-ratio:1;width:24px}.project-info-grid{color:#f7f7f7;grid-template-columns:repeat(2,1fr);gap:2em;max-width:fit-content;margin-top:10px;margin-left:auto;display:grid}.project-info-grid .info-container{-webkit-backdrop-filter:blur(8px);flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:1em;display:flex}.project-info-grid .info-container .info-row{gap:10px;display:flex}.tag{color:#29343c;background:#f7f7f7;border-radius:30px;align-items:center;gap:8px;padding:.3em .8em;display:flex;position:relative}.tag:before{content:"";aspect-ratio:1;background-color:#29343c;border-radius:50%;width:10px;top:0;left:0}.project-card{aspect-ratio:7/8;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;flex-direction:column;justify-content:flex-end;width:100%;padding:1em;display:flex;position:relative;overflow:hidden}@media screen and (width<=991px){.project-card{scroll-snap-align:start;border-radius:0;flex:0 0 300px;width:auto}}.project-card:before{content:"";background-image:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.project-card:hover:before{transform:scale(1.1)}.project-card .bg-overlay{z-index:0;background:linear-gradient(#1110,#111111b3 80%);width:100%;height:100%;transition:all .4s;position:absolute;inset:0;transform:translateY(0)}.project-card:hover .bg-overlay{transform:translateY(100%)}.project-card .hover-overlay{z-index:2;mix-blend-mode:screen;pointer-events:none;background-color:#1616ae;justify-content:center;align-items:center;transition:all .4s;display:flex;position:absolute;inset:0;transform:translateY(-100%)}.project-card:hover .hover-overlay{transform:translateY(0)}.project-card .content{z-index:1}.project-card h3,.project-card p,.project-card span{color:#fff;text-decoration:none}.project-card .content{grid-template-rows:1fr;transition:all .4s;display:grid;overflow:hidden}.project-card .content .hidden{grid-template-rows:0fr;display:grid;overflow:hidden}.project-card:hover .content{grid-template-rows:0fr}.project-card .hidden span{margin-left:auto}.carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:0;display:flex;overflow-x:auto}