.linked-in{position:absolute;top:20px;right:20px;width:40px}.play-control{background:none;border:none;position:absolute;top:20px;right:80px;display:flex;font-size:12px;line-height:14px;letter-spacing:.03em;color:#fff;text-align:left;align-items:center;height:40px;cursor:pointer}.play-control img{margin-top:2px;margin-right:6px}.play-control:active{transform:translateY(1px)}.react-responsive-modal-modal{aspect-ratio:16 / 9;max-width:calc(100vw - 80px)!important;max-height:calc(100vh - 80px)!important;background-color:#00000080!important;border-radius:8px;overflow:visible!important}button.react-responsive-modal-closeButton{top:-10px;right:-10px;background:#ffffffb3;border-radius:50%;transition:transform .15s}button.react-responsive-modal-closeButton:hover{background:#fff;transform:scale(1.1)}.player-wrapper{aspect-ratio:16 / 9;position:relative;max-height:calc(100vh - 80px)!important;margin:auto}.player-wrapper video:focus-visible{outline:none}.hero{width:100%;max-width:1300px;height:600px;background:linear-gradient(180deg,#ea8c67,#f6d291);position:relative}.hero h1{font-size:100px;line-height:120px;letter-spacing:.03em;color:#f5f5f5;text-shadow:3.33333px 3.33333px 0px #d5840b}.hero h1 span{display:inline-block}.logo{position:absolute;left:45px;width:230px}#text-ux{position:absolute;top:130px;left:50%;transform:translate(-50%)}#text-code{position:absolute;top:262px;left:50%;transform:translate(-50%)}#text-motion{position:absolute;top:394px;width:100%;text-align:center;z-index:1}@keyframes rotate{to{transform:rotate(-360deg)}}.wave{min-width:min(100vw,1600px);height:200px;position:absolute;left:50%;transform:translate(-50%);bottom:-4px}#front-wave{z-index:1}#wave-1{animation:rotate 300s linear infinite;transform-origin:800px 5980px}#wave-2{animation:rotate 250s linear infinite;transform-origin:800px 6020px}#wave-3{animation:rotate 200s linear infinite;transform-origin:800px 6060px}#wave-1.paused,#wave-2.paused,#wave-3.paused{animation-play-state:paused}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:40px;max-width:1180px;margin:auto}.intro{width:100%;max-width:1600px;background-color:#864775;padding:20px 0;position:relative;z-index:5}.intro .intro-content{grid-column:1 / span 8}.intro .intro-photo{grid-column:9 / span 4;display:flex;justify-content:flex-end}.intro .intro-photo img{width:240px;height:271px;border:12px solid #f2cc6f;border-radius:38px}.intro h2{color:#ffe7f1;margin-bottom:20px}.intro ul{padding-left:20px}.intro p,.intro li{font-size:24px;line-height:34px;color:#fff;margin-bottom:8px}.intro li{padding-left:8px}ul{padding-left:20px}p,li{margin-bottom:8px}.top-section{padding-top:240px;position:relative}.top-section .backdrop{position:absolute;left:-40px;right:-40px;top:0;height:500px;background:linear-gradient(180deg,#f2dcb8,#f1e1c6 29.72%,#efe5d4 60%,#eeeae2);z-index:-2}.content-header{grid-column:1 / span 12}.content{grid-column:1 / span 6}.video{grid-column:7 / span 6;margin-left:40px}footer{background-color:#7e4b73;width:100%;padding:60px 0 100px}footer *{grid-column:1 / span 12}footer h2{font-size:56px;line-height:74px;color:#ffe6f1}footer li,footer p,footer a{color:#fff}@media screen and (max-width: 1240px){.grid{max-width:980px;padding:0 20px}.top-section{padding-top:240px}.intro p,.intro li{font-size:20px;line-height:28px}}@media screen and (max-width: 767px){.intro .intro-content{grid-column:1 / span 12}.intro .intro-photo{grid-column:2 / span 10;margin-top:20px;justify-content:center}.content{grid-column:1 / span 12}.video{grid-column:2 / span 10;margin-left:0;margin-top:20px}}.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#fff;box-shadow:0 12px 15px #00000040;margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-overlay,.react-responsive-modal-container,.react-responsive-modal-modal{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}.video-tile,.video-tile *{transform-style:preserve-3d}.video-tile{position:relative;border:1px solid #ef8c69;border-radius:12px;cursor:pointer;transform:rotateY(20deg)}.video-tile .thumb{border-radius:12px}.video-tile .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);transition:transform .2s}.video-tile .duration,.video-tile .duration-shadow{position:absolute;top:50%;left:calc(50% + 130px);transform:translate(-50%,-50%) translateZ(80px) scale(.75);background:#3d382d;padding:4px 14px;border-radius:5px;border:1px solid #ef8c69;font-weight:500;font-size:20px;line-height:28px;text-align:center;color:#fff;transition:transform .3s;transform-origin:0% 50%}.video-tile .duration-shadow{transform:translate(-50%,-50%) translateZ(20px) scale(.75);background-color:#ef8c69;color:transparent}.video-tile:hover .play-overlay{transform:translate(-50%,-50%) translateZ(80px) scale(1.1)}.video-tile:hover .duration{transform:translate(-50%,-50%) translateZ(80px) scale(1)}.video-tile:hover .duration-shadow{transform:translate(-50%,-50%) translateZ(20px) scale(1)}.video-tile:active .play-overlay{transform:translate(-50%,-50%) translateZ(80px) scale(1.2)}.timestamp-link{color:#dd6237;font-size:.9em;cursor:pointer;border:none;background:none;padding:0 6px}.timestamp-link:hover{color:#a33d17}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{background-color:#eeeae2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;align-items:center;width:100%}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh;font-family:IBM Plex Sans,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:28px;letter-spacing:.03em;color:#563c4f}a{color:#563c4f}h1,h2,h3,h4,h5,h6{font-family:Calistoga,serif;font-weight:400;font-style:normal}h2{font-size:36px;line-height:46px;letter-spacing:.04em;color:#86657d;margin-bottom:24px}