:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:black;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selecteditem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert();backdrop-filter:invert()}}.annotationLayer{pointer-events:none;transform-origin:0 0;z-index:3;position:absolute;top:0;left:0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg)translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg)translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg)translateY(-100%)}.annotationLayer canvas{width:100%;height:100%;position:absolute}.annotationLayer section{text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0;margin:0;position:absolute}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{width:100%;height:100%;font-size:1em;position:absolute;top:0;left:0}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;vertical-align:top;width:100%;height:100%;margin:0}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{border:2px solid var(--input-disabled-border-color);cursor:not-allowed;background:0 0}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);background:0 0;border-radius:2px}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:#0000;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);border-radius:2px}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{content:"";background-color:canvastext;display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{width:1px;height:80%;left:45%}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;width:50%;height:50%;top:20%;left:30%}.annotationLayer .textWidgetAnnotation input.comb{padding-left:2px;padding-right:0;font-family:monospace}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{width:100%;height:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none;position:absolute}.annotationLayer .popup{max-width:calc(180px * var(--total-scale-factor));box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;background-color:#ff9;position:absolute}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{margin-left:calc(5px * var(--total-scale-factor));display:inline-block}.annotationLayer .popupContent{margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor));border-top:1px solid #333}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .annotationTextContent{opacity:0;color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg)translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg)translate(-100%)}.textLayer{text-align:initial;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2;line-height:1;position:absolute;inset:0;overflow:hidden}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;margin:0;position:absolute}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:-1;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{width:0;height:0;display:none;position:absolute;top:0;left:0}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/Manrope-200_800.ttf)format("truetype")}:root{color:#e8e8e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111;font-family:Manrope,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scrollbar-width:none;min-width:320px}html::-webkit-scrollbar{display:none}html{background:radial-gradient(circle at 50% 0,#ffffff08,#0000 30rem),#111}body{scrollbar-width:none;background:#111;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}.site-shell{width:min(50vw,860px);min-height:100vh;margin:0 auto;padding:8px 0 140px}.topbar{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:4px;width:80vw;margin-inline:calc(50% - 40vw);padding-top:clamp(16px,2.2vw,26px);display:flex}.topbar-top{display:contents}.site-mark{flex:none}.topbar-right{flex-direction:column;align-items:flex-end;gap:30px;display:flex}.social-icons{align-items:center;gap:14px;display:flex}.social-link{color:#a3a3aa;justify-content:center;align-items:center;text-decoration:none;transition:color .15s;display:flex;transform:translateY(4px)}.social-link:hover{color:#171717}.social-link svg{width:17px;height:17px}html[data-theme=dark] .social-link{color:#555}html[data-theme=dark] .social-link:hover{color:#e8e8e8}.bottom-nav{z-index:100;background:0 0;border:0;align-items:center;gap:clamp(14px,1.75vw,26px);padding:0;display:flex;position:fixed;bottom:clamp(28px,5vh,56px);left:50%;transform:translate(-50%)}.nav-rail{width:100%;box-shadow:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:0 0;border:0;border-bottom:1px solid #e9e7e2;border-radius:0;justify-content:center;align-items:center;gap:clamp(14px,1.75vw,26px);padding:0;display:flex;overflow:visible}.nav-rail::-webkit-scrollbar{display:none}.nav-link{z-index:0;color:#a3a3aa;border-radius:0;outline:none;flex:none;justify-content:center;align-items:center;min-height:40px;padding:0 2px 6px;text-decoration:none;display:inline-flex;position:relative}.nav-link:first-child{padding-left:0}.nav-link:last-child{padding-right:0}.nav-link.is-active{color:#1f1f22}.nav-link:focus-visible .nav-link-inner{box-shadow:none}.nav-link:focus-visible{border-radius:8px;box-shadow:0 0 0 3px #00000014}.nav-link-inner{z-index:1;letter-spacing:0;align-items:center;min-width:max-content;font-family:Manrope,system-ui,sans-serif;font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:400;transition:color .16s;display:inline-flex;position:relative}.nav-link:hover{color:#2c2c30}.hover-underline,.active-underline{z-index:0;will-change:transform;background:#202024;border-radius:999px;height:2px;position:absolute;bottom:-1px;left:7px;right:7px;box-shadow:0 1px 6px #00000029}.hover-underline{height:2px;box-shadow:none;background:#c9c9ce}.nav-link:first-child .active-underline,.nav-link:first-child .hover-underline{left:0;right:7px}.nav-link:last-child .active-underline,.nav-link:last-child .hover-underline{right:0}.page-frame{min-height:520px;margin-top:-56px;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-page{width:100%;padding:0}.section-page-sidequests{padding-top:calc(clamp(56px,8vw,96px) - 16px)}.section-page.is-about{padding-top:clamp(140px,18vh,220px)}.about-name{letter-spacing:-.02em;color:#171717;text-align:left;margin:clamp(24px,3.4vw,46px) 0 0 calc(50% - 40vw);font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.75rem,3.8vw,3.2rem);font-weight:700;line-height:1.05}html[data-theme=dark] .about-name{color:#e8e8e8}.about-sub{color:#444;margin:24px 0 0 calc(50% - 40vw);font-family:Manrope,system-ui,sans-serif;font-size:clamp(.85rem,1.4vw,1.1rem);font-weight:400}html[data-theme=dark] .about-sub{color:#aaa}.about-projects-list{gap:16px;width:min(880px,80vw);margin-top:20px;margin-left:calc(50% - 40vw);display:grid}.about-project-tile{cursor:pointer;background:#0f1013;border:1px solid #2a2a2a;border-radius:0;width:100%;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s}.about-project-tile:hover{border-color:#3a4b55;transform:translateY(-2px);box-shadow:0 8px 22px #00000040}.about-project-tile:focus-visible{border-color:#4f6773;outline:none;transform:translateY(-2px);box-shadow:0 0 0 1px #4f6773}.about-project-media{background:linear-gradient(120deg,#00ffff17,#0000 45%),radial-gradient(circle at 70% 15%,#00e1ff3d,#0000 35%),linear-gradient(145deg,#1b2328 0%,#111317 60%,#0f1013 100%);border-bottom:1px solid #1d2329;height:220px;position:relative}.about-project-badge{color:#2cd4ef;letter-spacing:.04em;border:1px solid #0ea5c7;align-items:center;padding:8px 14px;font-size:.9rem;font-weight:600;display:inline-flex;position:absolute;top:18px;left:18px}.about-project-body{background:#0d0f13;padding:24px 28px 26px}.about-project-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.about-project-title{color:#f2f5f8;margin:0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.65rem,2.9vw,2.7rem);font-weight:600}.about-project-arrow{color:#67717c;font-size:2rem;line-height:1}.about-project-description{color:#b7c1cb;max-width:94%;margin:16px 0 0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.5}.about-project-metrics{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.about-project-metric{color:#cad3dc;letter-spacing:.02em;background:#15181d;border:1px solid #2c3138;padding:8px 14px;font-size:.86rem;font-weight:600}.projects-gallery{grid-template-columns:repeat(3,1fr);gap:24px;width:min(1200px,100vw - 96px);margin-top:clamp(80px,12vh,160px);margin-left:calc(50% - 40vw);display:grid}.project-card{text-align:left;background:#0f1115;border:1px solid #ffffff29;padding:0;overflow:hidden}.project-card-image{aspect-ratio:16/8.8;color:#ffffff73;letter-spacing:.03em;background:radial-gradient(circle at 22% 18%,#ffffff14,#0000 36%),linear-gradient(140deg,#1a1d24 0%,#11141a 60%,#0d0f14 100%);border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:.9rem;display:flex}.project-card-preview{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project-card-footer{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.project-card-title{color:#f3f5f8;font-size:.95rem;font-weight:500}.project-card-link{text-decoration:none}.project-card-link:hover,.project-card-link:focus-visible{text-underline-offset:.14em;text-decoration:underline}.project-card-year{color:#ffffffb8;font-size:.95rem;font-style:italic}.resume-previewer-shell{background-color:#101317;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #fff3;width:min(1200px,100vw - 96px);margin-top:98px;margin-left:calc(50% - 40vw);box-shadow:inset 0 0 0 1px #ffffff05,0 18px 30px #00000047}.resume-previewer-toolbar,.resume-previewer-layout,.resume-previewer-placeholder{position:relative}.resume-previewer-toolbar{background:#06080cbd;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.resume-previewer-control-group{align-items:center;gap:8px;display:flex}.resume-previewer-control-group button,.resume-previewer-control-group input{color:#f3f5f8;background:#ffffff0d;border:1px solid #ffffff38;padding:7px 10px;font-size:.85rem}.resume-previewer-control-group button:disabled{opacity:.45;cursor:not-allowed}.resume-previewer-control-group input{width:72px}.resume-previewer-control-group label,.resume-previewer-control-group span{color:#ffffffd9;font-size:.85rem}.resume-previewer-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);min-height:min(62vh,660px);display:grid}.resume-previewer-pages{background:0 0;place-items:center;max-height:min(62vh,660px);padding:22px;display:grid;position:relative;overflow-y:auto}.resume-page-wrap{background:#0d1014;border:1px solid #ffffff24;width:fit-content;max-width:100%;padding:10px}.resume-page-wrap canvas{max-width:100%;height:auto!important}.resume-contact-panel{background:0 0;border-left:1px solid #ffffff1f;flex-direction:column;justify-content:center;padding:26px 22px;display:flex;position:relative}.resume-contact-panel h2{color:#f3f5f8;margin:0;font-size:1.2rem}.resume-contact-panel>p{color:#fffc;margin:10px 0 0;line-height:1.55}.resume-contact-panel a{color:#f1f4f7;text-underline-offset:.15em;text-decoration:underline}.resume-contact-download{color:#f4f7fb;background:#ffffff0a;border:1px solid #ffffff57;margin-top:16px;padding:9px 14px;font-size:.9rem;font-weight:500}.resume-contact-download:disabled{opacity:.45;cursor:not-allowed}.resume-contact-download:not(:disabled):hover{background:#ffffff1a}.resume-contact-panel p{overflow-wrap:anywhere}.resume-previewer-placeholder{text-align:center;align-content:center;justify-items:center;gap:12px;min-height:min(62vh,640px);padding:32px 20px;display:grid}.resume-previewer-placeholder h2{color:#f5f7fb;margin:0;font-size:1.35rem;font-weight:600}.resume-previewer-placeholder p{color:#fffc;max-width:460px;margin:0;line-height:1.5}.resume-previewer-placeholder.in-pane{min-height:100%}.resume-previewer-placeholder code{color:#fff;background:#ffffff0a;border:1px solid #fff3;padding:6px 10px;font-family:Manrope,system-ui,sans-serif}@media (width<=980px){.resume-previewer-layout{grid-template-columns:1fr}.resume-contact-panel{border-top:1px solid #ffffff1f;border-left:0}}.about-accent-link{color:inherit;text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .14s}.about-accent-link:hover,.about-accent-link:focus-visible{opacity:.82}.about-nowrap{white-space:nowrap}@media (width<=900px){.about-nowrap{white-space:normal}}.about-corgi-row{align-items:center;gap:clamp(10px,1.4vw,18px);margin-top:18px;margin-left:calc(50% - 40vw);display:flex}.about-corgi-copy{cursor:pointer;color:#ff5d01;outline:none;margin:0;font-weight:400;transition:color .14s}html[data-theme=dark] .about-corgi-copy,html[data-theme=dark] .about-corgi-link{color:#ff5d01}.about-corgi-copy:focus-visible{border-radius:6px;text-decoration:none;box-shadow:0 0 0 3px #00000014}.about-corgi-copy:hover,.about-corgi-copy:focus-visible{color:#ff5d01;font-weight:500}.about-corgi-link{color:inherit;text-underline-offset:.14em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .14s,color .14s}.about-corgi-copy:hover .about-corgi-link,.about-corgi-copy:focus-visible .about-corgi-link,.about-corgi-link:hover,.about-corgi-link:focus-visible{text-decoration-color:currentColor}.about-corgi-figure{aspect-ratio:1;flex:none;width:clamp(28px,2.6vw,40px);transition:transform .18s;position:relative;transform:rotate(-7deg)translateY(-1px)}.about-corgi-row:hover .about-corgi-figure,.about-corgi-row:focus-within .about-corgi-figure{transform:rotate(-5deg)translateY(-2px)scale(1.04)}.about-corgi-image{object-fit:contain;filter:none;width:100%;height:100%;display:block;transform:translateZ(0)}.highlight{color:inherit;background:#ffe566;border-radius:2px;padding:0 3px}.about-section-label{color:#888;margin:20px 0 0 calc(50% - 40vw);font-family:Manrope,system-ui,sans-serif;font-size:clamp(.8rem,1.2vw,.95rem);font-weight:400}html[data-theme=dark] .about-section-label{color:#666}.projects-selector{width:80vw;margin-top:24px;margin-left:calc(50% - 40vw)}.projects-selector-tabs{gap:18px;margin-bottom:18px;display:inline-flex;position:relative}.projects-selector-tab{color:#a3a3aa;cursor:pointer;background:0 0;border:0;padding:0 0 6px;position:relative}.projects-selector-tab-label{font-family:Manrope,system-ui,sans-serif;font-size:clamp(.95rem,1.5vw,1.08rem)}.projects-selector-tab.is-active{color:#1f1f22}.projects-selector-tab-underline{background:currentColor;border-radius:999px;height:2px;position:absolute;bottom:0;left:0;right:0}.projects-selector-panel{gap:10px;max-width:520px;display:grid}.projects-selector-row{color:#444;border:1px solid #ece9e4;border-radius:8px;padding:12px 14px;font-family:Manrope,system-ui,sans-serif;font-size:.92rem}html[data-theme=dark] .projects-selector-tab{color:#666}html[data-theme=dark] .projects-selector-tab.is-active{color:#e8e8e8}html[data-theme=dark] .projects-selector-row{color:#aaa;background:#ffffff05;border-color:#2a2a2a}.section-page.is-about .lede{margin-top:0}.eyebrow{color:#8a8882;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:750}h1{color:#151515;letter-spacing:0;max-width:100%;margin:0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(2.4rem,4.6vw,4.7rem);font-weight:400;line-height:.98}.intro-title{min-height:1.08em}.signature-intro{align-items:center;height:22px;line-height:1;display:inline-flex}.animated-signature{width:auto;height:22px;display:block;overflow:visible}.signature-letter{fill:var(--signature-color,#111);fill-opacity:0;stroke:var(--signature-color,#111);stroke-width:.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.animated-signature.is-static .signature-letter{fill-opacity:1;stroke-dashoffset:0;stroke-opacity:0;animation:none}.animated-signature.is-active .signature-letter-0{animation:.38s ease-out forwards signature-draw,.26s ease-out .23s forwards signature-fill-in}.animated-signature.is-active .signature-letter-1{animation:.4s ease-out .25s forwards signature-draw,.26s ease-out .49s forwards signature-fill-in}.animated-signature.is-active .signature-letter-2{animation:.36s ease-out .52s forwards signature-draw,.26s ease-out .74s forwards signature-fill-in}.animated-signature.is-active .signature-letter-3{animation:.36s ease-out .76s forwards signature-draw,.26s ease-out .98s forwards signature-fill-in}.animated-signature.is-active .signature-letter-4{animation:.38s ease-out 1s forwards signature-draw,.26s ease-out 1.23s forwards signature-fill-in}.animated-signature.is-active .signature-letter-5{animation:.38s ease-out 1.25s forwards signature-draw,.26s ease-out 1.48s forwards signature-fill-in}.animated-signature.is-active .signature-letter-6{animation:.17s ease-out 1.5s forwards signature-draw,.22s ease-out 1.6s forwards signature-fill-in}.animated-signature.is-active .signature-letter-7{animation:.18s ease-out 1.76s forwards signature-draw,.22s ease-out 1.87s forwards signature-fill-in}@keyframes signature-draw{to{stroke-dashoffset:0}}@keyframes signature-fill-in{to{fill-opacity:1;stroke-opacity:0}}.sq-stage{color:#1a1a1a;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;width:80vw;height:clamp(560px,75vh,860px);margin-inline:calc(50% - 40vw);position:relative;overflow:hidden}.sq-stage.is-grabbing{cursor:grabbing}.sq-stage:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #c9bba2b3}.sq-canvas,.sq-overlay,.sq-vignette{width:100%;height:100%;position:absolute;inset:0}.sq-canvas{display:block}.sq-overlay{z-index:10;pointer-events:none}.sq-vignette{z-index:30;pointer-events:none;background:radial-gradient(#fff0 35%,#fffffff0 100%)}.sq-label{text-align:center;pointer-events:none;opacity:0;will-change:transform, opacity;width:max-content;max-width:280px;position:absolute;top:0;left:0}.sq-label-name,.sq-label-sub,.sq-detail-eyebrow,.sq-detail-body,.sq-detail-close,.sq-corner,.sq-fallback-copy,.sq-fallback-name{font-family:Manrope,system-ui,sans-serif}.sq-label-name{color:#1a1a1a;letter-spacing:.03em;margin-bottom:2px;font-size:.8rem}.sq-label-sub{color:#6b645c;letter-spacing:.14em;text-transform:uppercase;font-size:.63rem}.sq-detail{text-align:right;pointer-events:none;opacity:0;will-change:transform, opacity;background:#ffffffe0;border-radius:4px;width:260px;padding:16px;position:absolute;top:0;left:0}.sq-detail.sq-detail-right{text-align:left}.sq-detail-eyebrow{color:#a39c92;letter-spacing:.16em;text-transform:uppercase;font-size:.63rem}.sq-detail-name{color:#1a1a1a;margin-top:6px;margin-bottom:12px;font-family:Georgia,Iowan Old Style,serif;font-size:1.7rem;font-weight:500;line-height:1.08}.sq-detail-body{color:#6b645c;text-wrap:pretty;font-size:.74rem;line-height:1.65}.sq-detail-close{color:#a39c92;letter-spacing:.18em;text-transform:uppercase;margin-top:18px;font-size:.6rem}.sq-corner{z-index:32;color:#a39c92;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;font-size:.66rem;position:absolute}.sq-bl{bottom:18px;left:22px}.sq-br{bottom:18px;right:22px}.sq-stage-fallback{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:32px;display:flex;overflow:auto}.sq-fallback-copy{text-align:center;color:#a39c92;letter-spacing:.16em;text-transform:uppercase;width:100%;margin:0;font-size:.68rem}.sq-fallback-grid{flex-wrap:wrap;justify-content:center;gap:18px;width:100%;display:flex}.sq-fallback-item{text-align:center;width:180px}.sq-fallback-swatch{width:180px;height:180px}.sq-fallback-name{color:#1a1a1a;letter-spacing:.05em;margin-top:8px;font-size:.72rem}.lede{color:#585852;max-width:100%;margin:28px 0 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}.skeleton-list{gap:13px;width:100%;margin-top:54px;display:grid}.skeleton-row{color:#74736d;background:#ffffff8c;border:1px solid #ece9e4;border-radius:8px;grid-template-columns:minmax(110px,auto) minmax(120px,1fr);align-items:center;gap:20px;min-height:54px;padding:0 18px;font-size:.93rem;font-weight:620;display:grid}.row-line{background:linear-gradient(90deg,#dedbd5,#dedbd53d);border-radius:999px;height:7px;display:block}@media (width<=900px){.projects-gallery{grid-template-columns:repeat(2,1fr);gap:16px}.resume-previewer-toolbar{flex-wrap:wrap;justify-content:center}}@media (width<=720px){.site-shell{width:calc(100vw - 36px);padding:24px 0 100px}.topbar{width:100%;margin-left:0;transform:none}.nav-rail{justify-content:center;width:100%}.site-mark{font-size:1.45rem}.nav-link{min-height:30px;padding:0 10px 5px}.nav-link:first-child{padding-left:0}.nav-link-inner{font-size:1rem}.section-page{padding-top:58px}.sidequests-gallery{height:clamp(420px,56vh,560px);margin-top:30px}.camera-card{height:70px}.camera-detail{width:min(90%,320px);top:67%}.section-page.is-about{padding-top:clamp(90px,14vh,130px)}.about-name,.about-sub,.about-corgi-row,.about-section-label{margin-left:0}.about-projects-list{width:100%;margin-left:0}.about-corgi-row{align-items:flex-start;gap:10px}.about-corgi-figure{width:28px}.projects-gallery{grid-template-columns:1fr;gap:16px;width:100%;margin-top:clamp(60px,10vh,120px);margin-left:0}.resume-previewer-shell{width:100%;margin-top:60px;margin-left:0}.resume-previewer-toolbar{flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 12px}.resume-previewer-pages{max-height:min(50vh,460px);padding:12px}.resume-previewer-layout{min-height:auto}.sq-stage{width:calc(100% + 36px);height:clamp(460px,68vh,700px);margin-left:-18px;margin-right:-18px}.sq-detail{width:min(230px,100% - 24px);padding:14px}.bottom-nav{bottom:max(env(safe-area-inset-bottom,16px), clamp(16px, 3vh, 36px))}.skeleton-row{grid-template-columns:1fr;gap:10px;padding:14px 16px}}.sidequests-explore{margin-top:48px}.sidequests-explore-desc{color:#585852;max-width:480px;margin:0 0 28px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}.explore-button{color:#1f1f22;letter-spacing:.04em;cursor:pointer;background:#ffffffb3;border:1px solid #00000024;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-family:Manrope,system-ui,sans-serif;font-size:.9rem;transition:background .14s,border-color .14s,transform .12s;display:inline-flex}.explore-button:hover{background:#ffffffeb;border-color:#00000038;transform:translateY(-1px)}.explore-button:active{transform:translateY(0)}.explore-button:focus-visible{outline:none;box-shadow:0 0 0 3px #0000001a}.immersive-section{cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:calc(100vh - 200px);min-height:400px;max-height:700px;position:relative;overflow:hidden}.immersive-section:active{cursor:grabbing}.immersive-canvas{width:6000px;height:4500px;position:absolute;top:calc(50% - 2250px);left:calc(50% - 3000px)}.immersive-item{cursor:pointer;position:absolute}.immersive-item-card{-webkit-user-select:none;user-select:none;background:#ffffffa6;border:1px solid #0000001a;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:180px;height:116px;padding:14px 16px;display:flex;box-shadow:0 2px 14px #00000012}.immersive-item-card-name{color:#1f1f22;font-family:Manrope,system-ui,sans-serif;font-size:.95rem;line-height:1.2}.immersive-item-card-brand{color:#8a8882;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.68rem}.immersive-item-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:12px;width:260px;height:260px;display:block}.immersive-desc{z-index:20;pointer-events:none;width:460px;position:absolute;top:calc(100% + 12px);left:0}.immersive-desc-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.immersive-desc-name{color:#1f1f22;font-family:Manrope,system-ui,sans-serif;font-size:1rem;line-height:1.1}.immersive-desc-brand{color:#8a8882;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.7rem}.immersive-desc-link{color:#1f1f22;pointer-events:auto;flex-shrink:0;font-size:.76rem;text-decoration:none}.immersive-desc-link:hover{text-decoration:underline}.immersive-desc-text{color:#585852;margin:12px 0 0;font-size:.82rem;line-height:1.55}.immersive-close{z-index:10;color:#0006;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:8px;padding:6px 12px;font-family:Manrope,system-ui,sans-serif;font-size:.72rem;transition:color .13s,border-color .13s;position:absolute;top:16px;right:16px}.immersive-close:hover{color:#000c;border-color:#0000004d}.immersive-close:focus-visible{outline:none;box-shadow:0 0 0 3px #0000001a}.immersive-hint{z-index:10;color:#00000059;letter-spacing:.1em;pointer-events:none;font-family:Manrope,system-ui,sans-serif;font-size:.72rem;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.theme-toggle{cursor:pointer;color:#a3a3aa;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:inline-flex}.theme-toggle:hover{color:#1a1a1a;background:#0000000f}.theme-icon{width:1.1rem;height:1.1rem;transition:transform .3s,opacity .2s}.theme-icon.hidden{display:none}html[data-theme=dark] .theme-toggle:hover{color:#e8e8e8;background:#ffffff14}@media (prefers-color-scheme:dark){html{background:#111}body{color:#e8e8e8;background:#111}.nav-link{color:#555}.nav-link.is-active{color:#e8e8e8}.active-underline{background:#e8e8e8}.hover-underline{background:#404040}.nav-rail{border-bottom-color:#222}.sig-typed{color:#e8e8e8}.sq-stage{color:#e8e8e8;background:#111}.sq-vignette{background:radial-gradient(#1110 35%,#111111f0 100%)}.sq-corner,.sq-label-name,.sq-label-sub{color:#555}.sq-detail{background:#111111e0}.sq-detail-eyebrow{color:#666}.sq-detail-body,.sq-detail-close{color:#e8e8e8}.sq-stage-fallback{background:#111}}html[data-theme=dark],html[data-theme=dark] body{color:#e8e8e8;background:#111}html[data-theme=dark] .nav-link{color:#555}html[data-theme=dark] .nav-link.is-active{color:#e8e8e8}html[data-theme=dark] .active-underline{background:#e8e8e8}html[data-theme=dark] .hover-underline{background:#404040}html[data-theme=dark] .nav-rail{border-bottom-color:#222}html[data-theme=dark] .sig-typed{color:#e8e8e8}html[data-theme=dark] .sq-stage{color:#e8e8e8;background:#111}html[data-theme=dark] .sq-vignette{background:radial-gradient(#1110 35%,#111111f0 100%)}html[data-theme=dark] .sq-corner,html[data-theme=dark] .sq-label-name,html[data-theme=dark] .sq-label-sub{color:#555}html[data-theme=dark] .sq-detail{background:#111111e0}html[data-theme=dark] .sq-detail-eyebrow{color:#666}html[data-theme=dark] .sq-detail-body,html[data-theme=dark] .sq-detail-close{color:#e8e8e8}html[data-theme=dark] .sq-stage-fallback{background:#111}html[data-theme=dark] .theme-toggle{color:#555}.uwaterloo-webring-wrapper{align-items:center;display:flex;position:static}.uwaterloo-webring-wrapper .uwaterloo-webring{align-items:center;gap:2px;height:17px;display:flex}.uwaterloo-webring-wrapper .uwaterloo-webring a{justify-content:center;align-items:center;display:flex;width:17px!important;height:17px!important}.uwaterloo-webring-wrapper .uwaterloo-webring a img,.uwaterloo-webring-wrapper .uwaterloo-webring a svg{filter:grayscale()brightness(.35);opacity:.55;transition:filter .15s,opacity .15s;width:17px!important;height:17px!important}.uwaterloo-webring-wrapper .uwaterloo-webring a:hover img,.uwaterloo-webring-wrapper .uwaterloo-webring a:hover svg{filter:grayscale(0)brightness();opacity:1}.uwaterloo-webring-wrapper .uwaterloo-webring button{display:none!important}