@@ -42,6 +42,8 @@ sitemap:
42
42
--border : 240 20% 18% ;
43
43
--input : 240 20% 15% ;
44
44
--ring : 262 65% 62% ;
45
+ /* Gold accent for iconography */
46
+ --gold : 45 86% 58% ;
45
47
46
48
/* Sacred geometry gradients */
47
49
--gradient-cathedral : linear-gradient (135deg , hsl (240 15% 8% ), hsl (240 20% 12% ));
@@ -301,7 +303,7 @@ nav .pagination li a.current {
301
303
}
302
304
303
305
/* hero icon & pills */
304
- .hero-cathedral__icon { color : hsl (var (--accent )); opacity : 0.9 ; margin-bottom : 0.75rem ; filter : drop-shadow (0 2px 8 px 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 10 px hsl (var (--gold ) / 0.35 )); }
305
307
306
308
.hero-cathedral__pills { display : flex ; gap : .5rem ; flex-wrap : wrap ; justify-content : center ; margin-top : 1rem ; }
307
309
.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 {
312
314
.btn.btn--ghost { background : hsl (var (--secondary ) / 0.65 ); color : hsl (var (--foreground )) !important ; border : 1px solid hsl (var (--border )) !important ; }
313
315
.btn.btn--ghost :hover { background : hsl (var (--secondary ) / 0.8 ); }
314
316
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
+
315
329
.hero-cathedral__title {
316
330
font-size : clamp (2.2rem , 6vw , 3.6rem );
317
331
font-weight : 800 ;
0 commit comments