/* Opt-in special-LP primitives. No changes to standard pages or plugin widgets. */
.aim26-special { --special-accent: var(--aim26-promotion); --special-gutter: clamp(24px, 5vw, 80px); --special-width: 1120px; background: #fff; color: var(--aim26-ink); padding-top: 112px; }
.aim26-special--brew { --special-accent: var(--aim26-brew); }
.aim26-special--nature { --special-accent: var(--aim26-nature); }
.aim26-special--community { --special-accent: var(--aim26-community); }
.aim26-special .aim26-special__container { width: min(calc(100% - 2 * var(--special-gutter)), var(--special-width)); margin-inline: auto; min-width: 0; }
.aim26-special :is(h1, h2, h3, h4) { max-width: 100%; min-width: 0; white-space: normal; word-break: normal; line-break: strict; overflow-wrap: anywhere; text-wrap: balance; }
.aim26-special :is(h1, h2, h3, h4)::before,
.aim26-special :is(h1, h2, h3, h4)::after { content: none; }
.aim26-special h1 { font-size: clamp(30px, 3.2vw, 48px); font-weight: 600; line-height: 1.4; }
.aim26-special h2 { font-size: clamp(26px, 2.8vw, 38px); font-weight: 600; line-height: 1.45; margin: 0 0 36px; }
.aim26-special h3 { font-size: clamp(20px, 2vw, 26px); font-weight: 600; line-height: 1.5; }
.aim26-special p { line-height: 1.9; overflow-wrap: anywhere; }
.aim26-special :is(.aim26-special__button, .p-button > a, .wp-block-button__link) { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 52px; max-width: 100%; padding: 12px 28px; border: 1px solid var(--special-accent); border-radius: 999px; background: var(--special-accent); color: #fff; text-decoration: none; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; transition: background-color .2s, color .2s, border-color .2s, opacity .2s; }
.aim26-special :is(.aim26-special__button, .p-button > a, .wp-block-button__link):hover { opacity: .8; }
.aim26-special a:focus-visible { outline: 3px solid var(--special-accent); outline-offset: 5px; }
.aim26-special .aim26-special__editor { max-width: 820px; padding-block: 32px 80px; }
.aim26-special .aim26-special__editor :is(img, video, iframe) { max-width: 100%; }
@media (max-width: 768px) {
  .aim26-special { --special-gutter: 20px; padding-top: 96px; }
  .aim26-special h1 { font-size: clamp(26px, 7vw, 36px); }
}
@media (prefers-reduced-motion: reduce) {
  .aim26-special *, .aim26-special *::before, .aim26-special *::after { transition: none; animation: none; }
}