.example-peek{--peek-fade: var(--color-bg, var(--color-bg));position:relative;max-height:var(--peek-h, 44rem);overflow:hidden}.example-peek--warm{--peek-fade: var(--color-bg-warm, var(--color-bg-warm))}.example-peek.is-open{max-height:none;overflow:visible}.example-peek__fade{position:absolute;right:0;bottom:0;left:0;height:14rem;background:linear-gradient(to bottom,color-mix(in srgb,var(--peek-fade) 0%,transparent) 0%,var(--peek-fade) 88%);pointer-events:none}.example-peek.is-open .example-peek__fade{display:none}@media(max-width:640px){.example-peek{max-height:var(--peek-h-m, 34rem)}}.peek-sec{padding-block:7.5rem 7.5rem;background:var(--color-card);border-top:1px solid var(--color-line)}@media(max-width:767px){.peek-sec{padding-block:4rem}}.peek-sec__head{margin-bottom:2.5rem}.peek-sec__more{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-top:1rem;text-align:center}.peek-sec__text{max-width:47.5rem;font-size:1.125rem;line-height:1.6;color:var(--color-muted)}.peek-sec__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}@media(max-width:639px){.peek-sec__btns{flex-direction:column;align-self:stretch}.peek-sec__btns>*{width:100%}}.peek-sec__note{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-muted)}.peek-sec__note svg{width:1rem;height:1rem;flex:none;color:var(--color-mint)}