.under-construction, .under-construction *, .under-construction *::before, .under-construction *::after { box-sizing: border-box; } .under-construction { background-color: #f0f0f0; padding: calc(72px + 48px) var(--page-gutter, 16px) 64px; } @media (min-width: 1024px) { .under-construction { padding-top: calc(90px + 48px); } } .under-construction__card { max-width: 560px; margin-inline: auto; padding: clamp(32px, 6vw, 48px); text-align: center; background: var(--color-white, #fff); border: 0.8px solid #f3f4f6; border-radius: 12px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.07); } .under-construction__icon { font-size: 3rem; color: var(--color-canon-red, #c8102e); line-height: 1; } .under-construction__eyebrow { margin: 16px 0 0; font-family: var(--font-body); font-size: var(--fs-sm, 12px); font-weight: var(--fw-semibold, 600); letter-spacing: 0.08em; text-transform: uppercase; color: #6a7282; } .under-construction__title { margin: 8px 0 0; font-family: var(--font-heading, var(--font-body)); font-weight: var(--fw-bold, 700); font-size: clamp(1.5rem, 4vw, 2rem); line-height: 1.2; color: #101828; } .under-construction__text { margin: 16px 0 0; font-family: var(--font-body); font-size: var(--fs-base, 16px); line-height: 1.5; color: #4a5565; } .under-construction__cta { margin-top: 24px; display: inline-flex; justify-content: center; min-width: 200px; }