:root{font-family:Helvetica,Arial,sans-serif;color:#050505;background:#000;font-synthesis:none;--paper: #f6f3ef;--ink: #050505;--chat-muted: #5f5f5f;--chat-label: #626262;--chat-placeholder: #696969;--chat-bubble-bg: rgba(255, 255, 255, .38);--chat-bubble-border: rgba(5, 5, 5, .16)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;overflow:hidden}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}a:hover{cursor:pointer;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:2px}.site-shell{position:relative;min-height:100svh;padding:24px 32px;display:grid;place-items:center;background:#000}.portfolio-card{position:relative;width:100%;height:calc(100svh - 48px);min-height:560px;overflow:hidden;border:1px solid rgba(0,0,0,.1);border-radius:clamp(22px,2.1vw,30px);background:var(--paper);color:var(--ink)}.ascii-viewer{position:absolute;left:8.1%;top:6.3%;width:51.5%;height:80.5%;overflow:hidden;mix-blend-mode:darken;opacity:.72;filter:contrast(var(--ascii-contrast, 3));pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:opacity .3s ease}.ascii-viewer>div{width:100%;height:100%;user-select:none;-webkit-user-select:none}.ascii-viewer table{margin:0 auto!important;color:#000000a3!important;background:transparent!important}.ascii-viewer canvas{display:none!important}.primary-nav{position:absolute;z-index:3;top:calc(24px + 6.45%);left:calc(21.2% + 85px);display:flex;flex-direction:column;align-items:flex-end;gap:18px;font-size:clamp(11px,1.11vw,16px);font-weight:700;line-height:1.12;text-align:right;text-transform:uppercase}.primary-nav:has(.contact-menu[open]){z-index:6}.nav-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.nav-touch-summary{display:none}.contact-menu{position:relative}.contact-menu summary{list-style:none;cursor:pointer}.contact-menu summary::-webkit-details-marker{display:none}.contact-menu summary:after{content:" +"}.contact-menu[open] summary:after{content:" −"}.contact-menu summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}.contact-backdrop,.close-contact{display:none}.contact-popover{position:absolute;z-index:12;top:-10px;left:calc(100% + 8px);width:286px;padding:0;display:none;gap:0;border:2px solid var(--ink);border-radius:2px;background:var(--paper);color:var(--ink);box-shadow:7px 7px color-mix(in srgb,var(--ink) 22%,transparent);text-align:left;text-transform:none}.contact-menu[open]>.contact-popover{display:grid}.contact-popover-heading{display:grid;grid-template-columns:1fr auto;align-items:start;gap:2px;padding:15px 16px 13px;border-bottom:2px solid var(--ink);text-transform:uppercase}.contact-popover-heading>span{display:grid;gap:2px}.contact-popover-heading strong{font-size:15px;line-height:1;letter-spacing:-.02em}.contact-popover small{color:var(--chat-muted);font-size:10px;font-weight:500;line-height:1.25;text-transform:none}.contact-popover>a,.contact-email-row>a,.copy-contact{min-height:58px;border:0;border-radius:0;background:transparent;color:inherit}.contact-popover>a,.contact-email-row>a{display:grid;align-content:center;gap:2px;padding:11px 16px;font-size:15px;line-height:1}.contact-popover>a{border-bottom:1px solid color-mix(in srgb,var(--ink) 24%,transparent)}.contact-popover>a:last-child{border-bottom:0}.contact-popover>a:hover,.contact-popover>a:focus-visible,.contact-email-row>a:hover,.contact-email-row>a:focus-visible,.copy-contact:hover,.copy-contact:focus-visible{background:var(--ink);color:var(--paper);text-decoration:none;outline:0}.contact-popover>a:hover small,.contact-popover>a:focus-visible small,.contact-email-row>a:hover small,.contact-email-row>a:focus-visible small{color:currentColor;opacity:.72}.contact-email-row{display:grid;grid-template-columns:1fr auto;gap:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 24%,transparent)}.copy-contact{width:76px;padding:8px;display:grid;place-content:center;border-left:1px solid color-mix(in srgb,var(--ink) 24%,transparent);cursor:pointer;font-size:11px;font-weight:700;text-transform:uppercase}.copy-contact small:empty{display:none}.credit{display:flex;flex-direction:column;align-items:center;gap:5px}.credit img{display:block;width:44px;height:41px;transform:translate(8px);filter:invert(1)}.mobile-break{display:none}.hero-title{position:absolute;z-index:3;left:10.45%;bottom:12.55%;width:43%;margin:0;display:flex;flex-direction:column;gap:4px;font-size:clamp(23px,1.9vw,30px);font-weight:700;line-height:1.08;letter-spacing:-.03em;text-align:center;text-transform:uppercase;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.hero-title>span:last-child{font-size:.66em;line-height:1.12;letter-spacing:-.02em;white-space:nowrap}.hero-title:focus-visible{outline:2px solid currentColor;outline-offset:8px}.ask-form{position:absolute;z-index:4;right:6.2%;bottom:14.4%;width:29%;height:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-bottom:2px solid var(--ink)}.ask-form:after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--ink),transparent);opacity:0;transform:scaleX(.15);transform-origin:left}.ask-form:focus-within{border-bottom-color:#05050559}.ask-form:focus-within:after{opacity:1;transform:scaleX(1);transition:opacity .2s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.ask-form.is-thinking:after{opacity:1;animation:input-scan 1.15s ease-in-out infinite}.ask-form input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px;font-weight:700;text-transform:none}.ask-form input::placeholder{color:var(--chat-placeholder);opacity:1;text-transform:uppercase}.ask-form button{width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--ink);font-size:24px;line-height:1;cursor:pointer;transition:transform .18s ease}.ask-form button:hover{transform:translate(3px)}.ask-form button:disabled,.ask-form input:disabled{cursor:wait;opacity:.55}.ask-form.is-thinking button{animation:arrow-wait 1s ease-in-out infinite}.prompt-mark{font-weight:700;animation:caret-blink 1s steps(1,end) infinite}@keyframes caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes input-scan{0%{transform:translate(-40%) scaleX(.15)}50%{transform:translate(0) scaleX(.48)}to{transform:translate(40%) scaleX(.15)}}@keyframes arrow-wait{0%,to{transform:translate(0);opacity:.45}50%{transform:translate(5px);opacity:1}}.chat-stream{position:absolute;z-index:4;right:6.2%;top:8.5%;bottom:calc(14.4% + 44px);width:29%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;overscroll-behavior:contain;scroll-padding-block:10px;pointer-events:auto}.chat-stream::-webkit-scrollbar{display:none}.chat-message{max-width:88%;font-size:clamp(13px,1.04vw,15px);font-weight:650;line-height:1.44;letter-spacing:-.01em;text-wrap:pretty;will-change:opacity,transform,filter;transition:opacity .32s ease,transform .38s cubic-bezier(.2,.8,.2,1),filter .32s ease;animation:chat-in .42s cubic-bezier(.2,.8,.2,1) both}.chat-message.is-muted{opacity:.66;filter:none;transform:translateY(-2px) scale(.99)}.chat-message.is-current{opacity:1;filter:none}.chat-message.user{align-self:flex-end;padding:8px 11px;border:1px solid var(--chat-bubble-border);border-radius:14px 14px 3px;background:var(--chat-bubble-bg);color:var(--ink);text-align:right;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-message.ai{align-self:flex-start;max-width:100%;color:var(--ink)}.chat-message.ai:before{content:"portfolio / ";color:var(--chat-label);font-size:.78em;font-weight:700}.message-copy{display:inline}.chat-word{display:inline-block;filter:blur(4px);transform:translateY(5px);animation:word-reveal .28s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--word-delay, 0ms)}.chat-link{display:block;width:fit-content;margin-top:7px;color:var(--chat-muted);font-size:.78em;opacity:0;transform:translateY(5px);animation:link-reveal .32s ease forwards;animation-delay:var(--link-delay, .18s)}.chat-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:2px;animation:link-reveal .38s ease both}.chat-action{min-height:28px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:clamp(10px,.78vw,12px);font-weight:650;line-height:1.15;text-align:left;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.chat-action:hover,.chat-action:focus-visible{background:var(--ink);color:var(--paper);outline:0;transform:translateY(-1px)}.project-preview{position:absolute;z-index:5;top:8.5%;left:38%;width:clamp(220px,20vw,292px);opacity:0;pointer-events:none;transform:translate(-14px,8px) rotate(-1.5deg) scale(.97);transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.project-preview.is-visible{opacity:1;transform:translate(0) rotate(.7deg) scale(1)}.project-preview.is-visible .project-preview-image{animation:preview-settle .46s cubic-bezier(.2,.8,.2,1) both}.preview-panel{position:relative;display:block}.preview-panel[hidden]{display:none}.project-preview-image{display:block;height:clamp(260px,40vh,380px);overflow:hidden;border:1px solid rgba(0,0,0,.13);border-radius:28px;background:#fff;box-shadow:0 28px 70px #00000029}.project-preview-image img{display:block;width:100%;height:auto}.project-preview-label{position:absolute;z-index:5;left:-16%;bottom:14%;min-width:215px;padding:17px 19px;border-radius:22px;background:#fffffff0;box-shadow:0 18px 40px #00000024;color:#050505}.project-preview-label strong,.project-preview-label small{display:block;line-height:1.08;text-transform:lowercase}.project-preview-label strong{font-size:18px}.project-preview-label small{margin-top:5px;color:#666;font-size:12px;font-weight:700}.linkedin-preview{position:relative;background:#e9e7e3}.linkedin-preview .linkedin-preview-cover{width:100%;height:38%;object-fit:cover;object-position:center}.linkedin-preview .linkedin-preview-avatar{position:absolute;top:27%;left:18px;width:104px;height:104px;border:5px solid #f6f3ef;border-radius:50%;object-fit:cover;object-position:center 37%;box-shadow:0 12px 26px #0000002b}.linkedin-preview-meta{position:absolute;right:18px;bottom:18px;left:18px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#050505}.linkedin-preview-meta b{font-size:15px;line-height:1}.linkedin-preview-meta small{color:#666;font-size:10px;font-weight:700}.cv-preview{background:#eef1f4}.cv-preview img{width:100%;height:100%;object-fit:cover;object-position:top center}.asset-preview{background:#efeae4}.asset-preview img{width:100%;height:100%;object-fit:cover}.asset-preview:not(.reliability-preview):not(.ottawa-preview) img{object-position:50% 48%}.reliability-preview img{object-position:50% 46%}.ottawa-preview img{object-position:50% 47%}.typing-state{display:inline-flex;min-width:68px;align-items:center}.typing-dots{display:inline-flex;height:10px;align-items:center;gap:4px;vertical-align:middle}.typing-dots i{width:15px;height:2px;border-radius:999px;background:currentColor;transform-origin:left;animation:typing 1.05s infinite cubic-bezier(.2,.8,.2,1)}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes chat-in{0%{opacity:0;filter:blur(5px);transform:translateY(14px) scale(.97)}to{opacity:1;filter:none;transform:none}}@keyframes word-reveal{0%{filter:blur(4px);transform:translateY(5px)}to{filter:none;transform:none}}@keyframes link-reveal{to{opacity:1;transform:none}}@keyframes typing{0%,65%,to{opacity:.18;transform:scaleX(.35)}32%{opacity:1;transform:scaleX(1)}}@keyframes preview-settle{0%{opacity:.72;translate:0 10px;scale:.985}to{opacity:1;translate:0 0;scale:1}}.controls-panel{position:absolute;z-index:8;top:56px;right:24px;width:min(280px,calc(100% - 48px));padding:16px;border:1px solid currentColor;border-radius:14px;background:#f6f3eff5;box-shadow:0 12px 30px #0000001f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px}.controls-panel[hidden]{display:none}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;text-transform:uppercase}.panel-close{border:0;background:none;font-size:20px;cursor:pointer}.controls-panel label{display:grid;gap:5px;margin-top:10px;font-weight:700;text-transform:uppercase}.controls-panel textarea{width:100%;resize:vertical;border:1px solid #bbb;border-radius:5px;background:transparent;font-family:monospace;font-size:10px}.controls-panel input[type=range]{width:100%}.controls-panel .check{display:flex;flex-direction:row;align-items:center}.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}body.dark{--paper: #0b0b0b;--ink: #f6f3ef;--chat-muted: #c1c1c1;--chat-label: #b8b8b8;--chat-placeholder: #c4c4c4;--chat-bubble-bg: rgba(255, 255, 255, .13);--chat-bubble-border: rgba(255, 255, 255, .4)}body.dark .portfolio-card{border-color:#fff3}body.dark .ascii-viewer{mix-blend-mode:screen}body.dark .ascii-viewer table{color:#ffffffb8!important}body.dark .controls-panel{background:#0a0a0af0}body.dark .credit img{filter:none}body.dark .primary-nav{color:#f6f3ef}body.dark .ask-form:focus-within{border-bottom-color:#ffffff94}body.dark .chat-message.is-muted{opacity:.58}body.dark .chat-message.user{color:#f3f1ed;box-shadow:inset 0 1px #ffffff14}body.dark .chat-message.user.is-muted{opacity:.78}body.dark .chat-action{border-color:#ffffff6b}body.dark .chat-action:hover,body.dark .chat-action:focus-visible{background:#f6f3ef;color:#0b0b0b}@media(min-width:761px)and (max-width:1024px){.ascii-viewer{left:-10%;top:-7.75%;width:88.5%;height:80.5%}.primary-nav{top:79px;left:auto;right:7.35%;gap:18px}.contact-popover{right:calc(100% + 14px);left:auto}.hero-title{left:13%;top:62.2%;bottom:auto;width:74%}.ask-form{left:19%;right:auto;bottom:6.45%;width:59%}.chat-stream{left:19%;right:auto;top:10%;bottom:calc(6.45% + 44px);width:59%}}@media(max-width:760px){html,body{min-height:100%;background:#000}body{overflow-x:hidden;overflow-y:auto}body.contact-sheet-open .ask-form{z-index:0;visibility:hidden}.site-shell{--mobile-card-height: max(620px, calc(100svh - 238px) );min-height:max(850px,100svh);display:block;padding:16px 6px 212px}.portfolio-card{width:100%;height:var(--mobile-card-height);min-height:0;border-radius:30px}.ascii-viewer{left:-19.4%;top:-2.25%;width:138.8%;height:75.4%;opacity:.57}.hero-title{left:19px;top:42px;bottom:auto;width:calc(100% - 38px);display:block;font-size:clamp(29px,8.2vw,34px);line-height:1.12;text-align:left}.hero-title>span{display:block}.hero-title>span+span{margin-top:34px}.hero-title>span:last-child{font-size:.76em;white-space:normal}.mobile-break{display:inline}.ask-form{left:20px;right:auto;bottom:20px;width:calc(100% - 40px);height:44px}.ask-form input{--minimum-mobile-input-font-size: 16px;font-size:var(--minimum-mobile-input-font-size)}.ask-form button{width:44px;height:44px}.chat-stream{inset:auto auto 76px 20px;width:calc(100% - 40px);max-height:35%;gap:9px}.chat-message{font-size:14px;line-height:1.42}.chat-action{min-height:44px;padding:9px 12px;font-size:12px}.chat-stream{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 34%,transparent) transparent}.chat-stream::-webkit-scrollbar{display:block;width:3px}.chat-stream::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--ink) 34%,transparent)}.primary-nav{top:calc(16px + var(--mobile-card-height) + 20px);left:20px;right:20px;width:auto;height:194px;display:block;color:#f6f3ef;font-size:15px;line-height:1.12;text-align:left}.primary-nav a{min-height:44px}.nav-projects{position:absolute;top:0;left:0;align-items:flex-start;gap:0}.nav-contact{position:absolute;top:0;right:0;align-items:flex-end;gap:0}.contact-menu summary{min-height:44px;display:grid;align-content:center}.contact-popover{position:fixed;z-index:21;top:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;width:auto;padding:12px 0 0;gap:0;border-color:#f6f3ef;border-radius:4px;background:#0b0b0b;color:#f6f3ef;box-shadow:5px 5px #f6f3ef33}.contact-menu[open]>.contact-backdrop{position:fixed;z-index:20;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#0000009e;cursor:default;touch-action:none}.contact-popover:before{content:"";width:38px;height:4px;margin:-2px auto 8px;border-radius:999px;background:#ffffff47}.contact-popover-heading{padding:6px 16px 14px;border-bottom-color:#f6f3ef}.close-contact{width:44px;height:44px;margin:-4px 0 0;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.52);border-radius:0;background:transparent;color:inherit;font-size:25px;line-height:1;cursor:pointer}.contact-popover>a,.contact-email-row>a,.copy-contact{min-height:60px}.contact-email-row,.contact-popover>a{border-bottom-color:#ffffff40}.copy-contact{border-left-color:#ffffff40}.contact-popover small{color:#a8a8a8}.contact-popover a{color:#f6f3ef;opacity:1;visibility:visible}.nav-section a{display:grid;align-content:center}.nav-touch-summary{display:block;margin-top:2px;color:#9b9b9b;font-size:9px;line-height:1.1;text-transform:none}.nav-contact .nav-touch-summary{text-align:right}.nav-location{position:absolute;right:0;bottom:0;width:81px;text-align:right;font-size:0}.nav-location:after{content:"Ottawa\a CA";white-space:pre;font-size:16px}.credit{position:absolute;left:0;bottom:0;min-height:44px;flex-direction:row;align-items:center;gap:8px;text-align:left}.credit>span{width:55px;font-size:0}.credit>span:after{content:"Baked\a by";white-space:pre;font-size:16px}.credit img{width:40px;height:37px;transform:none;filter:none}.project-preview{display:none}}@media(hover:none){.project-preview{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}