@import url('geometry.css');
@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#000;font-family:Inter,Arial,sans-serif}.page-clip{width:100%;overflow:clip}.canvas{width:1024px;height:1665px;position:relative;zoom:var(--scale)}header,.hero,.artwork,footer{display:contents}.item{position:absolute;display:block;margin:0}.item img{display:block;width:100%;height:100%;object-fit:fill}.item a,a.item{color:inherit;text-decoration:none}.item p{margin:0}.align-center{text-align:center}.align-right{text-align:right}.pill{border:0.7px solid #000;border-radius:57px;background:rgba(255,255,255,.5);font:10px/14px Arial,sans-serif;text-align:center;display:flex;align-items:center;justify-content:center;white-space:nowrap}.resume{font-size:18px;line-height:29px;background:transparent;transition:background .2s,color .2s}.resume:hover{background:#ffda00}.nav-link{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:300;line-height:29px;border-radius:24px}.nav-about{font-family:Arial,sans-serif;font-weight:400}.nav-link:hover{background:#ffda00}.framed{filter:drop-shadow(2px 3px 2px #00000038)}.framed:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 8px #fff;pointer-events:none}.glow{opacity:.25;pointer-events:none}.divider span{position:absolute;left:0;top:26px;width:100%;height:1px;background:#000}.silver-star{transition:rotate .25s}.silver-star:hover{rotate:20deg}.cursor{cursor:grab;touch-action:none}.cursor:active{cursor:grabbing}a:focus-visible{outline:2px solid #008fff;outline-offset:4px}.wordmark{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:no-preference){.hero .intro,.hero .bio,.hero .resume,.experience,.portrait,.skill,.skills-title{animation:enter .75s both}.hero .bio{animation-delay:.1s}.hero .resume{animation-delay:.15s}@keyframes enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Keep the reference's edge-to-edge canvas; the page still scrolls normally. */
html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}
picture{display:block;width:100%;height:100%}.experience-mobile{display:none}
@media(min-width:768px) and (max-width:1024px){.nav-link{min-height:38px}.resume{min-height:38px}}
@media(max-width:767px){
 .page-clip{overflow:visible}.canvas{width:100%;height:auto;zoom:1;padding:0 20px}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;padding:12px 0 20px}.item{position:relative;left:auto;top:auto;width:auto;height:auto;transform:none}.nav-link{font-size:16px;min-height:44px;padding:0 9px;line-height:1.4}.brand{margin-right:auto;padding-left:0}.hero{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;position:relative;padding-bottom:48px}.hero>.item{grid-column:1/-1}.hero picture{height:auto}.hero img{height:auto}.greeting{order:0;width:72%;margin:18px auto 0}.name{order:1;width:100%;margin:-2px auto 16px}.portrait{order:2;width:72%;margin:0 auto 28px}.halftone{position:absolute;top:185px;left:0;width:100%;height:310px;z-index:0;pointer-events:none}.halftone picture,.halftone img{width:100%;height:100%;object-fit:contain}.glow{position:absolute;top:130px;left:-20px;width:calc(100% + 40px);height:530px;transform:rotate(180deg);z-index:0}.glow img{height:100%;object-fit:cover}.intro{order:3;margin-bottom:18px}.bio{order:4;margin-bottom:24px}.intro p,.intro span,.bio p,.bio span{font-size:18px!important;line-height:1.5!important}.resume{order:5;justify-self:start;width:auto;min-height:46px;padding:0 22px;font-size:18px;line-height:1.4;margin-bottom:54px}.experience{display:none}.experience-mobile{display:block;grid-column:1/-1;order:6;position:relative;z-index:10;background:#ffd000;border-radius:10px;padding:18px 13px 13px;transform:rotate(2deg);margin:0 5px 34px}.education{padding:4px 8px 18px}.experience-mobile h2{font:600 18px/1.4 Inter,Arial,sans-serif;margin:0 0 12px}.experience-mobile p{font-size:16px;line-height:1.5;margin:0}.employment{background:#fff;border-radius:5px;padding:18px 16px}.employment .date{margin-top:16px}.silver-star{order:6;position:absolute;width:64px;right:-5px;top:calc(100% - 595px);left:auto;z-index:326;transform:rotate(-12deg)}.hero .skills-title{order:7;width:100%;margin:0 0 20px}.skills-title p,.skills-title span{font-size:24px!important;line-height:1.3!important}.hero>.skill{order:8;grid-column:auto;width:100%;height:auto;min-height:36px;font-size:14px;line-height:1.2;padding:8px 6px;white-space:normal;margin-bottom:9px;background:#fff}.item-11{grid-column:1/-1!important}.cursor{order:9;justify-self:end;width:40px;height:65px;margin-top:9px;transform:rotate(-69deg)}.cursor img{height:100%;object-fit:contain}
 .artwork{display:flex;flex-direction:column;position:relative;gap:24px;padding-top:12px}.artwork .item{width:100%;height:auto}.artwork img{height:auto}.draw-title{order:0;z-index:5}.art-caption{order:1;margin-top:-7px}.art-caption p,.art-caption span{font-size:24px!important;line-height:1.35!important;text-align:center}.artwork .art-stars{position:absolute;top:0;left:-6px;width:60px;height:160px;z-index:0;opacity:.6;transform:rotate(-15deg)}.art-stars img{height:100%;object-fit:contain}.artwork .animal-book{order:2;width:94%;margin:16px auto 26px;transform:rotate(-4deg)}.mural-caption{order:3}.mural-caption p,.mural-caption span,.village-caption p,.village-caption span{font-size:16px!important;line-height:1.5!important}.underwater{order:4}.astronaut{order:5}.artwork .mural-arrow{order:3;width:27px;height:36px;align-self:end;margin-top:-40px;margin-right:0;transform:rotate(150deg)}.framed:after{box-shadow:inset 0 0 0 8px #fff}.pencil{order:6;margin-top:28px}.cat{order:7}.village{order:8}.village-caption{order:9;margin-top:-12px}.artwork .village-arrow{order:9;width:28px;height:37px;align-self:end;margin-top:-60px;transform:rotate(198deg)}.artwork .joker-book{order:10;width:94%;transform:rotate(4deg);margin:28px auto 0}
 footer{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;row-gap:14px;margin-top:72px;padding-bottom:18px}.divider{width:100%;height:1px;margin-bottom:8px}.divider span{top:0}.email-icon{width:26px;height:20px}.email{flex:1;min-height:44px;display:flex;align-items:center}.email p,.email span{font-size:18px!important;line-height:1.5!important}.instagram,.linkedin{width:50px;height:44px;display:flex;align-items:center;justify-content:center}.instagram img,.linkedin img{width:45px;height:36px}.instagram{margin-left:26px}.wordmark{width:100%;margin-top:15px}.wordmark p,.wordmark span{font-size:11.3vw!important;line-height:1.2!important;text-align:center}
}
@media(max-width:479px){header{column-gap:0}.nav-link{font-size:14px;padding-right:8px;padding-left:8px}.brand{padding-left:0}.greeting{margin-top:8px}.hero>.skill{font-size:14px}.email p,.email span{font-size:17px!important}.art-caption p,.art-caption span{font-size:22px!important}}
@media(max-width:767px){.artwork .art-stars{left:16px}.email{flex:0 0 calc(100% - 36px)}.instagram{margin-left:26px}}
body{text-rendering:optimizeLegibility}
.email span{transition:background-color .2s,color .2s,box-shadow .2s}.email:hover span,.email:focus-visible span{background:#ffda00;border-radius:3px;box-shadow:0 .08em 0 #ffda00}
@media(min-width:768px){.canvas>header .nav-link{top:12px!important}}
@media(max-width:767px){header{padding-top:18px}}
.item-home{left:720px;top:0;width:60px;height:29px;z-index:412}
.nav-link:not(.brand){color:rgba(0,0,0,.5)!important;opacity:1;transition:color .2s,background-color .2s}.nav-link:not(.brand):hover,.nav-link[aria-current="page"]{color:#000!important}
@media(max-width:767px){.item-home{position:relative;left:auto;top:auto;width:auto;height:auto}}