@property --lit{syntax:"<number>";inherits:true;initial-value:1}.me-hero{padding-block:clamp(3rem,2rem + 5vw,7rem)}.me-hero__grid{align-items:center;gap:3rem;display:grid}@media (min-width:60rem){.me-hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem}}.site .me-name{letter-spacing:-.04em;margin:0;font-size:clamp(2.6rem,1rem + 6.5vw,6.5rem);line-height:1}.me-name__old,.me-name__new{width:fit-content;display:block}.me-name__old{font-family:var(--type);letter-spacing:-.03em;color:var(--paper);font-weight:400}.me-name__new{color:var(--frost);font-weight:600}.me-hero__lede{max-width:34em;color:var(--frost-2);margin-top:1.5rem;font-size:clamp(1.05rem,1rem + .4vw,1.3rem)}.me-hero .actions{margin-top:2rem}.id-card{border:1px solid var(--glass-line);background-color:var(--glass-2);border-radius:24px;padding:clamp(1.4rem,1rem + 1.5vw,2rem);box-shadow:0 40px 80px -40px #000000d9}.id-card__top{font-family:var(--code);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);align-items:center;gap:.85rem;margin:0 0 1.25rem;font-size:.8125rem;display:flex}.id-card__mono{background-color:var(--paper);background-image:linear-gradient(90deg, var(--paper) 50%, var(--signal) 50%);width:3rem;height:3rem;color:var(--carbon);font-family:var(--type);letter-spacing:0;border-radius:50%;flex:none;place-items:center;font-size:1.05rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 8px 10px -6px #ffffffb3,0 8px 20px #00000059}.id-card__facts{margin:0;display:grid}.id-card__facts div{border-top:1px solid var(--glass-line);grid-template-columns:minmax(0,1fr);gap:.2rem;padding-block:.85rem;display:grid}@media (min-width:30rem){.id-card__facts div{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:baseline;gap:1rem}}.id-card dt{font-family:var(--code);letter-spacing:.08em;text-transform:uppercase;color:var(--frost-3);font-size:.8125rem}.id-card dd{color:var(--frost);margin:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.id-card{transition:transform .6s var(--ease), --rim .26s var(--ease)}.id-card:hover{transform:perspective(1100px) rotateX(calc(var(--ny,0) * -4deg)) rotateY(calc(var(--nx,0) * 5deg));transition:transform .16s linear, --rim .26s var(--ease)}}.me-story{gap:2rem;display:grid}@media (min-width:60rem){.me-story{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:4rem}.me-story .sec__head{top:calc(var(--bar-h,4rem) + 2rem);position:sticky}}.me-story__body{max-width:40em;color:var(--carbon-2);gap:1.25rem;font-size:clamp(1.05rem,1rem + .35vw,1.25rem);line-height:1.65;display:grid}.me-story__body p:first-child:first-letter{float:left;font-family:var(--type);color:var(--ribbon);margin:.06em .12em 0 0;font-size:3.4em;font-weight:700;line-height:.85}.me-path{padding-top:0}.timeline{--rail:.5rem;view-timeline-name:--path;margin:0;padding:0;list-style:none;position:relative}@media (min-width:52rem){.timeline{--rail:10rem}}.timeline:before,.timeline:after{content:"";top:.6rem;bottom:2.5rem;left:var(--rail);width:2px;position:absolute;translate:-50%}.timeline:before{background:repeating-linear-gradient(to bottom, var(--paper-rule) 0 6px, transparent 6px 12px)}.timeline:after{background:linear-gradient(to bottom, var(--ribbon) 0 85%, var(--signal));transform-origin:top}.role{padding:0 0 2.25rem calc(var(--rail) + 1.75rem);gap:.6rem;display:grid;position:relative}@media (min-width:52rem){.role{grid-template-columns:calc(var(--rail) - 2rem) minmax(0, 1fr);column-gap:4rem;padding-left:0}.role__when{text-align:right}}.role:before{content:"";top:.45rem;left:var(--rail);z-index:1;border:2px solid var(--ribbon);background:color-mix(in srgb, var(--ribbon) calc(var(--lit) * 100%), var(--paper));width:14px;height:14px;box-shadow:0 0 0 4px var(--paper);border-radius:50%;position:absolute;translate:-50%}.role--now:before{border-color:var(--signal);background:color-mix(in srgb, var(--signal) calc(var(--lit) * 100%), var(--paper));box-shadow:0 0 0 4px var(--paper), 0 0 0 10px #86dccf59}.role__when{align-content:start;gap:.2rem;display:grid}.role__year{font-family:var(--type);color:var(--carbon);font-size:clamp(1.6rem,1.2rem + 1.5vw,2.4rem);font-weight:700;line-height:1}.role__span{font-family:var(--type);color:var(--carbon-3);font-size:.8125rem}.role__span--length{font-weight:700}@media (min-width:52rem){.role__span{white-space:nowrap}}.role__card{border:1px solid var(--paper-rule);background-color:var(--paper-3);border-radius:2px;padding:1.25rem 1.35rem;box-shadow:0 18px 30px -26px #1d1a158c}.site .role__title{font-size:clamp(1.2rem,1.1rem + .4vw,1.45rem)}.site .role__org{font-family:var(--type);color:var(--ribbon);margin-top:.25rem;font-size:.9375rem;font-weight:700}.role__card .typed-list{margin-top:.9rem}.role--now .role__card{border-color:var(--glass-line);background-color:var(--glass-2);color:var(--frost);border-radius:18px;box-shadow:0 26px 44px -30px #080e11cc}.site .role--now .role__org{font-family:var(--code);letter-spacing:.06em;color:var(--signal);font-weight:500}.role--now .dot-list{color:var(--frost-2);margin-top:1rem}.role__marks{flex-wrap:wrap;gap:.65rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.role__marks a{transition:translate .24s var(--ease);border-radius:14px;display:block}.role__marks a:hover{translate:0 -3px}.role__mark{border-radius:12px;place-items:center;width:3rem;height:3rem;display:grid}.craft{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:56rem){.craft{grid-template-columns:repeat(3,minmax(0,1fr))}}.craft__group{border:1px solid var(--glass-line);background-color:var(--glass-2);border-radius:18px;padding:clamp(1.35rem,1rem + 1.2vw,2rem)}.site .craft__group h3{margin-bottom:1rem;font-size:1.35rem}.craft__group .dot-list{color:var(--frost-2)}.site .craft__learning{color:var(--frost-2);margin-top:2rem}.craft__learning span{font-family:var(--code);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-right:.5em;font-size:.8125rem}.me-cta{border-top:1px solid var(--glass-line);max-width:48rem;margin-top:clamp(4rem,3rem + 4vw,7rem);padding-top:clamp(3rem,2rem + 3vw,5rem)}.me-cta .actions{margin-top:1.75rem}@media (prefers-reduced-motion:no-preference){.me-name__old{animation:.7s steps(12,jump-none) .15s both typed}.me-name__new{animation:name-in .8s var(--ease) .7s both}@supports (animation-timeline:view()){.timeline:after{animation:linear both rail;animation-timeline:--path;animation-range:cover 15% cover 85%}.role.reveal{animation:linear both rise,linear both lit;animation-timeline:view(),view();animation-range:entry entry 55%,entry 60% cover 45%}}}@keyframes name-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -10% 0 0)}}@keyframes rail{0%{transform:scaleY(0)}}@keyframes lit{0%{--lit:0}to{--lit:1}}
