.portfolio-deck{--deck-ease:cubic-bezier(.2, .7, .2, 1);background-color:var(--color-signature-moss)}.portfolio-slide{opacity:0;visibility:hidden;transition:opacity .6s ease, transform .8s var(--deck-ease), visibility 0s linear .8s;position:absolute;inset:0;transform:translate(5%)scale(.985)}.portfolio-slide[data-state=before]{transform:translate(-5%)scale(.985)}.portfolio-slide[data-state=active]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.portfolio-slide [data-reveal]{opacity:0;transform:translateY(22px)}.portfolio-slide[data-state=active] [data-reveal]{opacity:1;transition:opacity .7s ease calc(var(--i,0) * 90ms + .22s), transform .9s var(--deck-ease) calc(var(--i,0) * 90ms + .22s);transform:none}.portfolio-bg-dark{background-color:var(--color-signature-moss);background-image:radial-gradient(52rem 36rem at 88% 6%, color-mix(in srgb, var(--color-brand-lime) 22%, transparent), transparent 70%), radial-gradient(44rem 32rem at 0% 100%, color-mix(in srgb, var(--color-forest-700) 75%, transparent), transparent 70%);color:var(--color-on-dark)}.portfolio-bg-light{background-color:var(--color-signature-cream);background-image:radial-gradient(46rem 32rem at 0% 0%, color-mix(in srgb, var(--color-signature-mint) 55%, transparent), transparent 70%), radial-gradient(40rem 28rem at 100% 100%, color-mix(in srgb, var(--color-signature-yellow) 45%, transparent), transparent 70%);color:var(--color-ink)}.portfolio-grid-paper{background-image:linear-gradient(to right, color-mix(in srgb, var(--color-forest-700) 9%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-forest-700) 9%, transparent) 1px, transparent 1px);background-size:44px 44px}.portfolio-grid-dark{background-image:linear-gradient(to right, color-mix(in srgb, var(--color-on-dark) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-on-dark) 6%, transparent) 1px, transparent 1px);background-size:44px 44px}@keyframes portfolio-orbit{to{transform:rotate(360deg)}}@keyframes portfolio-dash{to{stroke-dashoffset:-48px}}@keyframes portfolio-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes portfolio-ring{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}.portfolio-orbit{transform-box:view-box;transform-origin:50%;animation:90s linear infinite portfolio-orbit}.portfolio-flow{animation:2.4s linear infinite portfolio-dash}.portfolio-ring{transform-box:fill-box;transform-origin:50%;animation:3s ease-out infinite portfolio-ring}.portfolio-draw{stroke-dasharray:1;stroke-dashoffset:1px}.portfolio-slide[data-state=active] .portfolio-draw{animation:portfolio-draw 1.5s var(--deck-ease) forwards;animation-delay:calc(var(--i,0) * .16s + .35s)}@media (prefers-reduced-motion:reduce){.portfolio-slide,.portfolio-slide[data-state=active],.portfolio-slide [data-reveal],.portfolio-slide[data-state=active] [data-reveal]{transition:none;transform:none}.portfolio-slide [data-reveal]{opacity:1}.portfolio-orbit,.portfolio-flow,.portfolio-ring,.portfolio-slide[data-state=active] .portfolio-draw{animation:none}.portfolio-draw{stroke-dashoffset:0}}.portfolio-slide svg[aria-hidden=true]{max-height:min(32rem,58dvh)}@page portfolio{size:13.333in 7.5in;margin:0}@media print{.portfolio-deck{page:portfolio;-webkit-print-color-adjust:exact;print-color-adjust:exact;height:auto!important;overflow:visible!important}.portfolio-deck .portfolio-slide{break-after:page;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:13.333in;height:7.5in;overflow:hidden;opacity:1!important;visibility:visible!important;transition:none!important;position:relative!important;inset:auto!important;transform:none!important}.portfolio-deck .portfolio-slide:last-of-type{break-after:auto}.portfolio-deck .portfolio-slide [data-reveal]{opacity:1!important;transition:none!important;transform:none!important}.portfolio-deck .portfolio-draw{stroke-dashoffset:0!important;animation:none!important}.portfolio-deck .portfolio-orbit,.portfolio-deck .portfolio-flow,.portfolio-deck .portfolio-ring{animation:none!important}.portfolio-deck .portfolio-slide svg[aria-hidden=true]{max-height:25rem}.portfolio-deck [data-slide-scroll]{overflow:hidden}.portfolio-deck [data-slide-scroll]>div{padding-top:5.25rem;padding-bottom:4.5rem}}
