.myHeader{align-items:flex-end;background-color:#fff;border-bottom:1px solid var(--off-black);display:flex;flex-direction:column;flex-shrink:0;grid-area:header;padding:15px 0 11px;position:sticky;top:0;z-index:2}.myHeader a{color:unset;text-decoration:unset}.myHeader h1,.myHeader p{margin:0}.myHeader h1{font-family:var(--default-fonts-bold);font-weight:700;text-transform:uppercase;font-size:2rem;line-height:1;letter-spacing:.01em;max-width:200px}.myHeader p{display:none;font-size:.75em;line-height:1.5}@media screen and (min-width:320px){.myHeader h1{max-width:none}}@media screen and (min-width:500px){.myHeader{padding-top:30px}}@media screen and (min-width:800px){.myHeader{border-bottom:none;padding-bottom:0}.myHeader p{display:block}}.current-page-padding-work,#nav-link-work:hover~.indicator-container{padding-left:calc(100% - 170px);padding-right:88px}.current-page-padding-about,#nav-link-about:hover~.indicator-container{padding-left:calc(100% - 88px);padding-right:0}.indicator{width:100%;height:100%;background-color:var(--lime-green)}.indicator-container{position:absolute;bottom:0;width:100%;height:3px;box-sizing:border-box;transition:padding .3s cubic-bezier(.46,.03,.52,.96)}input#mobile-menu{display:none}.mobile-nav{align-items:flex-end;background-color:#fff;border-bottom:1px solid var(--off-black);display:flex;justify-content:flex-end;position:relative;width:100%;z-index:1}.mobile-menu-icon{border-bottom:3px solid var(--lime-green);cursor:pointer;display:block;height:19px;padding:14px;position:absolute;transition:border .3s ease-in-out;width:24px}.mobile-menu-icon .icon-container,.mobile-menu-icon .icon-container:before,.mobile-menu-icon .icon-container:after{background:#000;content:"";display:block;height:3px;position:absolute;transition:background ease .2s,top ease .2s .2s,transform ease .2s;width:24px}.mobile-menu-icon .icon-container{left:14px;top:22px}.mobile-menu-icon .icon-container:before{top:-8px}.mobile-menu-icon .icon-container:after{top:8px}.mobile-nav:has(#mobile-menu:checked)+.nav-links{top:63px}.nav-container{display:flex;background-color:#fff;grid-area:nav;position:sticky;top:0;z-index:1}.nav-links{align-items:flex-end;background:#fff;border-bottom:1px solid var(--off-black);display:flex;justify-content:flex-end;padding-bottom:14px;padding-top:14px;position:absolute;top:0;transition:top .4s cubic-bezier(.4,0,.2,1);right:0;width:calc(100vw - 30px)}.nav-links a{font-family:var(--default-fonts-bold);color:var(--off-black);font-size:1rem;line-height:1;text-decoration:none;text-transform:uppercase;margin:0 14px}#mobile-menu:checked+.mobile-menu-icon{border-bottom:0px solid var(--lime-green)}#mobile-menu:checked+.mobile-menu-icon .icon-container{background:transparent}#mobile-menu:checked+.mobile-menu-icon .icon-container:before{transform:rotate(45deg)}#mobile-menu:checked+.mobile-menu-icon .icon-container:after{transform:rotate(-45deg)}#mobile-menu:checked+.mobile-menu-icon .icon-container:before,#mobile-menu:checked+.mobile-menu-icon .icon-container:after{top:0;transition:top ease .3s,transform ease .3s .3s}@media screen and (min-width:500px){.mobile-nav{display:none}.nav-links,.mobile-nav:has(#mobile-menu:checked)+.nav-links{position:relative;top:0;width:100%}}.apostrophe{letter-spacing:.01em}.nbsp{letter-spacing:-.3em}.separator:before{content:" ・ ";color:var(--off-black);display:inline-block;line-height:22px}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}@keyframes pclub-insert-animation{0%{transform:translate(-9%) translateY(15%)}20%{transform:translate(7%) translateY(-14%)}60%{transform:translate(7%) translateY(-14%)}80%{transform:translate(-9%) translateY(15%)}to{transform:translate(-9%) translateY(15%)}}.align-items-top{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.border{box-sizing:border-box;border:1px solid var(--border-grey)}.col{display:flex;flex-direction:column;gap:18px;width:100%}.col.row-on-mobile{flex-direction:row}.col:has(.work-divider){row-gap:0}.constrain-height,.constrain-mobile-height{height:500px}.fit-mobile-height,.grey-bg{background-color:var(--background-grey)}.fit-mobile-height.image img{height:100%;margin:0 auto;width:auto}.hideOnMobile{display:none}.has-doc h2:after{content:"»";margin-left:.5em;transition:margin .3s cubic-bezier(0,0,.2,1)}.has-doc:is(:hover,:focus-within) h2:after{margin-left:1em}.image{display:flex;overflow:hidden;width:100%}.image img{width:100%}.justify-content-bottom{justify-content:flex-end}.mobile-alt~div{display:none}.row{display:flex;flex-direction:column;gap:18px;width:100%}.row.do-not-collapse{flex-direction:row}.row:has(.work-divider){row-gap:0}.scrollable{overflow-y:scroll}.slide-in-from-bottom{animation:1.2s ease-in-out 0s forwards slide-in-from-bottom}.stacked{position:absolute;top:0}.stacked-container{position:relative}.top-border,.top-border-on-mobile{border-top:1px solid var(--off-black);margin-top:0;padding-top:10px}video{width:100%}.work-divider-container{opacity:100%;transition:opacity .15s ease-in-out}.work-content{display:flex;flex-direction:column;min-height:calc(100vh - 169px);pointer-events:none}.work-content:has(.has-doc:hover,.has-doc:focus-within) .work-divider-container{opacity:50%;transition:opacity .15s ease-in-out}.work-content :is(.col,.row) .work-divider-container:is(:hover,:focus-within){opacity:100%;transition:opacity .15s ease-in-out}.work-divider{margin:10px 0 30px;opacity:0;pointer-events:auto;transform:translateY(100vh);z-index:0}.work-divider.featured{display:flex;flex-direction:column;gap:1rem;margin:10px 0 2rem}.work-divider.featured .description,.work-divider.featured .title{gap:0}.work-divider.featured .focus{padding-inline-start:0}.work-divider.featured .focus li{display:inline-block}.work-divider.featured p,.work-divider.featured ul{line-height:1.5;margin:0 0 1em}.work-divider.featured p:last-of-type{margin-bottom:0}.work-divider.featured h2{font-family:var(--default-fonts-bold);font-weight:700;font-size:1.5rem;line-height:1.2;margin:.5rem 0 0;text-transform:none}.work-divider.featured h3,.work-divider.featured .tag,.work-divider h2{font-family:var(--default-fonts-bold);font-weight:700;text-transform:uppercase;font-size:.875rem;line-height:1;letter-spacing:.01em}.work-divider.featured h3{margin:1rem 0 .5rem}.work-divider.featured h3:first-child{margin-top:1rem}.work-divider h2{margin:0 0 1rem}.work-divider.featured .next-link{font-family:var(--default-fonts-bold);font-weight:700;font-size:1rem;line-height:1;letter-spacing:.01em;margin-top:2rem}.work-divider .next-link a:after{margin-left:.5em;position:relative;right:0;transition:margin .3s cubic-bezier(0,0,.2,1)}.work-divider .next-link:hover a:after{margin-left:1em}.work-link{color:unset;text-decoration:unset}#csr-pages{max-width:100%}#mykp-mobile{background-color:var(--background-grey);padding:0 25%}#pclub-border{bottom:0;height:77%;top:unset;width:100%}#pclub-insert{animation:5s cubic-bezier(.4,0,.2,1) 0s infinite pclub-insert-animation;scale:.9}#pclub-pocket{bottom:1px;left:1px;top:unset}#tools-page-01,#tools-page-02{gap:0;position:relative}#tools-page-01 .image:first-child,#tools-page-02 .image:first-child{border:1px solid var(--border-grey);border-bottom:none;box-sizing:border-box;position:relative;z-index:1}#tools-page-01:after,#tools-page-02:after{content:"";display:block;border-bottom:1px solid var(--border-grey);width:100%}#tools-page-01 .image+.image,#tools-page-02 .image+.image{border:1px solid var(--border-grey);position:absolute;right:0;top:0;width:94.5%;z-index:0}@media screen and (min-width:320px){.work-content{min-height:calc(100vh - 133px)}}@media screen and (min-width:500px){.work-content{min-height:calc(100vh - 148px)}}@media screen and (min-width:800px){.work-content{min-height:calc(100vh - 156.25px)}}@media screen and (min-width:1000px){.row{flex-direction:row}.col{width:unset}.col.row-on-mobile{flex-direction:column}.constrain-mobile-height{height:unset}.fit-mobile-height.image img{width:100%}.hideOnMobile{display:flex}.mobile-alt{display:none}.mobile-alt~div{display:flex}.top-border-on-mobile{border:none;padding-top:0}.work-content{min-height:calc(100vh - 186.25px)}.work-divider.featured{margin:2rem 0}.work-divider.featured .description,.work-divider.featured .title{grid-area:text}#csr-pages{width:calc(200% + 36px)}#mykp-mobile{padding:0}}@keyframes fade-in-from-bottom{0%{opacity:0;transform:translateY(10vh)}to{opacity:1;transform:translateY(0)}}.col{opacity:100%;transition:opacity .15s ease-in-out}.empty{height:0}.home-content{display:flex;flex-direction:column;gap:18px;margin-top:36px;pointer-events:none}.home-content:is(:hover,:focus-within) .col{opacity:50%;transition:opacity .15s ease-in-out}.home-content:hover .col:hover,.home-content .col:focus-within{opacity:100%;transition:opacity .15s ease-in-out}.work-tile{animation:.9s ease-in-out 0s forwards fade-in-from-bottom;aspect-ratio:1;align-items:center;display:flex;justify-content:center;opacity:0;pointer-events:auto;transform:translateY(10vh)}#fb{background-color:#1c2b33}#fb svg{width:35%}#kp{background-color:#006ba6}#kp svg{width:33%}#mck{background-color:#005a8c}#mck svg{width:40%}#personal{background-color:#000}#viz{background-color:red}#viz svg{width:50%}@media screen and (min-width:500px){.home-content .row{flex-direction:row}}@keyframes nudge{0%{transform:translate(10px)}to{transform:translate(0)}}@keyframes shake{0%{transform:translate(16px)}20%{transform:translate(-16px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(4px)}to{transform:translate(0)}}.access-code-input{align-items:center;display:flex;gap:0}.access-code-input button{background:none;border:0;color:var(--off-black);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--default-fonts);font-size:2rem;justify-content:center;padding:0;transition:transform .3s cubic-bezier(0,0,.2,1);width:44px}.access-code-input button:hover,.access-code-input button:focus{transform:translate(5px);color:var(--forest-green)}.access-code-input input{-webkit-appearance:none;appearance:none;border-radius:0;caret-color:var(--forest-green);color:var(--off-black);border:none;border-bottom:1px solid var(--off-black);font-size:2rem;letter-spacing:.25em;outline:none;transition:border .15s ease-in-out,color .15s ease-in-out;width:100%;height:44px;padding:.1em;box-sizing:border-box}.access-code-input input:focus{border-bottom:1px solid var(--forest-green);color:var(--forest-green)}.access-code-prompt{animation:.6s ease-in-out 0s forwards fade-in-from-bottom;display:flex;flex-direction:column;max-width:500px;opacity:0;transform:translateY(100px);width:100%}.access-code-prompt label{margin-bottom:15px}.error-message{font-size:15px;margin-top:5px}.login{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 169px)}.nudge{animation:.3s cubic-bezier(0,0,.2,1) 0s forwards nudge}.prevent-animation{animation-duration:0s}.shake{animation:.3s linear 0s forwards shake}.tooltip-container{display:inline-flex;position:relative}.tooltip-icon{background:none;border:1px solid var(--forest-green);border-radius:50%;color:var(--forest-green);cursor:help;font-family:var(--default-fonts-bold);height:12px;justify-content:center;left:-2px;line-height:1;margin:0;padding:0;position:relative;top:-5px;width:12px;font-size:10px}.tooltip-icon:focus,.tooltip-icon:hover{background-color:var(--lime-green);outline:none}.tooltip-icon:hover+.tooltip-message,.tooltip-icon:focus+.tooltip-message{opacity:1;bottom:25px}.tooltip-message{background-color:#fff;border-radius:4px;bottom:20px;box-shadow:0 0 1.3px #00000004,0 0 3.2px #00000006,0 0 6.6px #00000007,0 0 13.5px #00000009,0 0 37px #0000000d;font-size:14px;left:-81px;line-height:1.25;opacity:0;padding:6px 10px;position:absolute;transition:opacity .3s cubic-bezier(.65,.05,.36,1),bottom .3s cubic-bezier(.68,-.55,.27,1.55);width:150px}@media screen and (min-width:320px){.login{min-height:calc(100vh - 133px)}}@media screen and (min-width:500px){.login{min-height:calc(100vh - 148px)}}@media screen and (min-width:800px){.login{min-height:calc(100vh - 156.25px)}}@media screen and (min-width:1000px){.login{min-height:calc(100vh - 186.25px)}}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.back-button{-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--off-black);font-family:var(--default-fonts);font-size:1em;margin:0;padding:0}.back-button:before,.prev-link a:before{content:"«";transition:transform .3s cubic-bezier(0,0,.2,1);position:absolute;left:0}.back-button:hover:before,.prev-link:hover a:before{transform:translate(-.25em)}.back-button:hover,.next-link a:hover,.prev-link a:hover{color:var(--forest-green)}.cat-container{display:flex;align-self:flex-end;justify-content:center;height:38px;overflow:hidden;width:100%}.cat-container svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.cat-container:hover svg{transform:translateY(100%)}.cat-footer{animation:1.2s ease-in-out 0s forwards slide-in-from-bottom;display:flex;height:50px;margin-top:20px;transform:translateY(100px)}.cat-footer .spacer{width:100%}.cat-footer-link{display:flex;width:100%;height:fit-content}.next-link{justify-content:end;margin:0 1em 0 0}.next-link a{text-align:end}.next-link a,.prev-link a{color:var(--off-black);text-decoration:none}.next-link a:after{content:"»";position:absolute;right:0;transition:transform .3s cubic-bezier(0,0,.2,1)}.next-link:hover a:after{transform:translate(.25em)}.prev-link{margin:0 0 0 1em}#Eyes{transition:transform .3s cubic-bezier(.4,0,.2,1)}.look-left{transform:translate(-30px) translateY(-10px)}.look-right{transform:translate(30px) translateY(-10px)}@media screen and (min-width:1000px){.cat-footer{margin-top:50px}.back-button,.prev-link,.next-link{margin:0}.back-button:before,.prev-link a:before{left:-1em}.next-link a:after{right:-1em}}.doc-content{animation:.6s ease-in-out 0s forwards fade-in-from-bottom;display:flex;flex-direction:column;min-height:calc(100vh - 169px);opacity:0;transform:translateY(100px)}.doc-content .focus{margin:0;padding-inline-start:0}.doc-content .focus li{display:inline-block;padding-inline:0;margin-top:0}.doc-content h2{font-family:var(--default-fonts-bold);font-weight:700;font-size:1.5rem;line-height:1.2;margin:10px 0 0}.doc-content h3{font-family:var(--default-fonts-bold);font-size:.875rem;font-weight:700;line-height:1;letter-spacing:.01em;margin:0 0 .5rem;text-transform:uppercase}.doc-content h4{font-family:var(--default-fonts-bold);font-size:1rem;font-weight:700;line-height:1;margin:1.5rem 0 .75rem}.doc-content p{line-height:1.5em;margin:0 0 .5rem;max-width:600px}.doc-content p:last-of-type:not(+ul){margin:0}.doc-content .text{display:flex;flex-direction:column;gap:2rem}.doc-content .text .achievements{grid-area:achievements}.doc-content .text .objective{grid-area:objective}.doc-content .text .overview{grid-area:overview}.doc-content .text .remark{grid-area:remark;font-style:italic}.doc-content .text .role{grid-area:role}.doc-content .text .title{grid-area:title}.doc-content ul{list-style-type:"»";padding-inline-start:1em;margin:0;max-width:600px}.doc-content ul+p{margin-top:.5rem}.doc-content ul li{padding-inline:.5em;line-height:1.5em}.doc-content ul li+li{margin-top:.5em}.doc-content.long .text{grid-template-columns:1fr}.doc-content.long h3:not(:first-child){margin-top:2rem}@media screen and (min-width:320px){.doc-content{min-height:calc(100vh - 133px)}}@media screen and (min-width:500px){.doc-content{min-height:calc(100vh - 148px)}}@media screen and (min-width:800px){.doc-content{min-height:calc(100vh - 156.25px)}}@media screen and (min-width:1000px){.doc-content{min-height:calc(100vh - 186.25px)}.doc-content .text{display:grid;grid-column-gap:30px;grid-row-gap:2rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto);grid-template-areas:"title title" "overview objectives" "role achievements" "remark remark"}}@keyframes fade-in-from-bottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.about-container{animation:.6s ease-in-out 0s forwards fade-in-from-bottom;display:flex;flex-direction:column;justify-content:center;max-width:490px;min-height:calc(100vh - 169px);opacity:0;transform:translateY(100px)}.about-container a,.about-container a:visited{color:var(--forest-green);text-decoration:none}.about-container a:hover{text-decoration:underline}.about-container p{margin:0 0 1.5em;line-height:1.5em}.about-container p:last-of-type{margin:0}.links{margin-top:3em}@media screen and (min-width:320px){.about-container{min-height:calc(100vh - 133px)}}@media screen and (min-width:500px){.about-container{min-height:calc(100vh - 148px)}}@media screen and (min-width:800px){.about-container{min-height:calc(100vh - 156.25px)}}@media screen and (min-width:1000px){.about-container{min-height:calc(100vh - 186.25px)}}@keyframes step-and-fade{0%{opacity:0}to{opacity:1}}.not-found-container{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 169px)}.not-found-message{display:flex;flex-direction:row;gap:15px}.not-found-message .text{animation:1s 2s forwards step-and-fade;opacity:0}.paw-prints{display:flex;gap:10px}.paw{animation:1s .5s forwards step-and-fade;display:flex;height:11px;opacity:0}.paw-01{align-self:center;animation-delay:.5s;transform:rotate(60deg)}.paw-02{align-self:flex-end;animation-delay:1s;transform:rotate(100deg)}.paw-03{transform:rotate(75deg);animation-delay:1.5s}@media screen and (min-width:320px){.not-found-container{min-height:calc(100vh - 133px)}}@media screen and (min-width:500px){.not-found-container{min-height:calc(100vh - 148px)}}@media screen and (min-width:800px){.not-found-container{min-height:calc(100vh - 156.25px)}}@media screen and (min-width:1000px){.not-found-container{min-height:calc(100vh - 186.25px)}}html{font-size:18px}body{--default-fonts:"Stone Sans Medium", "Lucida Grande", "Verdana", sans-serif;--default-fonts-bold:"Stone Sans Semibold", "Lucida Grande", "Verdana", sans-serif;--default-fonts-italic:"Stone Sans Italic", "Lucida Grande", "Verdana", sans-serif;--off-black: #3E3E3E;--off-black-half-opacity: #3E3E3E80;--forest-green: #1B875B;--lime-green: #D8FF8B;--border-grey: #BFBFBF;--background-grey: #bfbfbf80;color:var(--off-black);font-family:var(--default-fonts);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:focus-visible{color:var(--forest-green)}.content{grid-area:content}:focus{outline-color:var(--lime-green)}.links{grid-area:links}.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transform:scale(.985);transition:opacity .4s ease-in-out,transform .4s ease-in-out}::selection{background:var(--lime-green)}.siteContainer{display:grid;grid-template-areas:"header nav" "links links" "content content";grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;left:0;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 15px;position:absolute;right:0}@media screen and (min-width:500px){.siteContainer{padding:0 30px}}@media screen and (min-width:800px){.siteContainer{grid-template-rows:auto 1fr;gap:0px 30px;grid-template-areas:"header nav" "links content"}}@font-face{font-family:Stone Sans Medium;src:url(/assets/319054b4-5a74-4f66-b267-73c8408a260a-CILx6Nv2.woff2) format("woff2"),url(/assets/3029f2cc-f47e-41dc-903b-cdc249856088-DYR6ylwn.woff) format("woff")}@font-face{font-family:Stone Sans Italic;src:url(/assets/964034bf-f406-4466-ab06-9f2f6b01e921-Dhm-Umsi.woff2) format("woff2"),url(/assets/ed8259b5-4f18-4e88-bae4-0776ca0c968c-CAifrfwD.woff) format("woff")}@font-face{font-family:Stone Sans Semibold;src:url(/assets/4dd6e12a-1ae1-4834-97c3-6994260c1e4f-DbzgL3ee.woff2) format("woff2"),url(/assets/eed68953-88fe-43ea-acdb-6b66cfcb7dd9-RN1X_D4V.woff) format("woff")}