.school-newsletter{position:fixed;inset:auto calc(20px * var(--newsletter-scale,1)) calc(20px * var(--newsletter-scale,1)) auto;z-index:1100;box-sizing:border-box;width:820px;height:auto;max-width:none;max-height:none;margin:0;padding:0 20px;border:0;border-radius:20px;background:var(--school-card-bg);color:var(--school-ink);box-shadow:0 0 20px #0000004d;overflow:hidden;outline:0;font-family:Onest,Arial,sans-serif;transform:scale(var(--newsletter-scale,1));transform-origin:bottom right}
.school-newsletter[open]{display:block}
.school-newsletter-content{box-sizing:border-box;display:flex;padding:30px 10px;align-items:stretch}
.school-newsletter-copy{position:relative;min-width:0;flex:1 1 auto}
.school-newsletter h2{margin:0 0 11px;font-size:24px;line-height:1.35;font-weight:600;letter-spacing:0}
.school-newsletter-copy>p:not(.school-newsletter-status){font-size:16px;line-height:1.55;margin:0 0 24px}
.school-newsletter-image{position:relative;flex:0 0 40%;margin-left:30px}
.school-newsletter-art{position:absolute;top:-30px;bottom:-30px;left:0;right:-30px;width:calc(100% + 30px);max-width:none;height:calc(100% + 60px);object-fit:cover;object-position:center;pointer-events:none}
.school-newsletter form{display:grid;gap:12px;margin:0}
.school-newsletter form[hidden]{display:none}
.school-newsletter input{box-sizing:border-box;width:100%;height:60px;padding:0 20px;border:1px solid #e0e0e0;border-radius:20px;background:var(--school-card-bg);color:var(--school-ink);font:16px/1.33 Onest,Arial,sans-serif}
.school-newsletter form button{box-sizing:border-box;width:100%;height:60px;padding:16px 20px;border:0;border-radius:10px;background:#1a1a1a;color:#fefefe;font:500 20px/1.4 Onest,Arial,sans-serif;cursor:pointer}
.school-newsletter-close{position:absolute;z-index:2;top:8px;right:6px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--school-ink);cursor:pointer}
.school-newsletter-close .school-icon{width:23px;height:23px}
.school-newsletter-status{margin:0;padding:16px;border-radius:12px;background:#edf7ee;color:#24502c;font-size:16px;line-height:1.55}
.school-newsletter :is(button,input):focus-visible{outline:2px solid #978aff;outline-offset:3px}
@media(hover:hover){}
.newsletter-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:979px){.school-newsletter[open]{display:none}}