@media(prefers-reduced-motion:no-preference) and (forced-colors:none){html.has-js:not(.has-seen-approach-entry):not([data-turbo-preview]) .portfolio-page--approach .profile-header,html.has-js:not(.has-seen-approach-entry):not([data-turbo-preview]) .approach-copy>h1,html.has-js:not(.has-seen-approach-entry):not([data-turbo-preview]) .approach-section>*{animation:approach-block-reveal 400ms cubic-bezier(.25,.1,.25,1)backwards;animation-delay:var(--approach-entry-delay,0ms)}.approach-copy>h1{--approach-entry-delay:100ms}.approach-section{--approach-section-delay:200ms}.approach-section:nth-of-type(2){--approach-section-delay:400ms}.approach-section:nth-of-type(3){--approach-section-delay:600ms}.approach-section>h2,.approach-section>p:first-of-type{--approach-entry-delay:var(--approach-section-delay)}.approach-section>p:last-of-type{--approach-entry-delay:calc(var(--approach-section-delay) + 100ms)}html.has-js .portfolio-page--approach:focus-within .profile-header,html.has-js .portfolio-page--approach:focus-within .approach-copy>h1,html.has-js .portfolio-page--approach:focus-within .approach-section>*{animation:none}}@keyframes approach-block-reveal{from{opacity:0}to{opacity:1}}