/* Rohall newsletter: same warm corporate identity, three clearly distinct interests. */
.updates-intro{padding:92px 0 83px}
.updates-intro h1{max-width:1060px;font-size:clamp(49px,7vw,87px)}
.updates-intro p{max-width:770px}
.updates-content{background:linear-gradient(180deg,#f5efea,#fffdfa 60%);padding:80px 0 96px;color:#302630}
.updates-heading-row{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:34px}
.updates-index,.updates-card-label{font:700 11px 'Space Grotesk',Arial,sans-serif;letter-spacing:.15em;color:#ad2c43}
.updates-heading-row h2{color:#302630;font-size:clamp(36px,4vw,54px);margin:17px 0 0}
.updates-heading-row p{color:#6f6069;font-size:15px;line-height:1.85;max-width:475px;margin:0}
.updates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.updates-card{--signup-accent:#b82944;--signup-accent-hover:#982039;display:flex;flex-direction:column;min-width:0;padding:30px 28px 28px;background:#fffefa;border:1px solid #e5d6d5;box-shadow:0 16px 39px rgba(66,39,49,.045);position:relative;scroll-margin-top:100px}
.updates-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#b82944,#e65e4e,#a36bc0)}
.updates-card-label{font-size:10px;margin-bottom:30px}
.updates-icon{width:57px;height:57px;display:grid;place-items:center;font:700 29px 'Space Grotesk',Arial,sans-serif;color:#b82944;background:#fbe7e7;border:1px solid #f0cbd0;clip-path:polygon(0 0,84% 0,100% 16%,100% 100%,16% 100%,0 84%)}
.updates-icon img{display:block;width:38px;max-width:100%;height:45px;object-fit:contain}
.updates-card h3{font-size:clamp(25px,2.4vw,33px);margin:22px 0 13px;line-height:1.15;color:#302630}
.updates-card>p{color:#6b5f66;font-size:14px;line-height:1.82;min-height:106px;margin:0 0 27px}
.updates-form{margin-top:auto}
.updates-form-label{display:block;font:700 12px 'DM Sans',Arial,sans-serif;color:#47363f;margin-bottom:11px}
.updates-form-fallback{font:500 11px 'DM Sans',Arial,sans-serif;color:#855c64;line-height:1.5;margin-top:18px;text-decoration:underline;text-underline-offset:3px}
.updates-form-fallback:hover{color:#b82944}
.updates-buddy{--signup-accent:#397266;--signup-accent-hover:#28594e;background:linear-gradient(165deg,#f7f8f2,#fffefa 68%);border-color:#dce5d6}
.updates-buddy:before{background:linear-gradient(90deg,#3f7e74,#b3ce7b,#e9b579)}
.updates-buddy .updates-card-label{color:#4c7768}
.updates-buddy .updates-icon{background:#e6f1e4;color:#337267;border-color:#d1e2d2}
.updates-buddy .updates-form-fallback:hover{color:#327468}
.updates-hektyk{--signup-accent:#a77de3;--signup-accent-hover:#8b5dc6;color:#fff7fb;background:radial-gradient(circle at 90% 7%,rgba(150,91,179,.28),transparent 43%),linear-gradient(145deg,#3d2a43,#242232);border-color:#6b4f72}
.updates-hektyk:before{background:linear-gradient(90deg,#a767d3,#e66977,#f0ae8a)}
.updates-hektyk .updates-card-label{color:#e9b0f0}
.updates-hektyk .updates-icon{background:rgba(178,108,219,.12);color:#e2b7ff;border-color:#8f689c}
.updates-hektyk h3{color:#fff9fc}
.updates-hektyk>p{color:#e0d1e3}
.updates-hektyk .updates-form-label{color:#f3e4f5}
.updates-hektyk .updates-form-fallback{color:#dfc8ec}
.updates-hektyk .updates-form-fallback:hover{color:#fff}

/* The MailerLite form remains MailerLite-owned; its displayed surfaces adopt the Rohall palette. */
.updates-card .ml-embedded,.updates-card .ml-form-embedContainer,.updates-card .ml-form-align-center,.updates-card .ml-form-embedWrapper{width:100%!important;max-width:none!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important}
.updates-card .ml-form-embedBody,.updates-card .ml-form-formContent,.updates-card .ml-form-successBody{background:transparent!important;padding:0!important;margin:0!important}
.updates-card .ml-form-embedContent{display:none!important}
.updates-card .ml-form-formContent .ml-form-fieldRow{padding:0!important;margin:0 0 12px!important}
.updates-card .ml-form-formContent .ml-form-fieldRow input.form-control,
.updates-card .ml-form-embedContainer input[type=email]{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:51px!important;border:1px solid #bbaeb1!important;border-radius:3px!important;background:#fffdfb!important;color:#2e2630!important;font:500 14px 'DM Sans',Arial,sans-serif!important;padding:13px 14px!important}
.updates-card .ml-form-formContent input.form-control:focus-visible{outline:3px solid #e8b5a6!important;outline-offset:2px!important;border-color:var(--signup-accent)!important}
.updates-card .ml-form-embedSubmit{margin:0!important}
.updates-card .ml-form-embedSubmit button.primary,
.updates-card .ml-form-embedSubmit button[type=submit]{display:block!important;box-sizing:border-box!important;width:100%!important;min-height:50px!important;border-radius:3px!important;border:1px solid var(--signup-accent)!important;background:var(--signup-accent)!important;color:#fff!important;font:700 14px 'DM Sans',Arial,sans-serif!important;padding:13px 17px!important;cursor:pointer!important}
.updates-card .ml-form-embedSubmit button.primary:hover,
.updates-card .ml-form-embedSubmit button[type=submit]:hover{background:var(--signup-accent-hover)!important;border-color:var(--signup-accent-hover)!important}
.updates-hektyk .ml-form-embedSubmit button.primary,.updates-hektyk .ml-form-embedSubmit button[type=submit]{color:#201c2b!important}
.updates-card .ml-form-successBody{padding:12px 0!important}
.updates-card .ml-form-successBody h4{color:inherit!important;font:700 22px 'Space Grotesk',Arial,sans-serif!important;line-height:1.3!important;margin:0 0 9px!important}
.updates-card .ml-form-successBody p{color:inherit!important;font:500 13px 'DM Sans',Arial,sans-serif!important;line-height:1.65!important}
.updates-card .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent{margin-bottom:0!important}
/* MailerLite injects a late, ID-scoped stylesheet; use two existing page IDs for precedence. */
#content :is(#rohall,#buddy,#hektyk) .ml-form-embedSubmit button.primary{background:var(--signup-accent)!important;border-color:var(--signup-accent)!important;color:#fff!important;border-radius:3px!important}
#content :is(#rohall,#buddy,#hektyk) .ml-form-embedSubmit button.primary:hover{background:var(--signup-accent-hover)!important;border-color:var(--signup-accent-hover)!important}
#content #hektyk .ml-form-embedSubmit button.primary{color:#211a28!important}

.updates-promise{margin-top:30px;padding:30px 36px;display:flex;gap:24px;align-items:start;background:#f3efe9;border:1px solid #e3d8d4}
.updates-promise-mark{width:45px;height:45px;flex:0 0 45px;border-radius:50%;display:grid;place-items:center;background:#467c57;color:#fff;font-weight:700;font-size:24px}
.updates-promise h2{font-size:clamp(23px,2.6vw,31px);color:#342a31;margin:0 0 9px}
.updates-promise p{margin:0;font-size:14px;line-height:1.84;color:#655963}
.updates-promise .updates-data-note{font-size:12px;color:#786970;margin-top:12px}
.updates-promise a{text-decoration:underline;text-underline-offset:3px;color:#a82942;font-weight:700}
.updates-promise a:hover{color:#812137}
main+footer{background:#211b23;border-top-color:#4d3945;color:#c3b4be}
main+footer a:hover{color:#ffc09a}

@media(max-width:1020px){
  .updates-heading-row{align-items:start;flex-direction:column;gap:18px}
  .updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .updates-hektyk{grid-column:1/-1}
  .updates-card>p{min-height:0}
}
@media(max-width:650px){
  .updates-intro{padding:70px 0}
  .updates-content{padding:51px 0 70px}
  .updates-grid{grid-template-columns:1fr}
  .updates-hektyk{grid-column:auto}
  .updates-heading-row{margin-bottom:25px}
  .updates-card{padding:27px 23px}
  .updates-promise{padding:26px 21px;gap:14px}
  .updates-promise-mark{width:36px;height:36px;flex-basis:36px;font-size:19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}