.page-illustration{width:min(43%,430px);height:220px;margin-right:auto;display:block;position:relative;overflow:hidden;border-radius:24px;box-shadow:0 22px 45px color-mix(in srgb,var(--forest) 18%,transparent);transform:rotate(-1.5deg);isolation:isolate}
.page-illustration:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,color-mix(in srgb,var(--forest) 12%,transparent),transparent 55%);pointer-events:none}
.page-illustration img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease,filter .5s ease;animation:illustrationArrive .75s cubic-bezier(.2,.8,.2,1) both}
.page-illustration:hover img{transform:scale(1.055);filter:saturate(1.08)}
.directory-page .directory-hero>.icon{display:none}
.quick-add-visual{min-height:220px;margin:18px 0 14px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--premium-shadow-sm)}
.quick-add-visual img{width:100%;height:220px;display:block;object-fit:cover;transition:transform .8s ease;animation:illustrationArrive .75s cubic-bezier(.2,.8,.2,1) both}
.quick-add-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--forest-dark) 90%,transparent),transparent 68%)}
.quick-add-visual>span{max-width:350px;position:absolute;z-index:2;right:25px;bottom:24px;display:flex;flex-direction:column;color:#fff}
.quick-add-visual b{font-size:22px;line-height:1.45}.quick-add-visual small{margin-top:5px;color:#e0eee7}
.quick-add-visual:hover img{transform:scale(1.035)}
@keyframes illustrationArrive{from{opacity:0;transform:scale(1.045) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:900px){.page-illustration{width:42%;height:190px;border-radius:19px}}
@media(max-width:700px){.directory-hero{display:block!important}.page-illustration{width:100%;height:170px;margin:18px 0 0;transform:none;border-radius:16px}.quick-add-visual{min-height:190px;border-radius:19px}.quick-add-visual img{height:190px}.quick-add-visual>span{right:17px;bottom:16px;max-width:70%}.quick-add-visual b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.page-illustration img,.quick-add-visual img{animation:none;transition:none}}[data-motion=off] .page-illustration img,[data-motion=off] .quick-add-visual img{animation:none!important;transition:none!important}