@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}.__variable_e8ce0c{--font-inter:"__Inter_e8ce0c","__Inter_Fallback_e8ce0c"}@font-face{font-family:__Unbounded_116e04;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/e546cf32c9d4702c-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Unbounded_116e04;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/d76fe899475ae4d7-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Unbounded_116e04;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/8048a25e80cc4179-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Unbounded_116e04;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/0345698916b890a0-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Unbounded_116e04;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/176b159565394c49-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Unbounded_Fallback_116e04;src:local("Arial");ascent-override:73.93%;descent-override:18.20%;line-gap-override:0.00%;size-adjust:134.59%}.__className_116e04{font-family:__Unbounded_116e04,__Unbounded_Fallback_116e04;font-style:normal}.__variable_116e04{--font-unbounded:"__Unbounded_116e04","__Unbounded_Fallback_116e04"}*,:after,:before{border-width:0}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,main,nav,section{display:block}body{line-height:1.2}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}pre::-webkit-scrollbar{display:none}pre{-ms-overflow-style:none;scrollbar-width:none}input[type=email],input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none}table{display:block;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;white-space:nowrap}*,:after,:before{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--background:#f3f4f5;--foreground:#1a1a1a;--foreground-20:#1a1a1a33;--container-padding:24px;--accent:#4847e9;--sh-class:#2d5e9d;--sh-identifier:#354150;--sh-sign:#8996a3;--sh-string:#007f7a;--sh-keyword:#e02518;--sh-comment:#a19595;--sh-jsxliterals:#6266d1;--sh-property:#e25a1c;--sh-entity:#e25a1c}[data-theme=dark]{--background:#1a1a1a;--foreground:#f3f4f5;--foreground-20:#f3f4f533;--sh-class:#4c97f8;--sh-identifier:#fff;--sh-keyword:#f47067;--sh-string:#0fa295}[data-theme=dark] [data-hide-on-theme=dark],[data-theme=light] [data-hide-on-theme=light]{display:none}::selection{background-color:var(--foreground);color:var(--background)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);letter-spacing:.32px;font-size:16px;line-height:24px;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{color:inherit;text-decoration:none}em,strong{font-weight:600}svg{width:24px;height:24px;vertical-align:middle}path{fill:var(--foreground)!important}@media(prefers-color-scheme:dark){html{color-scheme:dark}}h1,h2,h3,h4,h5,h6{font-weight:500;font-family:var(--font-unbounded)}main>section{height:100%;min-height:calc(100vh - 561px)}.base-container{padding:var(--container-padding);min-height:100vh;width:100%;position:relative}@media screen and (max-width:500px){.base-container{--container-padding:12px}}.blog-post__container,.container,.footer,.nav,.page__container{width:100%;max-width:932px;margin:auto;padding:0 16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes jerk{0%{transform:rotate(22.5deg)}25%{transform:rotate(0deg)}50%{transform:rotate(-22.5deg)}to{transform:rotate(0deg)}}@keyframes logo{to{stroke-dashoffset:160}}@keyframes slideRight{to{transform:translateX(6px)}}@keyframes heroImg{0%{transform:rotate(0deg)}50%{transform:rotate(-4deg)}to{transform:rotate(-2.51deg)}}@keyframes heroImgBg{0%{transform:rotate(0deg)}50%{transform:rotate(4deg)}to{transform:rotate(2.51deg)}}@keyframes reverseHeroImg{0%{transform:rotate(-2.51deg)}50%{transform:rotate(-4deg)}to{transform:rotate(0deg)}}@keyframes reverseHeroImgBg{0%{transform:rotate(2.51deg)}50%{transform:rotate(4deg)}to{transform:rotate(0deg)}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;position:relative}.nav a{text-transform:capitalize}.nav__wrapper{border-bottom:1px solid var(--foreground-20)}.nav__controls{display:flex;align-items:center;gap:8px}.nav .links{display:flex;gap:12px;flex-direction:row}.nav .links a{padding:2px 4px;display:block}@media screen and (max-width:768px){.nav .links{display:none}}.nav .mobile-menu-toggle{display:none;background:none;cursor:pointer;padding:6px}.nav .mobile-menu-toggle svg{width:20px;height:20px}@media screen and (max-width:768px){.nav .mobile-menu-toggle{display:block}}.nav .mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--background);border:1px solid var(--foreground-20);border-top:none;z-index:50;display:none}@media screen and (max-width:768px){.nav .mobile-menu{display:block}}.nav .mobile-menu__links{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.nav .mobile-menu__links li{border-bottom:1px solid var(--foreground-20)}.nav .mobile-menu__links li:last-child{border-bottom:none}.nav .mobile-menu__links li a{display:block;padding:16px 20px;text-decoration:none;color:var(--text-primary);text-transform:capitalize;font-weight:500;transition:background-color .2s ease}.nav .mobile-menu__links li a:hover{background-color:var(--background-hover)}.nav .logo svg{width:32px;height:32px}.nav .logo svg path{fill:none!important}.nav .logo svg path,.nav .logo:hover path{stroke-dasharray:320;stroke-dashoffset:320;animation:logo 2.5s ease-in forwards}.nav .theme-toggle{background:none;cursor:pointer;padding:6px}.nav .theme-toggle svg{margin-top:-4px;width:20px;height:20px}.nav .theme-toggle:first-of-type:hover svg{animation:rotate .25s linear forwards}.nav .theme-toggle:nth-of-type(2):hover svg{animation:jerk .25s linear forwards}.footer{padding-top:64px;padding-bottom:24px;color:#fff}.footer__wrapper{background:var(--accent)}.footer__license{padding-top:24px;border-top:1px solid #fff}.footer__content{display:flex;justify-content:space-between;gap:64px;flex-wrap:wrap;margin-bottom:80px}.footer__left h3{font-size:32px;line-height:36px}.footer__right{display:flex;gap:60px}.footer__right>div{display:flex;flex-direction:column}.footer__right>div h4{margin-bottom:24px;font-weight:500;text-transform:uppercase}.footer__right>div a+a{margin-top:16px}.blog-post a,.hero__about a,.link-underline a,.page__content a{width:-moz-fit-content;width:fit-content;color:inherit;position:relative}.blog-post a:hover:after,.hero__about a:hover:after,.link-underline a:hover:after,.page__content a:hover:after{left:0;width:100%}.blog-post a:after,.hero__about a:after,.link-underline a:after,.page__content a:after{position:absolute;bottom:0;right:0;content:"";width:0;height:2px;background:#fff;transition:all .25s cubic-bezier(.55,.085,.68,.53)}.blog-post a:hover,.hero__about a:hover,.link-underline a:hover,.page__content a:hover{text-decoration:none}.hero__about a:after,.link-underline--alternate a:after{width:100%}.hero__about a:hover:after,.link-underline--alternate a:hover:after{left:0;width:0}.blog-post a:after,.hero__about a:after,.link-underline--accent a:after,.page__content a:after{background:var(--accent)}.bold{font-weight:600}.now-playing,.status{display:flex;padding:8px 10px;align-items:center;text-transform:uppercase;font-size:12px;line-height:16px;color:#fff;border-radius:20px;width:-moz-fit-content;width:fit-content;background:var(--accent);gap:4px;max-width:400px;text-overflow:ellipsis;overflow:hidden}.status--outline{color:var(--foreground);background:transparent}.now-playing,.status--outline{border:1px solid var(--accent)}.now-playing{padding:8px 12px;display:inline-flex;max-width:min(400px,90vw);align-items:center;position:relative;gap:6px}.now-playing[data-hover=true]{cursor:pointer}.now-playing[data-hover=true]:hover{background:transparent;color:var(--foreground)}.now-playing:hover .scroll-text{animation-play-state:paused}.now-playing .scroll-text{display:flex;gap:4px;white-space:nowrap;transition:transform .1s linear;position:relative;animation:scroll 10s linear infinite}.now-playing .scroll-text__container{width:100%;white-space:nowrap;overflow:hidden;position:relative;display:block}.now-playing__status{width:16px;height:16px;z-index:2}.now-playing__status svg{width:16px;height:16px;margin-top:-2px}.post{display:flex;height:100%;min-height:52px;align-items:center;border-bottom:1px solid var(--foreground-20);gap:20px;position:relative;padding:12px 16px;perspective:120px;perspective-origin:bottom;transition:all .15s cubic-bezier(.55,.085,.68,.53)}.post time{display:block;width:100%;max-width:105px}.post__content{display:flex;justify-content:space-between;width:100%;align-items:center}.post__content>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px 30px}.post__content>svg{width:20px;height:20px;opacity:0;transform:translateX(-12px);transition:all .35s cubic-bezier(.22,1,.36,1)}.post__tags{display:flex;gap:6px 4px;flex-wrap:wrap;z-index:3}.post__tags>a{font-size:10px;line-height:12px;height:24px}@media screen and (max-width:500px){.post{padding:12px 8px;align-items:flex-start}}.post__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%}.post__link:focus~.post__content svg,.post__link:hover~.post__content svg{opacity:1;transform:translateX(0)}.posts--empty{margin:80px auto auto;text-align:center}.styled-text{padding:10px;font-size:12px;font-family:var(--font-space-grotesk);letter-spacing:.28px;line-height:16px;border-radius:20px;border:1px solid var(--accent);text-transform:uppercase;max-width:-moz-fit-content;max-width:fit-content;height:28px;display:flex;align-items:center}.styled-text,.styled-text__word{overflow:hidden;position:relative}.styled-text__word{display:block}.styled-text__char{display:inline-block}.styled-text__char:after{position:absolute;left:0;top:100%;content:attr(data-letter)}.styled-section{margin-bottom:48px}.styled-section__heading{padding:0 20px 8px;letter-spacing:.32px;display:flex;width:100%;justify-content:space-between;opacity:.7;overflow:hidden}.styled-section__heading h3{font-size:16px;line-height:24px;text-transform:uppercase}.styled-section__content{border-top:1px solid var(--border-color);padding:24px 0}.page__container~footer{margin-top:200px}.page__header{text-align:center}.page__header h1{font-weight:500;font-size:32px;line-height:48px;margin-bottom:64px;margin-top:120px}.page__divider{max-width:900px;width:100%;height:1px;margin:32px auto 64px;background-color:var(--foreground-20)}.project{border:1px solid var(--accent);padding:30px 24px;position:relative;background:var(--background);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:none!important}.project h3{font-size:20px}.project p{font-size:14px;margin-top:16px;line-height:18px;margin-bottom:48px}.project a{margin-left:auto}.project:hover:before{opacity:.25}.project:before{content:"";display:block;width:100%;height:100%;position:absolute;top:8px;left:10px;background:var(--accent);opacity:.1;z-index:-1;will-change:opacity;transition:opacity .25s ease-in}.spinner{width:82px;height:18px;position:relative}.spinner:after,.spinner:before{content:"";position:absolute;left:50%;transform:translate(-50%,10%);top:0;background:#ff3d00;width:16px;height:16px;border-radius:50%;animation:jump .5s ease-in infinite alternate}.spinner:after{background:transparent;color:#fff;top:100%;box-shadow:32px -20px,-32px -20px;animation:split .5s ease-out infinite alternate}@keyframes split{0%{box-shadow:8px -20px,-8px -20px}to{box-shadow:32px -20px,-32px -20px}}@keyframes jump{0%{transform:translate(-50%,-150%)}to{transform:translate(-50%,10%)}}.social-share{margin:2rem 0;padding:1.5rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-secondary)}.social-share__title{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.social-share__buttons{display:flex;gap:.75rem;flex-wrap:wrap}.social-share__button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background);color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer}.social-share__button:hover{background-color:var(--background-hover);border-color:var(--accent);transform:translateY(-1px)}.social-share__button--twitter:hover{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.social-share__button--linkedin:hover{background-color:#0077b5;border-color:#0077b5;color:#fff}.social-share__button--copy:hover{background-color:var(--accent);border-color:var(--accent);color:#fff}.social-share__button--copy:hover svg{color:#fff}.social-share__button--native:hover{background-color:#333;border-color:#333;color:#fff}.social-share__button--native:hover svg{color:#fff}.social-share__button svg{width:16px;height:16px;color:currentColor;fill:currentColor}.hero{display:flex;margin-top:120px;gap:60px 24px;flex-wrap:wrap}.hero__spinner{margin-left:50px}.hero__image{position:relative;display:block;max-width:min(100vw,400px);height:400px;width:100%}.hero__image:hover img{animation:reverseHeroImg .75s ease-in;animation-direction:alternate}.hero__image:hover .placeholder{animation:reverseHeroImgBg .75s ease-in;animation-direction:alternate}.hero__image img{object-fit:cover;width:100%;vertical-align:middle;animation:heroImg .75s ease-in forwards;transition:transform .5s ease-in-out;will-change:transform}.hero__image .placeholder{position:absolute;top:0;left:0;width:100%;height:98%;content:"";background:var(--accent);z-index:-1;animation:heroImgBg .75s cubic-bezier(.175,.885,.32,1.275) forwards;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.hero__text{margin-top:auto;margin-bottom:0}.hero__text h1{font-size:clamp(64px,56px + 3vw,80px);line-height:1.1;margin-top:16px;text-transform:uppercase}.hero__about{margin-top:80px}.hero__about p+p{margin-top:32px}.hero__about a:after{z-index:-1;bottom:-3px}@media screen and (max-width:500px){.hero__about{margin-top:48px}}.blog,.recent-posts{margin-top:120px;margin-bottom:120px}.blog h2,.recent-posts h2{font-size:32px;line-height:40px}.blog__header,.recent-posts__header{display:flex;align-items:center;gap:40px;width:100%;justify-content:space-between;margin-bottom:20px}.blog__header a,.recent-posts__header a{white-space:nowrap}.blog__header a svg,.recent-posts__header a svg{transition:all .15s cubic-bezier(.55,.085,.68,.53);width:20px;height:20px}.blog__header a:hover svg,.recent-posts__header a:hover svg{transform:rotate(45deg)}@media screen and (max-width:500px){.blog__header,.recent-posts__header{align-items:flex-end}}.blog{margin-bottom:200px}.blog__header{gap:24px}.blog__header a{margin-left:auto}.blog__header a:hover svg{animation:rotate .25s linear forwards}@media screen and (max-width:500px){.blog__header{flex-direction:column;align-items:center}}.blog-post a:after,.page__content a:after{z-index:-1}.blog-post__divider{max-width:900px;width:100%;height:1px;margin:32px auto 64px;background-color:var(--foreground-20)}.blog-post__header{text-align:center}.blog-post__header h1{font-weight:500;font-size:32px;line-height:48px;margin-bottom:8px;margin-top:80px}.blog-post__container{margin-top:64px}.blog-post__container svg{width:20px;height:20px}.blog-post__container .back{gap:16px;align-items:center;display:inline-flex;background:none;font-family:inherit;cursor:pointer}@media screen and (max-width:450px){.blog-post__container .back span{display:none}}.blog-post__container .back:hover svg{animation:slideRight .25s cubic-bezier(.22,1,.36,1) forwards}.blog-post__container~footer{margin-top:200px}.blog-post p,.page__content p{margin-top:20px;margin-bottom:20px;font-size:16px;line-height:24px}.blog-post h2,.page__content h2{font-size:28px;font-weight:500;line-height:40px;margin-top:28px;margin-bottom:24px;letter-spacing:.56px}.blog-post h3,.page__content h3{font-size:20px;font-weight:500;line-height:30px;margin-top:24px;margin-bottom:8px;letter-spacing:.4px}.blog-post h4,.page__content h4{font-size:18px;font-weight:500;line-height:28px;margin-top:24px;margin-bottom:8px;letter-spacing:.36px}.blog-post em,.blog-post strong,.page__content em,.page__content strong{font-weight:600}.blog-post ul,.page__content ul{list-style-type:disc}.blog-post ol,.page__content ol{list-style:decimal}.blog-post li,.page__content li{margin:12px 2ch}.blog-post img,.page__content img{width:100%;height:auto;position:relative;object-fit:contain;margin:16px auto;background:#fff}.blog-post pre,.page__content pre{border-radius:8px;border-style:var(--tw-border-style);border-width:1px;border-color:#e5e5e5;background-color:var(--foreground-20);padding:8px 12px;font-size:14px;line-height:20px;overflow-x:auto;margin:20px 0}.blog-post pre code,.page__content pre code{padding:var(--spacing-0,0);border:initial;line-height:1.5}.blog-post pre code span,.page__content pre code span{font-weight:500}.blog-post code,.page__content code{border-radius:var(--radius-lg,.5rem);padding:var(--spacing-0_5,.125rem) var(--spacing-1,.25rem);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.blog-post__tags{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:80px}.blog-post__tags p{font-weight:500;text-transform:uppercase}.blog-post__pagination{justify-content:space-between;margin-bottom:120px;display:flex;flex-wrap:wrap;gap:120px}.blog-post__pagination div>*+*{margin-top:6px}.blog-post__pagination div a{display:block}.blog-post__pagination div p{display:inline-flex;align-items:center;gap:8px}.blog-post__pagination div:nth-of-type(2){margin-left:auto}.projects{margin-bottom:120px;display:grid;grid-gap:32px 24px;gap:32px 24px;margin-top:60px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media screen and (max-width:800px){.projects{grid-template-columns:1fr 1fr}}@media screen and (max-width:450px){.projects{grid-template-columns:1fr}}.music{display:grid;grid-gap:20px;gap:20px;margin-top:60px;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}.music__node{padding:30px 24px;position:relative;background-color:var(--background);background-size:cover;border:1px solid var(--accent)}.music__node__text{font-size:14px;line-height:18px;color:#fff;background-color:#000;z-index:3;position:relative;display:inline-block}.music__node:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:var(--accent);opacity:.25;z-index:-1;will-change:opacity;transition:opacity .25s ease-in;transform:translate(8px,10px)}.music__node__cover{position:absolute;inset:0;z-index:0;height:100%;overflow:hidden}.music__node__cover img{object-fit:cover;width:100%;height:auto;will-change:transform;transition:transform .25s ease-in;transform:rotate(3deg) scale(1.07)}.music__node:hover:after{opacity:.35}.music__node:hover img{transform:scale(1)}@media screen and (max-width:1000px){.music{grid-template-columns:repeat(2,1fr)}}.music>*{min-height:160px}.music>.span-2{grid-row-end:span 2;grid-column-end:span 2;min-height:320px}