:root{--shadow:#151b1fcc;--background-color:#0d1b2a;--background-color-2:#1b263b;--background-color-trans:rgba(13,27,42,.75);--slate:#8892b0;--light-slate:#ccd6f6;--lightest-slate:#a8b2d1;--theme-color:#f4c542;--theme-color-transparent:rgba(244,197,66,.3);--tsm:13px;--tsm1:14px;--tsm2:15px;--tbase:16px;--tlarge:18px;--tlarge2:22px;--txlarge:25px;--tx2large:32px;--tgiantsub:clamp(25px,6vw,48px);--tgiant:clamp(36px,8vw,80px);--nav-height:100px;--nav-scroll-height:70px;--easing:cubic-bezier(0.645,0.045,0.355,1);--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1)}@media screen and (max-width:480px){:root{--tx2large:25px}}[data-theme=deep-purple]{--background-color:#0a192f;--background-color-2:#112240;--background-color-trans:rgba(10,25,47,.75);--theme-color:#9d00ff;--theme-color-transparent:rgba(157,0,255,.3)}[data-theme=poison-green]{--background-color:#2c2c2c;--background-color-2:#3b3b3b;--background-color-trans:rgba(44,44,44,.75);--theme-color:#4caf50;--theme-color-transparent:rgba(76,175,80,.3)}[data-theme=dracula-red]{--background-color:#282a36;--background-color-2:#44475a;--background-color-trans:rgba(40,42,54,.75);--theme-color:#f55;--theme-color-transparent:rgba(255,85,85,.3)}[data-theme=classic-blue]{--background-color:#1e2326;--background-color-2:#252a2e;--background-color-trans:rgba(30,35,38,.75);--theme-color:#1cb698;--theme-color-transparent:rgba(28,182,152,.3)}[data-theme=light]{--background-color:#fff;--background-color-2:#f0f4f8;--background-color-trans:hsla(0,0%,100%,.75);--slate:#2d3748;--light-slate:#4a5568;--lightest-slate:#718096;--theme-color:#007acc;--theme-color-transparent:rgba(0,122,204,.3)}[data-theme=light-lavender]{--background-color:#eae7dc;--background-color-2:#d8c3a5;--background-color-trans:hsla(47,25%,89%,.75);--slate:#7a6a49;--light-slate:#727270;--lightest-slate:#8d7d67;--theme-color:#e85a4f;--theme-color-alt:#e98074;--theme-color-transparent:rgba(232,90,79,.3)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-color);font-size:var(--tlarge)}body,html{scroll-behavior:smooth!important}section{margin:0 auto;padding:100px 0}h1,h2,h3,h4,h5,h6{margin:0 0 10px;font-weight:600;color:var(--lightest-slate);line-height:1.1}li,p{color:var(--light-slate)}iframe{border-radius:.25rem;background:transparent;margin:0;padding:0;border:0;display:block}hr{border-color:var(--lightest-slate);margin:1.5rem 0}.no-scroll{overflow:hidden;cursor:default}.big-heading{margin:0;font-size:clamp(40px,8vw,80px)}.medium-heading{margin:0;font-size:clamp(32px,8vw,60px)}::-moz-selection{background:var(--theme-color-transparent);color:#fff}::selection{background:var(--theme-color-transparent);color:#fff}::-webkit-scrollbar{width:.6rem}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--slate);border-radius:.2rem}figure{background-color:var(--background-color-2);color:#fff;border-radius:.4rem;margin:.5rem 0;padding:1.25em;overflow:auto;position:relative;font-family:var(--font-mono)}figcaption,figure{font-size:var(--tbase)}figcaption{color:var(--white);font-family:var(--font-fira-code);line-height:1.5;letter-spacing:.01em;border-radius:0 0 3px 3px;position:absolute;top:0;left:1.25rem;padding:.25rem .5rem}pre[data-language]{position:relative;overflow:auto;color:#c6d0f5;padding:.5em 0 1em;border-radius:.5em}figcaption[data-language]{position:absolute;top:0;left:40px;color:var(--lightest-slate);padding:.1em .4em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;z-index:1;background-color:var(--background-color)!important}pre{border-radius:.2rem;max-width:700px;background-color:var(--background-color-2)!important}code{counter-reset:line}code>[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;width:1rem;margin-right:2rem;text-align:right;color:var(--slate)}code[data-line-numbers-max-digits="2"]>[data-line]:before{width:2rem}code[data-line-numbers-max-digits="3"]>[data-line]:before{width:3rem}main{margin:0 auto;width:100%;max-width:1600px;min-height:100vh;padding:200px 150px;counter-reset:title}main.fillHeight{padding:0 150px}@media screen and (max-width:1125px){main.fillHeight{padding:0 100px}}@media(max-width:768px){main.fillHeight{padding:0 50px}}@media(max-width:480px){main.fillHeight{padding:0 25px}}.logo{display:flex;justify-content:center;align-items:center}.logo .logo-link{width:42px;height:42px;position:relative;cursor:pointer}.logo .logo-link .hex-container{position:absolute;top:0;left:0;z-index:-1}.logo .logo-link .hex-container svg{width:100%;height:100%;transition:var(--transition);transform-origin:center}.logo .logo-link .logo-container{position:relative;z-index:1}.logo .logo-link .logo-container svg{fill:none;user-select:none;transition:var(--transition)}.logo .logo-link .logo-container svg polygon{fill:var(--background-color)}.logo .logo-link:focus,.logo .logo-link:hover{outline:0}.logo .logo-link:focus .logo-container svg,.logo .logo-link:hover .logo-container svg{transform:translate(-5px,-6px)}.btn{color:var(--theme-color);padding:.5rem .75rem;text-decoration:none;background-color:transparent;border:1px solid var(--theme-color);border-radius:.2rem;font-size:var(--tsm1);outline:none;transition:var(--transition)}.btn:focus-visible,.btn:hover{outline:none;box-shadow:4px 4px 0 0 var(--theme-color);transform:translate(-5px,-5px)}.btn:after{display:none!important}.social-icons{position:fixed;bottom:0;left:3rem}.social-icons-list{list-style-type:none;display:flex;flex-direction:column;gap:.5rem}.social-icons-list-item{font-size:var(--tlarge2);display:flex;justify-content:center;align-items:center;transition:var(--transition)}.social-icons-list-item-link{padding:10px;color:var(--lightest-slate);transition:var(--transition);outline:2px dashed transparent;border-radius:.2rem}.social-icons-list-item-link:focus,.social-icons-list-item-link:hover{color:var(--theme-color);transform:translateY(-4px)}.social-icons-list-item-link:focus{outline-color:var(--theme-color)}.social-icons-list-item:last-child{margin-bottom:2rem}.social-icons-list:after{content:"";display:block;width:2px;height:90px;background-color:var(--lightest-slate);margin:0 auto}@media screen and (max-width:1125px){.social-icons{left:1rem}}@media screen and (max-width:768px){.social-icons{display:none}}.email{position:fixed;bottom:0;right:3rem;display:flex;flex-direction:column;gap:1.5rem}.email-link{writing-mode:vertical-rl;text-decoration:none;color:var(--light-slate);font-family:var(--fira-code);font-size:var(--tsm2);letter-spacing:.1rem;margin-bottom:20px;outline:2px dashed transparent;border-radius:.2rem;padding:10px;transition:var(--transition)}.email-link:hover{color:var(--theme-color);transform:translateY(-4px)}.email-link:focus{outline-color:var(--theme-color)}.email:after{content:"";display:block;width:2px;height:90px;background-color:var(--lightest-slate);margin:0 auto}@media screen and (max-width:1125px){.email{right:1rem}}@media screen and (max-width:768px){.email{display:none}}.link{text-decoration:none;display:inline-block;position:relative}.link,.link a{color:var(--theme-color)!important}.link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:.5px;bottom:0;left:0;background-color:var(--theme-color);transform-origin:bottom right;transition:transform .25s ease-out}.link:focus:after,.link:hover:after{transform:scaleX(1);transform-origin:bottom left}.link:focus{outline:none}.bullet-link{text-decoration:none;display:inline-block;position:relative;color:var(--slate)}.bullet-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:.5px;bottom:0;left:0;background-color:var(--theme-color);transform-origin:bottom right;transition:transform .25s ease-out}.bullet-link:focus:after,.bullet-link:hover:after{transform:scaleX(1);transform-origin:bottom left;color:var(--theme-color)}.bullet-link:focus{outline:none}.mdx-p{color:var(--slate)}.mdx-section-sm{max-width:700px;padding:0 0 20px}.mdx-section-md{max-width:900px;padding:0 0 20px}.mdx-iframe{position:relative;padding-bottom:55%;margin-bottom:.75rem;border-radius:.25rem}.mdx-iframe iframe{position:absolute;border-radius:.25rem;top:0;left:-1%;width:102%;height:100%}code{background-color:var(--background-color-2);padding:3px;font-family:var(--font-fira-code);font-weight:400;font-size:var(--tsm2)}#swiperGallery .mySwiper,code{border-radius:.25rem}#swiperGallery .mySwiper .swiper-slide{display:flex;justify-content:center;align-items:center}#swiperGallery .mySwiper img{position:relative;max-width:100%;max-height:100%;object-fit:cover;user-select:none}#swiperGallery .mySwiper .swiper-pagination-bullet{background-color:#999;width:12px;height:12px;opacity:.5;transition:var(--transition)}#swiperGallery .mySwiper .swiper-pagination-bullet-active{background-color:var(--theme-color);opacity:1}#swiperGallery .mySwiper .swiper-button-next,#swiperGallery .mySwiper .swiper-button-prev{color:var(--light-slate);width:40px;height:40px}#swiperGallery .mySwiper .swiper-button-next:after,#swiperGallery .mySwiper .swiper-button-prev:after{font-size:var(--txlarge);font-weight:700;color:var(--light-slate)}.accordion{border-radius:.5rem;overflow:hidden;border:1px solid var(--slate)}.accordion .content{padding:0 1rem 1rem}.accordion .accordion-header{padding:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.accordion .accordion-header h3{margin:0;user-select:none}.accordion .accordion-header span{font-size:1.5rem;color:var(--slate);user-select:none}.accordion .accordion-header:first-child{border-top:none}.accordion .accordion-content{max-height:0;overflow:hidden}.accordion .accordion-content.open{max-height:2500px;transition:var(--transition)}.accordion .accordion-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.accordion .accordion-column{flex:1 1 45%;min-width:350px}@media screen and (max-width:480px){.accordion .accordion-column{flex:1 1 50%;min-width:100%}.accordion .content{padding:0}}nav{height:var(--nav-height);position:fixed;padding:0 50px;top:0;z-index:11;width:100%;background-color:var(--background-color-trans);filter:none!important;pointer-events:auto!important;user-select:auto!important;backdrop-filter:blur(10px);transition:var(--transition);box-shadow:none;display:flex;align-items:center}nav.scrolled{height:var(--nav-scroll-height);box-shadow:0 10px 30px -10px var(--shadow)}nav.scroll-down{transform:translateY(-100%)}nav.scroll-up{transform:translateY(0)}nav .wrapper{width:100%;justify-content:space-between;transition:var(--transition);position:relative}nav .wrapper,nav .wrapper .brand,nav .wrapper .brand a{display:flex;align-items:center}nav .wrapper .brand a{justify-content:center;color:var(--theme-color);width:3rem;margin:0;height:3rem;fill:none;transition:var(--transition);outline:2px dashed transparent;cursor:pointer}nav .wrapper .brand a:hover{fill:#fff}nav .wrapper .brand a:focus{outline:var(--theme-color);fill:#fff}nav .wrapper .nav-responsive-toggle{display:none;color:var(--theme-color);font-size:var(--tx2large);justify-content:center;align-items:center;transition:var(--transition);z-index:15}@media screen and (max-width:1020px){nav .wrapper .nav-responsive-toggle{display:flex;position:relative;cursor:pointer}}nav .wrapper .nav-items{display:flex;align-items:center;gap:1rem;color:var(--lightest-slate);font-size:var(--tsm);counter-reset:nav-list;font-family:var(--font-fira-code)}nav .wrapper .nav-items-list{display:flex;gap:1rem;list-style-type:none}nav .wrapper .nav-items-list-item{display:flex;align-items:center}nav .wrapper .nav-items-list-item a{transition:var(--transition);color:inherit;text-decoration:none;padding:10px}nav .wrapper .nav-items-list-item a:before{counter-increment:nav-list;content:"0" counter(nav-list) ".";color:var(--theme-color);padding-right:3px}nav .wrapper .nav-items-list-item a:hover{color:var(--theme-color)}nav .wrapper .nav-items .nav-button{display:flex}nav .wrapper .nav-items .nav-button .btn{padding:.5rem .75rem}@media screen and (max-width:1020px){nav .wrapper .nav-items{position:fixed;height:100vh;right:0;top:0;width:0;opacity:0;visibility:hidden;padding:50px 10px;background-color:var(--background-color-2);flex-direction:column;justify-content:center;align-items:center;transition:var(--transition);z-index:11}nav .wrapper .nav-items-list{flex-direction:column}nav .wrapper .nav-items.nav-responsive{width:min(75vw,400px);visibility:visible;opacity:1}}@media(max-width:1080px){nav{padding:0 40px}}@media(max-width:768px){nav{padding:0 25px}}@media(prefers-reduced-motion:no-preference){nav.scroll-up{transform:translateY(0)}nav.scroll-down,nav.scroll-up{height:var(--nav-scroll-height)}nav.scroll-down{transform:translateY(-var(--nav-scroll-height))}nav:not(.scrolled){height:var(--nav-height);background-color:var(--background-color)}}.blur{filter:blur(5px);transition:var(--transition)}.hero{margin-top:4rem;padding:0 6rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;justify-content:center;min-height:100vh}.hero-title{color:var(--theme-color);font-size:var(--tbase);font-weight:500;font-family:var(--font-fira-code)}.hero-title-large{font-size:var(--tgiant);font-family:var(--font-raleway);margin:0;color:var(--light-slate);font-weight:600}.hero-title-sub{font-size:var(--tgiantsub);margin:0;color:var(--lightest-slate)}.hero-text{color:var(--slate);margin-right:40%;font-size:var(--tlarge);letter-spacing:.07rem;line-height:1.6rem;font-weight:400;font-family:var(--font-raleway)}@media(max-width:1080px){.hero-text{margin-right:0}}@media(max-width:768px){.hero-text{margin-right:0}}@media(max-width:480px){.hero-text{margin-right:0;font-size:var(--tsm1)}}.hero-button{display:flex;margin-top:1rem}.hero-button .btn{padding:1rem}@media(max-width:1080px){.hero{padding:0;margin-top:0}}.about{max-width:900px}.about .title{font-family:var(--font-raleway);color:var(--lightest-slate);position:relative}.about .title h2{margin-bottom:2rem;font-size:var(--tx2large);font-weight:700;display:flex;align-items:center;white-space:nowrap;width:100%}.about .title h2:before{counter-increment:title;font-family:var(--font-fira-code);font-size:var(--tlarge2);font-weight:600;content:"0" counter(title) ".";margin-right:.5rem;color:var(--theme-color)}.about .title h2:after{content:"";width:300px;height:1px;margin-left:20px;background-color:var(--slate);align-self:center}.about-grid{display:grid;grid-template-columns:60% 40%;gap:1rem}.about-grid-info{display:flex;flex-direction:column;gap:1rem}.about-grid-info-text{color:var(--slate);margin-right:10%;font-size:var(--tlarge);letter-spacing:.07rem;line-height:1.6rem;font-weight:500;font-family:var(--font-raleway)}.about-grid-info-list{display:grid;grid-template-columns:33% 33% 33%;list-style-type:none;padding:0 2rem}.about-grid-info-list-item{font-family:var(--font-raleway);line-height:1.6rem;font-weight:500;font-size:var(--tbase);color:var(--slate);position:relative}.about-grid-info-list-item:before{content:"▹";position:absolute;left:-20px;top:6px;color:var(--theme-color);line-height:12px}.about-grid-photo{position:relative;width:max-content;height:max-content}.about-grid-photo:hover .overlay{background-color:transparent}.about-grid-photo:hover .overlay-border{top:1.2rem;left:1.2rem}.about-grid-photo:hover img{transform:translate(-.2rem,-.2rem);filter:none}.about-grid-photo .overlay{transition:.3s ease-in-out;z-index:1;position:absolute;height:350px;width:350px;background-color:var(--theme-color-transparent);border-radius:.2rem}.about-grid-photo .overlay-border{z-index:-3;height:100%;width:100%;position:absolute;border:2px solid var(--theme-color);top:1rem;left:1rem;border-radius:.2rem;transition:.3s ease-in-out}.about-grid-photo-container{position:relative;height:350px;width:350px;object-fit:cover}.about-grid-photo-container img{z-index:0;filter:grayscale(100%);transition:.3s ease-in-out;border-radius:.2rem}@media screen and (max-width:1440px){.about-grid-info-list{grid-template-columns:50% 50%}}@media screen and (max-width:1280px){.about{margin:5rem 0;padding:0}.about-grid-info-list{grid-template-columns:50% 50%}}@media screen and (max-width:1080px){.about{margin:5rem 0;padding:0}.about .title h2:after{width:200px}.about-grid-photo .overlay,.about-grid-photo-container{height:223px;width:223px}.about-grid-info-list{grid-template-columns:50% 50%}}@media screen and (max-width:768px){.about .title h2:after{flex-grow:1;width:100%}.about-grid{display:flex;justify-content:center;align-items:center;flex-direction:column}.about-grid-photo{margin-top:3rem}.about-grid-photo .overlay,.about-grid-photo-container{height:300px;width:300px}.about-grid-info-text{margin-right:0}}@media screen and (max-width:480px){.about-grid-info-text{font-size:var(--tsm2)}.about-grid-photo .overlay,.about-grid-photo-container{height:223px;width:223px}}.reel{margin:0 auto;max-width:700px}.reel .title{font-family:var(--font-raleway);color:var(--lightest-slate);position:relative}.reel .title h2{margin-bottom:2rem;font-size:var(--tx2large);font-weight:700;display:flex;align-items:center;white-space:nowrap;width:100%}.reel .title h2:before{counter-increment:title;font-family:var(--font-fira-code);font-size:var(--tlarge2);font-weight:600;content:"0" counter(title) ".";margin-right:.5rem;color:var(--theme-color)}.reel .title h2:after{content:"";display:flex;position:relative;width:300px;height:1px;margin-left:20px;background-color:var(--slate)}.reel-grid-video{position:relative}.reel-grid-video:hover .overlay,.reel-grid-video:hover iframe{transform:translate(-.2rem,-.2rem);background-color:transparent;border-radius:.4rem;transition:var(--transition)}.reel-grid-video:hover .overlay-border{top:1.2rem;left:1.2rem;border-radius:.4rem;transition:var(--transition)}.reel-grid-video:hover iframe{filter:none;border-radius:.4rem;transition:var(--transition)}.reel-grid-video .overlay{z-index:1;background-color:var(--theme-color-transparent);border-radius:.2rem}.reel-grid-video .overlay,.reel-grid-video .overlay-border{transition:var(--transition);position:absolute;height:100%;width:100%;pointer-events:none}.reel-grid-video .overlay-border{z-index:0;border:2px solid var(--theme-color);top:1rem;left:1rem;border-radius:.2rem}.reel-grid-video-container{position:relative;height:100%;width:100%;object-fit:cover}.reel-grid-video-container iframe{z-index:2;filter:grayscale(100%);transition:var(--transition);border-radius:.2rem}@media(max-width:920px){.reel-grid-video-container iframe{height:320px}}@media(max-width:630px){.reel-grid-video-container iframe{height:245px}}@media(max-width:536px){.reel-grid-video-container iframe{height:200px}}.reel .reel-link{margin-top:1.5rem;margin-left:1.5rem}@media screen and (max-width:1080px){.reel .title h2:after{width:200px}}@media screen and (max-width:768px){.reel .title h2:after{flex-grow:1;width:100%}}.projects{margin:0 auto;max-width:900px}.projects .title{font-family:var(--font-raleway);color:var(--lightest-slate);position:relative}.projects .title h2{margin-bottom:2rem;font-size:var(--tx2large);font-weight:700;display:flex;align-items:center;white-space:nowrap;width:100%}.projects .title h2:before{counter-increment:title;font-family:var(--font-fira-code);font-size:var(--tlarge2);font-weight:600;content:"0" counter(title) ".";margin-right:.5rem;color:var(--theme-color)}.projects .title h2:after{content:"";display:flex;position:relative;width:300px;height:1px;margin-left:20px;background-color:var(--slate)}.projects .projects-container{display:flex;flex-direction:column;gap:15rem;border-radius:.2rem}.projects .projects-container .project{position:relative;display:flex;justify-content:flex-end;border-radius:.2rem}.projects .projects-container .project-image{position:relative;width:100%;max-width:600px;aspect-ratio:16/9;border-radius:.2rem;overflow:hidden;position:absolute;top:0;left:0}.projects .projects-container .project-image:hover .project-image-overlay{background-color:transparent}.projects .projects-container .project-image:hover img{filter:none}.projects .projects-container .project-image-overlay{transition:.3s ease-in-out;border-radius:.2rem;z-index:2;position:absolute;width:100%;height:100%;background-color:var(--theme-color-transparent)}.projects .projects-container .project-image img{z-index:0;filter:grayscale(100%);transition:.3s ease-in-out;border-radius:.2rem;width:100%;height:auto}.projects .projects-container .project-info{z-index:5;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;border-radius:.2rem;padding:1rem;box-sizing:border-box}.projects .projects-container .project-info-overline{color:var(--theme-color);font-family:var(--font-fira-code)}.projects .projects-container .project-info-title{width:max-content;color:var(--light-slate);font-size:clamp(24px,5vw,28px);font-family:var(--font-raleway);cursor:pointer;transition:.3s ease-in-out}.projects .projects-container .project-info-title:hover{color:var(--theme-color)}.projects .projects-container .project-info-description{background-color:var(--background-color-2);text-align:right;border-radius:.2rem}.projects .projects-container .project-info-description p{color:var(--light-slate);font-family:var(--font-raleway);font-size:var(--tsm2);padding:1.5rem;text-align:end}.projects .projects-container .project-info-tech-list{display:flex;list-style-type:none;gap:1rem;flex-wrap:wrap}.projects .projects-container .project-info-tech-list-item{color:var(--light-slate);font-family:var(--font-fira-code);font-size:var(--tsm1)}.projects .projects-container .project-info-links{font-size:var(--tlarge2);list-style-type:none;display:flex;gap:1rem}.projects .projects-container .project-info-links-item{transition:.3s ease-in-out;display:flex;justify-content:center;align-items:center}.projects .projects-container .project-info-links-item-link{padding:10px;color:var(--lightest-slate);transition:.3s ease-in-out;outline:2px dashed transparent}.projects .projects-container .project-info-links-item-link:hover{color:var(--theme-color)}.projects .projects-container .project-info-links-item-link:focus{outline-color:var(--theme-color);transform:translateY(-4px);color:var(--theme-color)}.projects .projects-container .project:nth-of-type(2n){justify-content:flex-start}.projects .projects-container .project:nth-of-type(2n) .project-image{right:0;left:auto}.projects .projects-container .project:nth-of-type(2n) .project-info{align-items:flex-start}.projects .projects-button{display:flex;flex-direction:row-reverse;margin-top:-5rem}.projects .projects-button button{background-color:var(--theme-color);color:var(--light-slate);border:none;padding:.75rem 1.5rem;font-size:var(--tbase);border-radius:.2rem;cursor:pointer;transition:background-color .3s ease}.projects .projects-button button:hover{background-color:var(--theme-color-transparent)}@media screen and (max-width:1020px){.projects .projects-container{align-items:center;gap:3rem;overflow:hidden}.projects .projects-container .project{overflow:hidden;width:600px}.projects .projects-container .project .project-info{aspect-ratio:16/9;background-color:rgba(0,0,0,.6);align-items:flex-start;padding:3rem}.projects .projects-container .project .project-info-description{background-color:transparent}.projects .projects-container .project .project-info-description p{padding:0;text-align:start}.projects .projects-container .project:nth-of-type(2n) .project-image{left:0;right:auto}.projects .projects-button{margin-top:-1rem}}@media screen and (max-width:1080px){.projects .title h2:after{width:200px}}@media screen and (max-width:680px){.projects{margin:5rem 0}.projects .projects-container .project{flex-direction:column;align-items:center;width:100%;max-width:100%}.projects .projects-container .project-image{aspect-ratio:16/9;height:auto}.projects .projects-container .project .project-info{aspect-ratio:16/9;height:auto;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;width:100%}.projects .projects-container .project .project-info-description p{text-align:center}.projects .projects-container .project:nth-of-type(2n) .project-info{align-items:center}}@media screen and (max-width:768px){.projects .title h2:after{flex-grow:1;width:100%}}@media screen and (max-width:480px){.projects .projects-container .project .project-info{padding:.4rem}}.blog{margin:0 auto;max-width:800px}.blog .title{font-family:var(--font-raleway);color:var(--lightest-slate);position:relative}.blog .title h2{margin-bottom:2rem;font-size:var(--tx2large);font-weight:700;display:flex;align-items:center;white-space:nowrap;width:100%}.blog .title h2:before{counter-increment:title;font-family:var(--font-fira-code);font-size:var(--tlarge2);font-weight:600;content:"0" counter(title) ".";margin-right:.5rem;color:var(--theme-color)}.blog .title h2:after{content:"";display:flex;position:relative;width:300px;height:1px;margin-left:20px;background-color:var(--slate)}.blog-button{display:flex;margin-top:2rem}.blog .blog-overview-list-item:hover{transform:translateY(-5px);transition:var(--transition)}.blog .blog-overview-list-item:active{transform:scale(.95);transition:var(--transition)}@media screen and (max-width:768px){.blog .title h2:after{flex-grow:1;width:100%}.blog-button{justify-content:center}}.contact{margin:0 auto;max-width:500px}.contact .title{font-family:var(--font-raleway);color:var(--lightest-slate);position:relative}.contact .title h2{margin-bottom:1rem;font-size:var(--tx2large);font-weight:700;display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%}.contact .title h2:before{counter-increment:title;font-family:var(--font-fira-code);font-size:var(--tlarge2);font-weight:600;content:"0" counter(title) ".";margin-right:.5rem;color:var(--theme-color)}.contact p{color:var(--slate);font-size:var(--tlarge);letter-spacing:.07rem;line-height:1.6rem;font-weight:500;font-family:var(--font-raleway);text-align:center}.contact-button{display:flex;justify-content:center;padding:1rem;margin-top:.5rem}@media screen and (max-width:768px){.contact .title h2:after{flex-grow:1;width:100%}}@media screen and (max-width:480px){.contact .title h2:after{top:-15px;margin-left:200px;width:80vw}}.footer{display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;flex-direction:column;height:auto;min-height:70px;padding:15px;text-align:center}.footer :hover{transition:var(--transition);color:var(--theme-color)}.footer-social-icons{display:none}.footer-link{color:var(--slate);font-family:var(--font-fira-code);font-size:var(--tsm);line-height:1.15rem;padding:10px;transition:var(--transition)}@media screen and (max-width:768px){.footer-social-icons{display:flex;width:100%;max-width:350px;margin-bottom:1rem;color:var(--slate)!important;justify-content:center}.footer-social-icons li{margin-bottom:0!important}}.blog-overview{max-width:1000px;padding:200px 100px}.blog-overview-header{text-align:center;margin-bottom:30px}.blog-overview-sub{text-align:center;color:var(--theme-color);margin:10px 0 50px;font-size:var(--tsm2);font-family:var(--font-fira-code);font-weight:400;line-height:1.5}.blog-overview-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:15px}.blog-overview-list-item{position:relative}.blog-overview-link{display:block;text-decoration:none;color:inherit}.blog-overview-blog-grid-post{box-shadow:0 10px 30px -15px var(--shadow);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:2rem 1.75rem;border-radius:.2rem;transition:var(--transition);background-color:var(--background-color-2);position:relative;height:100%}.blog-overview-list-item-header{display:flex;align-items:center;margin-bottom:15px}.blog-overview-list-item-icon{color:var(--theme-color);display:flex;align-items:center;margin-right:10px}.blog-overview-list-item-icon svg{width:40px;height:40px}.blog-overview-content{padding:0}.blog-overview-list-item-link{color:var(--light-slate);font-size:var(--tlarge2);margin:0}.blog-overview-list-item-description{color:var(--slate);font-family:var(--font-fira-code);font-size:var(--tsm);margin:0 0 20px}.blog-overview-list-item-tags{display:flex;align-items:center;flex-wrap:wrap;padding:0;margin:0;list-style:none}.blog-overview-list-item-tags .tag{color:var(--theme-color);font-family:var(--font-fira-code);font-size:var(--tsm);line-height:1.75;margin-right:5px}.blog-overview-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:20px}.blog-overview-footer time{color:var(--slate);font-family:var(--font-fira-code);font-size:var(--tsm);text-transform:uppercase}@media screen and (max-width:1080px){.blog-overview{padding:150px 0}}@media screen and (max-width:480px){.blog-overview-list{grid-template-columns:none}}.blog-overview .blog-overview-list-item:hover{transform:translateY(-5px);transition:var(--transition)}.blog-overview .blog-overview-list-item:active{transform:scale(.95);transition:var(--transition)}.blog-post{max-width:1000px;padding:150px 100px}.blog-post .subtitle{color:var(--theme-color);margin:10px 0 50px;font-size:var(--tsm2);font-family:var(--font-fira-code);font-weight:400;line-height:1.5}.blog-post .breadcrumb{-webkit-box-align:center;align-items:center;margin-bottom:50px;color:var(--theme-color)}.blog-post-content #table-of-contents:before{counter-increment:title;counter-reset:title;font-family:var(--font-fira-code);font-size:var(--tlarge2);font-weight:600;content:"";margin-right:.5rem;color:var(--theme-color);align-self:center}.blog-post-content .title{font-family:var(--font-raleway);color:var(--lightest-slate);position:relative;font-size:var(--tx2large);margin-top:2rem;margin-bottom:0;display:flex}.blog-post-content .title:after{flex-grow:1;width:100%}.blog-post-content .title h2{display:block;margin-bottom:2rem;font-size:var(--tx2large);font-weight:700}.blog-post-content .title:before{counter-increment:title;font-family:var(--font-fira-code);font-size:var(--tlarge2);font-weight:600;content:"0" counter(title) ".";margin-right:.5rem;color:var(--theme-color);align-self:center}.blog-post ol{counter-reset:table}.blog-post ol .content-list{padding:0 2rem}.blog-post ol .content-list-item{font-family:var(--font-raleway);line-height:1.75rem;font-weight:500;font-size:var(--tbase);color:var(--slate);position:relative;padding-left:25px}.blog-post ol .content-list-item:before{counter-increment:table;font-family:var(--font-fira-code);font-size:var(--tsm);content:"0" counter(table) ".";position:absolute;left:-6px;top:8px;color:var(--theme-color);line-height:12px;align-self:center}.blog-post ol .content-list-item ul.content-list{margin-top:0}.blog-post ul .content-list{padding:0 2rem}.blog-post ul .content-list-item{font-family:var(--font-raleway);line-height:1.6rem;font-weight:500;font-size:var(--tbase);color:var(--slate);position:relative;padding-left:20px}.blog-post ul .content-list-item:before{counter-reset:table;content:"▹";position:absolute;left:-3px;top:8px;color:var(--theme-color);line-height:12px}.blog-post .category-container .category-slider{list-style-type:none;display:flex;align-items:center;width:100%;margin-top:1rem;overflow-x:auto;white-space:nowrap}.blog-post .category-container .category-slider:after{content:"";bottom:0;margin-left:.5rem;padding-right:2rem;height:1px;width:100%;background-color:var(--lightest-slate)}.blog-post .category-container .category-slider .category-item{height:2.5rem;margin-right:.25rem;padding:0 1.5rem;display:flex;cursor:pointer;flex-shrink:0}.blog-post .category-container .category-slider .category-item span{display:flex;justify-content:center;align-items:center;color:var(--slate);font-family:var(--fira-code);font-size:var(--tsm1);transition:color .3s ease-in-out}.blog-post .category-container .category-slider .category-item-selected,.blog-post .category-container .category-slider .category-item:hover{background-color:var(--background-color-2);border-radius:.25rem}.blog-post .category-container .category-slider .category-item-selected span{color:var(--theme-color)}.blog-post .category-container .category-content{background-color:var(--background-color-2);border-radius:.25rem;margin:.5rem 0;padding:1rem}.blog-post .category-container .category-content figure{padding:1.5em .5rem .5rem;background-color:var(--background-color)!important}.blog-post .category-container .category-content pre{background-color:var(--background-color)!important}.blog-post .category-container .category-content figcaption[data-language]{background-color:var(--background-color-2)!important}@media screen and (max-width:1080px){.blog-post{padding:100px 0}}@media screen and (max-width:768px){.blog-post ol .content-list{padding:0}.blog-post ol .content-list-item{padding:0 1rem;font-size:var(--tsm1)}.blog-post ol .content-list-item:before{left:-12px;top:8px}.blog-post ol .content-list-item ul.content-list{margin-top:0}}.project-overview{max-width:1200px;padding:200px 100px}.project-overview-header{text-align:center;margin-bottom:30px}.project-overview-sub{text-align:center;color:var(--theme-color);margin:10px 0 50px;font-size:var(--tsm2);font-family:var(--font-fira-code);font-weight:400;line-height:1.5}.project-overview .category-slider{list-style-type:none;align-items:center;width:100%;display:flex;margin-bottom:3rem}.project-overview .category-slider:after{content:"";bottom:0;margin-left:.5rem;padding-right:2rem;height:1px;width:100%;background-color:var(--lightest-slate)}.project-overview .category-slider .category-item{height:2.5rem;padding:0 1.5rem;margin-right:.25rem;display:flex;cursor:pointer;flex-shrink:0}.project-overview .category-slider .category-item span{display:flex;justify-content:center;align-items:center;color:var(--slate);font-family:var(--fira-code);font-size:var(--tsm1);transition:color .3s ease-in-out}.project-overview .category-slider .category-item-selected,.project-overview .category-slider .category-item:hover{background-color:var(--background-color-2);border-radius:.25rem}.project-overview .category-slider .category-item-selected span{color:var(--theme-color)}.project-overview .projects-container{display:flex;flex-direction:column;gap:15rem;border-radius:.2rem}.project-overview .projects-container .project{position:relative;display:flex;justify-content:flex-end;border-radius:.2rem}.project-overview .projects-container .project-image{position:relative;width:100%;max-width:600px;aspect-ratio:16/9;border-radius:.2rem;overflow:hidden;position:absolute;top:0;left:0}.project-overview .projects-container .project-image:hover .project-image-overlay{background-color:transparent}.project-overview .projects-container .project-image:hover img{filter:none}.project-overview .projects-container .project-image-overlay{transition:.3s ease-in-out;border-radius:.2rem;z-index:2;position:absolute;width:100%;height:100%;background-color:var(--theme-color-transparent)}.project-overview .projects-container .project-image img{z-index:0;filter:grayscale(0);transition:.3s ease-in-out;border-radius:.2rem;width:100%;height:auto}.project-overview .projects-container .project-info{z-index:5;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;border-radius:.2rem;padding:1rem;box-sizing:border-box}.project-overview .projects-container .project-info-overline{color:var(--theme-color);font-family:var(--font-fira-code)}.project-overview .projects-container .project-info-title{width:max-content;color:var(--light-slate);font-size:clamp(24px,5vw,28px);font-family:var(--font-raleway);cursor:pointer;transition:.3s ease-in-out}.project-overview .projects-container .project-info-title:hover{color:var(--theme-color)}.project-overview .projects-container .project-info-description{background-color:var(--background-color-2);text-align:right;border-radius:.2rem}.project-overview .projects-container .project-info-description p{color:var(--light-slate);font-family:var(--font-raleway);font-size:var(--tsm2);padding:1.5rem;text-align:end}.project-overview .projects-container .project-info-tech-list{display:flex;list-style-type:none;gap:1rem;flex-wrap:wrap}.project-overview .projects-container .project-info-tech-list-item{color:var(--light-slate);font-family:var(--font-fira-code);font-size:var(--tsm1)}.project-overview .projects-container .project-info-links{font-size:var(--tlarge2);list-style-type:none;display:flex;gap:1rem}.project-overview .projects-container .project-info-links-item{transition:.3s ease-in-out;display:flex;justify-content:center;align-items:center}.project-overview .projects-container .project-info-links-item-link{padding:10px;color:var(--lightest-slate);transition:.3s ease-in-out;outline:2px dashed transparent}.project-overview .projects-container .project-info-links-item-link:hover{color:var(--theme-color)}.project-overview .projects-container .project-info-links-item-link:focus{outline-color:var(--theme-color);transform:translateY(-4px);color:var(--theme-color)}.project-overview .projects-container .project:nth-of-type(2n){justify-content:flex-start}.project-overview .projects-container .project:nth-of-type(2n) .project-image{right:0;left:auto}.project-overview .projects-container .project:nth-of-type(2n) .project-info{align-items:flex-start}@media screen and (max-width:1300px){.project-overview{padding:150px 0}}@media screen and (max-width:1020px){.project-overview .projects-container{align-items:center;gap:3rem;overflow:hidden}.project-overview .projects-container .project{overflow:hidden;width:600px}.project-overview .projects-container .project .project-info{aspect-ratio:16/9;background-color:rgba(0,0,0,.6);align-items:flex-start;padding:3rem}.project-overview .projects-container .project .project-info-description{background-color:transparent}.project-overview .projects-container .project .project-info-description p{padding:0;text-align:start}.project-overview .projects-container .project:nth-of-type(2n) .project-image{left:0;right:auto}.project-overview .projects-container .project-image img{filter:grayscale(0)}.project-overview .projects-button{margin-top:-1rem}}@media screen and (max-width:680px){.project-overview .projects-container .project{flex-direction:column;align-items:center;width:100%;max-width:100%}.project-overview .projects-container .project-image{aspect-ratio:16/9;height:auto}.project-overview .projects-container .project .project-info{aspect-ratio:16/9;height:auto;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;width:100%}.project-overview .projects-container .project .project-info-description p{text-align:center}.project-overview .projects-container .project:nth-of-type(2n) .project-info{align-items:center}}@media screen and (max-width:480px){.project-overview .projects-container .project .project-info{padding:.4rem}}.project-post{padding:150px 100px;max-width:1200px}.project-post .subtitle{color:var(--theme-color);margin:10px 0 50px;font-size:var(--tsm2);font-family:var(--font-fira-code);font-weight:400;line-height:1.5}.project-post .breadcrumb{-webkit-box-align:center;margin-left:0;margin-bottom:50px;color:var(--theme-color)}.project-post-banner{max-width:1200px;border-radius:.2rem}.project-post-banner img,.project-post-banner video{object-fit:cover;border-radius:.4rem}.project-post-content{max-width:1200px}.project-post-content .title{font-family:var(--font-raleway);color:var(--lightest-slate);position:relative;font-size:var(--tx2large);margin-top:2rem;margin-bottom:0;display:flex;white-space:nowrap}.project-post-content .title h2{display:block;margin-bottom:2rem;font-size:var(--tx2large);font-weight:700}.project-post-content .title:before{counter-increment:title;font-family:var(--font-fira-code);font-size:var(--tlarge2);font-weight:600;content:"0" counter(title) ".";margin-right:.5rem;color:var(--theme-color);align-self:center}.project-post-content .title:after{content:"";width:300px;height:1px;display:block;margin-left:20px;background-color:var(--slate);align-self:center}.project-post-content .split-list ul{display:grid;grid-template-columns:50% 50%;column-gap:1rem;list-style-type:none;padding:0 2rem;white-space:nowrap}.project-post-content .split-list ul li{line-height:2rem}.project-post-content .split-list ul li:before{content:"▹";position:absolute;left:-3px;top:10px;color:var(--theme-color);line-height:12px}.project-post-content .content-list{padding:0 2rem}.project-post-content .content-list-item{font-family:var(--font-raleway);line-height:1.6rem;font-weight:500;font-size:var(--tbase);color:var(--slate);position:relative;padding-left:20px}.project-post-content .content-list-item:before{content:"▹";position:absolute;left:-3px;top:8px;color:var(--theme-color);line-height:12px}.project-post .category-container .category-slider{list-style-type:none;display:flex;align-items:center;width:100%;margin-top:1rem;overflow-x:auto;white-space:nowrap}.project-post .category-container .category-slider:after{content:"";bottom:0;margin-left:.5rem;padding-right:2rem;height:1px;width:100%;background-color:var(--lightest-slate)}.project-post .category-container .category-slider .category-item{height:2.5rem;margin-right:.25rem;padding:0 1.5rem;display:flex;cursor:pointer;flex-shrink:0}.project-post .category-container .category-slider .category-item span{display:flex;justify-content:center;align-items:center;color:var(--slate);font-family:var(--fira-code);font-size:var(--tsm1);transition:color .3s ease-in-out}.project-post .category-container .category-slider .category-item-selected,.project-post .category-container .category-slider .category-item:hover{background-color:var(--background-color-2);border-radius:.25rem}.project-post .category-container .category-slider .category-item-selected span{color:var(--theme-color)}.project-post .category-container .category-content{background-color:var(--background-color-2);border-radius:.25rem;margin:.5rem 0;padding:1rem}.project-post .category-container .category-content figure{padding:1.5em .5rem .5rem;background-color:var(--background-color)!important}.project-post .category-container .category-content pre{background-color:var(--background-color)!important}.project-post .category-container .category-content figcaption[data-language]{background-color:var(--background-color-2)!important}@media screen and (max-width:1080px){.project-post{padding:100px 0}}@media screen and (max-width:768px){.project-post .title:after{flex-grow:1;width:100%}.project-post .split-list ul{display:grid;grid-template-columns:100%;padding:0;white-space:nowrap}.project-post .split-list ul li{line-height:2rem}.project-post .split-list ul li:before{content:"▹";position:absolute;left:-5px;top:10px;color:var(--theme-color);line-height:12px}.project-post .content-list{padding:0}}.more-about{max-width:900px}.more-about .about-grid{margin-top:3rem}.more-about .title{font-family:var(--font-raleway);color:var(--lightest-slate);position:relative}.more-about .title h2{margin-bottom:2rem;font-size:var(--tx2large);font-weight:700;display:flex;align-items:center;white-space:nowrap;width:100%}.more-about .title h2:before{counter-increment:title;font-family:var(--font-fira-code);font-size:var(--tlarge2);font-weight:600;content:"0" counter(title) ".";margin-right:.5rem;color:var(--theme-color)}.more-about .title h2:after{content:"";width:300px;height:1px;margin-left:20px;background-color:var(--slate);align-self:center}.more-about .project-post-banner{margin-top:3rem}.more-about .more-about-fav-quote .title{font-family:var(--font-raleway);color:var(--lightest-slate);position:relative}.more-about .more-about-fav-quote .title h2{margin-bottom:1rem;font-size:var(--tx2large);font-weight:700;display:flex;align-items:center;justify-content:center;white-space:nowrap;width:100%}.more-about .more-about-fav-quote .title h2:before{counter-increment:title;font-family:var(--font-fira-code);font-size:var(--tlarge2);font-weight:600;content:"0" counter(title) ".";margin-right:.5rem;color:var(--theme-color)}.more-about .more-about-fav-quote .title h2:after{content:"";width:0;height:0;margin-left:20px;background-color:var(--slate);align-self:center}.more-about .more-about-fav-quote .fav-blockquote p{color:var(--lightest-slate);font-size:var(--tlarge)}.more-about .more-about-fav-quote i:before{content:"— "}.more-about .more-about-fav-quote .fav-cite{color:var(--slate);padding-top:.75rem;font-size:var(--tbase);display:inline-block}.more-about .more-about-biography{max-width:1200px}.more-about .more-about-resume,.more-about .more-about-toolbox{max-width:900px}.timeline-content-name a{font-family:var(--font-raleway);color:var(--light-slate);font-size:var(--tlarge);font-weight:700;margin-top:1rem}.timeline-content-title{color:var(--lightest-slate);font-family:var(--font-raleway);font-size:var(--tbase);font-weight:500}.timeline-content-extra{color:var(--slate);font-size:var(--tsm2)}.timeline-content-tags{margin-top:10px;text-align:center}.timeline-content-tag{background-color:var(--background-color);padding:.2rem;border-radius:.2rem;border:1px solid var(--theme-color);margin-right:5px;font-size:var(--tsm);color:var(--theme-color)}.timeline-content-tag:last-child{margin-right:0}.timeline{position:relative;background:var(--secondary-color);border-radius:.4rem;margin:0 auto 1rem;overflow:hidden}.timeline:before{content:"";position:absolute;top:0;left:50%;margin-left:-2px;border-right:2px dashed var(--background-color-2);height:100%;display:block}.timeline .timeline-row{padding-left:50%;position:relative;margin-bottom:1rem}.timeline .timeline-row .timeline-time{position:absolute;right:50%;top:15px;text-align:right;margin-right:20px;color:var(--slate);font-size:1.5rem}.timeline .timeline-row .timeline-time small{display:block;font-size:.8rem}.timeline .timeline-row .timeline-content{position:relative;padding:1rem;background:var(--background-color-2);border-radius:.4rem;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;box-shadow:0 10px 30px -15px var(--shadow)}.timeline .timeline-row .timeline-content:after{content:"";position:absolute;top:20px;height:16px;width:16px;background:var(--background-color-2)}.timeline .timeline-row .timeline-content:before{content:"";position:absolute;top:20px;right:-49px;width:20px;height:20px;border-radius:100px;z-index:8;background:var(--theme-color)}.timeline .timeline-row .timeline-content h4{margin:0 0 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:150%}.timeline .timeline-row .timeline-content p{line-height:150%}.timeline .timeline-row .timeline-content i{font-size:1.2rem;line-height:100%;padding:10px;border-radius:100px;background:var(--theme-color);margin-bottom:10px;display:inline-block}.timeline .timeline-row .timeline-content .thumbs{margin-bottom:20px;display:flex}.timeline .timeline-row .timeline-content .thumbs img{margin:5px;max-width:60px}.timeline .timeline-row .timeline-content .badge{color:#fff;background:var(--theme-color)}.timeline .timeline-row:nth-child(2n) .timeline-content{margin-left:40px}.timeline .timeline-row:nth-child(2n) .timeline-content:after{left:-8px;right:auto;border-bottom:0;border-left:0;transform:rotate(-135deg)}.timeline .timeline-row:nth-child(2n) .timeline-content:before{left:-51px;right:auto}.timeline .timeline-row:nth-child(odd){padding-left:0;padding-right:50%}.timeline .timeline-row:nth-child(odd) .timeline-time{right:auto;left:50%;text-align:left;margin-right:0;margin-left:20px}.timeline .timeline-row:nth-child(odd) .timeline-content{margin-right:40px}.timeline .timeline-row:nth-child(odd) .timeline-content:after{right:-8px;border-left:0;border-bottom:0;transform:rotate(45deg)}@media(max-width:992px){.timeline{padding:15px}.timeline:after{border:0}.timeline .timeline-row:nth-child(2n),.timeline .timeline-row:nth-child(odd){padding:0}.timeline .timeline-row:nth-child(2n) .timeline-time,.timeline .timeline-row:nth-child(odd) .timeline-time{position:relative;top:0;left:0;margin:0 0 10px;text-align:left}.timeline .timeline-row:nth-child(2n) .timeline-content,.timeline .timeline-row:nth-child(odd) .timeline-content{margin:0}.timeline .timeline-row:nth-child(2n) .timeline-content:after,.timeline .timeline-row:nth-child(2n) .timeline-content:before,.timeline .timeline-row:nth-child(odd) .timeline-content:after,.timeline .timeline-row:nth-child(odd) .timeline-content:before{display:none}}.showreels{max-width:1000px;padding:200px 100px}.showreels-header{text-align:center;margin-bottom:30px}.showreels-sub{text-align:center;color:var(--theme-color);margin:10px 0 50px;font-size:var(--tsm2);font-family:var(--font-fira-code);font-weight:400;line-height:1.5}