/* Match the original Elementor newsletter layout without changing Kit settings. */
#newsletter .formkit-form { max-width:100%; font-family:Inter,sans-serif; }
#newsletter [data-style="clean"] { padding:0 !important; }
#newsletter .formkit-fields { display:grid !important; grid-template-columns:1fr 1fr; gap:10px; margin:0 !important; }
#newsletter .formkit-field { margin:0 !important; min-width:0; }
#newsletter .formkit-input { padding:12px 15px !important; border:1px solid #555 !important; border-radius:0 !important; height:48px; color:#171717 !important; font:16px Inter,sans-serif !important; }
#newsletter .formkit-submit { grid-column:2; justify-self:end; margin:0 !important; border:1px solid #151515 !important; border-radius:50px !important; background:#CBDFC7 !important; color:#151515 !important; font:16px/1 Inter,sans-serif !important; letter-spacing:0 !important; text-transform:none !important; }
#newsletter .formkit-submit, .elementor-element-662c2a6 a.elementor-button { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:195px; height:48px; padding:0 24px !important; }
#newsletter .formkit-submit > span { display:block; padding:0 !important; }
#newsletter .formkit-submit > span::after { content:'  →'; }
#newsletter .formkit-spinner { display:none; }
#newsletter .formkit-submit[data-active] { opacity:.6; }
#newsletter .formkit-alert { list-style:none; padding:12px; margin:0 0 14px; border:1px solid #777; }
#newsletter .formkit-alert:empty { display:none; }
#newsletter .formkit-alert-success { background:#ccddc2; }
#newsletter .formkit-alert-error { color:#8b2222; }
#newsletter .formkit-input:focus-visible, #newsletter .formkit-submit:focus-visible { outline:2px solid #506744 !important; outline-offset:3px; }
@media(max-width:767px) { #newsletter .formkit-fields { grid-template-columns:1fr; } #newsletter .formkit-submit { grid-column:1; } }
.landing-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}
.makeover-note{background:#FAF7F2;border:0;padding:20px 22px;border-radius:16px;margin-top:24px}
@media(min-width:1025px){.elementor-9 .elementor-element.elementor-element-3499a63 .elementor-heading-title{font-size:56px;line-height:1.08}}
.landing-actions .landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:195px;height:48px;border:1px solid #151515;border-radius:50px;padding:0 20px;color:#151515;font:16px/1 Inter,sans-serif;text-decoration:none;cursor:pointer}
.work-cta{background:#F0DD90}.email-cta{background:#CBDFC7}
.work-cta:hover{background:#FFE371}.email-cta:hover{background:#A9D6A1}
.landing-actions .email-cta:focus{background:#CBDFC7}
.landing-actions .email-cta:hover:focus{background:#A9D6A1}
.landing-cta:focus-visible,.dialog-close:focus-visible{outline:2px solid #506744;outline-offset:4px}
#newsletter-dialog{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100%);height:100dvh;max-width:100%;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;border:0;border-left:1px solid #151515;border-radius:0;padding:64px 40px 40px;color:#151515;background:#fff;font:16px/1.5 Inter,sans-serif}
#newsletter-dialog::backdrop{background:rgba(0,0,0,.45)}
#newsletter-dialog h2{font:normal 42px/1.1 'Perfectly Nineties',Georgia,serif;margin:0 0 20px}
#newsletter-dialog p{margin:0 0 25px}
.dialog-close{position:absolute;top:8px;right:10px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:#151515;font:28px/1 Inter,sans-serif;cursor:pointer}
.dialog-close:hover,.dialog-close:focus{background:transparent;color:#151515}
body:has(dialog[open]){overflow:hidden}
#newsletter-dialog[open]{animation:newsletter-enter .28s ease-out both}
dialog[open]::backdrop{animation:backdrop-enter .28s ease-out both}
#newsletter-dialog.is-closing{animation:newsletter-exit .22s ease-in both}
dialog.is-closing::backdrop{animation:backdrop-exit .22s ease-in both}
@keyframes newsletter-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes newsletter-exit{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes backdrop-exit{from{opacity:1}to{opacity:0}}
@media(max-width:767px){.landing-actions{justify-content:flex-start}.elementor-9 .elementor-element.elementor-element-e396360,.elementor-9 .elementor-element.elementor-element-3499a63,.elementor-9 .elementor-element.elementor-element-2088aaa{text-align:left}#newsletter-dialog{padding:60px 24px 32px}#newsletter-dialog h2{font-size:36px}}