*,*::after,*::before{-webkit-box-sizing:border-box;box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word;text-wrap:pretty}#__next,#root{isolation:isolate}:root{scroll-behavior:smooth;--grey:#a7a9be;--white:#fffffe;--black:#0f0e17;--orange:#ff8a05;--pink:#e63371;--gradient:linear-gradient(135deg, var(--orange), var(--pink));--gradient-transparent:linear-gradient(225deg, #ff8a0580, #e6337180);--max-width:96rem;--padding-inline:1.5rem;scrollbar-color:var(--grey) var(--black)}@font-face{font-display:swap;font-family:"Karla";font-style:normal;font-weight:800;src:url("./fonts/karla-v30-latin-800.woff2") format("woff2"),url("./fonts/karla-v30-latin-800.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Karla";font-style:italic;font-weight:300;src:url("./fonts/karla-v33-latin-300italic.woff2") format("woff2"),url("./fonts/karla-v33-latin-300italic.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Inconsolata";font-style:normal;font-weight:400;src:url("./fonts/inconsolata-v31-latin-regular.woff2") format("woff2"),url("./fonts/inconsolata-v31-latin-regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Inconsolata";font-style:normal;font-weight:900;src:url("./fonts/inconsolata-v31-latin-900.woff2") format("woff2"),url("./fonts/inconsolata-v31-latin-900.ttf") format("truetype")}html{cursor:auto;*{cursor:inherit}&.default-cursor{cursor:auto;a,button{cursor:pointer}}}@view-transition{navigation:auto}body{font-family:"Inconsolata", monospace;color:var(--white);padding:1rem 0;overflow-x:hidden;background:var(--black)}h1,h2,h3,h4{font-family:"Karla", sans-serif}h1{letter-spacing:-0.125rem;font-size:3.5rem;line-height:1.2;margin-bottom:1.25rem;&.fancy::after{display:none}}h2{color:var(--white);letter-spacing:-0.0125rem;font-size:2.5rem;line-height:1.1;margin-bottom:1rem}h3{letter-spacing:-0.125rem;font-size:2.5rem;line-height:1.2;margin-bottom:1rem}h4{font-size:1.5rem;line-height:1.3;margin-bottom:0.75rem}p{max-width:45rem;font-size:1.5rem;letter-spacing:-0.0125rem;line-height:1.6;color:var(--grey)}p + p{margin-top:1rem}ul{margin-block:1rem;padding-left:1rem;list-style-type:square}b{font-weight:900}a{position:relative;color:var(--white);font-weight:900;font-size:1.5rem;text-decoration:none}figcaption{margin-top:1rem;font-size:1.25rem}.button,.secondary-link{color:var(--white);text-transform:uppercase;font-size:1rem;letter-spacing:0.0625rem;text-decoration:none}.secondary-link:hover{background-image:-o-linear-gradient(45deg, var(--orange), var(--pink));background-image:linear-gradient(45deg, var(--orange), var(--pink));background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.button{position:relative;border:none;background:var(--gradient);padding:1rem;border-radius:0.25rem;font-weight:900;&::after{content:"";opacity:0;position:absolute;inset:0;height:100%;width:100%;border-radius:0.25rem;-webkit-box-shadow:0 0 0.3rem 0.15rem var(--white), 0 0 0.5rem 0.3rem var(--orange), 0 0 0.7rem 0.45rem var(--pink);box-shadow:0 0 0.3rem 0.15rem var(--white), 0 0 0.5rem 0.3rem var(--orange), 0 0 0.7rem 0.45rem var(--pink);-webkit-transition:opacity 500ms ease-in-out;-o-transition:opacity 500ms ease-in-out;transition:opacity 500ms ease-in-out}&:hover::after{opacity:1}}.center{text-align:center;width:100%;max-width:none}.hidden{display:none}.fancy,.fancy:hover,nav a:hover{background-image:-o-linear-gradient(45deg, var(--orange), var(--pink));background-image:linear-gradient(45deg, var(--orange), var(--pink));background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}main{position:relative;-webkit-animation:none;animation:none}section{padding-block:2rem;-webkit-animation:none;animation:none}.columns{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;max-width:var(--max-width);padding-inline:var(--padding-inline);-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;.left-column{margin-bottom:2rem}}.background{position:absolute;top:0;left:0;width:100%;min-height:100vh;height:auto;background-image:url("./media/topography.svg");-webkit-mask-image:-webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(15%, white), to(transparent) );-webkit-mask-image:linear-gradient( to bottom, transparent 0%, white 15% 65%, transparent 100% );mask-image:-webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(15%, white), to(transparent) );mask-image:linear-gradient( to bottom, transparent 0%, white 15% 65%, transparent 100% );.holographic{--mouseX:0;--mouseY:0;display:none;position:absolute;inset:0;height:100%;width:100%;background-image:url("./media/topography-highlight.svg");-webkit-mask-image:radial-gradient( circle at var(--mouseX) var(--mouseY), black 0%, transparent 20% );mask-image:radial-gradient( circle at var(--mouseX) var(--mouseY), black 0%, transparent 20% );--webkit-mask-image:radial-gradient( circle at var(--mouseX) var(--mouseY), black 0%, transparent 20% )}}#custom-cursor{display:none;opacity:0;position:fixed;top:0;left:0;pointer-events:none;z-index:20;-webkit-filter: drop-shadow(0.25rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5));filter: drop-shadow(0.25rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5));-webkit-transition:opacity 300ms ease-in;-o-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}nav{max-width:var(--max-width);padding:0 var(--padding-inline);margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4rem;-webkit-animation:reveal 500ms ease-in-out 0.2s both;animation:reveal 500ms ease-in-out 0.2s both;.nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;a{color:var(--white);text-decoration:none;font-size:1.25rem;padding:0.5rem;&.resume{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;&:hover{svg{stroke:var(--orange);#download-arrow{-webkit-transform:none;-ms-transform:none;transform:none}#download-base{-webkit-transform:scaleX(1.2);-ms-transform:scaleX(1.2);transform:scaleX(1.2)}}}svg{display:none;height:1rem;width:auto;overflow:visible;#download-arrow{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transform-box:fill-box;-webkit-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%);-webkit-transition:-webkit-transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 );transition:-webkit-transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 );-o-transition:transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 );transition:transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 );transition:transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 ), -webkit-transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 )}#download-base{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transform-box:fill-box;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:-webkit-transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 );transition:-webkit-transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 );-o-transition:transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 );transition:transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 );transition:transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 ), -webkit-transform 0.5s linear( 0, 0.013 0.6%, 0.05 1.2%, 0.2 2.5%, 0.949 6.7%, 1.2 8.4%, 1.286 9.2%, 1.35 10%, 1.392 10.8%, 1.411 11.6%, 1.411 12.2%, 1.401 12.8%, 1.343 14.2%, 1.258 15.5%, 1.016 18.7%, 0.914 20.4%, 0.856 21.9%, 0.831 23.5%, 0.834 24.7%, 0.858 26.1%, 0.996 30.7%, 1.037 32.4%, 1.06 33.9%, 1.07 35.4%, 1.061 37.7%, 0.989 43.8%, 0.971 47.2%, 1.012 59.1%, 0.995 70.8%, 1 )}}}}&.right{display:none}}a.logo{width:100%;margin-bottom:1rem;&:hover svg{stroke-dasharray:1650;stroke-dashoffset:1650;-webkit-animation:lineDraw 0.75s ease-in-out 0s both;animation:lineDraw 0.75s ease-in-out 0s forwards}svg{pointer-events:none;margin:auto;-ms-flex-negative:0;flex-shrink:0;height:3rem}}}.glow{-webkit-box-shadow:0 0 0.3rem 0.15rem var(--white), 0 0 0.5rem 0.3rem var(--orange), 0 0 0.7rem 0.45rem var(--pink);box-shadow:0 0 0.3rem 0.15rem var(--white), 0 0 0.5rem 0.3rem var(--orange), 0 0 0.7rem 0.45rem var(--pink)}.homepage header{padding:4rem var(--padding-inline) 0;max-width:74rem;margin:auto;h1{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:none;text-align:center;margin:auto}.fancy::after{display:none}}.intro > h1 > span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:0 0 1rem rgba(0, 0, 0, 1);display:inline-block;-webkit-animation:reveal 500ms ease-in-out var(--delay) both;animation:reveal 500ms ease-in-out var(--delay) both;.fun{text-shadow:none;background-image:-webkit-gradient( linear, left top, right top, from(var(--orange)), color-stop(var(--pink)), to(var(--orange)) );background-image:-o-linear-gradient( left, var(--orange), var(--pink), var(--orange) );background-image:linear-gradient( to right, var(--orange), var(--pink), var(--orange) );background-size:200% auto;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;-webkit-animation:shimmer 4s linear infinite;animation:shimmer 4s linear infinite}}@-webkit-keyframes shimmer{from{background-position:200% 50%}to{background-position:0 50%}}@keyframes shimmer{from{background-position:200% 50%}to{background-position:0 50%}}.sparkles{position:absolute;bottom:25%;right:0;width:100%;pointer-events:none}.sparkles path{fill:var(--white);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;transform-box:fill-box;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:sparkle var(--duration) var(--delay) infinite ease-in-out;animation:sparkle var(--duration) var(--delay) infinite ease-in-out}.intro p{text-align:center;margin:2rem auto auto;-webkit-animation:reveal 700ms ease-in-out 800ms both;animation:reveal 700ms ease-in-out 800ms both}.arrow{height:12rem;width:auto;margin:2rem auto 1rem;-webkit-animation:reveal 700ms ease-in-out 1s both;animation:reveal 700ms ease-in-out 1s both;path{stroke-width:3}.dashes{stroke-dasharray:10;-webkit-transition:stroke-dashoffset 500ms ease-out;-o-transition:stroke-dashoffset 500ms ease-out;transition:stroke-dashoffset 500ms ease-out}}.page{-webkit-animation:reveal 700ms ease-in-out 1s both;animation:reveal 700ms ease-in-out 1s both}#specialization{max-width:var(--max-width);padding-inline:var(--padding-inline);margin:auto;.cards{margin:6rem auto 2rem;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:5rem 1.5rem;& > div{position:relative;padding:2rem 1.5rem;border-radius:0.5rem;background:var(--gradient-transparent);text-align:center;max-width:40rem;margin-inline:auto;&::before{z-index:0;content:"";position:absolute;top:0.125rem;left:0.125rem;width:calc(100% - 0.25rem);height:calc(100% - 0.25rem);border-radius:0.5rem;background:var(--black)}& > *{position:relative}h3{font-size:2rem;padding-top:1rem}}.polish{.diamond{height:10rem;width:auto;margin:-5rem auto 0.5rem}}.animation{.ball{height:10rem;width:auto;margin:-5rem auto 0.5rem}}.interaction{--cubeSize:4.5rem;-webkit-perspective:100rem;perspective:100rem;-webkit-perspective-origin:center;perspective-origin:center;.cube{margin:-3rem auto 2.75rem;position:relative;width:var(--cubeSize);height:var(--cubeSize);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 500ms ease-out;transition:-webkit-transform 500ms ease-out;-o-transition:transform 500ms ease-out;transition:transform 500ms ease-out;transition:transform 500ms ease-out, -webkit-transform 500ms ease-out}.side{position:absolute;width:100%;height:100%;border:0.0625rem solid rgba(255, 255, 255, 0.5);background:url("./media/noise-dark.svg"), var(--gradient);opacity:0.8}.front{-webkit-transform:translateZ(calc(var(--cubeSize) * 0.5));transform:translateZ(calc(var(--cubeSize) * 0.5))}.back{-webkit-transform:translateZ(calc(var(--cubeSize) * -0.5));transform:translateZ(calc(var(--cubeSize) * -0.5))}.left{-webkit-transform:rotateY(90deg) translateZ(calc(var(--cubeSize) * 0.5));transform:rotateY(90deg) translateZ(calc(var(--cubeSize) * 0.5))}.right{-webkit-transform:rotateY(-90deg) translateZ(calc(var(--cubeSize) * 0.5));transform:rotateY(-90deg) translateZ(calc(var(--cubeSize) * 0.5))}.top{-webkit-transform:rotateX(90deg) translateZ(calc(var(--cubeSize) * 0.5));transform:rotateX(90deg) translateZ(calc(var(--cubeSize) * 0.5))}.bottom{-webkit-transform:rotateX(-90deg) translateZ(calc(var(--cubeSize) * 0.5));transform:rotateX(-90deg) translateZ(calc(var(--cubeSize) * 0.5))}}.cube-shadow{background:-o-radial-gradient(var(--grey), transparent 80% 100%);background:radial-gradient(var(--grey), transparent 80% 100%);-webkit-filter: blur(0.15rem);filter: blur(0.15rem);height:0.5rem;opacity:0.5;width:calc(var(--cubeSize) * 1.5);border-radius:50%;margin:auto auto 0.75rem;-webkit-animation:shadowScale 500ms ease-in-out infinite alternate;animation:shadowScale 500ms ease-in-out infinite alternate}}}@-webkit-keyframes shadowScale{to{-webkit-transform:scaleX(0.9);transform:scaleX(0.9)}}@keyframes shadowScale{to{-webkit-transform:scaleX(0.9);transform:scaleX(0.9)}}#testimonials{max-width:var(--max-width);padding-inline:var(--padding-inline);margin:auto;.slider{position:relative;margin:2rem auto;display:-ms-grid;display:grid;place-items:center;.quotes-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:-webkit-transform 500ms ease-in-out;transition:-webkit-transform 500ms ease-in-out;-o-transition:transform 500ms ease-in-out;transition:transform 500ms ease-in-out;transition:transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out}.slider-arrow{display:none}}}.quote{position:relative;-ms-flex-negative:0;flex-shrink:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem;&::before{content:"\275D";position:absolute;top:-4rem;left:-2rem;font-family:"Karla", sans-serif;font-size:10rem;background:url("./media/noise.svg"), var(--gradient-transparent);background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}h3{position:relative;font-family:"Karla", sans-serif;font-size:2rem;font-weight:300;font-style:italic;margin-block:1rem 1.5rem}img{border-radius:50%;-webkit-filter: grayscale(1);filter: grayscale(1);height:4rem;width:auto;margin:auto auto 0.5rem}p{font-size:1.25rem;max-width:none}}.tools{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;.perspective-wrapper{padding:0.5rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:25rem;perspective:25rem;.tool-logo{position:relative;height:6rem;width:6rem;display:-ms-grid;display:grid;place-items:center;background:-webkit-gradient( linear, left top, right bottom, from(var(--white)), to(var(--grey)) );background:-o-linear-gradient( top left, var(--white) 0% 50%, var(--grey) );background:linear-gradient( to bottom right, var(--white) 0% 50%, var(--grey) );border-radius:0.25rem;padding:1.5rem;-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:16rem;perspective:16rem;&::before{pointer-events:none;content:"";position:absolute;inset:0;height:100%;width:100%;background:var(--white);border-radius:0.25rem;border:var(--grey) solid 0.5rem;border-bottom-color:#777;border-right-color:#777;-webkit-transform:translateZ(-1rem) scale(1.1);transform:translateZ(-1rem) scale(1.1)}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;height:4rem;width:auto}}}}#work{max-width:var(--max-width);padding-inline:var(--padding-inline);margin:2rem auto;.thumbnails{margin-block:2rem;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:var(--padding-inline);a,button{background:none;border:none;padding:0;margin:0;position:relative;font-weight:900;&:hover{.button-backdrop{-webkit-transform:none;-ms-transform:none;transform:none;span{opacity:1;&::after{display:none}}}}video{border-radius:0.5rem;position:absolute;inset:0;height:100%;width:100%}img{border-radius:0.5rem;position:relative;-webkit-transition:opacity 300ms ease-in-out;-o-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out}.button-backdrop{position:absolute;bottom:0;right:0;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;border-top-left-radius:1rem;padding:0.5rem 1.5rem;background:var(--black);&::before{content:"";background-image:url("/media/icons/black-curve.svg");background-position:bottom right;background-size:contain;background-repeat:no-repeat;height:1.5rem;width:1.5rem;position:absolute;right:100%;bottom:0}&::after{content:"";background-image:url("/media/icons/black-curve.svg");background-position:bottom right;background-size:contain;background-repeat:no-repeat;height:1.5rem;width:1.5rem;position:absolute;right:0;bottom:100%}span{font-size:1.25rem;display:block}}}}#reel-dialog{z-index:10;display:-ms-grid;display:grid;place-items:center;position:fixed;inset:0;height:100%;width:100%;padding:var(--padding-inline);visibility:hidden;opacity:0;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;.backdrop{position:absolute;inset:0;height:100%;width:100%;background:var(--black);opacity:0.8}.dialog-inner{position:relative;video{border-radius:0.5rem;max-height:80vh;width:auto}button{z-index:1;position:absolute;top:1rem;right:1rem;height:2rem;width:2rem;padding:0.25rem;background:var(--black);border-radius:0.25rem;border:none}}}}#about{.left-column{display:-ms-grid;display:grid;-ms-grid-columns:auto 0 1fr;grid-template-columns:auto 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;.dress-up-image{z-index:1;display:-ms-grid;display:grid;place-items:center;-ms-flex-negative:2;flex-shrink:2;border-radius:0.5rem;overflow:hidden;& > *{-ms-grid-row:1;-ms-grid-column:1;grid-area:1/1}.framed-accessory{display:none;&.active{display:block}}}.accessories{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0;button{height:2.75rem;width:2.75rem;display:-ms-grid;display:grid;place-items:center;border:0.125rem solid var(--black);border-left:none;border-radius:0 0.5rem 0.5rem 0;padding:0.5rem;margin:0;background:var(--white);&.active{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(0.9) translateX(-0.5rem);-ms-transform:scale(0.9) translateX(-0.5rem);transform:scale(0.9) translateX(-0.5rem);-webkit-box-shadow:inset 1rem 0 0.5rem 0 rgba(0, 0, 0, 0.5);box-shadow:inset 1rem 0 0.5rem 0 rgba(0, 0, 0, 0.5);img{-webkit-filter: grayscale(1);filter: grayscale(1);opacity:0.5}}img{pointer-events:none}}}}}.achievements-drawer{visibility:hidden;pointer-events:none;z-index:10;position:fixed;bottom:1.5rem;left:1.5rem;width:20rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;&.achievements-toggled{.achievement{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0;-webkit-animation:none;animation:none;&:nth-of-type(2){-webkit-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}&:nth-of-type(3){-webkit-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms}}}.achievement{position:relative;-webkit-backdrop-filter: blur(0.25rem);backdrop-filter: blur(0.25rem);background:var(--gradient-transparent);border:0.125rem solid var(--orange);color:var(--white);text-shadow:0 0.125rem 0.5rem rgba(0, 0, 0, 0.2);padding:1rem 1.5rem;border-radius:0.25rem;text-align:center;opacity:0;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-transform:translateY(1rem);-ms-transform:translateY(1rem);transform:translateY(1rem);-webkit-animation:achievementFade 6s ease-in-out;animation:achievementFade 6s ease-in-out;&.static{-webkit-animation:none;animation:none}.banner{height:6rem;width:auto;margin:-5rem auto -5.5rem}.emblem{height:3rem;width:auto;margin:0 auto 3rem}.title{display:block;font-weight:900;font-size:1.5rem}}}@-webkit-keyframes achievementFade{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}10%,90%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem);-webkit-animation:none;animation:none}}@keyframes achievementFade{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}10%,90%{opacity:1;-webkit-transform:none;transform:none}100%{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem);-webkit-animation:none;animation:none}}.inventory{visibility:hidden;pointer-events:none;z-index:10;position:fixed;bottom:1.5rem;right:1.5rem;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1rem 1fr 1rem 1fr;grid-template-columns:repeat(3, 1fr);gap:1rem;-webkit-transform:translateY(12rem);-ms-transform:translateY(12rem);transform:translateY(12rem);-webkit-transition:-webkit-transform 400ms ease-in-out;transition:-webkit-transform 400ms ease-in-out;-o-transition:transform 400ms ease-in-out;transition:transform 400ms ease-in-out;transition:transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;.locked-message{opacity:0;pointer-events:none;position:absolute;font-size:1rem;bottom:100%;left:0;width:100%;background-color:var(--orange);margin-bottom:1rem;border-radius:0.25rem;padding:0.25rem 0.5rem;-webkit-transition:opacity 200ms ease-in-out;-o-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out;img{padding-inline:0.25rem;position:absolute;top:0;right:100%;height:1.5rem;width:auto}}button{border:0.0625rem solid var(--white);background:var(--black);border-radius:0.25rem;height:4rem;width:4rem;display:-ms-grid;display:grid;place-items:center;&:hover{border-color:var(--orange)}&.locked{position:relative;&::before{z-index:1;content:"";-ms-grid-row:1;-ms-grid-column:1;grid-area:1/1;height:2rem;width:2rem;background-image:url("./media/icons/lock.svg");background-position:center;background-repeat:no-repeat;background-size:contain}img{-webkit-filter: grayscale(1);filter: grayscale(1);opacity:0.5}}&.active img{-webkit-filter: grayscale(1);filter: grayscale(1);opacity:0.5}img{-ms-grid-row:1;-ms-grid-column:1;grid-area:1/1;padding:0.25rem;pointer-events:none}}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}20%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}40%,80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}60%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:none;transform:none}}@keyframes shake{0%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}20%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}40%,80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}60%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes miniShake{0%,100%{}20%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}40%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}60%{-webkit-transform:rotate(-0.5deg);transform:rotate(-0.5deg)}80%{-webkit-transform:rotate(0.5deg);transform:rotate(0.5deg)}}@keyframes miniShake{0%,100%{}20%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}40%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}60%{-webkit-transform:rotate(-0.5deg);transform:rotate(-0.5deg)}80%{-webkit-transform:rotate(0.5deg);transform:rotate(0.5deg)}}footer{text-align:center;width:100%;margin-top:4rem;a,p{font-size:1rem;font-weight:400;color:var(--grey)}.links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:1rem;margin-bottom:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.links svg{pointer-events:none;height:1.5rem;stroke:var(--grey);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;fill:none}.links a:hover svg{stroke:var(--white)}.links a:hover::after{display:none}}#ragdoll-button{display:block;margin:auto;padding:0.5rem 1rem;background:none;border:none;color:var(--grey);white-space:nowrap;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:13rem;max-width:100%}#ragdoll-container{z-index:10;display:none;place-items:center;position:fixed;inset:0;width:100%;height:100%;overflow:hidden;background:var(--black);border:1rem solid transparent;-o-border-image:-o-repeating-linear-gradient( 135deg, var(--black) 0% 1%, var(--orange) 1% 2% ) 20;border-image:repeating-linear-gradient( -45deg, var(--black) 0% 1%, var(--orange) 1% 2% ) 20;-webkit-animation:fadeIn 300ms ease-in-out;animation:fadeIn 300ms ease-in-out;#canvas{position:absolute;inset:0;width:100%;height:100%}#cannon{position:absolute;bottom:0;left:0;padding:0;border:0;background:none;height:auto;width:50vh;max-width:10rem;-webkit-transform:translateY(10rem);-ms-transform:translateY(10rem);transform:translateY(10rem);-webkit-animation:aim 1s ease-in-out forwards;animation:aim 1s ease-in-out forwards;img{pointer-events:none;-webkit-transition:-webkit-transform 100ms ease-in-out;transition:-webkit-transform 100ms ease-in-out;-o-transition:transform 100ms ease-in-out;transition:transform 100ms ease-in-out;transition:transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out}.particle{z-index:-1;position:absolute;top:35%;right:0;font-size:2.5rem;-webkit-animation:disperse var(--disperse-duration, 1s) cubic-bezier(0.15, 1, 0, 1) forwards, fadeOut var(--fade-duration, 500ms) cubic-bezier(0.5, 0, 0.69, 1) forwards;animation:disperse var(--disperse-duration, 1s) cubic-bezier(0.15, 1, 0, 1) forwards, fadeOut var(--fade-duration, 500ms) cubic-bezier(0.5, 0, 0.69, 1) forwards}}#close-ragdoll{position:absolute;bottom:1.5rem;right:1.5rem}p{display:block;padding-inline:var(--padding-inline);color:var(--white);position:relative;text-align:center;text-wrap:balance}}@-webkit-keyframes fadeIn{from{opacity:0}}@keyframes fadeIn{from{opacity:0}}@-webkit-keyframes fadeOut{to{opacity:0}}@keyframes fadeOut{to{opacity:0}}@-webkit-keyframes aim{to{-webkit-transform:translateY(-2rem) rotate(-40deg);transform:translateY(-2rem) rotate(-40deg)}}@keyframes aim{to{-webkit-transform:translateY(-2rem) rotate(-40deg);transform:translateY(-2rem) rotate(-40deg)}}@-webkit-keyframes disperse{to{-webkit-transform:translate( calc(cos(var(--angle)) * var(--distance)), calc(sin(var(--angle)) * var(--distance)) ) rotate(var(--rotation)) scale(var(--scale));transform:translate( calc(cos(var(--angle)) * var(--distance)), calc(sin(var(--angle)) * var(--distance)) ) rotate(var(--rotation)) scale(var(--scale))}}@keyframes disperse{to{-webkit-transform:translate( calc(cos(var(--angle)) * var(--distance)), calc(sin(var(--angle)) * var(--distance)) ) rotate(var(--rotation)) scale(var(--scale));transform:translate( calc(cos(var(--angle)) * var(--distance)), calc(sin(var(--angle)) * var(--distance)) ) rotate(var(--rotation)) scale(var(--scale))}}.contact{min-height:70vh;max-width:var(--max-width);padding-inline:var(--padding-inline);margin:4rem auto;form{max-width:40rem;margin:3rem auto;label{font-size:1.25rem;display:block;margin-block:1.5rem;color:var(--white);position:relative}input,textarea{position:relative;display:block;width:100%;margin-top:0.5rem;padding:0.5rem;background-color:var(--black);color:var(--white);border-radius:0.25rem;border:var(--grey) solid 0.0625rem;font-size:1.25rem;font-family:"Inconsolata", monospace;letter-spacing:-0.0125rem}button{margin-top:0.5rem}}}.lost{max-width:var(--max-width);padding-inline:var(--padding-inline);min-height:60vh;margin:6rem auto;text-align:center;p{max-width:none;padding-bottom:1rem}}.case-study{.header{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:2rem;max-width:var(--max-width);padding-inline:var(--padding-inline);margin:6rem auto 0;h1{text-wrap:balance;margin-bottom:3rem}.project-meta{display:-ms-grid;display:grid;-ms-grid-columns:1fr 0.5rem 1fr;grid-template-columns:1fr 1fr;gap:2rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start;font-size:1.25rem;margin-top:1.25rem;max-width:30rem;.label{font-weight:900;display:block}.live-link{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:inherit;text-decoration:none;&:hover{background-image:-o-linear-gradient(45deg, var(--orange), var(--pink));background-image:linear-gradient(45deg, var(--orange), var(--pink));background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;svg{stroke:var(--orange);.external-link-arrow{-webkit-transform:translate(20%, -20%);-ms-transform:translate(20%, -20%);transform:translate(20%, -20%)}}}span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:0.5rem}svg{height:1.25rem;width:auto;margin-top:0.25rem;.external-link-arrow{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transform-box:fill-box;-webkit-transition:-webkit-transform 200ms ease-in-out;transition:-webkit-transform 200ms ease-in-out;-o-transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out}}}}.tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;margin:2rem 0 0;padding:0;li{text-wrap:nowrap;position:relative;border-radius:0.25rem;padding:0 0.5rem;background:var(--white);color:var(--black);display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}&.light li{background:var(--black);color:var(--white);border:0.0625rem solid var(--white)}}}section{max-width:var(--max-width);padding:2rem var(--padding-inline);margin:auto;&.narrow{max-width:64rem;ul{margin-left:1rem;li{font-size:1.5rem;color:var(--grey);margin-bottom:1rem}}}p{max-width:none}}.image-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:2rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start;figure{&:first-of-type{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3}&:last-of-type{-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end}img{border-radius:0.5rem}}}.image-columns{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:2rem;img{border-radius:0.25rem}}.image-full{img,video{border-radius:0.25rem}}.quote{max-width:64rem;margin:auto}.ctas{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5rem}}.legal{max-width:64rem;padding-inline:var(--padding-inline);margin:4rem auto;p{max-width:none;margin-bottom:1rem}h3{margin-top:2rem}}@media screen and (min-width: 48rem){.background .holographic{display:block}h1{font-size:5rem;letter-spacing:-0.25rem}h3{font-size:3rem}nav .nav-links a.resume svg{display:block}#specialization .cards .interaction .cube{-webkit-transition:none;-o-transition:none;transition:none}#work .thumbnails{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);a .button-backdrop,button .button-backdrop{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 300ms ease-in-out;transition:-webkit-transform 300ms ease-in-out;-o-transition:transform 300ms ease-in-out;transition:transform 300ms ease-in-out;transition:transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;span{opacity:0;-webkit-transition:opacity 500ms ease-in-out 100ms;-o-transition:opacity 500ms ease-in-out 100ms;transition:opacity 500ms ease-in-out 100ms}}}#about .left-column .accessories{gap:0.125rem;button{height:3.5rem;width:3.5rem}}#ragdoll-container #cannon{max-width:20rem}}@media screen and (min-width: 64rem){:root{--padding-inline:2.5rem}html{cursor:none}nav .nav-links{gap:2rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;a{padding:0.5rem 1rem;&.logo{padding-left:0;margin-bottom:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}&.right{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem;margin-left:auto;button{background:none;border:none;padding:0;margin:0;&:hover img{-webkit-animation:iconWiggle 300ms ease-in-out;animation:iconWiggle 300ms ease-in-out}&.off{opacity:0.5}img{pointer-events:none;-webkit-transition:-webkit-transform 200ms ease-in-out;transition:-webkit-transform 200ms ease-in-out;-o-transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out}}#sfx-toggle{&.off{.sound-on{display:none}.sound-off{display:block}}.sound-on{display:block}.sound-off{display:none}}#achievements-toggle{visibility:hidden}}}section{padding-block:2rem 4rem}figcaption{text-align:right}#custom-cursor{display:block}h1{font-size:6rem;line-height:1.2}h2{font-size:4.25rem}h3{font-size:2.5rem}.homepage header{padding-top:10rem;h1{letter-spacing:-0.5rem;font-size:10rem;line-height:1}}a.fancy::after{content:"";position:absolute;opacity:0;bottom:0;left:0;height:0.125rem;width:100%;background:-o-linear-gradient(45deg, var(--orange), var(--pink));background:linear-gradient(45deg, var(--orange), var(--pink));-webkit-transition:-webkit-transform 100ms ease-in-out;transition:-webkit-transform 100ms ease-in-out;-o-transition:transform 100ms ease-in-out;transition:transform 100ms ease-in-out;transition:transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out}a.fancy:hover::after{-webkit-transform:translateY(0.25rem);-ms-transform:translateY(0.25rem);transform:translateY(0.25rem);opacity:1}.columns{-ms-grid-columns:1fr 4rem 1fr;grid-template-columns:1fr 1fr;gap:4rem;.left-column{margin-bottom:0}}#testimonials .slider{.quotes-wrapper{gap:10rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-transform:translateX(calc(60% + 10rem));-ms-transform:translateX(calc(60% + 10rem));transform:translateX(calc(60% + 10rem));.quote{width:60%}}.slider-arrow{display:block;z-index:1;position:absolute;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;background:none;padding:0;margin:0;border:none;-webkit-transition:opacity 200ms ease-in-out;-o-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out;img{pointer-events:none;height:5rem;width:auto}&.left{left:0;img{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}}&.right{right:0}}}.inline-fade{overflow:hidden;-webkit-mask-image:-webkit-gradient( linear, left top, right top, from(transparent), color-stop(25%, white), to(transparent) );-webkit-mask-image:linear-gradient( to right, transparent, white 25% 75%, transparent );mask-image:-webkit-gradient( linear, left top, right top, from(transparent), color-stop(25%, white), to(transparent) );mask-image:linear-gradient( to right, transparent, white 25% 75%, transparent )}.tools{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}#work .thumbnails{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}.achievements-drawer{visibility:visible}.inventory{visibility:visible;pointer-events:all}.case-study{.image-grid{display:-ms-grid;display:grid;-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}.image-columns{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}}@media screen and (min-width: 74rem){#specialization .cards{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 80rem){.case-study .header{-ms-grid-columns:1fr 0.4fr;grid-template-columns:1fr 0.4fr}#about .left-column .accessories button{height:4.5rem;width:4.5rem}}@media screen and (min-width: 84rem){.tools .perspective-wrapper .tool-logo{height:10rem;width:10rem;img{height:6rem}}}@media screen and (min-width: 96rem){.tools .perspective-wrapper .tool-logo{height:12rem;width:12rem}}@-webkit-keyframes lineDraw{to{stroke-dashoffset:0}}@keyframes lineDraw{to{stroke-dashoffset:0}}@-webkit-keyframes sparkle{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(0);transform:scale(0)}70%{-webkit-transform:scale(-1, 0);transform:scale(-1, 0)}80%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes sparkle{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(0);transform:scale(0)}70%{-webkit-transform:scale(-1, 0);transform:scale(-1, 0)}80%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes reveal{from{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes reveal{from{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iconWiggle{0%,100%{-webkit-transform:none;transform:none}30%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}60%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@keyframes iconWiggle{0%,100%{-webkit-transform:none;transform:none}30%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}60%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}