.identity-card{isolation:isolate;--tab-progress:0;width:365px;position:relative}.identity-surface{z-index:1;border:1px solid var(--color-identity-border);border-radius:var(--radius-card);gap:var(--space-4);backdrop-filter:blur(14px);transition:border-color var(--duration-hover);background:#ffffff24;padding:9px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #fff1}.identity-card:is(:hover,:focus-visible) .identity-surface{border-color:var(--color-identity-border-hover)}.identity-surface>img{object-fit:cover;border-radius:5px;width:80px;height:80px}.identity-copy{flex-direction:column;flex:1;justify-content:flex-end;padding-bottom:2px;display:flex}.identity-copy .identity-name{font:14px var(--mono);text-transform:uppercase;margin:0 0 2px;display:block}.identity-copy p{font-size:var(--text-small);color:#44465d}.availability{color:#3035a8;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;top:10px;right:14px}.identity-tab{font:13px var(--mono);background:var(--accent);color:#fff;text-align:center;z-index:0;width:20px;opacity:calc(1 - var(--tab-progress));transform:translateX(calc(var(--tab-direction) * var(--tab-progress) * 28px));border-radius:2px;position:absolute;top:40%}.tab-left{--tab-direction:1;left:-22px}.tab-right{--tab-direction:-1;right:-22px}@media (width<=600px){.identity-card{width:min(300px, calc(100vw - 2 * var(--gutter) - 44px))}.identity-surface{gap:var(--space-4);border-radius:7px;padding:9px}.identity-surface>img{width:72px;height:72px}.identity-surface{background:#ffffff4d}.availability{align-self:flex-end;margin-bottom:auto;font-size:10px;position:static}.identity-tab{font-size:var(--text-meta);width:17px}.tab-left{left:-20px}.tab-right{right:-20px}.identity-copy .identity-name{font-size:13px}.identity-copy p{font-size:var(--text-small)}}.hero{isolation:isolate;flex-direction:column;justify-content:center;height:100svh;min-height:560px;display:flex;position:relative;overflow:hidden}.hero-atmosphere{z-index:-1;background:var(--atmosphere-gradient);scale:var(--entrance-scale,1);position:absolute;inset:0}.hero-atmosphere:before{content:"";background:var(--atmosphere-edge-overlay);mix-blend-mode:overlay;position:absolute;inset:0}.hero-atmosphere:after{content:"";background:var(--atmosphere-edge-shade);position:absolute;inset:0}.hero-main{flex-direction:column;align-items:center;gap:42px;width:100%;margin-top:-5vh;padding:0 7vw;display:flex}.statement-frame picture{display:contents}.statement-frame source{display:none}.hero h1{text-align:center;color:#fff;letter-spacing:-.02rem;max-width:820px;font-size:clamp(44px,3.6vw,60px);line-height:1.06}.hero-bottom{left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:26px}@media (width>=1600px){.hero-main{gap:42px}.hero h1{max-width:900px}}@media (width<=600px){.hero{justify-content:center;height:100svh;min-height:100svh}.hero-main{padding:0 var(--gutter);gap:44px;margin-top:-12svh}.hero h1{letter-spacing:-.02rem;max-width:7.8em;font-size:min(42px,13.3333vw - 10.4px);line-height:1.02}.hero-bottom{flex-direction:column;gap:20px;bottom:20px}.hero-bottom .socials{flex-flow:wrap;justify-content:center;gap:12px 24px}}@media (width<=600px) and (height<=620px){.hero{height:auto;padding:108px 0 28px}.hero-main{margin-top:0}.hero-bottom{margin-top:40px;position:static}}.principle{border:1px solid var(--line);text-align:center;min-height:430px;transition:border-color var(--duration-hover), transform var(--duration-hover);border-radius:14px;flex-direction:column;align-items:center;padding:36px 30px 0;display:flex;overflow:hidden}.principle:hover{border-color:#494fed88;transform:translateY(-5px)}.principle h3{margin:34px 0 18px;font-size:30px}.principle p{max-width:285px;font-size:var(--text-body);margin-bottom:50px;line-height:1.4}.principle .barcode{margin-top:auto}@media (width<=900px){.principle{padding:28px 20px 0}.principle h3{font-size:27px}}@media (width<=600px){.principle{min-height:345px;padding:28px 30px 0}.principle h3{margin-top:24px;font-size:30px}.principle p{margin-bottom:35px}}.principles{padding-top:130px;padding-bottom:80px}.about-statement{max-width:var(--content-statement);gap:65px;margin:130px auto 50px}.about-statement p{font:48px/1.1 var(--serif);text-align:center;text-wrap:balance;letter-spacing:-.02em}.side-letter{font:32px var(--serif)}.principle-grid{gap:var(--space-3);max-width:var(--content-principles);grid-template-columns:repeat(3,1fr);margin:auto;display:grid}@media (width>=1600px){.principle-grid{max-width:1200px}}@media (width<=900px){.about-statement{gap:20px}.about-statement p{font-size:40px}}@media (width<=600px){.principles{padding-top:85px;padding-bottom:40px}.section-intro h2{font-size:30px}.about-statement{margin:100px 0 35px}.about-statement p{font-size:32px;line-height:1.1}.side-letter{display:none}.principle-grid{grid-template-columns:1fr;gap:14px;max-width:390px}}.identity-interlude{isolation:isolate;height:250svh;min-height:1450px;position:relative;overflow:clip}.interlude-atmosphere{z-index:-1;background:linear-gradient(#fff 0%,#dfe4ec 20%,#7e8fae 40%,#282831 57%,#7a869b 75%,#fff 98%);position:absolute;inset:0}.token-stage{flex-direction:column;align-items:center;padding-top:8vh;display:flex;position:sticky;top:20svh}.identity-token{will-change:transform;filter:drop-shadow(0 35px 25px #1113);width:clamp(260px,30vw,500px);height:auto}.token-caption{text-align:center;color:#fff;line-height:1.7;font-size:var(--text-meta);letter-spacing:.05em;margin-top:30px}@media (width<=600px){.identity-interlude{height:190svh;min-height:1150px}.token-stage{padding-top:10vh;top:15svh}.identity-token{width:285px}.token-caption{margin-top:16px}}.work{padding-top:60px}.all-work{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:start;padding:24px 0;display:grid}.all-work>.mono{color:var(--color-muted)}@media (width<=600px){.work{padding-top:35px}.all-work{text-align:center;grid-template-columns:1fr;justify-items:center;gap:16px}.all-work>.mono{font-size:11px}}.experience-row{border-top:1px solid var(--line);padding:32px 0}.experience-title{color:var(--color-accent);justify-content:space-between;gap:var(--space-5);font-size:13px;display:flex}.experience-title h4{font:inherit;font-size:16px}.experience-row p{font-size:var(--text-body-small);max-width:520px;line-height:var(--leading-body-small);letter-spacing:var(--tracking-body-small);margin:30px 0 20px}.job-title{background:var(--color-tag-surface);color:var(--color-tag-ink);border-radius:2px;padding:5px 8px;font-size:10px;display:inline-block}@media (width<=600px){.experience-row{padding:25px 0}.experience-row p{font-size:var(--text-body-small);margin-top:20px}}@media (width<=900px){.experience-title{flex-direction:column;gap:7px}}@media (width<=600px){.experience-title{font-size:var(--text-meta);flex-direction:row;gap:20px}.experience-title>span{flex:none;font-size:11px}}.skill-tags,.skill-tools{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.skill-tags{max-width:520px}.skill-tags li{background:var(--color-tag-surface);color:var(--color-tag-ink);text-transform:uppercase;border-radius:2px;padding:5px 8px;font-size:10px}.skill-tools li{border-radius:var(--radius-control);background:var(--color-tag-surface);place-items:center;width:56px;height:56px;display:grid}.skill-tools img{width:26px;height:26px}@media (width<=900px){.skill-tags{max-height:54px;overflow:hidden}.skill-tags li{white-space:nowrap;line-height:14px}}@media (width<=600px){.skill-tools li{width:48px;height:48px}.skill-tools img{width:22px;height:22px}}.experience{padding-top:170px;padding-bottom:140px}.experience-layout{--experience-label-drop:33px;grid-template-columns:1fr 2fr;gap:40px;display:grid}.experience-label{top:calc(var(--scroll-anchor-offset) * 1px - var(--experience-label-drop));padding-top:var(--experience-label-drop);color:var(--color-accent);align-self:start;font-size:36px;position:sticky}.resume-link{margin-top:20px}.skills-layout{margin-top:140px}@media (width<=900px){.experience-layout{grid-template-columns:1fr 2fr}}@media (width<=600px){.experience{padding-top:110px;padding-bottom:70px}.experience .display-heading h2{font-size:90px}.experience-layout{grid-template-columns:1fr;gap:35px}.experience-label{padding-top:0;font-size:30px;position:static}.experience-label br{display:none}.skills-layout{margin-top:90px}}:root{--motion-process-pin:0}@media (hover:hover) and (width>=901px) and (prefers-reduced-motion:no-preference){:root{--motion-process-pin:1}}.process{--process-mask:linear-gradient(90deg, transparent 0, #000 var(--process-fade), #000 calc(100% - var(--process-fade)), transparent 100%);--process-panel:clamp(300px, 28vw, 420px);--process-gap:var(--space-7);--process-card-pad:38px;--process-badge-h:28px;--process-title-size:30px;--process-inset:clamp(16px, 5vw, 80px);--process-fade:64px;padding-top:150px;padding-bottom:140px}.process-viewport{scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:70px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--process-fade);scroll-padding-inline:var(--process-fade);-webkit-mask-image:var(--process-mask);mask-image:var(--process-mask);padding-block:16px;overflow-x:auto}.process-viewport::-webkit-scrollbar{display:none}.process-step{scroll-snap-align:start}.process-track{gap:var(--process-gap);width:max-content;margin:0;padding:0;list-style:none;display:flex}.process-step{flex:0 0 var(--process-panel);min-height:clamp(260px,32vh,340px);padding:var(--process-card-pad) 28px 26px;background:var(--color-paper);border:1px solid var(--line);border-radius:var(--radius-card);transition:border-color var(--duration-hover), transform var(--duration-hover);flex-direction:column;align-items:flex-start;gap:14px;display:flex;position:relative}.process-step:hover{border-color:#494fed88;transform:translateY(-5px)}.process-step .number-square{top:calc(var(--process-badge-h) / -2);height:var(--process-badge-h);background:var(--accent);align-items:center;display:inline-flex;position:absolute;left:26px}.process-step:not(:last-child):after{content:"";width:var(--process-gap);left:100%;top:calc(var(--process-card-pad) + var(--process-title-size) * var(--leading-display) / 2);border-top:1px solid #494fed55;position:absolute}.process-step h3{font-size:var(--process-title-size)}.process-step p{font-size:var(--text-body-small);line-height:var(--leading-body-small);letter-spacing:var(--tracking-body-small);margin:0}.process-meta{border-top:1px solid var(--line);width:100%;font-size:var(--text-small);color:var(--color-muted);margin-top:auto;padding-top:16px}.process-progress{align-items:center;gap:var(--space-5);margin-top:50px;display:none}.process-rule{background:var(--line);flex:1;height:1px}.process-rule span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.process-count{font-size:var(--text-meta);color:var(--color-accent)}.process.is-pinned{height:100svh;padding-top:96px;padding-bottom:var(--space-6);flex-direction:column;justify-content:center;display:flex}@media (height<=760px){.process.is-pinned .process-viewport{margin-top:36px}.process.is-pinned .process-progress{margin-top:28px}}.process.is-pinned .process-viewport{scroll-snap-type:none;margin-inline:var(--process-inset);padding-inline:0;overflow-x:clip}.process.is-pinned .process-track{padding-inline:var(--process-fade)}.process.is-pinned .process-progress{margin-inline:var(--process-inset);display:flex}@media (width<=600px){.process{--process-panel:min(72vw, 300px);--process-gap:24px;--process-fade:24px;--process-title-size:28px;padding-top:110px;padding-bottom:70px}.process-viewport{margin-top:45px}}