:root{--bg: #2a2a2c;--bg-elev: #323235;--bg-soft: #3a3a3d;--line: rgba(232, 228, 220, .1);--line-strong: rgba(232, 228, 220, .18);--text: #e8e4dc;--text-dim: #8a8780;--text-mute: #5c5a55;--accent: #e2b8bc;--accent-soft: rgba(226, 184, 188, .12);--accent-ink: #1a1214;--copper: #d4b8bc;--max: 1700px;--gutter: clamp(24px, 3.2vw, 56px);--nav-h: 72px;--ease: cubic-bezier(.22, .61, .36, 1);--font: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--mono: "Cascadia Code", "SF Mono", "Consolas", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}html.zhao-portfolio-on body:has(#root:only-child),body:has(>#root:only-child){background:var(--bg);color:var(--text);overflow-x:hidden}#zhao-tl-root{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:visible;position:relative;z-index:1}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}::selection{background:#e2b8bc59;color:var(--text)}.shell{width:min(100% - var(--gutter) * 2,var(--max));margin-inline:auto}.section{position:relative;padding:clamp(72px,10vh,120px) 0;border-top:1px solid var(--line)}.section-label{font-family:var(--mono);font-size:12px;color:var(--text-mute);letter-spacing:.04em;margin:0 0 16px}.section-label span{color:var(--accent);margin-right:10px}h1,h2,h3,p{margin:0}code{font-family:var(--mono);font-size:.92em;color:var(--copper)}.nav{display:none;position:fixed;inset:0 0 auto;z-index:50;pointer-events:none;padding:14px var(--gutter) 0;justify-content:center}.nav-capsule{position:relative;z-index:2;width:min(100%,720px);pointer-events:auto;border-radius:22px;background:#26262ae0;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);transition:background .3s var(--ease),box-shadow .3s var(--ease);overflow:hidden;isolation:isolate}.nav.is-open .nav-capsule{background:#202024f0;box-shadow:0 16px 48px #00000073,inset 0 1px #ffffff0f}.nav-bar{position:relative;z-index:2;min-height:52px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 8px 0 20px;flex-shrink:0}.nav-brand{font-weight:600;font-size:15px;letter-spacing:-.02em;color:#f4f4f5;white-space:nowrap;line-height:1}.nav-brand-sep{margin:0 .12em;font-weight:500;color:#f4f4f58c}.nav-burger{flex:0 0 auto;width:38px;height:38px;padding:0;border:none;border-radius:11px;background:#f4f4f5;color:#111;display:grid;place-items:center;cursor:pointer;transition:transform .2s var(--ease),background .2s}.nav-burger:hover{background:#fff}.nav-burger:active{transform:scale(.96)}.nav-burger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-burger-face{display:grid;place-items:center;line-height:0}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;border:0;padding:0;margin:0;background:#0006;cursor:pointer;pointer-events:auto;animation:nav-scrim-in .28s var(--ease) both}@keyframes nav-scrim-in{0%{opacity:0}to{opacity:1}}.nav-drawer{position:relative;z-index:1;pointer-events:none;max-height:0;overflow:hidden;opacity:0;border-top:1px solid transparent;transition:max-height .42s var(--ease),opacity .32s var(--ease),border-color .32s}.nav-drawer.is-open{pointer-events:auto;max-height:min(62vh,440px);opacity:1;border-top-color:#ffffff14}.nav-drawer-inner{padding:4px 10px 14px;box-sizing:border-box;width:100%;max-height:min(62vh,440px);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-drawer-inner::-webkit-scrollbar{width:0;height:0;display:none}.nav-drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.nav-drawer-item{opacity:0;transform:translateY(-10px);border-radius:12px}.nav-drawer.is-open .nav-drawer-item{animation:nav-item-in .4s var(--ease) both;animation-delay:calc(.04s + var(--i, 0) * .05s)}@keyframes nav-item-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.nav-drawer-link{width:100%;display:flex;align-items:baseline;gap:14px;padding:14px 12px;border:0;border-radius:12px;background:transparent;color:#f4f4f5;text-align:left;cursor:pointer;transition:background .2s,color .2s}.nav-drawer-link:hover{background:#ffffff0f;color:#fff}.nav-drawer-link:focus-visible{outline:1px solid rgba(255,255,255,.35);outline-offset:0}.nav-drawer-index{flex:0 0 auto;font-family:var(--mono);font-size:11px;color:#f4f4f566;letter-spacing:.04em}.nav-drawer-label{font-size:clamp(15px,2vw,17px);font-weight:500;letter-spacing:-.02em;line-height:1.3}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid rgba(226,184,188,.45);color:var(--accent);background:var(--accent-soft);font-size:13px}.timeline-section{border-top:none;background:var(--bg);padding-top:0;position:relative;z-index:2;isolation:isolate;overflow-anchor:none}.timeline-waves{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.timeline-waves .gradient-waves-container{width:100%;height:100%;min-height:100%}.timeline-waves .gradient-waves-container canvas{display:block;width:100%!important;height:100%!important}.timeline-waves-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 40%,rgba(42,42,44,.18) 0%,rgba(42,42,44,.08) 55%,transparent 80%),linear-gradient(180deg,rgba(42,42,44,.12) 0%,transparent 40%,rgba(42,42,44,.22) 100%)}.timeline-pin .tl-spine{z-index:5}.timeline-section .tl-slide{background:transparent}.timeline-section .timeline-pin{background:#2a2a2c}.timeline-section .timeline-track{background:transparent}.timeline-mobile-head{padding-top:48px;display:none}.timeline-mobile-title{font-size:clamp(26px,7vw,34px);font-weight:600;letter-spacing:-.03em;margin-bottom:10px;line-height:1.15}.timeline-mobile-title .shiny-text{font-size:inherit;font-weight:inherit}.timeline-mobile-sub{font-size:13px;color:var(--text-mute);margin-bottom:0;line-height:1.5}.timeline-pin{position:relative;width:100%;max-width:100%;height:100vh;height:100dvh;overflow:hidden;touch-action:pan-y;overflow-anchor:none}.timeline-track{position:relative;display:block;width:max-content;height:100%;will-change:transform}.tl-slides{display:flex;flex-wrap:nowrap;align-items:stretch;width:max-content;height:100%}.tl-slide{flex:0 0 auto;width:min(56vw,520px);height:100%;display:flex;flex-direction:column;position:relative;background:var(--bg)}.tl-slide:first-child{width:100vw;max-width:100vw}.tl-slide--year.is-wide{width:min(72vw,680px)}.tl-slide--close{width:min(100vw,640px);max-width:min(100vw,640px)}.tl-intro-drift{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:auto}.tl-intro-drift .drift-wall{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tl-intro-drift .drift-wall__inner{opacity:.72}.tl-intro-drift .drift-wall__overlay{opacity:.28}.tl-intro-drift .drift-wall__tile.is-active .drift-wall__inner,.tl-intro-drift .drift-wall__tile:focus-visible .drift-wall__inner{opacity:1}.tl-intro-drift .drift-wall__tile.is-active .drift-wall__overlay,.tl-intro-drift .drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.tl-intro-drift-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 62% 48% at 50% 44%,rgba(7,8,9,.48) 0%,rgba(7,8,9,.22) 48%,rgba(7,8,9,.08) 72%,transparent 88%),linear-gradient(180deg,rgba(7,8,9,.12) 0%,transparent 42%,rgba(7,8,9,.28) 100%)}.tl-slide--intro .tl-slide-main{position:relative;z-index:2;pointer-events:none;justify-content:center}.tl-slide--intro .tl-intro-text{pointer-events:auto}.timeline-pin .timeline-track{position:relative;z-index:1}.tl-slide-main{flex:1 1 auto;display:flex;align-items:center;padding:calc(var(--nav-h) + 24px) var(--gutter) 100px;width:100%;height:100%;box-sizing:border-box}.tl-slide.has-pill-below .tl-slide-main,.tl-slide.has-pill-above .tl-slide-main{align-items:stretch;justify-content:flex-start;padding-top:calc(var(--nav-h) + 56px);padding-bottom:128px}.tl-spine{position:absolute;left:0;bottom:44px;height:44px;min-width:0;width:0;overflow:visible;pointer-events:none;z-index:5}.tl-spine-dash{position:absolute;left:0;right:0;top:50%;height:0;border-top:2px dashed rgba(232,228,220,.3);transform:translateY(-50%)}.tl-spine-solid{position:absolute;left:0;top:calc(50% - 1.5px);width:100%;height:3px;background:#e8e4dceb;transform:scaleX(0);transform-origin:left center;border-radius:1px;will-change:transform}.tl-spine-nodes{position:absolute;top:0;right:0;bottom:0;left:0}.tl-spine-node{position:absolute;top:50%;width:52px;height:28px;margin-left:-26px;margin-top:-14px;border-radius:999px;border:1.5px solid rgba(232,228,220,.35);background:var(--bg);display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--text-dim);box-shadow:0 0 0 6px var(--bg);transition:border-color .3s,color .3s,background .3s}.tl-spine-node span{line-height:1}.tl-spine-node.is-active{border-color:#e8e4dcd9;color:var(--text)}.tl-spine-node.is-passed{border-color:var(--text);background:var(--text);color:var(--bg)}.tl-mobile-list{display:none;position:relative;height:0;overflow:hidden;margin:0;padding:0}.tl-mobile-intro{margin-bottom:28px}.tl-mobile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;max-width:420px}.tl-mobile-stats div{border-top:1px solid var(--line);padding-top:10px}.tl-mobile-stats b{display:block;font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--text)}.tl-mobile-stats span{display:block;font-size:11px;color:var(--text-mute);margin-top:6px}.tl-mobile-spine{position:absolute;left:17px;top:18px;bottom:120px;width:2px;pointer-events:none;z-index:0}.tl-mobile-spine-dash{position:absolute;top:0;right:0;bottom:0;left:0;border-left:2px dashed rgba(232,228,220,.28)}.tl-mobile-spine-solid{position:absolute;left:0;top:0;width:2px;height:100%;background:#e8e4dce6;transform:scaleY(0);transform-origin:top center;will-change:transform}.tl-mobile-item{position:relative;z-index:1;display:grid;grid-template-columns:52px 1fr;gap:14px;margin-bottom:8px}.tl-mobile-axis{display:flex;flex-direction:column;align-items:center;padding-top:2px}.tl-mobile-dot{width:48px;height:26px;border-radius:999px;border:1.5px solid rgba(232,228,220,.35);display:grid;place-items:center;font-family:var(--mono);font-size:10px;font-weight:600;flex:0 0 auto;background:var(--bg);color:var(--text-dim);box-shadow:0 0 0 6px var(--bg);transition:border-color .3s,color .3s,background .3s}.tl-mobile-dot.is-active{border-color:#e8e4dcd9;color:var(--text)}.tl-mobile-dot.is-passed{border-color:var(--text);background:var(--text);color:var(--bg)}.tl-mobile-body{padding-bottom:28px;min-width:0}.tl-mobile-pill{display:inline-flex;align-items:center;padding:6px 14px 5px;border:1px solid rgba(232,228,220,.16);border-radius:999px;font-size:13px;font-weight:600;letter-spacing:-.02em;background:#141a16;color:#c5d0c0;margin-bottom:10px}.tl-mobile-role{margin:0 0 6px;font-family:var(--mono);font-size:11px;color:var(--text-mute)}.tl-mobile-body h3{font-size:18px;margin:0 0 8px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.tl-mobile-body p{margin:0;font-size:13px;color:var(--text-dim);line-height:1.55}.tl-mobile-close{padding:28px 0 16px 50px;display:flex;flex-direction:column;align-items:stretch;width:max-content;max-width:calc(100% - 50px);box-sizing:border-box}.tl-mobile-close-title{margin:0 0 12px;font-size:clamp(28px,8vw,40px);font-weight:650;letter-spacing:-.04em;line-height:1.1;color:var(--text);white-space:nowrap;width:max-content;max-width:100%}.tl-mobile-close-lead{margin:0 0 20px;font-size:14px;color:var(--text-dim);line-height:1.55;max-width:none;width:100%}.tl-panel{width:100%;max-width:1040px}.tl-panel--intro{display:block;width:100%;max-width:none}.tl-slide--intro .tl-intro-text{width:100%;max-width:none;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.tl-kicker{font-family:var(--mono);font-size:12px;color:var(--copper);margin-bottom:16px}.tl-mega{font-size:clamp(48px,7vw,92px);font-weight:650;letter-spacing:-.04em;line-height:.92;margin-bottom:20px}.tl-mega--inline{white-space:nowrap;line-height:1;margin-bottom:18px;color:var(--text)}.tl-panel--close .tl-mega--inline{margin-bottom:20px;font-size:clamp(40px,6vw,72px);width:max-content;max-width:100%}.tl-panel--close .tl-lead{max-width:none;width:100%;box-sizing:border-box}.tl-mega-shiny{margin-bottom:10px}.tl-mega-zh{margin:0 0 18px;font-size:16px;font-weight:400;color:var(--text-dim);letter-spacing:.18em;line-height:1.2}.tl-mega-shiny .shiny-text{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;pointer-events:auto}.tl-mega em{display:block;font-style:normal;color:var(--text-dim);font-weight:400}.tl-lead{font-size:16px;color:var(--text-dim);max-width:36ch;line-height:1.55;margin-bottom:28px}.tl-slide--intro .tl-lead{max-width:none;white-space:nowrap;margin-left:auto;margin-right:auto;margin-bottom:32px;line-height:1.4}.tl-slide--intro .tl-stats{margin-left:auto;margin-right:auto}.tl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:420px}.tl-stats div{border-top:1px solid var(--line);padding-top:10px}.tl-stats b{display:block;font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1}.tl-stats span{font-size:11px;color:var(--text-mute);margin-top:6px;display:block}.tl-panel--year{position:relative;max-width:42ch;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.tl-panel--year.is-wide{max-width:22em}.tl-year-body{width:100%;flex:0 0 auto}.tl-panel--year.is-pill-above .tl-pill,.tl-panel--year.is-pill-below .tl-pill{position:absolute;left:0;margin:0;z-index:2}.tl-panel--year.is-pill-above .tl-pill{top:0}.tl-panel--year.is-pill-below .tl-pill{bottom:0}.tl-pill-logo{width:36px;height:36px;margin-left:10px;object-fit:contain;border-radius:8px;flex-shrink:0;display:block;pointer-events:none}.tl-mobile-pill .tl-pill-logo{width:28px;height:28px;margin-left:8px}.tl-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px 9px;border:1px solid rgba(232,228,220,.16);border-radius:999px;font-size:26px;font-weight:700;letter-spacing:-.03em;background:#141a16;color:#c5d0c0;width:fit-content;will-change:transform;position:relative;z-index:1;box-shadow:inset 0 1px #ffffff0a;flex-shrink:0}.tl-pill--y2011,.tl-pill--y2012,.tl-pill--y2014,.tl-pill--y2015,.tl-pill--y2017,.tl-pill--y2024{background:#141a16;color:#c5d0c0;border-color:#e8e4dc29}.tl-panel--year[data-mover-one-parent]{width:min(100%,520px);overflow:visible}.tl-panel--year.is-wide[data-mover-one-parent]{width:min(100%,640px)}.tl-role{font-family:var(--mono);font-size:11px;color:var(--text-mute);margin-bottom:8px}.tl-year-body h3{font-size:clamp(24px,2.6vw,34px);font-weight:600;white-space:nowrap;letter-spacing:-.03em;line-height:1.15;margin-bottom:14px;display:block;width:fit-content;max-width:100%;padding:0;border:none;border-radius:0;background:none;background-color:transparent;box-shadow:none;-webkit-text-fill-color:var(--text);color:var(--text)}.tl-year-body h3::selection{background:transparent;color:var(--text)}.tl-body{font-size:14.5px;color:var(--text-dim);line-height:1.6;max-width:42ch}.tl-bullets{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}.tl-bullets li{font-size:13px;color:var(--text);padding-left:14px;border-left:2px solid var(--accent)}.tl-note{margin-top:20px;padding:14px 16px;border:1px solid var(--line);background:var(--accent-soft);font-size:13px;color:var(--text);line-height:1.5;font-style:italic;max-width:40ch}.tl-panel--close{display:flex;flex-direction:column;align-items:stretch;width:max-content;max-width:min(100%,92vw)}.tl-panel--close .specular-button{margin-top:28px;align-self:flex-start}.contact-section{background:#111;padding:clamp(64px,8vh,96px) 0 clamp(56px,7vh,88px);border-top:1px solid var(--line);margin:0}.contact-section.section{padding:clamp(64px,8vh,96px) 0 clamp(56px,7vh,88px)}.contact-section{position:relative;z-index:1}.contact-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(280px,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}.contact-intro{width:100%;display:flex;justify-content:center;align-items:center}.contact-intro .pc-card-wrapper{width:min(100%,360px)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:28px 26px 24px;border:1px solid rgba(255,255,255,.08);background:#1a1a1c;border-radius:22px}.contact-form-title{grid-column:1 / -1;margin:0 0 6px;font-size:18px;font-weight:700;letter-spacing:-.02em;color:#f4f1ea}.field{display:flex;flex-direction:column;min-width:0}.field--full{grid-column:1 / -1}.field input,.field textarea{width:100%;background:#141416;border:1px solid rgba(255,255,255,.1);padding:13px 18px;color:var(--text);outline:none;transition:border-color .25s;resize:vertical;border-radius:999px;font-size:15px}.field textarea{border-radius:18px;min-height:96px}.field input:focus,.field textarea:focus{border-color:#ffffff47}.field input::placeholder,.field textarea::placeholder{color:#7a7770}.contact-form-note{grid-column:1 / -1;margin:4px 0 0;font-size:12px;line-height:1.45;color:#6e6b66}.form-actions{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:4px;width:100%}.form-actions>.specular-button{width:100%;max-width:100%;box-sizing:border-box;justify-content:center}.form-submit{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);font-size:14px;font-weight:560;transition:background .25s,border-color .25s,transform .25s}.form-submit:hover{background:#ebd0d3;border-color:#ebd0d3}.form-status{font-size:13px;color:var(--copper);max-width:36ch}.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:72px 0 0;background:#000;overflow:hidden}.footer-top{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(0,1.6fr);gap:clamp(32px,5vw,72px);align-items:start;padding-bottom:56px}.footer-tagline{margin:0 0 22px;font-size:clamp(15px,1.6vw,18px);font-weight:500;line-height:1.45;letter-spacing:-.02em;color:#f4f4f5eb;max-width:28ch}.footer-social{display:flex;flex-wrap:wrap;gap:10px}.footer-social-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);color:#f4f4f5bf;display:grid;place-items:center;transition:border-color .2s,color .2s,background .2s}.footer-social-btn:hover{border-color:#ffffff59;color:#fff;background:#ffffff0a}.footer-cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:clamp(24px,3vw,40px)}.footer-col-title{margin:0 0 14px;font-size:15px;font-weight:600;color:#fff;letter-spacing:-.01em}.footer-exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}.footer-col-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.footer-col-list a{font-size:14px;color:#f4f4f58c;transition:color .2s;line-height:1.35}.footer-col-list a:hover{color:#fff}.footer-wordmark{position:relative;width:min(100% - var(--gutter) * 2,var(--max));margin:8px auto 0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;max-height:clamp(64px,14vw,180px);mask-image:linear-gradient(to bottom,#000 0%,#000 55%,rgba(0,0,0,.65) 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,rgba(0,0,0,.65) 72%,transparent 100%)}.footer-wordmark-svg{display:block;width:100%;height:clamp(96px,20vw,260px);overflow:visible}.footer-wordmark-text{fill:none;stroke:#ffffff9e;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke fill;font-family:var(--font),system-ui,sans-serif;font-size:178px;font-weight:700;text-transform:uppercase;letter-spacing:0;shape-rendering:geometricPrecision}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:18px 0 28px;border-top:1px solid rgba(255,255,255,.06);margin-top:-4px;position:relative;z-index:1}.footer-bottom-left{margin:0;font-size:12px;color:#f4f4f566}.footer-bottom-left span{margin:0 6px;opacity:.5}.footer-bottom-right{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#f4f4f566}.footer-bottom-right a{color:#f4f4f566;transition:color .2s}.footer-bottom-right a:hover{color:#f4f4f5d9}@media (max-width: 1100px){.tl-panel--intro{max-width:100%}.contact-grid{grid-template-columns:1fr;gap:36px}.footer-top,.footer-cols{grid-template-columns:1fr}}@media (max-width: 991px){.timeline-mobile-head{display:block;padding:32px var(--gutter) 8px}.timeline-pin{display:none;height:0!important;overflow:hidden}.tl-mobile-list{display:block;height:auto;overflow:visible;padding:8px 0 40px}.tl-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.footer-cols{grid-template-columns:1fr;gap:28px 20px}.footer-exp-grid{grid-template-columns:1fr 1fr}.footer-wordmark{max-height:clamp(52px,16vw,110px)}.footer-bottom{flex-direction:column;align-items:flex-start}.contact-form{grid-template-columns:1fr;padding:20px}.field--full{grid-column:auto}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.gradient-waves-container{position:relative;width:100%;height:100%;overflow:hidden}.shiny-text{display:inline-block}.specular-button{--sb-radius: 18px;--sb-tint: #ffffff;--sb-tint-opacity: 0;--sb-blur: 0px;--sb-text-color: #f5f5f5;position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;margin:0;font-family:inherit;font-weight:500;letter-spacing:.01em;line-height:1;color:var(--sb-text-color);text-decoration:none;background:color-mix(in srgb,var(--sb-tint) calc(var(--sb-tint-opacity) * 100%),transparent);border-radius:var(--sb-radius);backdrop-filter:blur(var(--sb-blur));-webkit-backdrop-filter:blur(var(--sb-blur));box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040;cursor:pointer;outline:none;transition:transform .15s ease}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb,var(--sb-text-color) 60%,transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{font-size:.85rem;padding:10px 22px}.specular-button--md{font-size:1rem;padding:14px 30px}.specular-button--lg{font-size:1.15rem;padding:18px 40px}.specular-button__fx{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none;z-index:1;overflow:visible}.specular-button__fx canvas{display:block;width:100%;height:100%;max-width:none}.specular-button__label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px}.specular-button--nav{font-size:13px;padding:10px 18px}.specular-button--icon{font-size:16px;padding:12px 16px;min-width:48px}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--behind-glow-color: rgba(125, 190, 255, .67);--behind-glow-size: 25%;--inner-gradient: none;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-behind{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,transparent var(--behind-glow-size));filter:blur(50px) saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s ease}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:#000000e6;backface-visibility:hidden;overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;z-index:1}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}.pc-inside{top:0;right:0;bottom:0;left:0;position:absolute;background-image:var(--inner-gradient);background-color:#000000e6;transform:none}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .8s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:holo-bg 18s linear infinite;animation-play-state:running;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0;transition:opacity .8s ease}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:normal;overflow:visible;transform:translateZ(2);backface-visibility:hidden}.pc-avatar-content .avatar{width:100%;height:calc(100% - 9.5em);max-height:none;object-fit:contain;object-position:center top;position:absolute;left:50%;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));bottom:0;z-index:1;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out}.pc-avatar-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.pc-user-info{position:absolute;--ui-inset: 20px;--ui-radius-bias: 6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:max(0px,var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias));padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:12px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-card .pc-facts,.pc-card .pc-facts *{display:revert;grid-area:auto;border-radius:0;pointer-events:none}.pc-card .pc-facts{position:absolute;left:20px;right:20px;top:7.1em;bottom:22px;z-index:6;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;overflow:hidden;color:#ece8e1;mix-blend-mode:normal}.pc-card:has(.pc-user-info) .pc-facts{bottom:118px}.pc-card .pc-facts .pc-facts-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:260px;margin:2px 0 0;padding:0;gap:0}.pc-card .pc-facts .pc-facts-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px}.pc-card .pc-facts .pc-facts-stats dd{margin:0;font-size:22px;font-weight:650;line-height:1;letter-spacing:-.03em;color:#f7f3ec}.pc-card .pc-facts .pc-facts-stats dt{margin:0;font-size:11px;line-height:1.2;color:#ece8e180}.pc-card .pc-facts .pc-facts-roles{margin:0;max-width:16em;font-size:13px;line-height:1.35;color:#ece8e1db}.pc-card .pc-facts .pc-facts-duties{list-style:none;margin:0;padding:12px 0 0;width:100%;display:grid;gap:7px;border-top:1px solid rgba(236,232,225,.12)}.pc-card .pc-facts .pc-facts-duties li{margin:0;padding:0;font-size:12.5px;line-height:1.3;color:#ece8e1c7}.pc-card .pc-facts .pc-facts-perf{margin:auto 0 0;padding:10px 0 4px;width:100%;border-top:1px solid rgba(236,232,225,.12);font-size:11px;line-height:1.35;color:#ece8e17a}.pc-card .pc-facts .pc-facts-perf span{display:block;margin-top:3px;font-size:13px;font-weight:650;color:#f4f0e8}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;font-size:min(5svh,3em);margin:0;background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,#4a4ac0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.pc-card .pc-facts{top:6em;left:16px;right:16px;gap:12px}.pc-card .pc-facts .pc-facts-stats dd{font-size:18px}.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{--ui-inset: 15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width: 480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{--ui-inset: 12px;padding:8px 10px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}@media (max-width: 320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}