@@ -85,18 +85,22 @@ a.nav__link:hover{color:#fff; background:rgba(255,255,255,.14);}
8585 linear-gradient (180deg , rgba (8 , 9 , 12 , .62 ) 0% , rgba (8 , 9 , 12 , .42 ) 30% , rgba (8 , 9 , 12 , .46 ) 62% , rgba (8 , 9 , 12 , .82 ) 100% );}
8686/* logo floats left of the centered title; offset is clamped so it never flies off-screen */
8787.hero__logo {--lx : clamp (-448px , -33.5vw , -328px ); position : absolute; z-index : 3 ; left : 53% ; top : 50% ;
88- transform : translate (var (--lx ), -120px ); width : clamp (108 px , 9 .5vw , 136 px ); height : auto;
88+ transform : translate (var (--lx ), -120px ); width : clamp (84 px , 7 .5vw , 108 px ); height : auto;
8989 filter : drop-shadow (0 6px 22px rgba (0 , 0 , 0 , .4 ));
9090 transition : transform .35s var (--ease-out ), filter .35s ease;
9191 transform-origin : center; cursor : pointer;
9292 animation : hero-fade 1s ease .1s both;}
9393.hero__logo : hover {transform : translate (var (--lx ), -120px ) scale (1.1 );
9494 filter : drop-shadow (0 10px 30px rgba (0 , 0 , 0 , .5 ));}
95- /* organization brand mark, stacked below the project logo */
96- .hero__orglogo {--lx : clamp ( -345 px , -26 vw , -235 px ); position : absolute; z-index : 3 ; left : 53 % ; top : 50% ;
97- transform : translate ( var ( --lx ) , 96 px ); width : clamp (108px , 9.5vw , 136px ); height : auto;
95+ /* organization brand mark, pinned to the immediate left of the wordmark */
96+ .hero__orglogo {position : absolute; right : 100 % ; top : 50 % ; transform : translateY ( - 50% ) ;
97+ margin-right : clamp ( 44 px , 4.4 vw , 80 px ); width : clamp (108px , 9.5vw , 136px ); height : auto;
9898 filter : drop-shadow (0 4px 16px rgba (0 , 0 , 0 , .45 ));
99- animation : hero-fade 1s ease .25s both;}
99+ transition : transform .35s var (--ease-out ), filter .35s ease;
100+ transform-origin : center; cursor : pointer;
101+ animation : hero-fade 1s ease .3s both;}
102+ .hero__orglogo : hover {transform : translateY (-50% ) scale (1.1 );
103+ filter : drop-shadow (0 8px 26px rgba (0 , 0 , 0 , .55 ));}
100104.hero__content {position : relative; z-index : 1 ; text-align : center; color : # fff ; padding : 0 var (--pad );
101105 max-width : 1000px ;}
102106.hero__title {font-size : clamp (38px , 6.2vw , 65px ); font-weight : 800 ; letter-spacing : -.05em ; line-height : .92 ;
0 commit comments