header{h1{font-weight:200;opacity:80%;margin-bottom:0;b{font-weight:700;opacity:50%}}}header.small{position:fixed;top:0;width:100%;background-color:var(--clr-darkest);z-index:10;filter:drop-shadow(0 0 .2em var(--clr-darkest));height:var(--header-small-height);display:flex;flex-direction:row;align-items:center;justify-content:center;transform:translateY(0);transition:transform .25s ease;will-change:transform;h1{font-size:2rem;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0;padding:.6em;color:var(--clr-light2)}.enso svg{display:flex;width:1.3em;height:1.3em;margin-right:.6em;path{stroke:var(--clr-light);stroke-width:20pt}}}header.small.hidden{transform:translateY(-110%)}header.large{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;margin-bottom:15vh;min-height:60vh;h1{font-size:3.6rem;font-weight:100;opacity:60%;b{font-weight:700;opacity:40%}}h2{font-weight:200;font-size:2rem!important;margin-top:.8rem;margin-bottom:3rem;text-align:center}.enso{svg{display:flex;width:30vw;height:30vh;filter:drop-shadow(-.3rem .3rem 15px #2222);animation:fadeOut linear both;animation-timeline:scroll(root);animation-range:0 50vh;@media screen and (width>=700px){margin-top:12vh}@media screen and (width<=900px){width:80vw;margin-top:6rem;margin-bottom:3rem}}}nav{display:flex;justify-content:center;align-items:center;gap:1rem;li{display:block;.button{font-size:1.2rem;border:none;color:var(--clr-dark);background-color:var(--clr-light);padding:.3rem .6rem;cursor:pointer;outline:1pt solid transparent}.button:hover,.button:focus{outline:1pt solid var(--clr-primary)}a.github{position:relative;top:.05rem;font-size:1.4rem;cursor:pointer}}}}.enso{position:relative;display:inline-block}.enso svg{display:block;width:100%;height:auto}.enso:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,var(--clr-highlight),var(--clr-highlight2),transparent 25%);mix-blend-mode:screen;opacity:.25;animation:ensoPulse 6s ease-in-out infinite;pointer-events:none}@keyframes ensoPulse{0%,to{opacity:.02;transform:scale(.1);filter:blur(0px)}45%{opacity:.12}55%{opacity:.25;filter:blur(20pt);transform:scale(1.02)}70%{opacity:.18}}.gallery.gallery-Contact{background-color:#000;padding:10vh 0 40vh;h3{padding:10rem 0 7rem;font-size:200%}.cards{justify-content:center;overflow:hidden;.card{[class^=icon-]:before,[class*=" icon-"]:before{font-size:4rem}}}}.gallery h3{backdrop-filter:blur(4pt);top:6em;padding:1.4em 0;display:flex;justify-content:center;align-items:center;margin:0;line-height:1;z-index:100;box-shadow:1pt 0 2pt #0005;font-variant:small-caps;font-size:1rem;letter-spacing:3pt;font-family:sans-serif;text-align:center;text-transform:uppercase;transition:all .3s;font-weight:100;pointer-events:none}.scroll-indicator{position:absolute;top:37%;font-size:1.5em;font-weight:700;padding:.25em .4em;border-radius:.3em;z-index:10;display:flex;align-items:center;justify-content:center;user-select:none;opacity:.5;color:var(--clr-highlight);border:.3rem solid var(--clr-dark2);background-color:var(--clr-dark2)!important}@media(min-width:700px){.scroll-indicator{color:var(--clr-highlight2);border:.3rem solid var(--clr-dark2);background-color:var(--clr-dark2)!important;opacity:.9}}.scroll-indicator:hover,.scroll-indicator:focus-within{opacity:.9}.scroll-left-indicator{left:1.5em;cursor:w-resize}.scroll-right-indicator{right:.5em;cursor:e-resize}.cards-container{width:100vw;overflow:hidden;margin-left:calc(50% - 51vw);position:relative}.cards{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;gap:1em;margin-bottom:3em;padding:1em 2em;box-sizing:border-box;max-width:100%;margin-inline:auto;scrollbar-gutter:stable both-edges;scrollbar-color:transparent transparent;transform:scrollbar-color .5s}.cards::-webkit-scrollbar{height:1em}.cards::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px;transition:background-color .3s ease}@media(max-width:700px){.scroll-indicator{font-size:1rem}.scroll-left-indicator{left:0}.scroll-right-indicator{right:0}.cards>.card:first-child,.cards>.card:last-child{margin-left:0;margin-right:0}}.card{max-width:40vw;min-width:32em;display:flex;flex:0 0 280px;flex-direction:column;gap:1em;background:var(--clr-dark);border-radius:1em;border:1px solid var(--clr-dark2);padding:1.5em;cursor:pointer;box-shadow:0 5px 5px var(--clr-darkest);opacity:1}.card:hover,.card:focus{box-shadow:0 25px 25px var(--clr-darkest);border-color:var(--clr-highlight2);cursor:pointer}.card-title{font-weight:100;font-size:24pt;text-shadow:0 0 .1em var(--clr-darkest);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin:0;padding:0;display:flex;align-items:flex-end;color:var(--clr-light)}.card:hover .card-title{color:var(--clr-highlight)}.card-body{display:flex;gap:1em;align-items:center;flex-wrap:wrap;opacity:.9}.card-body:focus-within,.card-body:hover{opacity:1}.card-body p{margin-top:0}.card-image{flex-shrink:0;width:100%;height:16rem;overflow:hidden;background-color:var(--clr-darkest);border-radius:0;display:flex;justify-content:center;align-items:center;object-fit:contain;img{border-radius:0;box-shadow:0 4px 5px var(--clr-darkest);flex-shrink:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}}.card-content{flex:1 1 auto}.card-description{margin:0;font-size:1em;line-height:1.6}@media(max-width:700px){.card{flex:0 0 80vw;max-width:90%;min-width:auto}.card-body{flex-direction:column;align-items:flex-start}.card-image{width:100%;height:10em;border-radius:.5em .5em 0 0}.card-image img{width:100%;height:auto;border-radius:1em}}.gallery.gallery-Contact .card{justify-content:center}
