[data-two-lines]>.hm-tile [data-tile-title]{width:min-content}[data-two-lines]>.hm-tile [data-art]{inset:var(--art-inset-phone)!important}.hm-tile[data-no-logos] [data-logos]{display:none!important}@media (max-width:767px){[data-section="Home · Hero"] [data-two-lines]>.hm-tile{height:calc((100vw - 3*var(--gutter))*.625 + 21px);aspect-ratio:auto!important}}
[data-handoff=on]{--hh-pin:84svh;z-index:2;pointer-events:none;margin-bottom:-100svh;position:relative}[data-handoff=on]:after{content:"";height:var(--hh-pin);display:block}[data-handoff=on]>section{pointer-events:auto;position:sticky;top:0}[data-handoff=on][data-handoff-late]>section{pointer-events:none}[data-handoff=on][data-handoff-state=done]>section{visibility:hidden;translate:0 -300vh}[data-handoff=on][data-handoff-state=run]>section{overflow:clip}[data-handoff=on][data-handoff-state=run] [data-hh=intro]{opacity:var(--hh-intro,1);translate:0 calc((1 - var(--hh-intro,1))*-32px)}[data-handoff=on][data-handoff-state=run] [data-hh=bento]{opacity:var(--hh-fade,1);transform:perspective(1500px)translateY(calc(var(--hh-away,0)*var(--sink,0px)))rotateX(calc(var(--hh-away,0)*24deg))scale(calc(1 - var(--hh-away,0)*.46));transform-origin:var(--ox,50%)var(--oy,50%);will-change:transform,opacity}[data-handoff=on][data-handoff-state=run] :is(.hm-big,.hm-tile){translate:calc(var(--hh-gather,0)*var(--gx,0px))calc(var(--hh-gather,0)*var(--gy,0px));will-change:translate,scale}[data-handoff=on][data-handoff-state=run] .hm-big{z-index:2;scale:calc(1 - var(--hh-away,0)*.04)}[data-handoff=on][data-handoff-state=run] .hm-tile{scale:calc(1 - var(--hh-gather,0)*var(--hh-fit,0))}[data-handoff=on][data-handoff-state=run][data-handoff-flip] [data-hh=bento]{opacity:1;perspective:1400px;perspective-origin:var(--ox,50%)var(--oy,50%)}[data-handoff=on][data-handoff-state=run][data-handoff-flip] .hm-tile{opacity:var(--hh-small,1)}[data-handoff=on][data-handoff-state=run][data-handoff-flip] .hm-big{rotate:y var(--hh-turn,0deg);will-change:translate,rotate,scale}[data-handoff=on][data-handoff-state=run][data-handoff-face=back]>section{visibility:hidden;translate:0 -300vh}[data-hh-flyer]{z-index:3;pointer-events:none;transform-origin:0 0;position:absolute;top:0;left:0}[data-handoff=on]+section{position:sticky;bottom:0}[data-handoff=on]:not([data-handoff-state=done])+section [data-hh=stats]{opacity:var(--hh-stats,0)}[data-handoff=on]:not([data-handoff-state=done])+section:is(:not([data-hh-arrive]),[data-hh-arrive=out]) [data-wheel-wrap]{opacity:0!important}[data-handoff=on]+section[data-hh-arrive=in] [data-wheel-wrap]{transition:opacity .5s ease-out}[data-handoff=on]+section[data-hh-arrive=out] [data-wheel-wrap]{transition:opacity .2s linear}[data-handoff=on]:not([data-handoff-state=done])+section:not([data-hh-live]) [data-wheel-wrap]{opacity:0!important;transition:none!important}[data-wheel-wrap][data-hh-held]{pointer-events:none}
@keyframes work-scrub{0%{transform:translateY(140px)}to{transform:none}}[data-work-grid][data-scrub=css]>[data-stack]{transform-origin:50% 100%;animation:cubic-bezier(.5,1,.89,1) both work-scrub;animation-duration:auto;animation-timeline:view();animation-range:cover calc(var(--col,0)*7vh)cover calc(24vh + var(--col,0)*7vh)}@keyframes work-head{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}[data-section="Home · Outside work"]{overflow:clip}[data-rise-head][data-scrub=css]{animation:linear both work-head;animation-duration:auto;animation-timeline:view();animation-range:cover 0 cover 40vh}@media (pointer:coarse){a.hm-work[data-far] .sc-host{display:none}}