:root{--fs-h1:clamp(2.5rem, 2.725rem + 1.25vw, 5.75rem);--fs-mast:clamp(2rem, 2.18rem + 1.25vw, 5.75rem);--fs-h2:clamp(1.55rem, 1.08rem + 1.15vw, 3.875rem);--fs-masthead:clamp(1.5rem, 1.05rem + 1.115vw, 3.75rem);--fs-h3:clamp(1.65rem, 1.28rem + 1.05vw, 3.375rem);--fs-h4:clamp(0.9rem, 0.82rem + 0.22vw, 1.3125rem);--fs-h5:clamp(1rem, 1.1rem + 1vw, 2.375rem);--fs-h6:clamp(1.6875rem, 1.6rem + 0.22vw, 2rem);--fs-body:clamp(1.1rem, 1.115rem + 0.35vw, 1.9375rem);--fs-namely:clamp(2rem, 2rem + 0.26vw, 2.875rem);--fs-blockquote:clamp(1.5625rem, 1.28rem + 0.75vw, 2.625rem);--fs-hero-h6:clamp(5rem, 4.67rem + 0.88vw, 6.25rem);--fs-tiny:clamp(1.1rem, 1.1rem + 0.04vw, 1.5rem);--fs-small:clamp(1.0625rem, 1.03rem + 0.09vw, 1.1875rem);--navbar-edge-spacing:clamp(10px, 12px + 0.75vw, 25px);--navbar-top-spacing:clamp(12px, 16px + 0.65vw, 25px);--logo-width:clamp(24px, 24px + 1vw, 55px);--hamburger-size:clamp(28px, 28px + 0.65vw, 35px);--offcanvas-width:clamp(300px, 35vw + 100px, 500px)}.uk-section-default,html{background:#fff;scroll-behavior:smooth}#ssite-head,.uk-logo img{margin-top:10px}.fullwidth,.hero,figure figcaption{text-align:center}html{font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;line-height:1.42;font-weight:300;color:#424242;overflow-x:hidden}h1,.sh1{font-size:var(--fs-h1)}h2,.sh2{font-size:var(--fs-h2)}h3,.sh3{font-size:var(--fs-h3)}h4,.sh4,caption,dt,thead{font-size:var(--fs-h4)}h6,.sh6{font-size:var(--fs-h6)}dd,li,p,td{font-size:var(--fs-body)}h5,.sh5{font-size:var(--fs-h5)}.skills-container ol.large li::before,.skills-container h4{font-size:var(--fs-h3);text-transform:none}.mast{font-size:var(--fs-mast)}.masthead{font-size:var(--fs-masthead)}.namely{font-size:var(--fs-namely);line-height:1.025!important}blockquote p{font-size:var(--fs-blockquote)}.hero h6,.hero h4{font-size:var(--fs-hero-h6)}.uk-text-tiny{font-size:var(--fs-tiny);line-height:1.2em}.uk-text-small{font-size:var(--fs-small)}body,form,h1,h2,h3,h4,h5,h6,input{font-family:Uzi,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Roboto,Arial,"Segoe UI",Ubuntu,"Noto Sans",sans-serif}.uk-link,a{color:#06263F;text-decoration:none;cursor:pointer}.uk-link:hover,a:hover{color:#000;text-decoration:underline}h1{font-weight:100}h2,h3{font-weight:200;letter-spacing:.05rem}.uk-link-text a:not(:hover),a.uk-link-text:not(:hover){color:inherit}.uk-link-text a:hover,a.uk-link-text:hover{color:#EEEEEA}.uk-section-xsmall{padding-top:25px;padding-bottom:25px}.uk-section-large{padding-top:2em;padding-bottom:2em}@media (min-width:960px){.uk-section-large{padding-top:3em;padding-bottom:3em}}.uk-section-muted{background:#f5f5f5}.uk-section-primary{background:#06263F}.uk-section-secondary{background:#000}.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle{min-height:100px;padding:0 14px;text-decoration:none}.uk-nav li a{-webkit-text-decoration-skip:objects;cursor:pointer;font-weight:200;transition:all .3s ease}.uk-nav li a .uk-icon{transition:all .5s ease}.uk-nav li a:hover .uk-icon{color:#FE5A5D}.uk-animation-scale-up{animation-name:uk-fade-scale-06}@keyframes uk-fade-scale-06{0%{opacity:0;transform:scale(.875)}100%{opacity:1;transform:scale(1)}}#off-nav{background-color:rgb(0 0 0 / .5)}.uk-offcanvas-bar{padding:25px;display:block;background:#000;opacity:1!important;font-family:Uzi,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Roboto,Arial,"Segoe UI",Ubuntu,"Noto Sans",sans-serif}.uk-offcanvas-bar .uk-offcanvas-close,.uk-offcanvas-bar .uk-close{color:#fff}.uk-offcanvas-bar .uk-nav li:not(.socially):not(.uk-nav-header):not(.uk-nav-divider):not(.uk-margin-small) a{font-size:1.5rem}:root{--nav-hover-blue:#B3E7F8}.uk-offcanvas-bar .uk-nav li:not(.socially):not(.uk-nav-header):not(.uk-nav-divider):not(.uk-margin-small){margin-bottom:.5rem}.uk-offcanvas-bar .uk-nav li.socially a{padding-left:0;color:rgb(255 255 255 / .9);font-size:1rem}.uk-offcanvas-bar .uk-nav li.socially a:hover{color:#fff}.uk-offcanvas-bar .uk-nav li:not(.socially) a{position:relative;padding-right:30px;color:rgb(255 255 255 / .95)}.uk-offcanvas-bar .uk-nav li:not(.socially) a:hover,.uk-offcanvas-bar .uk-nav li.uk-active a{color:#fff}.nav-icon{width:24px;height:24px;flex-shrink:0;margin-bottom:5px;filter:brightness(0) invert(1) brightness(.8);transition:filter 0.3s ease,transform 0.3s ease}.uk-offcanvas-bar .uk-nav li a>span{flex-grow:1}.uk-offcanvas-bar .uk-nav li:not(.socially) a>span{padding-left:15px}.uk-offcanvas-bar .uk-nav li a:hover .nav-icon,.uk-offcanvas-bar .uk-nav li.uk-active a .nav-icon{filter:invert(78%) sepia(31%) saturate(561%) hue-rotate(163deg) brightness(101%) contrast(95%)}.uk-offcanvas-bar .uk-nav li a:hover .nav-icon{transform:scale(1.1)}.uk-offcanvas-bar .uk-nav li.uk-active a .nav-arrow,.uk-offcanvas-bar .uk-nav li.uk-active a:hover .nav-arrow{opacity:1;transform:translateY(-50%) rotate(90deg);transition:none}.uk-offcanvas-bar .uk-nav li.uk-active a>span{position:relative}.uk-offcanvas-bar .uk-nav li.uk-active a>span::after{content:'';position:absolute;left:15px;width:calc(100% - 15px);bottom:-1px;height:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4'%3E%3Cpath d='M0,2 Q2,0 4,2 T8,2' stroke='%23B3E7F8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") repeat-x;background-size:8px 4px;opacity:.75}.nav-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%) translateX(-10px);height:18px;width:auto;filter:invert(1);opacity:0;transition:opacity 0.3s ease,transform 0.3s ease}.uk-offcanvas-bar .uk-nav li a:hover .nav-arrow{opacity:1;transform:translateY(-50%) translateX(0)}.uk-offcanvas-flip .uk-offcanvas-bar-animation{transition-property:right,width;transition-duration:.25s;transition-timing-function:ease}.uk-offcanvas-flip .uk-offcanvas-bar{width:var(--offcanvas-width);right:calc(-1 * var(--offcanvas-width));left:auto}.uk-text-thin{font-weight:100!important}.uk-text-light{font-weight:200!important}.uk-text-medium,.uk-text-regular{font-weight:300!important}.uk-text-strong,.uk-text-stronger,.uk-text-strongest{font-weight:600!important}.uk-text-regular{font-size:1.1rem;line-height:1}.uk-text-smaller{font-size:.82em!important}.uk-text-small{font-size:.92em!important}.uk-text-large{font-size:1.25em!important}.uk-text-huge{font-size:1.45em!important}p.uk-text-huge,p.uk-text-large{line-height:1.35em!important}p.uk-text-small{line-height:1.42857143em!important}.uk-section-primary-light{background-color:#C2E0EA}.uk-section-secondary-light{background-color:#F4ECAB}.top-section-full{background-color:#222;min-height:100vh;height:100vh;transition:min-height .3s cubic-bezier(.16,.75,.47,1);position:relative}.top-section-full .top-content{position:relative;z-index:3}.top-section-full::after{content:'';background-color:rgb(0 0 0 / .6);position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.top-section-full .uk-light{color:#fff!important}.top-section-full #site-head{z-index:9999}.top-section-full #site-head .hamburger-inner,.top-section-full #site-head .hamburger-inner::after,.top-section-full #site-head .hamburger-inner::before,.top-section-full #site-head.is-active .hamburger-inner,.top-section-full #site-head.is-active .hamburger-inner::after,.top-section-full #site-head.is-active .hamburger-inner::before{background-color:#fff}video{outline:none}video::-webkit-media-controls,video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-overlay-play-button,video::-webkit-media-controls-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important;pointer-events:none!important}video::-moz-media-controls{display:none!important}video[poster]{background-image:url(attr(poster));background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width:768px){video[controls="false"]{pointer-events:none}video::-webkit-media-controls-overlay-enclosure{display:none!important}video::-webkit-media-controls-overlay-play-button{display:none!important;visibility:hidden!important}}.uk-cover-container{position:relative;overflow:hidden}.uk-container.uk-height-1-1{box-sizing:content-box}.hero-background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}.hero-background-video{pointer-events:none}.hero-background-video::-webkit-media-controls{display:none!important}.uk-logo img{height:90px}.lazy{transition-property:opacity,transform;transition-duration:1s,.7s}.lazy:not([src]){visibility:hidden}.lazy[src^='data:image']{visibility:visible;opacity:0}.lazy[src]:not([src^='data:image']){visibility:visible;opacity:1}.section-img{position:absolute;top:0;left:40px;bottom:0;background-color:red;width:calc(50vw - 20px)}button.hamburger{position:relative;z-index:100000}button.hamburger.is-active .hamburger-inner,button.hamburger.is-active .hamburger-inner::after,button.hamburger.is-active .hamburger-inner::before{background-color:#fff}.top-section{background-color:#222;min-height:450px;height:450px;transition:min-height .3s cubic-bezier(.16,.75,.47,1)}.top-section .top-content{position:relative;z-index:3}.top-section::after{content:'';background-color:rgb(0 0 0 / .6);position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.top-section .uk-light{color:#fff!important}.top-section #site-head{z-index:9999}.top-section #site-head .hamburger-inner,.top-section #site-head .hamburger-inner::after,.top-section #site-head .hamburger-inner::before,.top-section #site-head.is-active .hamburger-inner,.top-section #site-head.is-active .hamburger-inner::after,.top-section #site-head.is-active .hamburger-inner::before{background-color:#fff}.brand-logo{filter:grayscale(100%);transition:filter 0.3s ease;display:block;height:auto;object-fit:contain;box-sizing:border-box}.brand-logo:hover{filter:grayscale(0%)}.brand-container{display:flex;align-items:center;justify-content:center;height:4.75rem;width:100%}.brand-link{box-shadow:none!important;background:none!important;border:none!important;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.brand-link:hover{background:none!important;box-shadow:none!important}.main-content p,table{font-weight:300}h3{font-weight:200}.fullwidth{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding-top:2.5rem;padding-bottom:2.5rem}a.noborder{border:0;background:0 0;opacity:.85;transition:all .3s ease;text-decoration:none}a.noborder:hover{opacity:1}.doodle a.noborder{opacity:1}figure figcaption{color:#595959;font-size:.95rem;letter-spacing:.02rem;margin:1em auto}.uk-section-primary figure figcaption{color:#b0b0b0;text-align:center;margin:1em auto}footer h2{color:#fff;font-weight:600;letter-spacing:-.3px;width:100px}.shanx-watermark img{width:100%;filter:alpha(Opacity=50);opacity:.5}mark{color:#111;position:relative;display:inline-block;z-index:1;background:#fff0;padding:0}mark::before{content:'';position:absolute;top:5%;left:-1%;width:0;height:100%;background:rgb(255 235 59 / .4);z-index:-1;border-radius:3px;filter:url(#squiggle-mark);transform-origin:left;transition:width 1.5s cubic-bezier(.4,0,.2,1)}mark.drawn::before{width:102%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #06263F!important;outline-offset:2px}.uk-light a:focus-visible,.uk-light button:focus-visible,.uk-offcanvas-bar a:focus-visible,.uk-offcanvas-bar button:focus-visible,.site-header.inverted a:focus-visible,.site-header.inverted button:focus-visible{outline-color:#fff}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px 16px;z-index:100001;text-decoration:none;transition:top 0.3s}.skip-link:focus-visible{top:0;outline:2px solid #fff;outline-offset:2px}::selection{background:#EFFAB4;color:#222}::-moz-selection{background:#EFFAB4;color:#222}.mytooltip,.uk-tooltip-top{background:red}.mytooltip:after,.uk-tooltip-top:after{z-index:-1;position:absolute;top:98.1%;left:calc(50% - 25px);content:'';width:0;height:0;border-top:solid 50px #e15915;border-left:solid 50px #fff0;border-right:solid 50px #fff0}.uk-section a.rd{color:inherit;position:relative;text-decoration:none;transition:all .15s ease-in;will-change:opacity;box-shadow:inset 0 -2px 0 #ff718c}.uk-section a.rd:hover{color:#FE5A5D;border:0;text-decoration:none;transition:all .15s ease-out;will-change:opacity}.variant-link{color:#666;text-decoration:none;transition:color 0.2s ease;cursor:pointer;display:inline-block;padding:2px 0;font-size:.9rem}.variant-link:hover{color:#000;text-decoration:none;transition:color 0.2s ease}.variant-link.active{color:#000;font-weight:500;position:relative}.variant-link.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:currentColor}.variant-image{transition:opacity 0.3s ease;opacity:1;width:100%;height:auto}.variant-image.switching{opacity:0;transition:opacity 0.3s ease}.main-content a,a.blu{border-bottom:1px solid #B3E7F8;box-shadow:inset 0 -.44rem 0 #B3E7F8;transition:all .25s;color:inherit;text-decoration:none}.main-content a:hover,a.blu:hover{background-color:#B3E7F8;text-decoration:none;color:#333}.stickythin{background:red;display:block;height:5em!important;font-size:12px;padding:10px}.stickythin #logo img{width:20px}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}p{margin-bottom:2rem}dd{margin:.5rem auto 3rem}em,i{font-style:italic;color:inherit}.hero h6,.hero h4,h1{font-weight:100}.hero h6,.hero h4{color:#000}.h4i,.sh4,caption,dt,h4,thead{font-weight:600;letter-spacing:.1rem;text-transform:uppercase;opacity:1}thead{border-top:0}blockquote{display:block;position:relative;font-family:Uzi,"IBM Plex Mono","Roboto Mono",Whitman,"Scala pro",Garamond,Miller,Baskerville,Georgia,serif;font-style:normal;font-weight:300;letter-spacing:.01px;color:#424242}.quot,blockquote{padding:1em 1em 1em 5rem;margin:3.8rem 0}blockquote footer{font-family:Uzi,Webdings}blockquote cite,blockquote footer{font-style:normal;color:#595959;font-size:1rem;padding-top:.5em}blockquote::before{content:"\201C";color:#fff0;background:url(https://av.shanx.com/quote.svg) no-repeat;font-size:6rem;opacity:.9;position:absolute;left:1px;top:5px}blockquote::after{content:""}strong{font-weight:600}.main-content ol,.main-content ul{list-style:none;counter-reset:my-counter;display:flex;flex-wrap:wrap;padding:0}.main-content ol li,.main-content ul li{margin-bottom:1.5rem;counter-increment:my-counter;display:flex;width:100%}.main-content ol ul li,.main-content ul ul li{margin-bottom:auto}.main-content ol li::before{content:"0" counter(my-counter);font-weight:600;margin-top:2px}.main-content ol.large li::before{font-weight:100;margin-top:0}.uk-section-primary ol.large li::before{color:#888}.main-content ol.thin li::before{font-weight:200}.main-content ul li::before{content:"— ";font-weight:300}
/*!
  * Hamburgers
  * @description Tasty CSS-animated hamburgers
  * @author Jonathan Suh @jonsuh
  * @site https://jonsuh.com/hamburgers
  * @link https://github.com/jonsuh/hamburgers
  */
.hamburger{padding:0;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:#fff0;border:0;margin:0;overflow:visible;vertical-align:top}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff}.hamburger-box{width:var(--hamburger-size);height:calc(var(--hamburger-size) * 0.6);display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-8px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:calc(var(--hamburger-size) * 0.95);height:2px;right:1px;background-color:#000;border-radius:2px;position:absolute;transition-property:transform,background-color;transition-duration:.25s;transition-timing-function:ease}.hamburger-inner::before{width:calc(var(--hamburger-size) * 1.125);right:0;top:1px}.hamburger-inner::after{width:calc(var(--hamburger-size) * 0.75);right:0;bottom:calc(var(--hamburger-size) * -0.25)}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger--slider .hamburger-inner{top:2px;margin-top:0}.hamburger--slider .hamburger-inner::before{top:calc(var(--hamburger-size) * 0.25);transition-property:transform,opacity,background-color;transition-timing-function:ease;transition-duration:.2s}.hamburger--slider .hamburger-inner::after{top:calc(var(--hamburger-size) * 0.5);bottom:auto}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(2px,calc(var(--hamburger-size) * 0.25),0) rotate(45deg);width:var(--hamburger-size)}.hamburger--slider.is-active .hamburger-inner::before{width:var(--hamburger-size);transform:rotate(-45deg) translate3d(-5.71px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{width:var(--hamburger-size);transform:translate3d(0,calc(var(--hamburger-size) * -0.5),0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px;margin-top:0}.hamburger--slider-r .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider-r .hamburger-inner::after{top:20px;bottom:auto}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(90deg)}ol.alphabet li:before{content:counter(my-counter,lower-alpha) ". ";margin-top:0}.uk-background-primary,.uk-footer{background:#D14244!important;color:#fff}.uk-yell{background:#F1EB98}.redb{display:inline-block;position:relative;z-index:1}.redb:before{content:"";position:absolute;left:0;bottom:0;height:1px;margin-bottom:-10px;width:1.5rem;border-bottom:2px solid #FE5A5D}footer.uk-footer .uk-text-small{text-transform:uppercase;color:#fff;font-size:11px}footer.uk-footer a{color:#fff;opacity:.85}footer.uk-footer a:hover{text-decoration:none;color:#fff;opacity:1;transition:all .3s ease}footer.uk-footer .socially span{display:none}footer.uk-footer .socially a.uk-icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;transition:all 0.3s ease}footer.uk-footer .socially a.uk-icon:hover{background:#DE7B7C;color:#fff;opacity:1}.grow{transition:all .3s ease-in-out}.grow:hover{transform:scale(1.2)}@-webkit-keyframes sx-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes sx-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;border:6px solid #DE7B7C;border-radius:50px}}.sx-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #fff0;position:relative}.sx-ripple-out:before{content:'';position:absolute;border:0 solid #DE7B7C;border-radius:50px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.sx-ripple-out:active:before,.sx-ripple-out:focus:before,.sx-ripple-out:hover:before{-webkit-animation-name:sx-ripple-out;animation-name:sx-ripple-out}.uk-button{background:#222;letter-spacing:3px;font-weight:600;color:#ddd}.underl,thead th{font-weight:600!important}.uk-button:hover{background:#000!important;color:#fff;transition:all .3s ease}thead th{color:#222!important}tfoot td{color:#595959;font-size:1rem}input[type=button],input[type=submit]{background:url(/bg_switcher.png) left bottom repeat-x #eee!important;margin-right:1px;border:1px solid #bbb;cursor:pointer;color:#424242;padding:.3em .5em!important}input[type=button]:hover,input[type=submit]:hover{background-image:none!important;border:1px solid #aaa!important;color:#333!important}input[type=text],textarea{border:1px solid #ccc;padding:.3em;margin:.3em .5em .3em 0}input[type=text]:focus-visible,textarea:focus-visible{border:1px solid #666;background:#fff}.uk-tooltip{background:#D14244!important;padding:10px!important;font-size:1.1rem}[class*=uk-tooltip-top]::after{top:100%;left:50%;border:solid #fff0;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#D14244;border-width:5px;margin-left:-5px}[class*=uk-tooltip-bottom]::after,[class*=uk-tooltip-left]::after{border:solid #fff0;content:" ";height:0;position:absolute;pointer-events:none;width:0}[class*=uk-tooltip-bottom]::after{bottom:100%;left:50%;border-bottom-color:#D14244;border-width:5px;margin-left:-5px}[class*=uk-tooltip-left]::after{left:100%;top:50%;border-left-color:#D14244;border-width:5px;margin-top:-5px}[class*=uk-tooltip-right]::after{right:100%;top:50%;border:solid #fff0;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#D14244;border-width:5px;margin-top:-5px}.pencil-underline{text-decoration:none;position:relative;display:inline-block}.pencil-underline::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 25' preserveAspectRatio='none'%3E%3Cpath d='M0,12.5 Q25,7 50,12.5 T100,12.5' stroke='%23FFFACD' stroke-width='12' fill='none' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:100% 100%;opacity:.95}.underl{position:relative}.underl,.underl:hover{text-decoration:none}.underl:after{content:'';position:absolute;width:0;height:2px;display:block;right:0;background:#B3E7F8;transition:width .2s ease;-webkit-transition:width .2s ease}.underl:hover:after{width:100%;left:0;top:3;background:#B3E7F8}footer .underl:after,footer .underl:hover:after{background:#fff}.uk-leader .uk-leader-fill::after{color:#767676!important}.hilite{background-image:linear-gradient(45deg,transparent 65%,#FE5A5D 80%,transparent 90%),linear-gradient(135deg,transparent 5%,#FE5A5D 15%,transparent 25%),linear-gradient(135deg,transparent 45%,#FE5A5D 55%,transparent 65%),linear-gradient(45deg,transparent 25%,#FE5A5D 35%,transparent 50%);background-repeat:repeat-x;background-size:8px 3px;background-position:0 95%}.totop svg{display:none}.uk-lightbox-caption{font-weight:200;font-size:1.25rem}.uk-section-small{padding-bottom:2rem;padding-top:2rem}.uk-lineheight-reg{line-height:.6px!important}.timeline{width:50%;margin:auto}.timeline p{border-top:2px dotted;border-color:#7CDBE2!important;margin:0;padding:30px;counter-increment:section;position:relative}.timeline p:nth-child(even):before,.timeline p:nth-child(odd):before{content:counter(section);position:absolute;border-radius:50%;padding:10px;height:48px;width:48px;text-align:center;color:#fff;font-size:110%}.timeline p:nth-child(even):before{right:100%;margin-right:-20px;background-color:#7CDBE2}.timeline p:nth-child(odd):before{left:100%;margin-left:-20px;background-color:blue}.timeline p:nth-child(even){border-left:2px dotted;border-top-left-radius:30px;border-bottom-left-radius:30px;margin-right:30px;padding-right:0}.timeline p:nth-child(odd){border-right:2px dotted;border-top-right-radius:30px;border-bottom-right-radius:30px;margin-left:30px;padding-left:0}.timeline p:first-child{border-top:0;border-top-right-radius:0;border-top-left-radius:0}.timeline p:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}i{color:inherit}.brand{-webkit-filter:grayscale(100%);filter:grayscale(100%);max-width:100%}.uk-card-default{transform:scale(.98);transition:all .3s ease}.uk-card-body,.uk-card-default:hover{transform:scale(1)}.uk-card-body{font-size:inherit}.ie9 img[src$=".svg"]{width:100%}.skills-container .sh4{color:#fff}.text-300{font-weight:300}.text-200{font-weight:200}.doodles-header{background-color:#131D37;background-image:repeating-linear-gradient(to right,#131D37 0,#131D37 3px,#202E50 3px,#202E50 4px)}.doodles-header::after{background-color:transparent!important}.doodles-gif{position:absolute;right:0;top:0;height:auto;width:auto;margin-top:3rem;max-height:100%}.doodles-byline{margin-top:2rem;max-width:175px}.striped-bg{background-color:#EDF1F2;background-image:url(https://av.shanx.com/2026/01/bg-paper-texture.png),repeating-linear-gradient(to right,#EDF1F2 0,#EDF1F2 3px,#D7E1E6 3px,#D7E1E6 4px);background-blend-mode:multiply,normal}.uk-inline-clip img{transition:transform 0.3s ease-in-out}.uk-inline-clip:hover img{transform:scale(1.1)}.shanx-photo-grid{margin:0}.shanx-photo-grid .shanx-photo-item{padding:.25em;transition:transform 0.2s ease-in-out}.profile-image{max-width:85%}.hero-match-container{padding-left:0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){img[src$=".svg"]{width:100%}}@media (max-width:639px){.doodles-byline{margin-top:1rem;max-width:150px}.profile-image{max-width:85%}.skills-container ol.large li::before,.skills-container h4{font-size:var(--fs-mast)}.sh2,.sh3,h2,h3{font-weight:200}#logo img{width:28px;margin:10px auto auto}.sh1,h1,.mast{font-weight:200}.sh3,h3{line-height:1.35;letter-spacing:.001px}.sh2,h2{letter-spacing:-.05px}h6{line-height:1.2}.h4i,.sh4,caption,dt,h4,thead{line-height:1.5}.namely{line-height:1.9rem}blockquote p{line-height:1.5}.quot,blockquote{padding:1em 1em 1em 3rem}blockquote::before{font-size:3rem}.uk-logo img{height:80px;margin-top:-9px;padding:auto 2px 0}.main-content ul li::before{margin-right:1.25rem}.main-content ol li::before{margin-right:1.5rem}.main-content ol.large li::before,.main-content ul.large li::before{margin-right:.25rem}.main-content ol.large li li::before,.main-content ul.large li li::before{margin-right:1rem;margin-top:-.3rem}.main-content ol.large li li,.main-content ul.large li li{margin:0 auto}.main-content ol.large li li span{display:inline}.main-content ol.large li::before{margin-right:1.95rem}.main-content ol.large li,.main-content ul.large li{margin-bottom:1em}.brand-container{height:3.75rem}.brand-logo{padding:5px!important}.uk-grid-small{margin-left:-5px}.uk-grid-small>*{padding-left:5px}.doodles-header,.top-section{min-height:505px;height:518px}}@media (min-width:640px){#logo img{width:33px;margin-top:10px;margin-left:10px}.sh3,h3{font-weight:200}.sh2,h2{letter-spacing:-.25px}.sh3,h3{line-height:1.35;letter-spacing:.15px}.tldr,h6{font-weight:400;max-width:24rem;margin-left:0;color:#111}.h4i,.sh4,caption,dt,h4,thead{line-height:1.5}.namely,footer h2{line-height:1.9rem}blockquote p{line-height:1.42;font-weight:100}.width-text{max-width:23rem}.main-content ol li::before,.main-content ul li::before{margin-right:2.5rem}.main-content ul.large li::before{margin-right:1.95rem}.main-content ol.large li li::before,.main-content ul.large li li::before{margin-right:1.15rem;margin-top:-.6rem}.main-content ol.large li li,.main-content ul.large li li{margin:0 auto}.main-content ol.large li::before{margin-right:5.95rem}.main-content ol.large li,.main-content ul.large li{margin-bottom:1em}.doodles-gif{max-height:90%;max-width:90%;margin-top:2rem}.top-section{min-height:550px;transition:min-height .2s}}@media (min-width:960px){.doodles-gif{max-height:100%;max-width:none;margin-top:3rem}.top-section{min-height:560px}.sh2,.sh3,h2,h3{letter-spacing:-.5px}#logo img{width:30px}.namely,footer h2{line-height:2.17rem}blockquote p{line-height:1.65}}@media (min-width:1200px){.top-section{min-height:620px}.masthead{padding-right:19px}#logo img{width:37px}.sh1,h1{font-weight:100}.sh2,h2,.mast{letter-spacing:-.8px;font-weight:200}.sh3,h3{letter-spacing:-.5px}}@media (min-width:1800px){.top-section{min-height:680px}.sh2,.sh3,h2,h3{line-height:1.35}#logo img{width:51px;margin-top:10px}.uk-container{max-width:80%}.uk-container-small{max-width:75rem}}.site-header{position:relative;z-index:9999}.top-section .site-header,.top-section-full .site-header{position:absolute;top:0;left:0;right:0;z-index:9999}.site-nav{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--navbar-top-spacing) var(--navbar-edge-spacing)}.nav-left,.nav-right{display:flex;align-items:flex-start}.logo-link{display:block;line-height:0}.fill-logo{fill:#06263F}.site-header.inverted .fill-logo{fill:#fff}.site-header.inverted .hamburger-inner,.site-header.inverted .hamburger-inner::before,.site-header.inverted .hamburger-inner::after{background-color:#fff}@keyframes drawTopToBottom{0%{clip-path:inset(0 0 100% 0)}100%{clip-path:inset(0 0 0 0)}}@keyframes drawBottomToTop{0%{clip-path:inset(100% 0 0 0)}100%{clip-path:inset(0 0 0 0)}}@keyframes drawLeftToRight{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}.shanxlogo{width:var(--logo-width);height:auto}.shanxlogo polygon{clip-path:inset(0 0 100% 0)}.shanxlogo #logo-s1{animation:drawTopToBottom 0.25s ease-out forwards 0s}.shanxlogo #logo-s3{animation:drawBottomToTop 0.25s ease-out forwards 0.25s}.shanxlogo #logo-s2{animation:drawTopToBottom 0.25s ease-out forwards 0.5s}.shanxlogo #logo-t{animation:drawLeftToRight 0.25s ease-out forwards 1s}