@@ -518,8 +518,59 @@ strong {
518518 font-style : italic;
519519}
520520
521+ .hero-venue {
522+ display : flex;
523+ justify-content : center;
524+ margin-top : 18px ;
525+ }
526+
527+ .hero-venue-badge {
528+ position : relative;
529+ display : inline-flex;
530+ align-items : center;
531+ justify-content : center;
532+ padding : 12px 26px ;
533+ border-radius : 999px ;
534+ border : 1px solid rgba (255 , 255 , 255 , 0.2 );
535+ background : rgba (255 , 255 , 255 , 0.08 );
536+ box-shadow : 0 10px 24px rgba (0 , 0 , 0 , 0.25 ), inset 0 0 0 1px rgba (255 , 255 , 255 , 0.04 );
537+ color : rgba (255 , 255 , 255 , 0.94 );
538+ font-size : 15px ;
539+ font-weight : 700 ;
540+ letter-spacing : 0.04em ;
541+ text-transform : uppercase;
542+ isolation : isolate;
543+ }
544+
545+ .hero-venue-badge ::after {
546+ content : attr (data-text);
547+ position : absolute;
548+ left : 50% ;
549+ top : 54% ;
550+ z-index : 0 ;
551+ transform : translateX (-50% ) scale (1.12 , 0.9 );
552+ color : rgba (255 , 250 , 240 , 0.72 );
553+ font-size : 15px ;
554+ font-weight : 700 ;
555+ letter-spacing : 0.04em ;
556+ text-transform : uppercase;
557+ white-space : nowrap;
558+ filter : blur (18px );
559+ opacity : 0.62 ;
560+ pointer-events : none;
561+ }
562+
563+ .hero-venue-label {
564+ position : relative;
565+ z-index : 1 ;
566+ text-shadow :
567+ 0 0 8px rgba (255 , 255 , 255 , 0.9 ),
568+ 0 0 18px rgba (255 , 249 , 232 , 0.48 ),
569+ 0 0 36px rgba (255 , 236 , 188 , 0.2 );
570+ }
571+
521572.hero-teaser {
522- margin : 44 px auto 0 ;
573+ margin : 28 px auto 0 ;
523574 max-width : 100% ;
524575}
525576
0 commit comments