:root { --arj-bg: #F7F3EC; --arj-bg-light: #FBF8F2; --arj-surface: #FFFFFF; --arj-sand: #EAE1D2; --arj-border: #DED4C4; --arj-text: #2E2A22; --arj-muted: #716B5D; --arj-olive: #68704A; --arj-olive-dark: #52583A; --arj-olive-light: #8A9168; --arj-terracotta: #B8885A; } body { background: var(--arj-bg); color: var(--arj-text); } .entry-content { font-family: "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { font-family: "Noto Serif", Georgia, serif; color: var(--arj-text); letter-spacing: -0.015em; } .arj-section { max-width: 1180px; margin-left: auto; margin-right: auto; padding: 56px 32px; } .arj-section-tight { max-width: 1180px; margin-left: auto; margin-right: auto; padding: 34px 32px; } .arj-hero { min-height: 360px; padding: 72px 48px; border-radius: 0; background-size: cover; background-position: center; position: relative; overflow: hidden; } .arj-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(247, 243, 236, 0.94) 0%, rgba(247, 243, 236, 0.80) 42%, rgba(247, 243, 236, 0.25) 100% ); pointer-events: none; } .arj-hero > * { position: relative; z-index: 1; } .arj-hero h1 { max-width: 680px; font-size: clamp(34px, 4vw, 48px); line-height: 1.18; margin-bottom: 18px; } .arj-hero p { max-width: 560px; font-size: 17px; line-height: 1.75; color: var(--arj-muted); } .arj-button-primary .cgs-block-button__link, .cgs-block-button.is-style-fill .cgs-block-button__link { background: var(--arj-olive); color: #fff; border-radius: 4px; padding: 13px 26px; font-weight: 600; box-shadow: 0 8px 20px rgba(82, 88, 58, 0.16); } .arj-button-primary .cgs-block-button__link:hover, .cgs-block-button.is-style-fill .cgs-block-button__link:hover { background: var(--arj-olive-dark); color: #fff; } .arj-button-outline .cgs-block-button__link { background: transparent; color: var(--arj-olive-dark); border: 1px solid var(--arj-olive); border-radius: 4px; padding: 12px 24px; font-weight: 600; } .arj-card { background: var(--arj-surface); border: 1px solid var(--arj-border); border-radius: 10px; padding: 28px; box-shadow: 0 10px 24px rgba(71, 64, 49, 0.05); } .arj-card-soft { background: rgba(255, 255, 255, 0.72); border: 1px solid var(--arj-border); border-radius: 10px; padding: 24px; } .arj-icon { width: 44px; height: 44px; margin-bottom: 16px; } .arj-centered-title { text-align: center; margin-bottom: 30px; } .arj-muted { color: var(--arj-muted); } .arj-link { color: var(--arj-olive-dark); font-weight: 600; text-decoration: none; } .arj-link:hover { color: var(--arj-terracotta); } .arj-practice-banner { min-height: 170px; border-radius: 10px; overflow: hidden; padding: 36px; background-size: cover; background-position: center; color: #fff; position: relative; } .arj-practice-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(46, 42, 34, 0.64), rgba(46, 42, 34, 0.12) ); } .arj-practice-banner > * { position: relative; z-index: 1; } .arj-specialist-mini { display: flex; gap: 16px; align-items: center; } .arj-specialist-mini img { width: 74px; height: 74px; border-radius: 50%; object-fit: cover; } .arj-footer-cta { background: var(--arj-sand); border-top: 1px solid var(--arj-border); border-bottom: 1px solid var(--arj-border); } @media (max-width: 768px) { .arj-section, .arj-section-tight { padding: 36px 20px; } .arj-hero { padding: 48px 24px; min-height: 440px; background-position: center; } .arj-hero::before { background: linear-gradient( 180deg, rgba(247, 243, 236, 0.96) 0%, rgba(247, 243, 236, 0.88) 58%, rgba(247, 243, 236, 0.36) 100% ); } .arj-card { padding: 22px; } .arj-practice-banner { padding: 28px 22px; } }