/* One approved full photograph treatment for reader and owner workspace. */
.blog-article .article-invitation{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:320px;margin:64px 0 0;border-radius:18px;background:#302b35;box-sizing:border-box;text-align:left}
.blog-article .article-invitation>img{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:70% 0%}
.blog-article .article-invitation:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(36,29,40,.94) 0%,rgba(36,29,40,.88) 38%,rgba(36,29,40,.25) 64%,transparent 82%)}
.blog-article .article-invitation-copy{width:57%;max-width:510px;padding:34px;box-sizing:border-box;min-width:0}
.blog-article .article-invitation h2,.blog-article .article-invitation textarea[data-banner-field=title]{font:600 28px/1.3 "Segoe UI",sans-serif;letter-spacing:-.02em;color:#fff;margin:0 0 14px;overflow-wrap:anywhere}
.blog-article .article-invitation p,.blog-article .article-invitation textarea[data-banner-field=text]{font:400 16px/1.6 "Segoe UI",sans-serif;color:#e7dfeb;margin:0 0 22px;overflow-wrap:anywhere}
.blog-article .article-invitation-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;padding:14px 22px;border-radius:28px;background:#7653a8;color:#fff;text-decoration:none;font:600 16px/24px "Segoe UI",sans-serif;box-sizing:border-box;text-align:center;overflow-wrap:anywhere}
.blog-article a.article-invitation-button:hover{background:#684594;text-decoration:none}
.blog-article a.article-invitation-button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.article-invitation-editable textarea[data-banner-field]{display:block;width:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:2px;background:transparent;box-shadow:none;resize:none;overflow:hidden;box-sizing:border-box;white-space:pre-wrap}
.article-invitation-editable textarea[data-banner-field]:hover{outline:1px dashed #ffffff66;outline-offset:5px}
.article-invitation-editable textarea[data-banner-field]:focus{outline:1px solid #e9def6;outline-offset:5px}
.blog-article .article-invitation textarea[data-banner-field=label]{font:600 16px/24px "Segoe UI",sans-serif;color:#fff;margin:0;text-align:center}
.article-invitation-editable .article-invitation-button{width:100%;max-width:280px}
.article-invitation-editable .article-invitation-button textarea:hover,.article-invitation-editable .article-invitation-button textarea:focus{outline-color:#e9def6}
.article-invitation-editable textarea:disabled{opacity:.75}
.article-banner-edit-note{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0 0;font:400 13px/1.6 "Segoe UI",sans-serif;color:#665f71}
.article-banner-edit-note [data-banner-status]{flex:none;text-align:right}
.article-banner-edit-note [data-banner-status][data-error=true]{color:#9a344f;flex-shrink:1;max-width:360px}
@media(max-width:700px){
 .blog-article .article-invitation{min-height:380px;margin-top:40px;align-items:flex-end;border-radius:16px}
 .blog-article .article-invitation>img{object-position:72% 0%}
 .blog-article .article-invitation:before{background:linear-gradient(0deg,rgba(36,29,40,.98) 0%,rgba(36,29,40,.88) 38%,rgba(36,29,40,.10) 75%)}
 .blog-article .article-invitation-copy{width:100%;max-width:none;padding:24px}
 .blog-article .article-invitation h2,.blog-article .article-invitation textarea[data-banner-field=title]{font-size:24px;line-height:1.3}
 .blog-article .article-invitation-button{min-height:48px;padding:12px 22px}
 .article-banner-edit-note{flex-wrap:wrap;font-size:12px}
}