.s-blog-signup{position:relative}.s-blog-signup__inner{position:relative;width:min(100%,var(--content-max));margin-inline:auto;container-type:inline-size;--s: calc(100cqw / var(--content-width))}.s-blog-signup__banner{position:relative;height:calc(558 * var(--s));border-radius:calc(25 * var(--s));overflow:hidden;display:flex;flex-direction:column;align-items:center}.s-blog-signup__pic{display:contents}.s-blog-signup__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.s-blog-signup__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}.s-blog-signup__title{font-family:var(--f-display);font-weight:500;font-size:calc(80 * var(--s));line-height:var(--lh-tight);letter-spacing:var(--ls-display);color:var(--c-fg);text-align:center;white-space:nowrap;margin-block-start:calc(78 * var(--s))}.s-blog-signup .c-subscribe{margin-block-start:calc(40 * var(--s))}.s-blog-signup__note{position:absolute;inset-inline:0;bottom:calc(16 * var(--s));font-family:var(--f-text);font-size:calc(14 * var(--s));color:var(--c-fg-muted);text-align:center;z-index:1}.c-rule.s-blog-signup__rule{margin-block-start:calc(95 * var(--s));padding-block-end:calc(76 * var(--s))}@media(max-width:1023px){.s-blog-signup__inner{width:100%;--s: calc(100cqw / var(--mobile-width))}.s-blog-signup__banner{width:calc(335 * var(--s));margin-inline:auto;height:calc(214 * var(--s))}.s-blog-signup__title{font-size:calc(40 * var(--s));white-space:normal;margin-block-start:calc(33 * var(--s));padding-inline:calc(20 * var(--s))}.s-blog-signup .c-subscribe{margin-block-start:calc(24 * var(--s));width:calc(301 * var(--s))}.c-rule.s-blog-signup__rule{display:none}.s-blog-signup__banner{margin-block-end:calc(64 * var(--s))}}@media(min-width:1024px){.s-blog-signup__banner{border-radius:0;overflow:visible}.s-blog-signup__art{left:50%;width:100vw;max-width:none;translate:-50% 0;-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}}