@import"https://unpkg.com/open-props/easings.min.css";.theme-toggle{cursor:pointer;position:absolute;top:24px;right:24px}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.sun-and-moon>:is(.moon,.sun){fill:var(--px-color-text)}.theme-toggle:is(:hover,:focus-visible)>.sun-and-moon>:is(.moon,.sun){fill:var(--color-accent)}.sun-and-moon>.sun-beams{stroke:var(--px-color-text);stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams{background:var(--color-accent)}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-theme=dark] .sun-and-moon>.moon>circle{transform:translate(-7px)}@supports (cx: 1){[data-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translate(0)}}@media(prefers-reduced-motion:no-preference){.sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3)}.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out-5)}@supports (cx: 1){.sun-and-moon .moon>circle{transition:cx .25s var(--ease-out-5)}}[data-theme=dark] .sun-and-moon>.sun{transition-timing-function:var(--ease-3);transition-duration:.25s;transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}[data-theme=dark] .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}html{background-color:var(--px-color-surface);scroll-behavior:smooth}section{width:100vw;height:100vh;box-sizing:border-box;padding:98px;display:flex;flex-direction:column;gap:64px;justify-content:space-between;align-items:flex-start}.project-container{display:flex;flex-direction:row;align-items:flex-start;gap:24px}.project-image{width:35%}.project-image img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.project-content{width:65%;display:flex;flex-direction:column;gap:12px}.actionable-box{cursor:pointer;transition:all .25s ease-in-out}.actionable-box:hover{box-shadow:var(--px-btn-shadow-active)}.actionable-box:active{box-shadow:var(--px-btn-shadow-hover)}@media(max-width:900px){section{padding:48px}.project-container{flex-direction:column-reverse;gap:48px}.project-image,.project-content{width:100%}}