/* All styles scoped under .rm-home (WordPress standing order) */ .rm-home, .rm-home * { box-sizing: border-box; } .rm-home { --rm-green: #0A321F; --rm-green-deep: #062A1B; --rm-green-mid: #143528; --rm-green-border: #244B35; --rm-amber: #F7AA24; --rm-amber-hot: #FFB52B; --rm-cream: #F5EED8; --rm-canvas: #F5F8F5; --rm-white: #FFFFFF; --rm-text: #173B2A; --rm-muted: #66776D; --rm-line: #E3E9E4; --rm-max: 1190px; --rm-radius: 16px; --rm-radius-sm: 8px; margin: 0; padding: 0; font-family: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif; color: var(--rm-text); background: var(--rm-canvas); line-height: 1.65; -webkit-font-smoothing: antialiased; } .rm-home a { color: inherit; text-decoration: none; } .rm-home img { max-width: 100%; height: auto; display: block; } .rm-home .rm-wrap { width: min(100% - 40px, var(--rm-max)); margin-inline: auto; } .rm-home .rm-serif { font-family: "Playfair Display", Georgia, "Times New Roman", serif; } /* —— Nav —— */ .rm-home .rm-nav { position: sticky; top: 0; z-index: 100; background: rgba(6, 42, 27, 0.96); backdrop-filter: blur(10px); border-bottom: 1px solid var(--rm-green-border); } .rm-home .rm-nav__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 72px; padding: 10px 0; } .rm-home .rm-brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; } .rm-home .rm-brand__mark { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; object-position: center top; background: var(--rm-white); border: 2px solid var(--rm-amber); } .rm-home .rm-brand__text strong { display: block; color: var(--rm-white); font-size: 15px; font-weight: 700; letter-spacing: -0.02em; } .rm-home .rm-brand__text span { display: block; color: var(--rm-amber); font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; margin-top: 2px; } .rm-home .rm-nav__links { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; list-style: none; margin: 0; padding: 0; } .rm-home .rm-nav__links a { color: rgba(255,255,255,0.88); font-size: 13px; font-weight: 500; white-space: nowrap; } .rm-home .rm-nav__links a:hover { color: var(--rm-amber); } .rm-home .rm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; border-radius: var(--rm-radius-sm); font-size: 14px; font-weight: 700; border: 1.5px solid transparent; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; white-space: nowrap; } .rm-home .rm-btn:hover { transform: translateY(-1px); } .rm-home .rm-btn--amber { background: linear-gradient(180deg, var(--rm-amber-hot), var(--rm-amber)); color: #12261A; box-shadow: 0 8px 24px rgba(247, 170, 36, 0.28); } .rm-home .rm-btn--ghost { background: transparent; color: var(--rm-amber); border-color: var(--rm-amber); } .rm-home .rm-btn--dark-outline { background: transparent; color: var(--rm-amber); border-color: rgba(247, 170, 36, 0.55); } .rm-home .rm-btn--block { width: 100%; } .rm-home .rm-nav__cta { flex-shrink: 0; padding: 10px 16px; font-size: 13px; } /* —— Hero —— */ .rm-home .rm-hero { position: relative; background: radial-gradient(ellipse 80% 60% at 70% 20%, rgba(36, 90, 58, 0.45), transparent 55%), radial-gradient(ellipse 50% 40% at 15% 80%, rgba(20, 60, 40, 0.5), transparent 50%), linear-gradient(160deg, #062A1B 0%, #0F2A1F 40%, #143528 100%); color: var(--rm-white); overflow: hidden; padding: 72px 0 80px; } .rm-home .rm-hero::before { content: ""; position: absolute; inset: 0; background-image: repeating-linear-gradient(115deg, transparent 0 18px, rgba(255,255,255,0.015) 18px 19px), repeating-linear-gradient(25deg, transparent 0 28px, rgba(212, 160, 23, 0.03) 28px 29px); pointer-events: none; opacity: 0.9; } .rm-home .rm-hero__grid { position: relative; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 48px; align-items: center; } .rm-home .rm-pill { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; } .rm-home .rm-pill--gold-outline { border: 1px solid rgba(247, 170, 36, 0.65); color: var(--rm-amber); background: rgba(247, 170, 36, 0.08); } .rm-home .rm-pill--cream { background: var(--rm-cream); color: var(--rm-text); border: 1px solid rgba(23, 59, 42, 0.08); } .rm-home .rm-pill--amber { background: var(--rm-amber); color: #12261A; } .rm-home .rm-hero h1 { margin: 18px 0 16px; font-size: clamp(28px, 4vw, 42px); font-weight: 800; line-height: 1.28; letter-spacing: -0.03em; } .rm-home .rm-hero__lead { margin: 0 0 28px; font-size: 16px; color: rgba(255,255,255,0.86); max-width: 34em; } .rm-home .rm-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 36px; } .rm-home .rm-hero__signals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.12); } .rm-home .rm-hero__signals dt { color: var(--rm-amber); font-size: 15px; font-weight: 700; margin: 0 0 4px; } .rm-home .rm-hero__signals dd { margin: 0; font-size: 12px; color: rgba(255,255,255,0.72); line-height: 1.45; } .rm-home .rm-feature-card { background: linear-gradient(165deg, rgba(10, 50, 31, 0.95), rgba(6, 42, 27, 0.98)); border: 1.5px solid rgba(247, 170, 36, 0.55); border-radius: var(--rm-radius); padding: 28px 26px 24px; box-shadow: 0 24px 48px rgba(0,0,0,0.28); } .rm-home .rm-feature-card__head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; } .rm-home .rm-feature-card__icon { width: 44px; height: 44px; border-radius: 50%; background: rgba(247, 170, 36, 0.15); border: 1px solid rgba(247, 170, 36, 0.45); display: grid; place-items: center; color: var(--rm-amber); font-size: 18px; flex-shrink: 0; } .rm-home .rm-feature-card__head h2 { margin: 0; font-size: 18px; font-weight: 700; color: var(--rm-white); } .rm-home .rm-feature-card__head p { margin: 4px 0 0; font-size: 12px; color: var(--rm-amber); } .rm-home .rm-feature-card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; } .rm-home .rm-feature-card li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: rgba(255,255,255,0.9); line-height: 1.5; } .rm-home .rm-check { flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background: rgba(247, 170, 36, 0.18); border: 1px solid var(--rm-amber); color: var(--rm-amber); font-size: 11px; display: grid; place-items: center; margin-top: 2px; } .rm-home .rm-feature-card__foot { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; gap: 12px; } .rm-home .rm-feature-card__foot img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: center 18%; border: 2px solid rgba(247, 170, 36, 0.4); background: #fff; } .rm-home .rm-feature-card__foot span { font-size: 12px; color: rgba(255,255,255,0.7); line-height: 1.4; } /* —— Value strip —— */ .rm-home .rm-values { background: var(--rm-green-deep); padding: 28px 0 36px; border-top: 1px solid var(--rm-green-border); } .rm-home .rm-values__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .rm-home .rm-value { background: rgba(20, 53, 40, 0.85); border: 1px solid var(--rm-green-border); border-radius: 14px; padding: 18px 16px; text-align: center; } .rm-home .rm-value__ico { width: 40px; height: 40px; margin: 0 auto 10px; border-radius: 10px; background: rgba(247, 170, 36, 0.12); color: var(--rm-amber); display: grid; place-items: center; font-size: 18px; } .rm-home .rm-value strong { display: block; color: var(--rm-cream); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 4px; } .rm-home .rm-value span { color: rgba(255,255,255,0.78); font-size: 13px; font-weight: 500; } /* —— Shared section bits —— */ .rm-home .rm-section { padding: 88px 0; } .rm-home .rm-section--cream { background: var(--rm-canvas); } .rm-home .rm-section--white { background: var(--rm-white); } .rm-home .rm-section--dark { background: linear-gradient(165deg, #062A1B, #0F2A1F 55%, #143528); color: var(--rm-white); } .rm-home .rm-eyebrow { display: flex; justify-content: center; margin-bottom: 14px; } .rm-home .rm-intro { text-align: center; max-width: 640px; margin: 0 auto 48px; } .rm-home .rm-intro h2 { margin: 0 0 12px; font-size: clamp(24px, 3vw, 34px); font-weight: 800; letter-spacing: -0.03em; color: var(--rm-text); line-height: 1.3; } .rm-home .rm-section--dark .rm-intro h2 { color: var(--rm-white); } .rm-home .rm-intro p { margin: 0; color: var(--rm-muted); font-size: 15px; } .rm-home .rm-section--dark .rm-intro p { color: rgba(255,255,255,0.75); } /* —— Month / book focus —— */ .rm-home .rm-month__grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 36px; align-items: center; } .rm-home .rm-month__visual { border-radius: var(--rm-radius); overflow: hidden; border: 1px solid var(--rm-line); box-shadow: 0 16px 40px rgba(23, 59, 42, 0.08); background: var(--rm-green-deep); } .rm-home .rm-month__visual img { width: 100%; aspect-ratio: 4/3; object-fit: cover; object-position: center top; } .rm-home .rm-month__copy h2 { margin: 12px 0 14px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.35; } .rm-home .rm-month__copy > p { color: var(--rm-muted); margin: 0 0 22px; font-size: 15px; } .rm-home .rm-book-card { background: var(--rm-white); border: 1px solid var(--rm-line); border-radius: 14px; padding: 20px 22px; margin-bottom: 14px; } .rm-home .rm-book-card__tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #12261A; background: var(--rm-amber); padding: 4px 10px; border-radius: 999px; margin-bottom: 10px; } .rm-home .rm-book-card h3 { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: var(--rm-text); } .rm-home .rm-book-card p { margin: 0 0 12px; font-size: 14px; color: var(--rm-muted); } .rm-home .rm-book-card ul { margin: 0; padding-left: 1.1em; color: var(--rm-text); font-size: 14px; } .rm-home .rm-book-mini { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .rm-home .rm-book-mini article { background: var(--rm-white); border: 1px solid var(--rm-line); border-radius: 12px; padding: 16px; } .rm-home .rm-book-mini strong { display: block; font-size: 11px; letter-spacing: 0.05em; color: var(--rm-amber); text-transform: uppercase; margin-bottom: 6px; } .rm-home .rm-book-mini h4 { margin: 0 0 6px; font-size: 15px; font-weight: 700; } .rm-home .rm-book-mini p { margin: 0; font-size: 13px; color: var(--rm-muted); } /* —— Four steps —— */ .rm-home .rm-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; } .rm-home .rm-step { background: var(--rm-white); border: 1px solid var(--rm-line); border-radius: var(--rm-radius); padding: 26px 22px 24px; box-shadow: 0 8px 24px rgba(23, 59, 42, 0.04); position: relative; } .rm-home .rm-step__num { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 28px; padding: 0 10px; border-radius: 999px; background: var(--rm-amber); color: #12261A; font-size: 13px; font-weight: 800; margin-bottom: 14px; } .rm-home .rm-step h3 { margin: 0 0 10px; font-size: 17px; font-weight: 700; color: var(--rm-text); } .rm-home .rm-step p { margin: 0; font-size: 14px; color: var(--rm-muted); line-height: 1.55; } /* —— Classroom visuals —— */ .rm-home .rm-classroom__grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 20px; } .rm-home .rm-photo { position: relative; border-radius: var(--rm-radius); overflow: hidden; background: var(--rm-green-deep); border: 1px solid var(--rm-line); } .rm-home .rm-photo img { width: 100%; height: 100%; object-fit: cover; min-height: 280px; } .rm-home .rm-photo--tall img { min-height: 420px; object-position: center 20%; } .rm-home .rm-photo--side img { min-height: 200px; object-position: center 25%; } .rm-home .rm-photo__caption { position: absolute; left: 14px; bottom: 14px; right: 14px; background: rgba(6, 42, 27, 0.88); color: var(--rm-cream); font-size: 12px; font-weight: 600; padding: 8px 12px; border-radius: 8px; border: 1px solid rgba(247, 170, 36, 0.35); backdrop-filter: blur(6px); } .rm-home .rm-classroom__stack { display: grid; gap: 20px; } .rm-home .rm-classroom__note { background: var(--rm-white); border: 1px solid var(--rm-line); border-radius: 14px; padding: 20px 22px; } .rm-home .rm-classroom__note h3 { margin: 0 0 8px; font-size: 16px; font-weight: 700; } .rm-home .rm-classroom__note p { margin: 0; font-size: 14px; color: var(--rm-muted); } /* —— Growth —— */ .rm-home .rm-growth__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; } .rm-home .rm-growth__visual { border-radius: var(--rm-radius); overflow: hidden; border: 1px solid var(--rm-green-border); background: #041810; } .rm-home .rm-growth__visual img { width: 100%; aspect-ratio: 1 / 1.05; object-fit: cover; object-position: center; } .rm-home .rm-signal-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; } .rm-home .rm-signal-list li { display: grid; grid-template-columns: 40px 1fr; gap: 14px; align-items: start; background: rgba(255,255,255,0.04); border: 1px solid var(--rm-green-border); border-radius: 14px; padding: 16px 18px; } .rm-home .rm-signal-list .rm-n { width: 40px; height: 40px; border-radius: 10px; background: rgba(247, 170, 36, 0.15); color: var(--rm-amber); display: grid; place-items: center; font-weight: 800; font-size: 14px; } .rm-home .rm-signal-list strong { display: block; color: var(--rm-cream); font-size: 15px; margin-bottom: 4px; } .rm-home .rm-signal-list span { color: rgba(255,255,255,0.72); font-size: 13px; line-height: 1.5; } /* —— Feature / curriculum cards —— */ .rm-home .rm-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .rm-home .rm-card { background: var(--rm-white); border: 1px solid var(--rm-line); border-radius: var(--rm-radius); padding: 24px 22px; box-shadow: 0 8px 24px rgba(23, 59, 42, 0.04); display: flex; flex-direction: column; min-height: 100%; } .rm-home .rm-card--accent { border-color: rgba(247, 170, 36, 0.55); box-shadow: 0 10px 28px rgba(247, 170, 36, 0.1); } .rm-home .rm-card--dark { background: var(--rm-green); border-color: var(--rm-green-border); color: var(--rm-white); } .rm-home .rm-card__tag { display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--rm-cream); color: var(--rm-text); margin-bottom: 14px; } .rm-home .rm-card--dark .rm-card__tag { background: var(--rm-amber); color: #12261A; } .rm-home .rm-card__ico { width: 44px; height: 44px; border-radius: 12px; background: var(--rm-green); color: var(--rm-amber); display: grid; place-items: center; font-size: 18px; margin-bottom: 14px; } .rm-home .rm-card--dark .rm-card__ico { background: rgba(247, 170, 36, 0.15); } .rm-home .rm-card h3 { margin: 0 0 10px; font-size: 18px; font-weight: 700; line-height: 1.35; } .rm-home .rm-card--dark h3 { color: var(--rm-white); } .rm-home .rm-card p { margin: 0 0 16px; font-size: 14px; color: var(--rm-muted); flex: 1; } .rm-home .rm-card--dark p { color: rgba(255,255,255,0.75); } .rm-home .rm-card__link { color: #B87A08; font-size: 13px; font-weight: 700; } .rm-home .rm-card--dark .rm-card__link { color: var(--rm-amber); } /* —— AI / platform band —— */ .rm-home .rm-platform__grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 40px; align-items: center; } .rm-home .rm-platform__grid h2 { margin: 12px 0 14px; font-size: clamp(24px, 3vw, 32px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.3; } .rm-home .rm-platform__grid > div > p { margin: 0 0 20px; color: rgba(255,255,255,0.78); font-size: 15px; max-width: 36em; } .rm-home .rm-callouts { display: grid; gap: 12px; margin-bottom: 24px; } .rm-home .rm-callout { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--rm-green-border); background: rgba(255,255,255,0.04); } .rm-home .rm-callout__ico { width: 36px; height: 36px; border-radius: 10px; background: rgba(247, 170, 36, 0.12); color: var(--rm-amber); display: grid; place-items: center; flex-shrink: 0; } .rm-home .rm-callout strong { display: block; font-size: 14px; margin-bottom: 2px; } .rm-home .rm-callout span { font-size: 13px; color: rgba(255,255,255,0.7); } .rm-home .rm-platform__visual { position: relative; border-radius: var(--rm-radius); overflow: hidden; border: 1px solid var(--rm-green-border); box-shadow: 0 24px 48px rgba(0,0,0,0.25); } .rm-home .rm-platform__visual img { width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: center 30%; } /* —— CTA / contact —— */ .rm-home .rm-contact__intro { text-align: center; max-width: 560px; margin: 0 auto 40px; } .rm-home .rm-contact__intro h2 { margin: 12px 0 12px; font-size: clamp(24px, 3vw, 32px); font-weight: 800; letter-spacing: -0.02em; } .rm-home .rm-contact__intro p { margin: 0; color: var(--rm-muted); font-size: 15px; } .rm-home .rm-contact__split { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 0; border-radius: 20px; overflow: hidden; border: 1px solid var(--rm-line); box-shadow: 0 20px 48px rgba(23, 59, 42, 0.08); } .rm-home .rm-contact__dark { background: var(--rm-green-deep); color: var(--rm-white); padding: 36px 32px; } .rm-home .rm-contact__row { display: grid; grid-template-columns: 28px 1fr; gap: 12px; margin-bottom: 20px; align-items: start; } .rm-home .rm-contact__row .rm-lab { color: var(--rm-amber); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 4px; } .rm-home .rm-contact__row p, .rm-home .rm-contact__row a { margin: 0; font-size: 15px; color: rgba(255,255,255,0.92); line-height: 1.5; } .rm-home .rm-contact__actions { display: grid; gap: 10px; margin-top: 8px; } .rm-home .rm-contact__hours { background: var(--rm-cream); padding: 36px 32px; color: var(--rm-text); } .rm-home .rm-contact__hours h3 { margin: 0 0 18px; font-size: 18px; font-weight: 700; } .rm-home .rm-hours { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; } .rm-home .rm-hours li { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(23, 59, 42, 0.1); } .rm-home .rm-hours .rm-closed { color: #E86660; font-weight: 700; } .rm-home .rm-notice { background: rgba(247, 170, 36, 0.18); border: 1px solid rgba(247, 170, 36, 0.35); border-radius: 12px; padding: 14px 16px; font-size: 13px; color: var(--rm-text); line-height: 1.5; } /* —— Footer —— */ .rm-home .rm-footer { background: var(--rm-green-deep); color: rgba(255,255,255,0.85); padding: 56px 0 0; } .rm-home .rm-footer__grid { display: grid; grid-template-columns: 1.3fr 1fr 1.2fr; gap: 36px; padding-bottom: 40px; } .rm-home .rm-footer__brand { display: flex; gap: 14px; align-items: flex-start; } .rm-home .rm-footer__brand img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: center 15%; background: #fff; border: 2px solid rgba(247, 170, 36, 0.4); flex-shrink: 0; } .rm-home .rm-footer__brand h3 { margin: 0 0 8px; color: var(--rm-white); font-size: 16px; } .rm-home .rm-footer__brand p { margin: 0 0 8px; font-size: 13px; line-height: 1.55; color: rgba(255,255,255,0.72); } .rm-home .rm-footer__brand em { display: block; font-style: normal; color: var(--rm-amber); font-size: 13px; font-weight: 600; } .rm-home .rm-footer h4 { margin: 0 0 14px; color: var(--rm-amber); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; } .rm-home .rm-footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; } .rm-home .rm-footer__links a { font-size: 14px; color: rgba(255,255,255,0.82); } .rm-home .rm-footer__links a:hover { color: var(--rm-amber); } .rm-home .rm-footer__links a::before { content: "› "; color: var(--rm-amber); } .rm-home .rm-tags { display: flex; flex-wrap: wrap; gap: 8px; } .rm-home .rm-tags span { display: inline-block; padding: 6px 11px; border-radius: 999px; background: rgba(255,255,255,0.06); border: 1px solid var(--rm-green-border); font-size: 12px; color: rgba(255,255,255,0.8); } .rm-home .rm-footer__bar { border-top: 1px solid var(--rm-green-border); padding: 16px 0 22px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; font-size: 12px; color: rgba(255,255,255,0.55); } .rm-home .rm-preview-banner { background: #3A2A08; color: var(--rm-cream); text-align: center; font-size: 12px; font-weight: 600; padding: 8px 12px; border-bottom: 1px solid rgba(247, 170, 36, 0.35); } @media (max-width: 980px) { .rm-home .rm-nav__links { display: none; } .rm-home .rm-hero__grid, .rm-home .rm-month__grid, .rm-home .rm-classroom__grid, .rm-home .rm-growth__grid, .rm-home .rm-platform__grid, .rm-home .rm-contact__split, .rm-home .rm-footer__grid { grid-template-columns: 1fr; } .rm-home .rm-values__grid { grid-template-columns: 1fr 1fr; } .rm-home .rm-steps { grid-template-columns: 1fr 1fr; } .rm-home .rm-cards { grid-template-columns: 1fr; } .rm-home .rm-hero__signals { grid-template-columns: 1fr; gap: 12px; } .rm-home .rm-book-mini { grid-template-columns: 1fr; } .rm-home .rm-section { padding: 64px 0; } .rm-home .rm-hero { padding: 48px 0 56px; } } @media (max-width: 560px) { .rm-home .rm-values__grid, .rm-home .rm-steps { grid-template-columns: 1fr; } .rm-home .rm-hero__actions { flex-direction: column; align-items: stretch; } } /* Contrast safety: light bands must keep dark ink even if theme forces cream/white body text */ .rm-home .rm-section--cream, .rm-home .rm-section--white, .rm-home .rm-section--cream :is(p, li, h1, h2, h3, h4, a, span, strong), .rm-home .rm-section--white :is(p, li, h1, h2, h3, h4, a, span, strong) { color: var(--rm-text); } .rm-home .rm-section--cream .rm-muted, .rm-home .rm-section--white .rm-muted, .rm-home .rm-hero__lead { color: var(--rm-muted); } /* Hero on this page is light-canvas + dark type (not white-on-dark); force readable lead */ .rm-home .rm-hero { color: var(--rm-text); } .rm-home .rm-hero .rm-hero__lead { color: var(--rm-muted); } .rm-home .rm-nav__links a { color: rgba(255,255,255,0.88) !important; } .rm-home .rm-brand__text, .rm-home .rm-brand__text strong { color: #F5EED8 !important; }