:root{--ink:#1a1a1a;--ink-soft:#585858;--muted:#8a8a8a;--hairline:#e7e5e0;--bg:#fff;--surface:#f7f6f3;--portrait-bg:#ece7df;--link:#40548c;--link-hover:#2c3c6b;--link-underline:#40548c59;--accent:#4a5ed1;--accent-2:#7c8ef0;--accent-soft:#4a5ed117;--accent-glow:#4a5ed147;--accent-ink:#fff;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-slow:.7s;--shadow-soft:0 1px 2px #14100c0a, 0 12px 32px -16px #14100c2e;--shadow-lift:0 4px 10px -2px #14100c1a, 0 24px 48px -20px #14100c47;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:14.5px;--fs-lg:15px;--fs-title:16px;--fs-h1:24px;--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:40px;--sp-6:56px;--sp-7:64px;--sp-8:96px;--ease:cubic-bezier(.25, .7, .4, 1);--dur:.22s}html[data-theme=dark]{--ink:#efece5;--ink-soft:#b6b2a8;--muted:#83817a;--hairline:#2b2a27;--bg:#121212;--surface:#1a1a18;--portrait-bg:#23221f;--link:#a4b3e8;--link-hover:#c6d0f2;--link-underline:#a4b3e866;--accent:#8b9df5;--accent-2:#b3bff8;--accent-soft:#8b9df524;--accent-glow:#8b9df561;--accent-ink:#10142b;--shadow-soft:0 1px 2px #0000004d, 0 12px 32px -16px #00000080;--shadow-lift:0 4px 10px -2px #00000059, 0 24px 48px -20px #0009}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0}html{transition:background var(--dur) var(--ease)}body{font-family:Geist,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--fs-lg);-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);line-height:1.7}a,button{outline-offset:3px}:focus{outline:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}.wrap{max-width:720px;padding:var(--sp-5) var(--sp-3) var(--sp-8);margin:0 auto}.top-row{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);display:flex}.back{align-items:center;gap:var(--sp-1);color:#a3a3a3;font-size:var(--fs-base);letter-spacing:.01em;transition:color var(--dur) var(--ease);margin-bottom:0;font-weight:500;text-decoration:none;display:inline-flex}.back:hover,.back:focus-visible{color:var(--ink)}.back svg{width:14px;height:14px;transition:transform var(--dur) var(--ease)}.back:hover svg,.back:focus-visible svg{transform:translate(-3px)}.brand-group{align-items:center;gap:var(--sp-3);display:flex}.brand-mark{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark .mark{background:var(--ink);width:34px;height:34px;color:var(--bg);letter-spacing:.02em;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:9px;flex:none;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:14px;display:flex}.brand-mark .mark svg{width:15px;height:15px}.brand-mark:hover .mark,.brand-mark:focus-visible .mark{transform:translateY(-1px)rotate(-3deg)}.brand-mark.is-back:hover .mark,.brand-mark.is-back:focus-visible .mark{transform:translate(-2px)rotate(0)}.brand-mark .brand-word{font-size:var(--fs-sm);letter-spacing:.01em;color:var(--ink-soft);transition:color var(--dur) var(--ease);font-weight:600}.brand-mark:hover .brand-word,.brand-mark:focus-visible .brand-word{color:var(--ink)}.top-nav{align-items:center;gap:var(--sp-3);display:flex}.nav-link{font-size:var(--fs-xs);letter-spacing:.01em;color:var(--ink-soft);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-bottom:1px solid #0000;padding-bottom:2px;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link:focus-visible{color:var(--ink);border-color:var(--link-underline)}.nav-link.is-active{color:var(--ink);border-color:var(--ink)}.dock{z-index:50;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100vw - 28px);display:flex;position:fixed;bottom:20px;right:20px}.dock-btn{border:1px solid var(--hairline);background:var(--bg);height:28px;color:var(--ink-soft);font-family:Geist,-apple-system,sans-serif;font-size:var(--fs-xs);letter-spacing:.01em;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;display:inline-flex;box-shadow:0 1px 2px #0000000d,0 10px 24px -12px #00000038}.dock-btn:hover,.dock-btn:focus-visible{border-color:var(--muted);color:var(--ink);transform:translateY(-1px);box-shadow:0 2px 4px #00000012,0 14px 28px -12px #00000047}.dock-btn[aria-expanded=true],.dock-btn[aria-pressed=true]{border-color:var(--muted);color:var(--ink)}.dock-btn .dock-icon{flex:none;justify-content:center;align-items:center;width:14px;height:14px;font-size:12px;line-height:1;display:flex}.dock-btn .dock-icon svg{width:14px;height:14px}.connect-toggle .connect-dot{background:#4caf6a;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 2px #4caf6a40}.theme-toggle .icon-sun,.theme-toggle .icon-moon{width:14px;height:14px;transition:opacity .26s var(--ease), transform .32s var(--ease);position:absolute}.theme-toggle .dock-icon{position:relative}.theme-toggle .icon-sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle .icon-moon{opacity:0;transform:rotate(-70deg)scale(.4)}html[data-theme=dark] .theme-toggle .icon-sun{opacity:0;transform:rotate(70deg)scale(.4)}html[data-theme=dark] .theme-toggle .icon-moon{opacity:1;transform:rotate(0)scale(1)}@media (width<=560px){.dock{bottom:14px;right:14px}}@media (prefers-reduced-motion:reduce){.dock-btn,.theme-toggle .icon-sun,.theme-toggle .icon-moon,.brand-mark .mark{transition:none}}.dock-tip{z-index:51;background:var(--bg);border:1px solid var(--hairline);max-width:240px;color:var(--ink-soft);font-size:var(--fs-xs);opacity:0;pointer-events:none;transition:opacity .18s var(--ease), transform .18s var(--ease);border-radius:10px;padding:10px 12px;line-height:1.5;position:fixed;transform:translateY(6px);box-shadow:0 12px 30px -12px #00000047}.dock-tip.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.dock-tip kbd{color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11px;font-weight:600}@media (prefers-reduced-motion:reduce){.dock-tip{transition:none}}.connect-overlay{z-index:90;padding:var(--sp-3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .26s var(--ease);background:#14131152;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.connect-overlay.is-open{opacity:1;pointer-events:auto}.connect-modal{background:var(--bg);border:1px solid var(--hairline);width:100%;max-width:420px;max-height:min(560px,84vh);padding:var(--sp-4);opacity:0;transition:transform .28s var(--ease), opacity .26s var(--ease);border-radius:14px;overflow-y:auto;transform:translateY(10px)scale(.98);box-shadow:0 24px 60px -20px #00000059}.connect-overlay.is-open .connect-modal{opacity:1;transform:translateY(0)scale(1)}.connect-modal-sub{font-size:var(--fs-xs);color:var(--muted);max-width:36ch;margin:0}.connect-modal-close:hover,.connect-modal-close:focus-visible{border-color:var(--ink);color:var(--ink);background:var(--surface);transform:rotate(90deg)}.connect-row:hover,.connect-row:focus-visible{background:var(--surface);transform:translate(2px)}.connect-row-text{flex:1;min-width:0}.connect-row-text .connect-name{font-size:var(--fs-base);color:var(--ink);margin-bottom:1px;font-weight:600}.connect-row-text .connect-note{font-size:var(--fs-xs);color:var(--muted)}.connect-row-arrow{color:var(--muted);opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);flex:none;transform:translate(-4px)}.connect-row:hover .connect-row-arrow,.connect-row:focus-visible .connect-row-arrow{opacity:1;transform:translate(0)}.connect-modal-foot{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--hairline);font-size:var(--fs-xs);color:var(--muted)}.connect-modal-foot b{color:var(--ink);font-weight:500}@media (prefers-reduced-motion:reduce){.connect-overlay,.connect-modal,.connect-modal-close,.connect-row,.connect-row-arrow{transition:none}}.headline-row{align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap;display:flex}h1{font-family:Geist,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--fs-h1);letter-spacing:-.01em;margin:0 0 4px}.tagline{margin:0 0 var(--sp-4);color:var(--ink-soft);line-height:1.3;font-size:var(--fs-xs)}p{margin:0 0 var(--sp-2);text-align:left;color:var(--ink-soft);font-size:var(--fs-sm)}p b,p strong{color:var(--ink);margin-left:1px;font-weight:500}p a,.about a{color:var(--link);text-decoration:underline;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:3px;transition:color var(--dur) var(--ease), text-decoration-color var(--dur) var(--ease);margin-left:1px;font-weight:500;text-decoration-thickness:1px}p a:hover,p a:focus-visible,.about a:hover,.about a:focus-visible{color:var(--link-hover);text-decoration-color:currentColor}.resume-link{margin:2px 0 var(--sp-3);font-size:var(--fs-xs);color:var(--ink);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), gap var(--dur) var(--ease);align-items:center;gap:7px;padding-bottom:2px;font-weight:600;text-decoration:none;display:inline-flex}.resume-link .resume-icon{border:1px solid var(--hairline);width:22px;height:22px;color:var(--ink-soft);transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.resume-link .resume-icon svg{width:11px;height:11px}.resume-link:hover,.resume-link:focus-visible{color:var(--link);border-color:var(--link-underline);gap:10px}.resume-link:hover .resume-icon,.resume-link:focus-visible .resume-icon{border-color:var(--link);color:var(--link);transform:translateY(2px)}.portrait-collage{margin-top:var(--sp-3);width:272px;height:232px;position:relative}.collage-photo{font:inherit;cursor:pointer;opacity:0;transition:opacity .64s var(--ease-out) var(--reveal-delay,0s), transform .64s var(--ease-out) var(--reveal-delay,0s);background:0 0;border:none;margin:0;padding:0;display:block;position:absolute;transform:translateY(16px)scale(.96)}[data-reveal].is-visible .collage-photo{opacity:1;transform:translateY(0)scale(1)}.collage-photo:focus-visible .collage-frame{outline:2px solid var(--accent);outline-offset:2px}.collage-photo--1{z-index:2;--reveal-delay:60ms;width:152px;height:190px;top:26px;left:0}.collage-photo--2{z-index:3;--reveal-delay:.2s;width:116px;height:116px;top:0;right:4px}.collage-photo--3{z-index:4;--reveal-delay:.34s;width:96px;height:96px;bottom:0;left:124px}.collage-frame{background:var(--portrait-bg);border:3px solid var(--bg);width:100%;height:100%;box-shadow:var(--shadow-lift);transform:rotate(var(--rot,0deg));transition:transform .42s var(--ease-spring), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);animation:7s ease-in-out infinite collageFloat;animation-delay:var(--float-delay,0s);will-change:transform;border-radius:10px;display:block;position:relative;overflow:hidden}.collage-frame:after{content:"";opacity:0;transition:opacity var(--dur) var(--ease);background:#0a0a0a29;position:absolute;inset:0}.collage-photo:hover .collage-frame:after,.collage-photo:focus-visible .collage-frame:after{opacity:1}.collage-photo--1 .collage-frame{--rot:-3deg;--float-delay:0s}.collage-photo--2 .collage-frame{--rot:5deg;--float-delay:1.6s}.collage-photo--3 .collage-frame{--rot:-8deg;--float-delay:3s}@keyframes collageFloat{0%,to{transform:rotate(var(--rot,0deg)) translateY(0)}50%{transform:rotate(var(--rot,0deg)) translateY(-5px)}}.collage-frame img{object-fit:cover;width:100%;height:100%;transition:transform .56s var(--ease-out);display:block}.collage-photo:hover .collage-frame,.collage-photo:focus-within .collage-frame{box-shadow:0 4px 10px -2px #14100c1f, 0 22px 40px -16px var(--accent-glow);z-index:6;animation-play-state:paused;transform:rotate(0)translateY(-5px)scale(1.035)}.collage-photo:hover .collage-frame img,.collage-photo:focus-within .collage-frame img{transform:scale(1.07)}.portrait-collage .margin-note{width:148px;color:var(--ink-soft);z-index:5;pointer-events:none;font-family:Caveat,Geist,cursive;font-size:20px;line-height:1.25;position:absolute;top:26px;left:calc(100% + 24px);transform:rotate(-3deg)}.margin-note svg{width:34px;height:24px;color:var(--muted);margin-top:2px;display:block}@media (prefers-reduced-motion:reduce){.collage-frame{animation:none}}@media (width<=900px){.portrait-collage .margin-note{display:none}}@media (width<=560px){.portrait-collage{margin-left:auto;margin-right:auto}}hr{border:none;border-top:1px solid var(--hairline);margin:var(--sp-6) 0 var(--sp-4);transition:border-color var(--dur) var(--ease)}@media (width<=560px){hr{margin:var(--sp-5) 0 var(--sp-3)}}.section-title{font-family:Geist,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:var(--fs-title);letter-spacing:-.01em;color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 4px;display:flex}.section-sub{font-size:var(--fs-sm);color:var(--ink-soft);margin:0 0 var(--sp-4)}.hint{font-size:var(--fs-xs);color:var(--muted);font-style:italic;font-weight:400}.hint .hint-touch,.hint .hint-kbd{display:none}@media (hover:none){.hint .hint-hover{display:none}.hint .hint-touch{display:inline}}body.user-is-tabbing .hint .hint-hover{display:none}body.user-is-tabbing .hint .hint-kbd{display:inline}.grid{row-gap:var(--sp-3);column-gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.item{color:inherit;padding:var(--sp-1);margin:calc(var(--sp-1) * -1);transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:8px;align-items:flex-start;gap:14px;text-decoration:none;display:flex}.item:hover,.item:focus-visible{background:var(--surface);transform:translateY(-2px)}.item:hover .icon,.item:focus-visible .icon{transform:scale(1.06)}.item:hover .title,.item:focus-visible .title{text-decoration:underline;-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);text-underline-offset:3px}.icon{width:40px;height:40px;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.icon svg{width:18px;height:18px}.icon--dark{color:#fff;background:#151515}html[data-theme=dark] .icon--dark{color:#151515;background:#e8e6df}.icon--light{background:var(--surface);color:var(--ink);border:1px solid var(--hairline)}.item-text .title{font-size:var(--fs-base);color:var(--ink);margin-bottom:2px;font-weight:600}.item-text .desc{font-size:var(--fs-sm);color:var(--muted)}.about p{font-size:var(--fs-sm)}.about b{color:var(--ink);font-weight:500}.contact-card{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap;display:flex}.contact-intro{margin-bottom:var(--sp-4);max-width:46ch}.contact-top{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.contact-top .contact-intro{flex:320px;margin-bottom:0}.signature{flex:none;padding-top:4px}.signature-text{color:var(--ink);opacity:.82;letter-spacing:.01em;margin-top:28px;font-family:Mrs Saint Delafield,Caveat,cursive;font-size:34px;line-height:1;display:inline-block;transform:rotate(-3deg)}.contact-label{font-size:var(--fs-sm);color:var(--muted);margin-bottom:6px}.email{font-size:var(--fs-xs);color:var(--muted);background-image:linear-gradient(var(--ink), var(--ink));transition:background-size var(--dur) var(--ease);word-break:break-all;background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;text-decoration:none;display:inline-block}.email:hover,.email:focus-visible{background-size:100% 1px}.socials{gap:var(--sp-1);flex-wrap:wrap;display:flex}.socials a{border:1px solid var(--hairline);width:25px;height:25px;color:var(--ink-soft);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:6px;justify-content:center;align-items:center;text-decoration:none;display:flex}.socials a:hover,.socials a:focus-visible{border-color:var(--ink);background:var(--surface);color:var(--ink);transform:translateY(-2px)}.socials svg{width:12px;height:12px}[data-reveal]{opacity:0;transition:opacity .64s var(--ease), transform .64s var(--ease);transform:translateY(10px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}.back svg,.collage-frame img,.item,.icon,.socials a,.email,.resume-link,.resume-link .resume-icon{transition:none}.collage-photo{opacity:1;transform:none}}@media (width<=560px){.wrap{padding:var(--sp-4) var(--sp-2) var(--sp-6)}h1{font-size:26px}.grid{row-gap:var(--sp-3);grid-template-columns:1fr}}.dual-col{column-gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.col-title{font-size:var(--fs-xs);color:var(--muted);margin:0 0 var(--sp-2);flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.exp-list{gap:var(--sp-3);flex-direction:column;display:flex}.exp-row{transition:background var(--dur) var(--ease);border-radius:8px;align-items:flex-start;gap:10px;margin:-6px;padding:6px;display:flex}.exp-row[data-highlights]{cursor:pointer}.exp-row[data-highlights]:hover,.exp-row[data-highlights]:focus-visible,.exp-row[data-highlights].is-expanded{background:var(--surface)}.exp-dot{background:var(--ink-soft);border-radius:50%;flex:none;width:6px;height:6px;margin-top:6px}.exp-role{font-size:var(--fs-xs);color:var(--ink);margin-bottom:1px;font-weight:600}.exp-meta{font-size:var(--fs-xs);color:var(--muted)}.exp-inline{flex-direction:column;gap:6px;width:100%;margin:0;padding:8px 0 0 16px;list-style:outside;display:none}.exp-inline li{font-size:var(--fs-xs);color:var(--ink-soft);line-height:1.45}.exp-row.is-expanded .exp-inline{display:flex}.stack-list{flex-direction:column;gap:10px;display:flex}.stack-row{align-items:center;gap:10px;display:flex}.stack-icon{background:var(--surface);border:1px solid var(--hairline);width:18px;height:18px;color:var(--ink-soft);border-radius:4px;flex:none;justify-content:center;align-items:center;display:flex}.stack-icon svg{width:12px;height:12px}.stack-name{font-size:var(--fs-xs);color:var(--ink)}.stack-name span{color:var(--muted)}@media (width<=700px){.dual-col{row-gap:var(--sp-5);grid-template-columns:1fr}}.project-list{column-gap:var(--sp-4);grid-template-columns:1fr 1fr;row-gap:10px;display:grid}.project-link{color:var(--ink);font-size:var(--fs-xs);transition:color var(--dur) var(--ease), gap var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:6px;align-items:center;gap:10px;margin:-4px;padding:4px;font-weight:500;line-height:1.3;text-decoration:none;display:flex}.project-link .p-dot{background:var(--ink-soft);width:6px;height:6px;transition:background var(--dur) var(--ease);border-radius:50%;flex:none}.project-link .p-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.project-link .p-arrow{color:var(--muted);opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);flex:none;transform:translate(-4px)}.project-link .p-arrow svg{width:12px;height:12px;display:block}.project-link:hover,.project-link:focus-visible{color:var(--link);background:var(--surface);gap:12px}.project-link:hover .p-dot,.project-link:focus-visible .p-dot{background:var(--link)}.project-link:hover .p-arrow,.project-link:focus-visible .p-arrow{opacity:1;transform:translate(0)}.project-preview{border:1px solid var(--hairline);background:var(--surface);pointer-events:none;z-index:60;opacity:0;width:220px;height:138px;transition:opacity .16s var(--ease), transform .16s var(--ease);border-radius:8px;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-9999px,-9999px)scale(.96);box-shadow:0 10px 30px -10px #00000047}.project-preview.is-visible{opacity:1}.project-preview img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=700px){.project-list{grid-template-columns:1fr}}@media (hover:none){.project-preview,.exp-preview{display:none!important}}.exp-preview{border:1px solid var(--hairline);background:var(--surface);pointer-events:none;z-index:60;opacity:0;width:250px;transition:opacity .16s var(--ease), transform .16s var(--ease);border-radius:8px;padding:14px 16px;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-9999px,-9999px)scale(.96);box-shadow:0 10px 30px -10px #00000047}.exp-preview.is-visible{opacity:1}.exp-preview-title{font-size:var(--fs-xs);color:var(--ink);margin-bottom:8px;font-weight:600}.exp-preview ul{flex-direction:column;gap:6px;margin:0;padding-left:16px;display:flex}.exp-preview li{font-size:var(--fs-xs);color:var(--ink-soft);line-height:1.4}@media (width<=560px){.exp-preview{display:none}}@media (width<=480px){:root{--fs-h1:22px;--sp-8:64px}.contact-top{gap:var(--sp-2);flex-direction:column}.signature{padding-top:0}.signature-text{margin-top:10px}.contact-card{flex-direction:column;align-items:flex-start}}@keyframes arrowNudge{0%,to{opacity:0;transform:translate(-4px)}50%{opacity:1;transform:translate(0)}}.project-list.hint-active .project-link:nth-child(-n+2) .p-arrow{animation:arrowNudge 1.1s var(--ease) 2}@keyframes rowGlow{0%,to{background:0 0}50%{background:var(--surface)}}.exp-list.hint-active .exp-row:first-child{animation:rowGlow 1.1s var(--ease) 6}@media (prefers-reduced-motion:reduce){.project-list.hint-active .project-link .p-arrow,.exp-list.hint-active .exp-row{animation:none!important}}.text-tooltip{z-index:70;color:var(--ink-soft);background:var(--surface);border:1px solid var(--hairline);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s var(--ease), transform .12s var(--ease);border-radius:5px;padding:4px 8px;font-family:Geist,-apple-system,sans-serif;font-size:11px;font-weight:500;line-height:1.4;position:fixed;top:0;left:0;transform:translate(-9999px,-9999px)scale(.96);box-shadow:0 2px 6px #0000001f}.text-tooltip.is-visible{opacity:1}@media (hover:none){.text-tooltip{display:none!important}}.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}.status-pill{margin:0 0 var(--sp-4);border:1px solid var(--hairline);background:var(--surface);font-size:var(--fs-xs);letter-spacing:.01em;color:var(--ink-soft);border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 9px;font-weight:600;display:inline-flex}.status-pill .status-dot{background:#4caf6a;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 2px #4caf6a38}.status-pill b{color:var(--ink);font-weight:600}.blog-list{flex-direction:column;display:flex}.blog-row{align-items:flex-start;gap:var(--sp-3);color:inherit;padding:var(--sp-3) var(--sp-1);margin:0 calc(var(--sp-1) * -1);border-top:1px solid var(--hairline);transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:8px;text-decoration:none;display:flex}.blog-list .blog-row:last-child{border-bottom:1px solid var(--hairline)}.blog-row:hover,.blog-row:focus-visible{background:var(--surface);transform:translate(2px)}.blog-row-date{width:78px;font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;flex:none;padding-top:2px}.blog-row-main{flex:1;min-width:0}.blog-row-head{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:4px;display:flex}.blog-title{font-size:var(--fs-xs);color:var(--ink);transition:color var(--dur) var(--ease);font-weight:600}.blog-row:hover .blog-title,.blog-row:focus-visible .blog-title{color:var(--link)}.blog-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--hairline);transition:border-color var(--dur) var(--ease);border-radius:999px;flex:none;padding:2px 8px;font-size:8px;font-weight:500}.blog-row:hover .blog-tag,.blog-row:focus-visible .blog-tag{border-color:var(--link-underline)}.blog-excerpt{font-size:var(--fs-xs);color:var(--ink-soft);max-width:54ch;margin:0}.blog-row-arrow{color:var(--muted);opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);flex:none;align-self:center;transform:translate(-4px)}.blog-row-arrow svg{width:13px;height:13px;display:block}.blog-row:hover .blog-row-arrow,.blog-row:focus-visible .blog-row-arrow{opacity:1;transform:translate(0)}.blog-empty{font-size:var(--fs-sm);color:var(--muted);padding:var(--sp-3) var(--sp-1);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}@media (width<=560px){.blog-row{gap:var(--sp-2)}.blog-row-date{width:58px;font-size:11px}}.post-meta-row{margin-bottom:var(--sp-1);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.post-date{font-size:var(--fs-xs);color:var(--muted)}.post-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600}.post-title{margin:0 0 var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--hairline)}.post-body p{font-size:var(--fs-sm);color:var(--ink-soft)}.post-body p b,.post-body p strong{color:var(--ink);font-weight:500}.post-body h3{font-size:var(--fs-title);margin:var(--sp-4) 0 var(--sp-1);color:var(--ink)}.blog-row-cover{border:1px solid var(--hairline);background:var(--surface);border-radius:6px;flex:none;width:64px;height:44px;overflow:hidden}.blog-row-cover img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=560px){.blog-row-cover{width:44px;height:32px}}.post-cover{margin:var(--sp-3) 0 var(--sp-4);border:1px solid var(--hairline);border-radius:10px;overflow:hidden}.post-cover img{width:100%;height:auto;display:block}.post-footer{margin-top:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid var(--hairline)}.post-footer a{font-size:var(--fs-sm);color:var(--link);font-weight:500;text-decoration:none}.post-footer a:hover,.post-footer a:focus-visible{color:var(--link-hover);text-decoration:underline}.case-study{margin-top:var(--sp-2)}.cs-header-meta{margin-bottom:var(--sp-2);align-items:center;gap:10px;display:flex}.cs-title{margin:0 0 var(--sp-2);color:var(--ink);font-size:20px;line-height:1.35}.cs-dek{font-size:var(--fs-sm);color:var(--ink-soft);max-width:62ch;margin:0 0 var(--sp-3)}.cs-cover{border:1px solid var(--hairline);margin-bottom:var(--sp-4);border-radius:10px;overflow:hidden}.cs-cover img{width:100%;height:auto;display:block}.cs-body h3{font-size:var(--fs-title);margin:var(--sp-4) 0 var(--sp-1);color:var(--ink)}.cs-body p{font-size:var(--fs-sm);color:var(--ink-soft)}.cs-list{margin:0 0 var(--sp-2);gap:var(--sp-1);flex-direction:column;padding-left:1.2em;display:flex}.cs-list li{font-size:var(--fs-sm);color:var(--ink-soft);line-height:1.65}.cs-list b{color:var(--ink);font-weight:600}.cs-footer{margin-top:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid var(--hairline)}.cs-footer a{font-size:var(--fs-sm);color:var(--link);font-weight:500;text-decoration:none}.cs-footer a:hover,.cs-footer a:focus-visible{color:var(--link-hover);text-decoration:underline}.approach-list{margin-top:var(--sp-3);flex-direction:column;display:flex}.approach-row{gap:var(--sp-3);padding:var(--sp-3) 0;border-top:1px solid var(--hairline);display:flex}.approach-list .approach-row:last-child{border-bottom:1px solid var(--hairline)}.approach-index{width:28px;font-size:var(--fs-xs);color:var(--muted);flex:none;padding-top:2px;font-weight:600}.approach-title{font-size:var(--fs-title);color:var(--ink);margin-bottom:6px;font-weight:600}.approach-body{font-size:var(--fs-sm);color:var(--ink-soft);max-width:62ch;margin:0}.connect-modal{background:var(--bg);border:1px solid var(--hairline);width:100%;max-width:380px;max-height:min(480px,80vh);padding:var(--sp-3);opacity:0;transition:transform .28s var(--ease), opacity .26s var(--ease);scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;border-radius:14px;overflow-y:auto;transform:translateY(10px)scale(.98);box-shadow:0 24px 60px -20px #00000059}.connect-modal::-webkit-scrollbar{width:6px}.connect-modal::-webkit-scrollbar-track{background:0 0}.connect-modal::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:999px}.connect-modal::-webkit-scrollbar-thumb:hover{background:var(--muted)}.connect-modal-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.connect-modal-title{font-family:Geist,-apple-system,sans-serif;font-weight:600;font-size:var(--fs-lg);letter-spacing:-.01em;color:var(--ink);margin:0 0 2px}.connect-modal-sub{color:var(--muted);max-width:34ch;margin:0;font-size:11px}.connect-modal-close{border:1px solid var(--hairline);background:var(--bg);width:24px;height:24px;color:var(--ink-soft);cursor:pointer;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.connect-modal-close svg{width:11px;height:11px}.connect-list{flex-direction:column;gap:1px;display:flex}.connect-row{color:inherit;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:9px;align-items:center;gap:11px;margin:0 -8px;padding:8px;text-decoration:none;display:flex}.connect-row .icon{border-radius:8px;width:32px;height:32px}.connect-row .icon svg{width:14px;height:14px}.connect-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.connect-row-text .connect-name{font-size:var(--fs-sm);color:var(--ink);font-weight:600;line-height:1.3}.connect-row-text .connect-note{color:var(--muted);white-space:normal;font-size:11px;line-height:1.3}.connect-row-arrow svg{width:12px;height:12px;display:block}.connect-modal-foot{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--hairline);color:var(--muted);font-size:11px}.status-pill{border:1px solid var(--hairline);background:var(--surface);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:999px;align-items:center;gap:.55em;padding:.4em .9em;display:inline-flex;position:relative}.status-pill:hover{border-color:var(--muted);transform:translateY(-1px);box-shadow:0 4px 18px -6px #4caf6a40}.status-pill .status-dot{background:#4caf6a;border-radius:3px;width:9px;height:9px;animation:3.6s ease-in-out infinite dotGlow;position:relative;overflow:hidden;box-shadow:0 0 #4caf6a80}.status-pill .status-dot:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffffbf 48%,#0000 60%);animation:3.6s ease-in-out infinite dotSheen;position:absolute;inset:-50%}@keyframes dotGlow{0%,to{box-shadow:0 0 #4caf6a73}50%{box-shadow:0 0 4px 1px #4caf6a8c}}@keyframes dotSheen{0%,20%{transform:translate(-60%)translateY(-60%)}55%,to{transform:translate(60%)translateY(60%)}}@media (prefers-reduced-motion:reduce){.status-pill .status-dot,.status-pill .status-dot:after{animation:none}}.route-loader{z-index:100;pointer-events:none;position:fixed;top:0;left:0;right:0}.route-loader-bar{transform-origin:0;background:linear-gradient(90deg, var(--ink-soft), var(--ink));width:100%;height:2px;box-shadow:0 0 8px 1px color-mix(in srgb, var(--ink) 35%, transparent);transition:transform .26s var(--ease), opacity .2s var(--ease);will-change:transform;border-radius:0 2px 2px 0;transform:scaleX(0)}.route-loader-boot{z-index:99;background:var(--bg);animation:routeLoaderFadeOut .22s var(--ease) .46s forwards;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.route-loader-mark{background:var(--ink);width:44px;height:44px;color:var(--bg);will-change:transform, opacity;border-radius:12px;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:18px;animation:1.1s ease-in-out infinite routeLoaderPulse;display:flex}@keyframes routeLoaderPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}@keyframes routeLoaderFadeOut{to{opacity:0}}@media (prefers-reduced-motion:reduce){.route-loader-bar,.route-loader-mark,.route-loader-boot{transition:none!important;animation:none!important}}.year-ledger{margin:var(--sp-1) 0 var(--sp-2);--cell:8px;--cell-gap:3px}.year-ledger-head{margin-bottom:var(--sp-3)}.year-ledger-title{font-size:var(--fs-xs);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.year-ledger-sub{font-size:var(--fs-xs);color:var(--muted);font-style:italic}.year-ruler-wrap{padding-bottom:2px;position:relative;overflow-x:auto}@media (width<=700px){.year-ruler-wrap{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 100%)}}.year-ruler{gap:var(--cell-gap);border-bottom:1px solid var(--hairline);grid-auto-flow:column;width:max-content;margin-bottom:5px;padding-bottom:4px;display:grid}.year-tick{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);opacity:.75;white-space:nowrap;grid-row:1;font-size:8px;font-weight:600;position:relative}.year-tick:after{content:"";background:var(--hairline);width:1px;height:4px;position:absolute;bottom:-5px;left:0}.year-grid{gap:var(--cell-gap);grid-auto-flow:column;width:max-content;display:grid}.year-cell{width:var(--cell);height:var(--cell);transition:transform .16s var(--ease), box-shadow .16s var(--ease);border-radius:1.5px}.year-cell.is-past{background:var(--ink-soft);opacity:.45}.year-cell.is-future{border:1px solid var(--hairline);background:0 0}.year-cell.is-today{z-index:1;background:#4caf6a;animation:2.2s ease-in-out infinite yearCellGlow;position:relative;box-shadow:0 0 #4caf6a80}.year-cell:hover{z-index:2;transform:scale(1.5);box-shadow:0 2px 6px -2px #00000059}@keyframes yearCellGlow{0%,to{box-shadow:0 0 #4caf6a73}50%{box-shadow:0 0 5px 1.5px #4caf6a99}}.year-ledger-legend{gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.legend-item{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.legend-swatch{border-radius:1.5px;width:7px;height:7px;display:inline-block}.legend-swatch.is-past{background:var(--ink-soft);opacity:.45}.legend-swatch.is-future{border:1px solid var(--hairline);background:0 0}@media (width<=560px){.year-ledger{--cell:7px;--cell-gap:2.5px}}@media (prefers-reduced-motion:reduce){.year-cell,.year-cell.is-today{transition:none;animation:none}}.contact-blueprint-grid{column-gap:var(--sp-5);grid-template-columns:1.15fr 1fr;align-items:start;display:grid}.contact-panel{border:1px solid var(--hairline);padding:var(--sp-3);border-radius:10px}.panel-ruler{margin-bottom:var(--sp-3);border-bottom:1px dashed var(--hairline);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:6px;padding-bottom:8px;font-size:10px;font-weight:600;display:flex}.panel-ruler span:first-child{color:var(--ink-soft)}.contact-form{gap:var(--sp-2);flex-direction:column;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field label{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.01em;font-weight:600}.field input,.field textarea{font-family:inherit;font-size:var(--fs-sm);color:var(--ink);background:var(--surface);border:1px solid var(--hairline);resize:vertical;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:8px;padding:9px 11px}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--link);box-shadow:0 0 0 3px var(--link-underline);outline:none}.contact-submit{background:var(--ink);color:var(--bg);font-family:inherit;font-size:var(--fs-xs);letter-spacing:.01em;cursor:pointer;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;padding:10px 18px;font-weight:600;display:inline-flex}.contact-submit svg{width:12px;height:12px}.contact-submit:hover:not(:disabled){transform:translateY(-1px)}.contact-submit:disabled{opacity:.4;cursor:not-allowed}.contact-form-note{color:var(--muted);margin:4px 0 0;font-size:11px}.contact-sent-title{font-size:var(--fs-base);color:var(--ink);margin-bottom:6px;font-weight:600}.contact-panel-foot{margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--hairline);color:var(--muted);font-size:11px}@media (width<=700px){.contact-blueprint-grid{row-gap:var(--sp-3);grid-template-columns:1fr}}html,body{max-width:100%;overflow-x:hidden}img,svg{max-width:100%}@media (width<=640px){.top-row{row-gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap}.top-nav{gap:var(--sp-2);flex-wrap:wrap;row-gap:6px}}@media (width<=400px){.top-nav{gap:12px}.nav-link{font-size:11px}}@media (width<=380px){.dock-btn span:not(.dock-icon){display:none}.dock-btn{padding:0 9px}}@media (width<=420px){.portrait-collage{width:228px;height:196px}}@media (width<=400px){.blog-row{flex-wrap:wrap}.blog-row-date{width:auto}.blog-row-cover{order:-1}}@media (width<=420px){.connect-overlay{padding:var(--sp-2);align-items:flex-end}.connect-modal{max-width:100%}.cs-header-meta{flex-wrap:wrap}}::selection{background:var(--accent);color:var(--accent-ink)}html{scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hairline);border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}body{isolation:isolate;position:relative}body:before{content:"";z-index:-1;pointer-events:none;opacity:.55;background:radial-gradient(560px 420px at 12% -6%, var(--accent-soft), transparent 65%), radial-gradient(480px 380px at 108% 18%, #40548c17, transparent 60%), radial-gradient(600px 460px at 50% 120%, var(--accent-soft), transparent 62%);animation:auroraDrift 22s var(--ease-out) infinite alternate;transition:opacity var(--dur-slow) var(--ease-out);position:fixed;inset:0}html[data-theme=dark] body:before{opacity:.4}@keyframes auroraDrift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-1.5%,1%)scale(1.03)}to{transform:translate(1.5%,-1%)scale(1.02)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}@media (width<=560px){body:before{opacity:.35}}[data-reveal]{transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out), filter var(--dur-slow) var(--ease-out);filter:blur(6px);transform:translateY(18px)}[data-reveal].is-visible{filter:blur()}@media (prefers-reduced-motion:reduce){[data-reveal]{filter:none}}.exp-row,.stack-row,.project-link,.blog-row,.connect-row,.approach-row{transition:opacity .56s var(--ease-out), transform .56s var(--ease-out), background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}[data-reveal] .exp-row,[data-reveal] .stack-row,[data-reveal] .project-link,[data-reveal] .blog-row,[data-reveal] .connect-row,[data-reveal] .approach-row{opacity:0;transform:translateY(12px)}[data-reveal].is-visible .exp-row,[data-reveal].is-visible .stack-row,[data-reveal].is-visible .project-link,[data-reveal].is-visible .blog-row,[data-reveal].is-visible .connect-row,[data-reveal].is-visible .approach-row{opacity:1;transform:translateY(0)}.exp-list .exp-row:first-child,.stack-list .stack-row:first-child,.project-list .project-link:first-child,.blog-list .blog-row:first-child,.connect-list .connect-row:first-child,.approach-list .approach-row:first-child{transition-delay:40ms}.exp-list .exp-row:nth-child(2),.stack-list .stack-row:nth-child(2),.project-list .project-link:nth-child(2),.blog-list .blog-row:nth-child(2),.connect-list .connect-row:nth-child(2),.approach-list .approach-row:nth-child(2){transition-delay:80ms}.exp-list .exp-row:nth-child(3),.stack-list .stack-row:nth-child(3),.project-list .project-link:nth-child(3),.blog-list .blog-row:nth-child(3),.connect-list .connect-row:nth-child(3),.approach-list .approach-row:nth-child(3){transition-delay:.12s}.exp-list .exp-row:nth-child(4),.stack-list .stack-row:nth-child(4),.project-list .project-link:nth-child(4),.blog-list .blog-row:nth-child(4),.connect-list .connect-row:nth-child(4),.approach-list .approach-row:nth-child(4){transition-delay:.16s}.exp-list .exp-row:nth-child(5),.stack-list .stack-row:nth-child(5),.project-list .project-link:nth-child(5),.blog-list .blog-row:nth-child(5),.connect-list .connect-row:nth-child(5){transition-delay:.2s}.stack-list .stack-row:nth-child(6),.project-list .project-link:nth-child(6),.blog-list .blog-row:nth-child(6){transition-delay:.24s}.stack-list .stack-row:nth-child(7),.project-list .project-link:nth-child(7),.blog-list .blog-row:nth-child(7){transition-delay:.28s}.stack-list .stack-row:nth-child(8),.project-list .project-link:nth-child(8){transition-delay:.32s}.stack-list .stack-row:nth-child(9),.project-list .project-link:nth-child(9){transition-delay:.36s}.project-list .project-link:nth-child(10){transition-delay:.4s}.project-list .project-link:nth-child(11){transition-delay:.44s}.project-list .project-link:nth-child(12){transition-delay:.48s}.project-list .project-link:nth-child(13){transition-delay:.52s}@media (prefers-reduced-motion:reduce){.exp-row,.stack-row,.project-link,.blog-row,.connect-row,.approach-row{opacity:1!important;transition:none!important;transform:none!important}}.exp-row,.stack-row,.project-link,.blog-row,.connect-row{border:1px solid #0000;position:relative}.exp-row:before,.project-link:before,.blog-row:before,.approach-row:before{content:"";background:var(--accent);transform-origin:50%;width:2px;transition:transform .32s var(--ease-spring);border-radius:2px;position:absolute;top:8px;bottom:8px;left:-1px;transform:scaleY(0)}.exp-row:hover:before,.exp-row.is-expanded:before,.exp-row:focus-visible:before,.project-link:hover:before,.project-link:focus-visible:before,.blog-row:hover:before,.blog-row:focus-visible:before,.approach-row:hover:before,.approach-row:focus-within:before{transform:scaleY(1)}.project-link:hover,.project-link:focus-visible{background:var(--surface);border-radius:8px}.project-link:hover .p-name,.project-link:focus-visible .p-name{color:var(--accent)}.blog-row:hover,.blog-row:focus-visible{box-shadow:var(--shadow-soft)}.stack-row{border-radius:8px;margin:-3px -6px;padding:3px 6px}.stack-row:hover{background:var(--surface);transform:translate(3px)}.stack-row:hover .stack-icon{color:var(--accent);transform:scale(1.12)rotate(-4deg)}.stack-icon{transition:color var(--dur) var(--ease), transform .26s var(--ease-spring)}.approach-row{transition:background var(--dur) var(--ease);border-radius:8px;margin-left:-14px;padding-left:14px;position:relative}.approach-row:hover{background:var(--surface)}.approach-row:hover .approach-index{color:var(--accent)}.approach-index{transition:color var(--dur) var(--ease)}.name-accent{background:linear-gradient(100deg, var(--accent) 10%, var(--accent-2) 55%, var(--link) 110%);color:#0000;-webkit-background-clip:text;background-clip:text}.status-pill{background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.status-pill:hover{border-color:var(--accent);box-shadow:0 8px 24px -10px var(--accent-glow)}.portrait-collage{position:relative}.portrait-collage:before{content:"";background:conic-gradient(from 180deg, var(--accent), var(--link), var(--accent-2), var(--accent));opacity:0;filter:blur(22px);transition:opacity .5s var(--ease-out);z-index:-1;border-radius:16px;position:absolute;inset:-18px}.portrait-collage:hover:before,.portrait-collage:focus-within:before{opacity:.32}.resume-link{position:relative}.resume-link:hover,.resume-link:focus-visible{color:var(--accent)}.resume-link:hover .resume-icon,.resume-link:focus-visible .resume-icon{border-color:var(--accent);color:var(--accent)}.top-nav{gap:var(--sp-4)}.nav-link{border-bottom:none;padding-bottom:4px;position:relative}.nav-link:after{content:"";background:var(--accent);height:1.5px;transition:left .28s var(--ease-out), right .28s var(--ease-out);position:absolute;bottom:0;left:50%;right:50%}.nav-link:hover:after,.nav-link:focus-visible:after{left:0;right:0}.nav-link.is-active{color:var(--ink);font-weight:600}.nav-link.is-active:after{background:var(--ink);left:0;right:0}.brand-mark .mark{transition:transform .42s var(--ease-spring), background var(--dur) var(--ease), color var(--dur) var(--ease);z-index:0;position:relative;overflow:hidden}.brand-mark .mark:before{content:"";background:conic-gradient(from 0deg, var(--accent), var(--link-hover), var(--accent-2), var(--accent));opacity:0;z-index:-1;transition:opacity .28s var(--ease-out);animation:3.2s linear infinite markSpin;position:absolute;inset:-60%}.brand-mark:hover .mark:before,.brand-mark:focus-visible .mark:before{opacity:1}@keyframes markSpin{to{transform:rotate(360deg)}}.brand-mark:hover .mark{background:0 0}.wave-emoji{transform-origin:70% 75%;animation:5s ease-in-out infinite waveHello;display:inline-block}@keyframes waveHello{0%,55%,to{transform:rotate(0)}62%{transform:rotate(-16deg)}69%{transform:rotate(12deg)}76%{transform:rotate(-9deg)}83%{transform:rotate(6deg)}90%{transform:rotate(-2deg)}}.brand-mark:hover .wave-emoji,.brand-mark:focus-visible .wave-emoji{animation:.7s ease-in-out infinite waveHelloFast}@keyframes waveHelloFast{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-18deg)scale(1.08)}50%{transform:rotate(14deg)scale(1.08)}75%{transform:rotate(-10deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.wave-emoji,.brand-mark .mark:before{animation:none!important}}.dock-btn{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(10px)saturate(140%)}.dock-btn:active{transform:translateY(0)scale(.96)}.dock-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.route-loader-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--link));box-shadow:0 0 10px 1px var(--accent-glow)}.route-loader-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--accent-ink)}.section-title{padding-left:14px;position:relative}.section-title:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:2px;width:3px;position:absolute;top:3px;bottom:3px;left:0}.exp-preview,.project-preview,.text-tooltip{transition:opacity .22s var(--ease-out), transform .22s var(--ease-spring)!important}.exp-preview.is-visible,.project-preview.is-visible,.text-tooltip.is-visible{transform-origin:0 0}.project-preview img{border-radius:6px}.year-cell.is-today{background:var(--accent);box-shadow:0 0 0 0 var(--accent-glow);animation:2.2s ease-in-out infinite yearCellGlowAccent}@keyframes yearCellGlowAccent{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 6px 2px var(--accent-glow)}}.legend-swatch.is-today{background:var(--accent)}.year-cell{opacity:0;animation:yearCellIn .42s var(--ease-spring) forwards;animation-delay:calc(var(--i,0) * .6ms);transform:scale(.4)}@keyframes yearCellIn{to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.year-cell{opacity:1;animation:none;transform:none}}.contact-submit{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:var(--accent-ink)}.contact-submit:hover:not(:disabled){box-shadow:0 10px 24px -10px var(--accent-glow)}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.connect-row:hover,.connect-row:focus-visible{box-shadow:var(--shadow-soft)}:root,html[data-theme=dark]{--link:var(--accent);--link-hover:var(--accent-2);--link-underline:var(--accent-soft)}h1{letter-spacing:-.02em;font-weight:600}.now-focus{margin:var(--sp-4) 0 0}.now-focus-eyebrow{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-2);align-items:center;gap:8px;font-weight:600;display:inline-flex}.now-focus-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 0 var(--accent-glow);border-radius:50%;animation:3.6s ease-in-out infinite dotGlow}.now-focus-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.now-focus-chip{text-align:left;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--hairline);cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:12px;flex-direction:column;padding:12px 14px;display:flex;position:relative}.now-focus-chip-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.now-focus-chip-label{font-size:var(--fs-xs);letter-spacing:.02em;font-weight:600}.now-focus-chip-plus{flex:none;width:12px;height:12px;position:relative}.now-focus-chip-plus:before,.now-focus-chip-plus:after{content:"";background:var(--muted);transition:transform .28s var(--ease-spring), background var(--dur) var(--ease);border-radius:2px;position:absolute}.now-focus-chip-plus:before{width:12px;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.now-focus-chip-plus:after{width:1.5px;height:12px;top:0;left:50%;transform:translate(-50%)}.now-focus-chip-teaser{font-size:var(--fs-xs);color:var(--muted);transition:color var(--dur) var(--ease);margin-top:4px}.now-focus-chip-body{transition:grid-template-rows .38s var(--ease-out);grid-template-rows:0fr;display:grid}.now-focus-chip-body-inner{font-size:var(--fs-xs);color:var(--ink-soft);min-height:0;line-height:1.5;overflow:hidden}.now-focus-chip-body-inner:before{content:"";height:8px;display:block}@media (hover:hover){.now-focus-chip:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.now-focus-chip:hover .now-focus-chip-body,.now-focus-chip:focus-visible .now-focus-chip-body{grid-template-rows:1fr}.now-focus-chip:hover .now-focus-chip-plus:after,.now-focus-chip:focus-visible .now-focus-chip-plus:after{transform:translate(-50%)rotate(90deg)}}.now-focus-chip.is-open{border-color:var(--accent);background:var(--surface)}.now-focus-chip.is-open .now-focus-chip-body{grid-template-rows:1fr}.now-focus-chip.is-open .now-focus-chip-plus:before{background:var(--accent)}.now-focus-chip.is-open .now-focus-chip-plus:after{background:var(--accent);transform:translate(-50%)rotate(90deg)}.now-focus-chip:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}@media (width<=720px){.now-focus-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.now-focus-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.now-focus-dot{animation:none}}.site-footer{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--hairline);position:relative}.footer-top{gap:var(--sp-6);grid-template-columns:1.3fr 1fr;align-items:start;display:grid}.footer-eyebrow{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-2);align-items:center;gap:8px;font-weight:600;display:inline-flex}.footer-eyebrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 0 var(--accent-glow);border-radius:50%;animation:3.6s ease-in-out infinite dotGlow}.footer-heading{letter-spacing:-.02em;margin:0 0 var(--sp-3);color:var(--ink);font-family:Geist,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(28px,5vw,40px);font-weight:600;line-height:1.15}.footer-lede{max-width:46ch;font-size:var(--fs-sm);color:var(--ink-soft);margin:0 0 var(--sp-4)}.footer-columns{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.footer-col-title{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-2);font-weight:600}.footer-links{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.footer-link{font-size:var(--fs-sm);color:var(--ink-soft);transition:color var(--dur) var(--ease), transform var(--dur) var(--ease);text-decoration:none;position:relative}.footer-link:before{content:"";background:var(--accent);transform-origin:0;width:5px;height:1.5px;transition:transform .26s var(--ease-spring);position:absolute;top:50%;left:-12px;transform:translateY(-50%)scaleX(0)}.footer-link:hover,.footer-link:focus-visible{color:var(--ink);transform:translate(4px)}.footer-link:hover:before,.footer-link:focus-visible:before{transform:translateY(-50%)scaleX(1)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--hairline);flex-wrap:wrap;display:flex}.footer-bottom-left{font-size:var(--fs-xs);color:var(--muted);align-items:baseline;gap:10px;display:flex}.footer-bottom-left .signature-text{margin-top:0;font-size:26px}.footer-bottom-right{align-items:center;gap:var(--sp-3);display:flex}.footer-to-top{border:1px solid var(--hairline);background:var(--bg);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease-spring), background var(--dur) var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.footer-to-top svg{width:11px;height:11px}.footer-to-top:hover,.footer-to-top:focus-visible{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-3px)}@media (width<=720px){.footer-top{gap:var(--sp-4);grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer-columns{gap:var(--sp-3);grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom-right{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.footer-eyebrow-dot{animation:none}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}hr[data-reveal]{transform-origin:0;opacity:0;transition:transform .7s var(--ease-out), opacity .5s var(--ease-out);transform:scaleX(.6)}hr[data-reveal].is-visible{opacity:1;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){hr[data-reveal]{opacity:1;transform:none}}.hero-intro>*{opacity:0;transition:opacity .56s var(--ease-out), transform .56s var(--ease-out);transform:translateY(8px)}.hero-intro.is-visible>*{opacity:1;transform:translateY(0)}.hero-intro>:first-child{transition-delay:40ms}.hero-intro>:nth-child(2){transition-delay:.1s}.hero-intro>:nth-child(3){transition-delay:.16s}.hero-intro>:nth-child(4){transition-delay:.22s}.hero-intro>:nth-child(5){transition-delay:.28s}.hero-intro>:nth-child(6){transition-delay:.34s}.hero-intro>:nth-child(7){transition-delay:.4s}.hero-intro>:nth-child(8){transition-delay:.46s}@media (prefers-reduced-motion:reduce){.hero-intro>*{opacity:1;transition:none;transform:none}}.project-preview img,.blog-row-cover img{transition:transform .48s var(--ease-out)}.project-preview.is-visible img{transform:scale(1.03)}.blog-row:hover .blog-row-cover img,.blog-row:focus-visible .blog-row-cover img{transform:scale(1.05)}.dock-btn,.footer-to-top,.now-focus-chip,.contact-submit,.status-pill{-webkit-tap-highlight-color:transparent}.footer-to-top:active,.now-focus-chip:active{transform:scale(.97)}.contact-submit:active:not(:disabled){transform:scale(.98)}[data-reveal] .section-title:before{transform-origin:top;transition:transform .5s var(--ease-spring) .12s;transform:scaleY(0)}[data-reveal].is-visible .section-title:before{transform:scaleY(1)}@media (prefers-reduced-motion:reduce){[data-reveal] .section-title:before{transform:none}}.lightbox-backdrop{z-index:200;justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-4);-webkit-backdrop-filter:blur(6px);animation:lightboxFadeIn .26s var(--ease-out);background:#0a0a0ac7;flex-direction:column;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-img{object-fit:contain;cursor:default;width:auto;max-width:min(720px,90vw);height:auto;max-height:78vh;animation:lightboxZoomIn .32s var(--ease-spring);border-radius:12px;box-shadow:0 30px 70px -20px #0009}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.lightbox-close{top:var(--sp-3);right:var(--sp-3);color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:inline-flex;position:absolute}.lightbox-close:hover,.lightbox-close:focus-visible{background:#ffffff2e;transform:rotate(90deg)}.lightbox-dots{gap:8px;display:flex}.lightbox-dot{cursor:pointer;width:8px;height:8px;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);background:#ffffff59;border:none;border-radius:50%;padding:0}.lightbox-dot:hover,.lightbox-dot:focus-visible{background:#fff9}.lightbox-dot.is-active{background:var(--accent-2);transform:scale(1.25)}@media (prefers-reduced-motion:reduce){.lightbox-backdrop,.lightbox-img{animation:none}}.stats-strip{gap:var(--sp-2);margin-top:var(--sp-5);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{padding:var(--sp-3) var(--sp-2);border:1px solid var(--hairline);background:var(--bg);text-align:left;transition:opacity .56s var(--ease-out), transform .56s var(--ease-out), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:12px}.stat-card:hover{border-color:var(--accent);box-shadow:0 10px 24px -14px var(--accent-glow);transform:translateY(-2px)}.stat-value{background:linear-gradient(100deg, var(--accent) 10%, var(--accent-2) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;line-height:1}.stat-label{font-size:var(--fs-sm);color:var(--ink);margin-top:6px;font-weight:600}.stat-sub{font-size:var(--fs-xs);color:var(--muted);margin-top:2px}[data-reveal] .stat-card{opacity:0;transform:translateY(12px)}[data-reveal].is-visible .stat-card{opacity:1;transform:translateY(0)}[data-reveal].is-visible .stat-card:first-child{transition-delay:0s}[data-reveal].is-visible .stat-card:nth-child(2){transition-delay:80ms}[data-reveal].is-visible .stat-card:nth-child(3){transition-delay:.16s}[data-reveal].is-visible .stat-card:nth-child(4){transition-delay:.24s}@media (width<=640px){.stats-strip{grid-template-columns:repeat(2,1fr)}}.explore-grid{gap:var(--sp-2);margin-top:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.explore-card{padding:var(--sp-3);border:1px solid var(--hairline);background:var(--bg);color:inherit;transition:opacity .56s var(--ease-out), transform .56s var(--ease-out), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:14px;flex-direction:column;gap:6px;text-decoration:none;display:flex;position:relative;overflow:hidden}.explore-card:before{content:"";background:radial-gradient(160px 120px at 0% 0%, var(--accent-soft), transparent 70%);opacity:0;transition:opacity var(--dur) var(--ease);pointer-events:none;position:absolute;inset:-1px}.explore-card:hover,.explore-card:focus-visible{border-color:var(--accent);box-shadow:0 14px 30px -18px var(--accent-glow);transform:translateY(-3px)}.explore-card:hover:before,.explore-card:focus-visible:before{opacity:1}.explore-eyebrow{font-size:var(--fs-xs);letter-spacing:.02em;text-transform:uppercase;color:var(--accent);font-weight:600}.explore-title{font-size:var(--fs-lg);color:var(--ink);font-weight:600}.explore-body{font-size:var(--fs-sm);color:var(--ink-soft);line-height:1.5}.explore-arrow{color:var(--accent);transition:transform var(--dur) var(--ease);align-items:center;margin-top:auto;padding-top:6px;display:inline-flex}.explore-card:hover .explore-arrow,.explore-card:focus-visible .explore-arrow{transform:translate(4px)}[data-reveal] .explore-card{opacity:0;transform:translateY(12px)}[data-reveal].is-visible .explore-card{opacity:1;transform:translateY(0)}[data-reveal].is-visible .explore-card:first-child{transition-delay:0s}[data-reveal].is-visible .explore-card:nth-child(2){transition-delay:.1s}[data-reveal].is-visible .explore-card:nth-child(3){transition-delay:.2s}@media (width<=720px){.explore-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.stat-card,.explore-card{opacity:1;transition:none;transform:none}}.chat-toggle{border-color:color-mix(in srgb, var(--accent) 35%, var(--hairline));position:relative}.chat-toggle .dock-icon{position:relative}.chat-toggle .icon-chat,.chat-toggle .icon-close{width:14px;height:14px;transition:opacity .22s var(--ease-out), transform .3s var(--ease-spring);position:absolute}.chat-toggle .icon-chat{opacity:1;color:var(--accent);transform:rotate(0)scale(1)}.chat-toggle .icon-close{opacity:0;transform:rotate(-55deg)scale(.4)}.chat-toggle.is-open .icon-chat{opacity:0;transform:rotate(55deg)scale(.4)}.chat-toggle.is-open .icon-close{opacity:1;color:var(--ink);transform:rotate(0)scale(1)}.chat-toggle.is-open{border-color:var(--accent);color:var(--ink);background:var(--accent-soft);animation:none}.chat-toggle:not(.is-open){animation:chatGlowPulse 2.4s var(--ease-out) infinite}@keyframes chatGlowPulse{0%{box-shadow:0 1px 2px #0000000d, 0 10px 24px -12px #00000038, 0 0 0 0 var(--accent-glow)}60%{box-shadow:0 1px 2px #0000000d,0 10px 24px -12px #00000038,0 0 0 6px #0000}to{box-shadow:0 1px 2px #0000000d,0 10px 24px -12px #00000038,0 0 #0000}}.chat-toggle:hover,.chat-toggle:focus-visible{border-color:var(--accent);box-shadow:0 2px 4px #00000012, 0 0 0 1px var(--accent-glow), 0 14px 28px -12px #00000047;animation-play-state:paused}@media (prefers-reduced-motion:reduce){.chat-toggle{animation:none!important}}.chat-panel{z-index:55;background:var(--bg);border:1px solid var(--hairline);width:min(360px,100vw - 28px);height:min(500px,100vh - 190px);max-height:500px;box-shadow:var(--shadow-lift), 0 0 0 1px var(--accent-glow);opacity:0;visibility:hidden;transform-origin:100% 100%;transition:opacity .26s var(--ease-out), transform .32s var(--ease-spring), visibility 0s linear .32s;border-radius:18px;flex-direction:column;display:flex;position:fixed;bottom:62px;right:20px;overflow:hidden;transform:translateY(16px)scale(.97)}.chat-panel.is-open{opacity:1;visibility:visible;transition:opacity .26s var(--ease-out), transform .32s var(--ease-spring), visibility 0s linear 0s;transform:translateY(0)scale(1)}@media (width<=560px){.chat-panel{width:auto;height:min(60vh,480px);bottom:58px;left:14px;right:14px}}.chat-panel-header{border-bottom:1px solid var(--hairline);background:var(--surface);flex:none;align-items:center;gap:10px;padding:12px 14px;display:flex}.chat-avatar{background:var(--bg);border:1px solid var(--hairline);width:34px;height:34px;color:var(--ink-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative}.chat-avatar-dot{border:2px solid var(--surface);background:#4caf6a;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.chat-panel-title{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.chat-panel-name{font-size:var(--fs-base);color:var(--ink);letter-spacing:.01em;font-weight:600}.chat-panel-status{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.chat-panel-status-dot{background:#4caf6a;border-radius:50%;flex:none;width:5px;height:5px}.chat-reset{width:30px;height:30px;color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;display:flex}.chat-reset:hover,.chat-reset:focus-visible{background:var(--bg);border-color:var(--hairline);color:var(--ink);transform:rotate(-45deg)}.chat-panel-body{background:var(--bg);flex-direction:column;flex:auto;gap:10px;padding:14px;display:flex;overflow-y:auto}.chat-row{width:100%;display:flex}.chat-row--bot{justify-content:flex-start}.chat-row--user{justify-content:flex-end}.chat-bubble{max-width:84%;animation:chatBubbleIn .32s var(--ease-spring) both;border-radius:14px;padding:9px 12px;font-size:13px;line-height:1.55}@keyframes chatBubbleIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-bubble--bot{background:var(--surface);color:var(--ink);border:1px solid var(--hairline);border-bottom-left-radius:4px}.chat-bubble--bot p{margin:0}.chat-bubble--bot p+p{margin-top:6px}.chat-bubble--user{background:var(--ink);color:var(--bg);border-bottom-right-radius:4px}.chat-bubble--typing{align-items:center;gap:4px;padding:11px 14px;display:inline-flex}.chat-typing-dot{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite chatTypingBounce}.chat-typing-dot:nth-child(2){animation-delay:.15s}.chat-typing-dot:nth-child(3){animation-delay:.3s}@keyframes chatTypingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-links{flex-direction:column;gap:6px;margin-top:10px;display:flex}.chat-link-btn{border:1px solid var(--hairline);background:var(--bg);color:var(--ink);transition:border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), background var(--dur) var(--ease-out);border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.chat-link-btn svg:first-child{color:var(--accent);flex:none;font-size:13px}.chat-link-ext{color:var(--muted);margin-left:auto;font-size:10px}.chat-link-btn:hover,.chat-link-btn:focus-visible{border-color:var(--muted);background:var(--surface);transform:translate(2px)}.chat-panel-suggestions{border-top:1px solid var(--hairline);background:var(--surface);flex:none;padding:10px 14px}.chat-suggestions-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:7px;font-size:10.5px}.chat-suggestion-list{flex-direction:column;gap:6px;display:flex}.chat-suggestion{text-align:left;border:1px solid var(--hairline);background:var(--bg);width:100%;color:var(--ink-soft);cursor:pointer;animation:chatSuggestionIn .26s var(--ease-spring) both;transition:border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), background var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;font-family:inherit;font-size:12.5px;display:flex}@keyframes chatSuggestionIn{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-suggestion svg{color:var(--muted);transition:transform var(--dur) var(--ease-out), color var(--dur) var(--ease-out);flex:none;font-size:10px}.chat-suggestion:hover:not(:disabled),.chat-suggestion:focus-visible:not(:disabled){border-color:var(--accent);color:var(--ink);background:var(--accent-soft);transform:translate(2px)}.chat-suggestion:hover:not(:disabled) svg,.chat-suggestion:focus-visible:not(:disabled) svg{color:var(--accent);transform:translate(3px)}.chat-suggestion:disabled{opacity:.5;cursor:default}.chat-panel-inputbar{background:var(--surface);flex:none;padding:9px 14px 12px}.chat-inputbar-fake{border:1px dashed var(--hairline);background:var(--bg);width:100%;color:var(--muted);text-align:center;-webkit-user-select:none;user-select:none;border-radius:999px;padding:8px 12px;font-size:11.5px;display:block}@media (prefers-reduced-motion:reduce){.chat-panel,.chat-bubble,.chat-typing-dot,.chat-suggestion,.chat-toggle .icon-chat,.chat-toggle .icon-close{transition:none!important;animation:none!important}}.footer-timezones{margin-top:var(--sp-4);padding-bottom:var(--sp-4);flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:12px;display:flex}.tz-item{white-space:nowrap;color:var(--muted);align-items:center;gap:6px;display:inline-flex}.tz-dot{background:#4caf6a;border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 0 2px #4caf6a40}.tz-dot.is-night{background:var(--muted);box-shadow:0 0 0 2px color-mix(in srgb, var(--muted) 25%, transparent)}.tz-city{color:var(--ink-soft);font-weight:600}.tz-home-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 5px;font-size:9px;font-weight:700}.tz-time{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.tz-zone{color:var(--muted)}@media (width<=480px){.footer-timezones{gap:7px 16px;font-size:11.5px}}
