:root{--bg:#fafaf7;--fg:#1c1c1a;--sans:"Google Sans Flex", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;min-height:100vh;color:var(--fg);margin:0;padding:0}body{font-family:var(--sans);overflow-x:hidden}.ascii-bg{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre;color:#5a5a57;background:#fafaf7;justify-content:center;align-items:flex-end;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(7px,1vw,13px);font-weight:400;line-height:1;transition:opacity .6s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow:hidden}.ascii-bg--out{opacity:0}@media (width<=768px){.ascii-bg{font-size:clamp(9px,2.8vw,15px);opacity:1!important;filter:none!important}.ascii-inner{transform:none!important}}.ascii-inner{white-space:pre;transform:translateY(calc(var(--scroll-y,0px) * .18)) scale(calc(1 + var(--scroll-y,0px) / 6000px));transform-origin:50% 100%;display:block}.lens-defs{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.portrait-lens{pointer-events:none;z-index:1;opacity:1;visibility:visible;transition:opacity 1.7s cubic-bezier(.4,0,.2,1),visibility linear;position:fixed;inset:0}html:not(.is-lens-ready) .portrait-lens{opacity:0!important}.portrait-lens--out{opacity:0;visibility:hidden;transition:opacity 1.7s cubic-bezier(.4,0,.2,1),visibility 0s linear 1.7s}.portrait-lens img{transform-origin:50% 100%;object-fit:cover;object-position:50% 22%;opacity:.9;filter:grayscale()contrast();width:clamp(780px,84vw,1400px);height:clamp(720px,96vh,1280px);position:absolute;bottom:calc(-4vh - 5px);left:50%;transform:translate(-50%);-webkit-mask:url(#lens-mask);mask:url(#lens-mask)}@media (width<=768px){.portrait-lens{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1)}html:not(.is-ascii-done) .portrait-lens{opacity:0}html.is-ascii-done .portrait-lens{opacity:1}html.is-ascii-done .portrait-lens.portrait-lens--out{opacity:0}.portrait-lens img{object-position:50% 25%;opacity:1;filter:grayscale()contrast(.92)brightness(1.18);width:170vw;height:95vh;bottom:-1vh;-webkit-mask:none;mask:none}}.app-main{z-index:2;flex-direction:column;align-items:stretch;width:100%;display:flex;position:relative}html.is-fast-scroll .app-main{filter:blur(var(--motion-blur,0px));will-change:filter}.hero{text-align:center;max-width:100%;min-height:100vh;opacity:var(--hero-vis,1);transform:scale(calc(1 - (1 - var(--hero-vis,1)) * .04));transform-origin:50%;will-change:opacity, transform;flex-direction:column;justify-content:flex-start;align-items:center;padding:22vh clamp(32px,6vw,80px) clamp(32px,6vw,80px);display:flex;position:relative}@property --enter{syntax:"<number>";inherits:false;initial-value:0}.hero-title{letter-spacing:-.02em;color:#1c1c1a;--enter:0;max-width:720px;opacity:calc(var(--enter) * var(--title-vis,1));filter:blur(calc((1 - var(--enter)) * 8px));transform:translateY(calc((1 - var(--enter)) * 18px));will-change:transform, opacity, filter;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(28px,4.2vw,56px);font-weight:500;line-height:1.05;transition:--enter 1.1s cubic-bezier(.22,1,.36,1);position:sticky;top:22vh}.is-loaded .hero-title{--enter:1;transition-delay:40ms}.hero-socials{--enter:0;opacity:calc(var(--enter) * var(--title-vis,1));transform:translateY(calc((1 - var(--enter)) * 12px));transition:--enter .9s cubic-bezier(.22,1,.36,1)}.is-loaded .hero-socials{--enter:1;transition-delay:.22s}.scroll-cue{opacity:0;transition:opacity .7s}.is-loaded .scroll-cue{opacity:1;transition-delay:1.3s;animation:1.8s ease-in-out 2s infinite scroll-bounce}.hero-title .accent{color:#c98a9b}.hero-avatar{aspect-ratio:1;vertical-align:-.16em;opacity:0;background:#0c0c0a;border-radius:50%;flex-shrink:0;width:0;height:.9em;margin:0;display:inline-flex;overflow:hidden}.hero-avatar img{object-fit:cover;object-position:50% 30%;filter:grayscale()contrast(.95)brightness(1.12);width:100%;height:100%}.is-loaded .hero-avatar{animation:.7s cubic-bezier(.22,1,.36,1) .6s forwards avatar-slide-in}@keyframes avatar-slide-in{0%{opacity:0;width:0;margin-left:0;margin-right:0}40%{opacity:1}to{width:var(--avatar-w,.9em);opacity:1;margin-left:.05em;margin-right:.18em}}.nav-header{z-index:30;letter-spacing:-.005em;pointer-events:none;mix-blend-mode:difference;opacity:0;justify-content:center;align-items:center;padding:18px 24px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:13px;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}.nav-items{align-items:center;gap:44px;display:flex}.nav-toggle{cursor:pointer;pointer-events:auto;width:24px;height:18px;color:inherit;background:0 0;border:none;padding:0;display:none;position:relative}.nav-toggle-bar{background:currentColor;border-radius:2px;height:1.5px;transition:transform .52s cubic-bezier(.22,1,.36,1),top .52s cubic-bezier(.22,1,.36,1);position:absolute;left:0;right:0}.nav-toggle-bar:first-child{top:5px}.nav-toggle-bar:nth-child(2){top:12px}.nav-toggle.is-open .nav-toggle-bar:first-child{top:8px;transform:rotate(45deg)}.nav-toggle.is-open .nav-toggle-bar:nth-child(2){top:8px;transform:rotate(-45deg)}.nav-backdrop{display:none}@media (width<=768px){.nav-header{pointer-events:none;mix-blend-mode:normal;justify-content:flex-start;padding:18px 20px}.nav-toggle{pointer-events:auto;z-index:50;color:#1c1c1a;display:block}.nav-items{z-index:45;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;padding:0 32px;transition:opacity .46s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}.nav-header.is-open .nav-items{opacity:1;pointer-events:auto}.nav-header.is-open .nav-item{color:#1c1c1a}.nav-header.is-open .nav-item.is-active{color:#c98a9b}.nav-items .nav-item{letter-spacing:-.03em;color:#4e4e4e;opacity:0;padding:4px 0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(28px,7.6vw,36px);font-weight:500;line-height:1;transition:opacity .56s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1),color .24s;transform:translateY(18px)}.nav-header.is-open .nav-item{opacity:1;transform:translateY(0)}.nav-header.is-open .nav-item:first-child{transition-delay:80ms}.nav-header.is-open .nav-item:nth-child(2){transition-delay:.14s}.nav-header.is-open .nav-item:nth-child(3){transition-delay:.2s}.nav-header.is-open .nav-item:nth-child(4){transition-delay:.26s}.nav-header.is-open .nav-item:nth-child(5){transition-delay:.32s}.nav-backdrop{z-index:20;background:var(--bg);opacity:0;pointer-events:none;cursor:default;border:none;transition:opacity .46s cubic-bezier(.22,1,.36,1);display:block;position:fixed;inset:0}.nav-backdrop.is-open{opacity:1;pointer-events:auto}}@keyframes nav-enter{0%{opacity:0}to{opacity:1}}.is-loaded .nav-header{animation:.9s cubic-bezier(.22,1,.36,1) .28s forwards nav-enter}.nav-item{pointer-events:auto;font:inherit;letter-spacing:inherit;color:#6e6e6e;cursor:pointer;background:0 0;border:none;padding:4px 0;transition:color .22s}.nav-item:hover{color:#b8b8b8}.nav-item.is-active{color:#fff}.status-chip{letter-spacing:-.02em;color:#1c1c1a;align-items:center;gap:8px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:12px;font-weight:400;display:inline-flex;position:absolute;top:clamp(24px,4vw,56px);right:clamp(24px,4vw,56px)}.status-dot{background:#c98a9b;border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite status-pulse;box-shadow:0 0 #c98a9b8c}@keyframes status-pulse{0%{box-shadow:0 0 #c98a9b8c}70%{box-shadow:0 0 0 8px #c98a9b00}to{box-shadow:0 0 #c98a9b00}}.scroll-cue{z-index:10;color:#fff;mix-blend-mode:difference;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;animation:1.8s ease-in-out infinite scroll-bounce;display:inline-flex;position:fixed;bottom:clamp(20px,3vw,36px);right:clamp(24px,4vw,56px)}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.kbd-hint{letter-spacing:-.005em;color:#6a6a6a;pointer-events:none;opacity:0;align-items:center;gap:8px;margin-top:28px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:11px;font-weight:500;display:inline-flex;transform:translateY(8px)}.is-loaded .kbd-hint{animation:.7s cubic-bezier(.22,1,.36,1) .5s forwards kbd-enter,.8s cubic-bezier(.4,0,1,1) 4.2s forwards kbd-exit}@keyframes kbd-exit{to{opacity:0;transform:translateY(-4px)}}.kbd-hint-mini{z-index:10;color:#b8b8b8;mix-blend-mode:difference;pointer-events:none;opacity:0;align-items:center;gap:4px;height:38px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:11px;font-weight:500;transition:opacity .6s,transform .6s;display:inline-flex;position:fixed;bottom:clamp(20px,3vw,36px);right:clamp(24px,4vw,56px);transform:translateY(6px)}.is-loaded .kbd-hint-mini{opacity:1;transition-delay:5s;transform:none}.kbd-hint-mini kbd{font:inherit;color:#fff;text-align:center;background:0 0;border:1px solid #ffffff73;border-radius:5px;min-width:16px;padding:2px 6px;font-weight:600;line-height:1}.kbd-hint kbd{opacity:0;transform:translateY(-6px)}.is-loaded .kbd-hint kbd{animation:.5s cubic-bezier(.22,1,.36,1) forwards kbd-key-pop}.is-loaded .kbd-hint kbd:first-child{animation-delay:.8s}.is-loaded .kbd-hint kbd:nth-child(2){animation-delay:.95s}@keyframes kbd-key-pop{to{opacity:1;transform:translateY(0)}}.kbd-keys{gap:4px;display:inline-flex}.kbd-hint kbd{font:inherit;color:#1c1c1a;text-align:center;background:0 0;border:1px solid #1c1c1a2e;border-radius:5px;min-width:16px;padding:2px 6px;font-weight:600;line-height:1}@keyframes kbd-enter{to{opacity:1;transform:translateY(0)}}@keyframes kbd-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hero-socials{z-index:5;text-align:left;letter-spacing:-.02em;flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:12px;font-weight:400;list-style:none;display:flex;position:fixed;bottom:clamp(24px,4vw,56px);left:clamp(24px,4vw,56px)}.hero-socials a{color:#6a6a6a;grid-template-columns:14px 1fr;align-items:center;gap:12px;padding:6px 0;text-decoration:none;transition:color .22s,transform .22s;display:inline-grid}.hero-socials a:hover{color:#1c1c1a;transform:translate(2px)}.hero-socials a:hover svg{color:#c98a9b}.hero-socials svg{color:#9a9a9a;flex-shrink:0;transition:color .22s}.hero-socials span{border-bottom:1px solid #0000;padding-bottom:1px;transition:border-color .22s}.hero-socials a:hover span{border-bottom-color:currentColor}.about{min-height:100vh;opacity:var(--about-vis,0);transform:scale(calc(1 + (1 - var(--about-vis,0)) * .04));transform-origin:50%;will-change:opacity, transform;flex-direction:column;align-items:stretch;gap:4vh;padding:12vh 6vw 5vh;display:flex;position:relative}.about-inner{flex:none;max-width:720px}.about-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#888;transform:translateY(calc(var(--scroll-y,0px) * -.04));will-change:transform;margin:0 0 16px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:12px;font-weight:500}.about-bio{letter-spacing:-.01em;color:#1c1c1a;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(20px,2.4vw,32px);font-weight:400;line-height:1.35}.about-meta{transform:translateY(calc(var(--scroll-y,0px) * .025));will-change:transform;grid-template-columns:repeat(3,1fr);gap:24px;margin:56px 0 0;padding:0;display:grid}.about-meta>div{margin:0}.about-meta dt{letter-spacing:-.02em;color:#888;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:11px;font-weight:400}.about-meta dd{letter-spacing:-.02em;color:#1c1c1a;margin:6px 0 0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:14px;font-weight:400}.about-meta a{color:inherit;border-bottom:1px solid #c98a9b;text-decoration:none}.about-banner{opacity:.65;filter:contrast(1.18);border-radius:16px;flex:none;width:100%;height:clamp(200px,38vh,480px);margin-top:auto;position:relative;overflow:hidden}.about-banner img{object-fit:cover;width:100%;height:100%;transform:translateY(clamp(-2.4vh, calc((var(--scroll-y,0px) - 100vh) * -.05), 2.4vh)) scale(1.18);transform-origin:50%;will-change:transform;display:block;position:absolute;inset:0}.works{min-height:100vh;opacity:var(--works-vis,0);transform:scale(calc(1 + (1 - var(--works-vis,0)) * .04));transform-origin:50%;will-change:opacity, transform;flex-direction:column;display:flex;position:relative}.credentials{min-height:100vh;opacity:var(--credentials-vis,0);transform:scale(calc(1 + (1 - var(--credentials-vis,0)) * .04));transform-origin:50%;will-change:opacity, transform;flex-direction:column;padding:14vh 6vw 4vh;display:flex;position:relative}.credentials-header{flex-direction:column;gap:14px;width:100%;max-width:1100px;margin-bottom:6vh;display:flex}.credentials-eyebrow{letter-spacing:-.005em;color:#888;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(15px,1.2vw,18px);font-weight:400}.credentials-title{letter-spacing:-.025em;color:#1c1c1a;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(24px,3.2vw,44px);font-weight:500;line-height:1.15}.credentials-grid{grid-template-columns:.8fr 1.25fr 1fr 1.5fr;gap:clamp(20px,2.6vw,44px);width:100%;max-width:1280px;display:grid}.credentials-col{flex-direction:column;display:flex}.credentials-col-title{letter-spacing:-.005em;color:#888;border-bottom:1px solid #1c1c1a1f;margin:0 0 18px;padding-bottom:10px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:13px;font-weight:500}.credentials-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.credentials-item{flex-direction:column;gap:2px;display:flex}.credentials-item--cert{flex-direction:row;align-items:center;gap:12px}.credentials-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.credentials-logo{background:#fff;border:1px solid #1c1c1a14;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;overflow:hidden}.credentials-logo img{object-fit:cover;transform-origin:50%;width:100%;height:100%;animation:4.2s ease-in-out infinite cert-breath;display:block}.credentials-item--cert:nth-child(2) .credentials-logo img{animation-delay:.4s}.credentials-item--cert:nth-child(3) .credentials-logo img{animation-delay:.8s}.credentials-item--cert:nth-child(4) .credentials-logo img{animation-delay:1.2s}@keyframes cert-breath{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media (prefers-reduced-motion:reduce){.credentials-logo img{animation:none}}.credentials-exp{flex-direction:column;gap:8px;display:flex}.credentials-exp-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.credentials-exp-role{letter-spacing:-.01em;color:#1c1c1a;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(13px,.95vw,15px);font-weight:500}.credentials-exp-period{color:#888;letter-spacing:-.005em;font-family:Google Sans Flex,system-ui,sans-serif;font-size:12px}.credentials-exp-where{color:#666;letter-spacing:-.005em;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(12px,.9vw,13px);line-height:1.35}.credentials-exp-desc{letter-spacing:-.005em;color:#1c1c1a;margin:4px 0 8px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(13px,.95vw,14px);line-height:1.5}.credentials-item-name{letter-spacing:-.01em;color:#1c1c1a;flex-wrap:wrap;align-items:center;gap:8px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(14px,1.05vw,16px);font-weight:500;line-height:1.35;display:inline-flex}.credentials-item-sub{letter-spacing:-.005em;color:#888;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(12px,.9vw,13px);line-height:1.35}.credentials-badge{color:#a35e72;letter-spacing:0;background:#c98a9b2e;border-radius:999px;align-items:center;height:18px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.credentials-pills{flex-wrap:wrap;align-content:flex-start;gap:8px;margin:0;padding:0;list-style:none;display:flex}.credentials-pill{letter-spacing:-.005em;color:#1c1c1a;background:0 0;border:1px solid #1c1c1a2e;border-radius:999px;align-items:center;padding:6px 12px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(12px,.9vw,13px);font-weight:500;transition:border-color .24s,transform .32s cubic-bezier(.22,1,.36,1);display:inline-flex}.credentials-pill:hover{border-color:#1c1c1a66;transform:translateY(-1px)}@media (width<=1024px){.credentials-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.credentials{align-items:stretch;min-height:auto;padding:8vh 22px;overflow:visible}.credentials-grid{grid-template-columns:1fr;gap:52px;max-width:100%}.credentials-header{gap:12px;margin-bottom:44px}.credentials-eyebrow{color:#1c1c1a80;font-size:13px}.credentials-title{letter-spacing:-.028em;font-size:clamp(28px,7.6vw,38px);line-height:1.12}.credentials-col-title{color:#1c1c1a7a;border-bottom-color:#1c1c1a14;margin:0 0 22px;padding-bottom:10px;font-size:13px}.credentials-list{gap:24px}.credentials-item-name{font-size:16px}.credentials-item-sub{color:#1c1c1a85;font-size:13px}.credentials-logo{border-radius:8px;width:36px;height:36px}.credentials-exp{gap:12px}.credentials-exp-role{font-size:14.5px}.credentials-exp-period{color:#1c1c1a80;font-size:12px}.credentials-exp-where{color:#1c1c1a99;font-size:13px}.credentials-exp-desc{color:#1c1c1adb;margin:4px 0 10px;font-size:14.5px;line-height:1.5}.credentials-pill{background:0 0;border-color:#1c1c1a2e;padding:6px 12px;font-size:12.5px}.credentials-pills{gap:7px}html.is-fast-scroll .app-main{filter:none;will-change:auto}}@media (height<=720px){.credentials-header{margin-bottom:16px}.credentials-title{font-size:clamp(20px,2.6vw,30px)}.credentials-list{gap:12px}.credentials-exp-desc{font-size:13px;line-height:1.45}.credentials{padding-top:10vh;padding-bottom:3vh}}@media (width<=768px) and (height<=720px){.credentials{padding-top:72px}.credentials-title{font-size:20px}.credentials-eyebrow{font-size:12px}.credentials-exp-desc{font-size:12.5px}}.works-header{flex-direction:column;justify-content:center;gap:14px;width:100%;max-width:1100px;height:50vh;padding:14vh 6vw 4vh;display:flex}.works-avatar{cursor:pointer;background-position:50%;background-size:cover;border-radius:.3em;width:1em;height:1em;margin-left:-.2em;transition:transform .56s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 0 0 1.5px #fafaf7}.works-avatar:hover{transform:translateY(-3px)rotate(-1.5deg)}.works-avatar:first-child{margin-left:0}.works-eyebrow{letter-spacing:-.005em;color:#888;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(15px,1.2vw,18px);font-weight:400}.works-title{letter-spacing:-.025em;color:#1c1c1a;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(24px,3.2vw,44px);font-weight:500;line-height:1.15;display:inline}.works-title>span{display:inline}.works-title .works-avatars{vertical-align:middle;margin:0 .35em;display:inline-flex;transform:translateY(-.06em)}.works-sub{letter-spacing:-.005em;color:#555;max-width:540px;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(15px,1.3vw,18px);font-weight:400;line-height:1.5}.works-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:clamp(16px,2vw,28px);height:50vh;padding:0 clamp(16px,2vw,28px) clamp(16px,2vw,28px);scroll-padding-left:clamp(16px,2vw,28px);display:flex;overflow:auto hidden}.works-carousel::-webkit-scrollbar{display:none}.work-card{scroll-snap-align:start;transform-origin:50%;min-width:280px;height:100%;color:inherit;background:#1c1c1a0a;border:1px solid #1c1c1a0f;border-radius:16px;flex-direction:column;flex:0 0 40%;justify-content:space-between;padding:clamp(20px,2.2vw,32px);text-decoration:none;transition:transform .56s cubic-bezier(.22,1,.36,1);display:flex}.work-card .work-skills,.work-card .work-body{display:none}.work-card.is-placeholder{background:#1c1c1a05;border-style:dashed;justify-content:center;align-items:center;display:flex}.work-card.is-placeholder:hover{background:#1c1c1a08}.work-construction{letter-spacing:-.005em;color:#aaa;text-transform:lowercase;font-family:Google Sans Flex,system-ui,sans-serif;font-size:12px;font-weight:500}.work-card.has-image{background-position:50%;background-size:cover;border-color:#0000;position:relative;overflow:hidden}.work-card.has-image .work-title,.work-card.has-image .work-desc{color:#fff}.work-skills{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.work-pill{letter-spacing:-.005em;color:#1c1c1a;background:#1c1c1a05;border:1px solid #1c1c1a0a;border-radius:999px;padding:4px 10px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:11px;font-weight:500}.work-card.has-image .work-pill{color:#fff;-webkit-backdrop-filter:blur(6px);mix-blend-mode:normal;background:#ffffff0f;border-color:#ffffff1f}.work-title{letter-spacing:-.015em;color:#1c1c1a;margin:0 0 8px;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.15}.work-desc{letter-spacing:-.005em;color:#666;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.45}.footer{z-index:3;background:0 0;align-items:stretch;height:80vh;padding:clamp(10px,1.2vw,18px);display:flex;position:relative}.footer-inner{color:#f3f1ec;text-align:center;background:#0c0c0a;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(24px,3vw,40px);width:100%;padding:clamp(40px,5vw,72px) clamp(24px,3.5vw,56px);display:flex;position:relative;overflow:hidden}.footer-blurb{letter-spacing:-.015em;color:#c8c4ba;max-width:720px;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(20px,2.3vw,32px);font-weight:400;line-height:1.3}.footer-cta{letter-spacing:-.005em;color:#0c0c0a;background:#f3f1ec;border-radius:999px;padding:12px 22px;font-family:inherit;font-size:clamp(14px,1.1vw,16px);font-weight:500;text-decoration:none;transition:background .22s,color .22s}.footer-cta:hover{background:#fff}.footer-meta{letter-spacing:-.005em;color:#f3f1ec6b;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:12.5px;font-weight:400;display:inline-flex}.footer-meta-dot{color:#f3f1ec47}.footer-socials{letter-spacing:-.005em;gap:22px;margin:0;padding:0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:12.5px;font-weight:400;list-style:none;display:flex;position:absolute;bottom:clamp(14px,1.8vw,24px);left:50%;transform:translate(-50%)}.footer-socials a{color:#f3f1ec80;text-decoration:none;transition:color .22s}.footer-socials a:hover{color:#f3f1ec;border-bottom-color:#f3f1ec}@media (width<=768px){.hero{text-align:center;justify-content:flex-start;min-height:100svh;padding:22vh 24px 6vh}.hero-title{max-width:90vw;font-size:clamp(36px,8vw,56px)}.hero-avatar{vertical-align:-.18em;height:.95em}.is-loaded .hero-avatar{animation-delay:1.2s}.portrait-lens,.lens-defs{display:none!important}.about{flex-direction:column;justify-content:flex-start;gap:16px;min-height:auto;padding:9vh 24px 8vh}.about-inner{width:100%;max-width:100%}.about-bio{letter-spacing:-.025em;font-size:clamp(32px,8.4vw,48px);line-height:1.18}.kbd-hint,.kbd-hint-mini{display:none!important}.about-meta{grid-template-columns:1fr;gap:26px;margin-top:32px;transform:none}.about-meta dt{font-size:13px}.about-meta dd{margin-top:6px;font-size:19px}.about-banner{display:none}html{scroll-snap-type:none}.app-main{min-height:auto;position:relative}.hero,.about,.works,.credentials,.footer{opacity:1;will-change:opacity, transform;background:0 0;width:100%;min-height:100svh;margin:0;position:relative;inset:auto;overflow:visible;transform:none;filter:none!important}.hero-title{position:static;top:auto}.hero-socials{display:none}.about{min-height:auto}.works{justify-content:flex-start;gap:2vh;min-height:auto;padding:8vh 0}.works-header{flex:none;justify-content:flex-start;gap:12px;height:auto;padding:0 24px}.works-carousel{flex:none;gap:14px;height:44vh;padding:0 16px 16px;scroll-padding-left:16px}.work-card{flex:0 0 68%;min-width:240px}.footer{height:auto;min-height:95svh;padding:16px}.footer-inner{gap:32px;padding:16vh 24px 12vh;height:auto!important;min-height:90svh!important;max-height:none!important}.works-title,.about-bio,.footer-blurb{letter-spacing:-.028em;font-family:Google Sans Flex,system-ui,sans-serif;font-size:clamp(28px,7.6vw,38px);font-weight:500;line-height:1.12}}@supports (animation-timeline:view()){.about-bio,.about-meta,.works-eyebrow,.works-title,.work-card,.credentials-eyebrow,.credentials-title,.credentials-col{animation:linear both scroll-reveal;animation-timeline:view();animation-range:cover}}@keyframes scroll-reveal{0%{opacity:0;filter:blur(10px);transform:translateY(28px)scale(.96)}8%{opacity:.4;filter:blur(6px);transform:translateY(18px)scale(.975)}18%,88%{opacity:1;filter:blur();transform:translateY(0)scale(1)}96%{opacity:.4;filter:blur(6px);transform:translateY(-18px)scale(.975)}to{opacity:0;filter:blur(10px);transform:translateY(-28px)scale(.96)}}@supports (animation-timeline:view()){.credentials-logo,.about-banner{animation:linear both img-drift;animation-timeline:view();animation-range:cover}}@keyframes img-drift{0%{transform:translateY(6px)}to{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){@supports (animation-timeline:view()){.credentials-logo,.about-banner,.about-bio,.about-meta,.works-eyebrow,.works-title,.work-card,.credentials-eyebrow,.credentials-title,.credentials-col{animation:none}}}.shell.is-detail .ascii-bg,.shell.is-detail .portrait-lens,.shell.is-detail .lens-defs{display:none!important}::view-transition-old(root){transform-origin:50%;animation-duration:1.2s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){transform-origin:50%;animation-duration:1.2s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){z-index:1;animation-name:page-out;animation-fill-mode:forwards}::view-transition-new(root){z-index:2;animation-name:page-in;animation-delay:.14s;animation-fill-mode:backwards}@keyframes page-out{to{opacity:0;filter:blur(10px);transform:scale(.86)}}@keyframes page-in{0%{opacity:0;filter:blur(8px);transform:scale(1.06)translateY(40px)}60%{opacity:1}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.work-page{background:var(--bg);color:#1c1c1a;min-height:100vh;padding:clamp(16px,2vw,28px) clamp(16px,2vw,28px) 6vh;font-family:Google Sans Flex,system-ui,sans-serif;position:relative}.work-back{z-index:40;letter-spacing:-.005em;color:#1c1c1a;background:0 0;border:1px solid #1c1c1a2e;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .22s,border-color .22s,transform .22s;display:inline-flex;position:fixed;top:clamp(18px,2.4vw,28px);left:clamp(20px,3vw,40px)}.work-back:hover{border-color:#1c1c1a61;transform:translate(-2px)}.work-back svg{transition:transform .22s}.work-back:hover svg{transform:translate(-2px)}.work-cover{aspect-ratio:32/9;background:#1c1c1a0a;border-radius:18px;width:100%;max-height:35vh;margin:0 0 clamp(28px,4vw,48px);overflow:hidden}.work-cover img{object-fit:cover;width:100%;height:100%;display:block}.work-intro{flex-direction:column;gap:14px;max-width:1280px;margin:clamp(72px,10vw,140px) auto clamp(28px,4vw,48px);padding:0 clamp(8px,1vw,16px);display:flex}.work-hero-title{letter-spacing:-.025em;color:#1c1c1a;margin:0;font-size:clamp(26px,3.2vw,44px);font-weight:500;line-height:1.05}.work-hero-subtitle{letter-spacing:-.015em;color:#6a6a6a;max-width:640px;margin:0;font-size:clamp(16px,1.5vw,22px);font-weight:400;line-height:1.3}.work-meta{border-top:1px solid #1c1c1a1a;border-bottom:1px solid #1c1c1a1a;grid-template-columns:repeat(4,1fr) auto;align-items:start;gap:24px 36px;max-width:1280px;margin:0 auto clamp(36px,5vw,64px);padding:24px clamp(8px,1vw,16px) 28px;display:grid}.work-meta>div{min-width:0;margin:0}.work-meta dt{letter-spacing:-.005em;color:#8a8a83;text-transform:lowercase;margin:0 0 8px;font-size:11px;font-weight:400}.work-meta dd{letter-spacing:-.01em;color:#1c1c1a;margin:0;font-size:14px;font-weight:400;line-height:1.45}.work-meta-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.work-meta-cta{align-self:center}.work-visit{color:#1c1c1a;border:1px solid #1c1c1a2e;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .22s,transform .22s;display:inline-flex}.work-visit:hover{border-color:#1c1c1a61;transform:translateY(-1px)}.work-visit svg{transition:transform .22s}.work-visit:hover svg{transform:translate(2px,-2px)}.work-section-eyebrow{letter-spacing:.06em;color:#8a8a83;text-transform:uppercase;margin:0;font-size:11px;font-weight:500}.work-role{flex-direction:column;gap:clamp(32px,4vw,56px);max-width:1280px;margin:clamp(96px,12vw,160px) auto 0;padding:0 clamp(8px,1vw,16px);display:flex}.work-role-list{grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,48px);margin:0;padding:0;list-style:none;display:grid}.work-role-list h3{letter-spacing:-.015em;color:#1c1c1a;max-width:18ch;margin:0 0 14px;font-size:clamp(18px,1.5vw,22px);font-weight:500;line-height:1.25}.work-role-list p{color:#6a6a6a;max-width:32ch;margin:0;font-size:14px;line-height:1.6}.work-stats{background:#1c1c1a09;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:clamp(32px,4vw,64px);max-width:1280px;margin:clamp(96px,12vw,160px) auto 0;padding:clamp(48px,7vw,88px) clamp(32px,4vw,56px);display:grid}.work-stat{flex-direction:column;gap:14px;display:flex}.work-stat-value{letter-spacing:-.04em;color:#1c1c1a;font-size:clamp(44px,5.4vw,80px);font-weight:500;line-height:1}.work-stat-label{color:#6a6a6a;max-width:280px;font-size:13px;line-height:1.55}.work-gallery{margin-top:clamp(96px,12vw,160px)}.work-body{flex-direction:column;gap:24px;max-width:720px;margin:clamp(48px,7vw,96px) auto;padding:0 clamp(8px,1vw,16px);display:flex}.work-overview{letter-spacing:-.015em;color:#1c1c1a;margin:0;font-size:clamp(20px,1.9vw,28px);font-weight:400;line-height:1.4}.work-notes{color:#555;margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.6}.work-stack-list{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.work-stack-list li{letter-spacing:-.005em;color:#1c1c1a;background:#1c1c1a0a;border:1px solid #1c1c1a0f;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500}.work-gallery{grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.4vw,20px);max-width:1280px;margin:0 auto clamp(56px,8vw,96px);padding:0 clamp(8px,1vw,16px);display:grid}.work-gallery>:only-child{grid-column:1/-1}.work-shot{background:#1c1c1a0a;border-radius:16px;margin:0;overflow:hidden}.work-shot img{width:100%;height:auto;display:block}.work-footer{justify-content:center;padding:32px 0 8px;display:flex}.work-back--bottom{position:static}@media (width<=768px){.work-page{padding:80px 20px 40px}.work-back{padding:7px 12px 7px 10px;font-size:12px;top:14px;left:14px}.work-intro{gap:10px;margin:64px 0 20px}.work-hero-title{font-size:clamp(26px,7vw,38px)}.work-hero-subtitle{font-size:clamp(15px,4.4vw,20px)}.work-meta{grid-template-columns:1fr 1fr;gap:18px 20px;margin-bottom:28px;padding:20px 0 22px}.work-meta-cta{grid-column:1/-1}.work-cover{aspect-ratio:16/10;max-height:none;margin:0 0 28px}.work-role{gap:20px;margin-top:56px}.work-role-list{grid-template-columns:1fr;gap:28px}.work-stats{grid-template-columns:1fr;gap:32px;margin-top:56px;padding:32px 24px}.work-stat-value{font-size:clamp(40px,13vw,64px)}.work-gallery{grid-template-columns:1fr;gap:12px;margin-bottom:40px}}.cookie-banner{z-index:60;color:#f3f1ec;will-change:transform, opacity;background:#0c0c0a;border-radius:16px;align-items:center;gap:clamp(24px,4vw,56px);width:max-content;max-width:calc(100vw - 32px);padding:16px 18px 16px 26px;font-family:Google Sans Flex,system-ui,sans-serif;animation:.72s cubic-bezier(.22,1,.36,1) forwards cookie-pop;display:flex;position:fixed;bottom:clamp(16px,2.4vw,28px);left:50%;transform:translate(-50%);box-shadow:0 16px 48px -16px #00000059,0 4px 12px -2px #0003}.cookie-banner--out{pointer-events:none;animation:.52s cubic-bezier(.4,0,1,1) forwards cookie-pop-out}@keyframes cookie-pop-out{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(40px)scale(.96)}}@keyframes cookie-pop{0%{opacity:0;transform:translate(-50%)translateY(40px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.cookie-banner-msg{letter-spacing:-.005em;color:#c8c4ba;margin:0;font-size:13px;font-weight:400;line-height:1.4}.cookie-banner-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.cookie-btn{letter-spacing:-.005em;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .22s,color .22s,border-color .22s}.cookie-btn--ghost{color:#8a8a83;background:0 0;border-color:#f3f1ec29}.cookie-btn--ghost:hover{color:#f3f1ec;border-color:#f3f1ec52}.cookie-btn--solid{color:#0c0c0a;background:#f3f1ec}.cookie-btn--solid:hover{background:#fff}@media (width<=640px){.cookie-banner{text-align:left;border-radius:16px;flex-direction:column;align-items:stretch;gap:14px;width:auto;max-width:none;padding:16px 18px;bottom:12px;left:12px;right:12px;transform:none}@keyframes cookie-pop{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cookie-pop-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(40px)scale(.96)}}.cookie-banner-msg{max-width:none}.cookie-banner-actions{justify-content:flex-end}}.lang-switch{z-index:40;letter-spacing:-.005em;mix-blend-mode:difference;color:#fff;align-items:center;gap:6px;padding:4px 0;font-family:Google Sans Flex,system-ui,sans-serif;font-size:13px;font-weight:500;display:inline-flex;position:fixed;top:18px;right:clamp(20px,3vw,40px)}.lang-btn{font:inherit;letter-spacing:inherit;color:#6e6e6e;cursor:pointer;background:0 0;border:none;padding:4px 2px;transition:color .22s}.lang-btn:hover{color:#b8b8b8}.lang-btn.is-active{color:#fff}.lang-sep{color:#4e4e4e}