.ofin{--ofin-art:176px;--ofin-art-tuck:calc(-1 * var(--ps-2));--ofin-bloom:rgba(108,154,255,0.20);--ofin-bloom-end:rgba(108,154,255,0);--ofin-title-max:12em;background-color:var(--pb-50);scroll-margin-top:var(--ps-8);overflow:clip}@media (min-width:768px){.ofin{--ofin-art:320px;--ofin-art-tuck:calc(-1 * var(--ps-3))}}.ofin__inner{display:flex;flex-direction:column;align-items:center;text-align:center}.ofin__art{position:relative;isolation:isolate;inline-size:var(--ofin-art);max-inline-size:100%;margin-block-end:var(--ofin-art-tuck)}.ofin__art:before{content:"";position:absolute;inset:-40%;z-index:-1;border-radius:50%;background-image:radial-gradient(closest-side,var(--ofin-bloom),var(--ofin-bloom-end));pointer-events:none}.ofin__gate{inline-size:100%}.ofin__title{max-inline-size:var(--ofin-title-max);margin:0}.ofin__body{max-inline-size:65ch;margin:0;margin-block-start:var(--ps-3);font-size:var(--pub-fs-16);line-height:26px;color:var(--pub-ink-2);text-wrap:pretty}@media (min-width:768px){.ofin__body{font-size:var(--pub-fs-20);line-height:32px}}.ofin__actions{flex-direction:column;align-items:stretch;gap:var(--ps-2);margin-block-start:var(--ps-4)}.ofin .ofin__actions .pub-magnetic,.ofin__actions{display:flex;inline-size:100%}.ofin__actions .pub-btn{inline-size:100%}@media (min-width:768px){.ofin__actions{flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.ofin .ofin__actions .pub-magnetic{display:inline-flex;inline-size:auto}.ofin__actions .pub-btn{inline-size:auto}}