Skip to content

Commit ccea50e

Browse files
committed
style(hero): add gold icon, pills/CTA polish; safe image fallback order
1 parent c8e4580 commit ccea50e

File tree

1 file changed

+15
-1
lines changed

1 file changed

+15
-1
lines changed

assets/css/main.scss

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,8 @@ sitemap:
4242
--border: 240 20% 18%;
4343
--input: 240 20% 15%;
4444
--ring: 262 65% 62%;
45+
/* Gold accent for iconography */
46+
--gold: 45 86% 58%;
4547

4648
/* Sacred geometry gradients */
4749
--gradient-cathedral: linear-gradient(135deg, hsl(240 15% 8%), hsl(240 20% 12%));
@@ -301,7 +303,7 @@ nav .pagination li a.current {
301303
}
302304

303305
/* hero icon & pills */
304-
.hero-cathedral__icon { color: hsl(var(--accent)); opacity: 0.9; margin-bottom: 0.75rem; filter: drop-shadow(0 2px 8px hsl(var(--accent) / 0.25)); }
306+
.hero-cathedral__icon { color: hsl(var(--gold)); opacity: 0.95; margin-bottom: 0.75rem; filter: drop-shadow(0 2px 10px hsl(var(--gold) / 0.35)); }
305307

306308
.hero-cathedral__pills { display: flex; gap: .5rem; flex-wrap: wrap; justify-content: center; margin-top: 1rem; }
307309
.pill { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .7rem; border-radius: 999px; font-size: .85rem; line-height: 1; color: hsl(var(--foreground)); background: hsl(var(--secondary) / 0.65); border: 1px solid hsl(var(--border)); box-shadow: 0 1px 3px hsl(0 0% 0% / .2) inset, 0 6px 20px hsl(0 0% 0% / .15); }
@@ -312,6 +314,18 @@ nav .pagination li a.current {
312314
.btn.btn--ghost { background: hsl(var(--secondary) / 0.65); color: hsl(var(--foreground)) !important; border: 1px solid hsl(var(--border)) !important; }
313315
.btn.btn--ghost:hover { background: hsl(var(--secondary) / 0.8); }
314316

317+
/* Make hero CTAs pill-shaped and slightly larger */
318+
.hero-cathedral__actions .btn { border-radius: 999px !important; padding: 0.75rem 1.25rem; }
319+
320+
/* Section heading gradient like the reference */
321+
.page > h2 {
322+
font-weight: 800; letter-spacing: -0.015em;
323+
background: var(--gradient-sacred); -webkit-background-clip: text; background-clip: text; color: transparent;
324+
}
325+
326+
/* Subtle width limit for hero subtitle */
327+
.hero-cathedral__subtitle { max-width: 820px; }
328+
315329
.hero-cathedral__title {
316330
font-size: clamp(2.2rem, 6vw, 3.6rem);
317331
font-weight: 800;

0 commit comments

Comments
 (0)