diff --git a/docs/landing/assets/img/logo_horizon.png b/docs/landing/assets/img/logo_horizon.png new file mode 100644 index 0000000..462d859 Binary files /dev/null and b/docs/landing/assets/img/logo_horizon.png differ diff --git a/docs/landing/index.html b/docs/landing/index.html index 622f8ed..7ce856e 100644 --- a/docs/landing/index.html +++ b/docs/landing/index.html @@ -47,6 +47,7 @@ +

EmbodiedGenV2

diff --git a/docs/landing/style.css b/docs/landing/style.css index 0a15953..34afab5 100644 --- a/docs/landing/style.css +++ b/docs/landing/style.css @@ -84,14 +84,19 @@ a.nav__link:hover{color:#fff; background:rgba(255,255,255,.14);} radial-gradient(120% 90% at 50% 45%, rgba(8,9,12,.30) 0%, rgba(8,9,12,.62) 100%), 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%);} /* logo floats left of the centered title; offset is clamped so it never flies off-screen */ -.hero__logo{--lx:clamp(-450px,-34vw,-330px); position:absolute; z-index:3; left:53%; top:50%; - transform:translate(var(--lx),-120px); width:clamp(128px,11vw,158px); height:auto; +.hero__logo{--lx:clamp(-448px,-33.5vw,-328px); position:absolute; z-index:3; left:53%; top:50%; + transform:translate(var(--lx),-120px); width:clamp(108px,9.5vw,136px); height:auto; filter:drop-shadow(0 6px 22px rgba(0,0,0,.4)); transition:transform .35s var(--ease-out), filter .35s ease; transform-origin:center; cursor:pointer; animation:hero-fade 1s ease .1s both;} .hero__logo:hover{transform:translate(var(--lx),-120px) scale(1.1); filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));} +/* organization brand mark, stacked below the project logo */ +.hero__orglogo{--lx:clamp(-345px,-26vw,-235px); position:absolute; z-index:3; left:53%; top:50%; + transform:translate(var(--lx),96px); width:clamp(108px,9.5vw,136px); height:auto; + filter:drop-shadow(0 4px 16px rgba(0,0,0,.45)); + animation:hero-fade 1s ease .25s both;} .hero__content{position:relative; z-index:1; text-align:center; color:#fff; padding:0 var(--pad); max-width:1000px;} .hero__title{font-size:clamp(38px,6.2vw,65px); font-weight:800; letter-spacing:-.05em; line-height:.92; @@ -400,7 +405,7 @@ model-viewer{width:100%; height:100%; min-height:0; --poster-color:transparent; RESPONSIVE ========================================================= */ @media (max-width:1000px){ - .hero__logo{display:none;} + .hero__logo,.hero__orglogo{display:none;} /* single column: drop the fixed row height; stage gets its own min-height */ .viewer{grid-template-columns:1fr; grid-template-rows:none; grid-template-areas:"stage" "side" "gallery";} .viewer__stage{min-height:380px;}