/* Purpose: introduce sections and confirm interactions, without delaying work. */
:root{--ease-out:cubic-bezier(.23,1,.32,1)}
.pp-landing .pp-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.pp-landing .pp-gallery article>div{height:360px;background:#edf0e5;padding:22px}
.pp-landing .pp-gallery img{height:315px;width:100%;object-fit:contain;transition:transform 250ms var(--ease-out);filter:drop-shadow(0 8px 14px #193d2f20)}
.pp-landing .pp-gallery article{transition:transform 200ms var(--ease-out)}
.pp-landing .pp-feature{transition:transform 200ms var(--ease-out),border-color 200ms ease}
.pp-landing .pp-feature-icon{transition:transform 200ms var(--ease-out),background 160ms ease}
.pp-landing .pp-text-link{transition:color 160ms ease,border-color 160ms ease}
.pp-landing .pp-button span{transition:transform 160ms var(--ease-out)}
.pp-landing .pp-header nav>a{position:relative}
.pp-landing .pp-header nav>a:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 160ms var(--ease-out)}
.pp-landing .pp-format-strip i{display:inline-block}
.pp-landing .pp-section-heading{overflow:clip}
@media(hover:hover) and (pointer:fine){.pp-landing .pp-gallery article:hover{transform:translateY(-5px)}.pp-landing .pp-gallery article:hover img{transform:rotate(-1deg) scale(1.025)}.pp-landing .pp-feature:hover{transform:translateY(-3px);border-color:#9db98a}.pp-landing .pp-feature:hover .pp-feature-icon{transform:rotate(-6deg);background:#dce9c4}.pp-landing .pp-button:hover span{transform:translate(3px,-3px)}.pp-landing .pp-header nav>a:hover:after{transform:scaleX(1)}}
@media screen{.bodart-create-panel,.bodart-account-panel,.bodart-library-panel,.bodart-input-panel,.bodart-f5-panel{opacity:1;transform:scale(1);transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out)}@starting-style{.bodart-create-panel,.bodart-account-panel,.bodart-library-panel,.bodart-input-panel,.bodart-f5-panel{opacity:0;transform:scale(.97)}}}
@media(max-width:760px){.pp-landing .pp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.pp-landing .pp-gallery article>div{height:235px;padding:12px}.pp-landing .pp-gallery img{height:210px}}
@media(prefers-reduced-motion:reduce){.pp-landing *,.bodart-create-panel,.bodart-account-panel,.bodart-library-panel,.bodart-input-panel,.bodart-f5-panel{transition:none!important;animation:none!important}}